/* =============================================================================
   responsive-assist.css — 2026-08-21 (v3)
   보수 범위: 서브 페이지 본문 영역의 이미지 유동화 + ≤900px 잔결함 보정만.
   홈 비주얼 슬라이더·GNB는 JS/고정 좌표 설계라 건드리지 않는다 (v1·v2 회귀 교훈).
   additive 파일 — 제거 시 즉시 원상.
   ============================================================================= */

/* 서브 페이지 본문·팝업 이미지 유동화 — DB 본문의 고정 크기 이미지 넘침 방지 */
.con_body img, .content img, .container_sub img, #hd_pop img {
  max-width: 100%;
  height: auto;
}

/* 히어로 캡션(dl 오버레이) 뷰포트 중앙 정렬 — 캡션은 1900px 슬라이드(li) 기준
   absolute라 좁은 창에서 우측으로 밀려 잘린다. 이미지·슬라이더 li 지오메트리는
   불가침, 텍스트 오버레이와 하단 페이징 탭만 뷰포트 기준으로 재정렬. */
@media all and (max-width: 1899px) {
  .visual-list dl { left: 50vw; } /* margin-left:-550px 유지 → 뷰포트 중앙 */
}
@media all and (max-width: 1140px) {
  .visual-list dl {
    left: 0;
    margin-left: 0;
    width: 100vw;
    box-sizing: border-box;
    padding-left: 6vw;
    padding-right: 6vw;
  }
  .visual-list dl dt span img { max-width: 70%; height: auto; }
  ul.visual-paging { width: 100%; left: 0; margin-left: 0; }
  ul.visual-paging li a { font-size: 15px; }
}

/* 히어로 타이틀·설명 — 구운 글자(PNG·JPG) → 실 텍스트 전환 (2026-08-21).
   원본 룩 매칭: 초굵은 고딕·흰색. 배경은 글자 제거판(*c.jpg). */
/* 제목-설명 간격 축소 — 원본은 촘촘 (기존 margin-bottom:30px + line-height:250%가 과대) */
.visual-list dl dt { margin-bottom: 10px; line-height: 1.1; }
.visual-list dl dt span {
  font-family: 'Pretendard', 'nanumgo', 'Apple SD Gothic Neo', sans-serif;
  /* 구운 원본 타이틀은 Light 웨이트 (초굵은 sm_mt PNG는 폐기된 옛 디자인) */
  font-weight: 300;
  letter-spacing: -0.01em;
  line-height: 1.15;
  text-shadow: 0 1px 2px rgba(0,0,0,.22);
}
.visual-list dl dd {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.75;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
@media all and (max-width: 1140px) {
  .visual-list dl dt span { font-size: 44px; }
  .visual-list dl dd { font-size: 13px; }
}
@media all and (max-width: 640px) {
  .visual-list dl dt span { font-size: 32px; }
}

/* 히어로 배경 중앙 크롭 — 좌측 고정 크롭 대신 중앙 유지.
   fade 슬라이더(main_visual.js, opacity 전환)라 transform은 레이아웃 불변·안전 */
@media all and (max-width: 1899px) {
  .visual-list li > img { position: relative; left: 50%; transform: translateX(-50%); }
}

/* ≤900px: 기존 미디어쿼리 블록 보완 */
@media all and (max-width: 900px) {
  /* 기존 layout.css의 디버그 잔재(background:red) 무해화 */
  .container_sub { background: transparent; }
}