/* about/intro.html 전용 보정 — 원본 css/sub.css 는 그대로 두고 여기서만 더한다. */

/* 원본은 .detail_content 첫 줄에 빈 텍스트 + <br/><br/> 로 여백을 만들었다(R1 BR-RUN).
   실측 간격(detail_content 콘텐츠 시작 562px → list_content_img 595px = 33px)을
   그대로 옮기되, 원본 .list_content_img 의 marginTop 은 0 이다(parity 실측).
   margin 으로 주면 그 요소의 박스 스펙이 원본과 어긋나므로, 원본에서 자리를
   차지하던 br 라인박스를 부모의 ::before 스페이서로 대신한다(기하 동일, 박스 일치). */
.detail_content > .list_content_img:first-child { margin-top: 0; }
.detail_content::before {
  content: "";
  display: block;
  height: 33px;
}

/* 반응형 — 원본에 @media 가 없어 로컬탭 4개가 좁은 폭에서 눌린다.
   .sub1_nav(본원소개 섹션 전용)만 2열로 접는다. */
@media screen and (max-width: 768px) {
  .sub1_nav li { width: 50%; }
  .sub1_nav li:nth-child(2n) { border-right: none; }
  .sub1_nav li:nth-child(-n + 2) { border-bottom: 1px solid #ccc; }
  .sub1_nav li a { font-size: 15px; }
}

@media screen and (max-width: 480px) {
  .detail_content { padding: 20px 15px 40px; margin-bottom: 40px; }
  .top_content { padding-top: 40px; }
  .top_content h2 { font-size: 22px; }
  .sub1_nav li a { font-size: 14px; }
}