/* 품질 올리기 2단계(2026-10-07 · 본부 발주 ㄱ묶음 A1~A4) — 모든 쪽 맨 뒤에 실린다. 글 · 진료 내용은 그대로, 놓는 자리 · 크기 · 색만. */

/* A2 · 머리띠: 스크롤 중 본문 글자가 비치지 않게 불투명 흰색 하나로 */
#header,#header.scrolled,#header.stiky{background:#fff!important}

/* A2 · 첫 화면 보조: 멈춤 단추 누르기 쉬운 크기 · SCROLL DOWN 이 사진 위에서도 읽히게 */
.hero-pause{min-width:44px;min-height:32px;padding:6px 10px;font-family:Pretendard,sans-serif!important;letter-spacing:0}
.scroll-hint{color:#665071!important;text-shadow:0 0 6px #fff,0 0 12px #fff,0 0 18px #fff} /* 알약 상자 대신 흰 번짐으로 대비만 */

/* A2 · «A space for your morning» 절: 장식 가로줄이 제목을 지나가지 않게 — 줄을 배지와 소제목 사이로 올림 */
@media(min-width:1025px){.m3:after{top:214px!important}}
@media(min-width:1025px) and (max-width:1300px){.space-title{font-size:60px!important}}

/* A2 · 1280~1440: ALL MENU 안쪽 틀을 다른 절과 같은 폭으로 · 오른쪽 빠른 메뉴가 본문을 덮지 않게 */
@media(min-width:1025px) and (max-width:1440px){
 .tpl_sitemap .inner{width:min(1320px,calc(100% - 240px))!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
 .subpage .content-width,.subpage .care-inner,.subpage .clinical-nav,.subpage .clinical-topics{max-width:calc(100% - 240px)}
}

/* A2 · 휴대폰: 진료 쪽 절 번호(장식)가 긴 제목 끝에 붙지 않게 */
@media(max-width:767px){.care-section-index{display:none!important}}

/* A1 · 휴대폰 첫 화면: 글 묶음을 줄이고 사진을 올려 얼굴(머리~턱)이 아래 빠른 메뉴 띠 위에 다 들어오게 — 사진 그대로 */
@media(max-width:767px){
 .clinic-page-title{top:92px}
 #mv .mv_list_wrap .mv_list .txt_wrap1{top:124px!important}
 #mv .mv_list_wrap .mv_list .txt_wrap1 h2{font-size:37px!important;line-height:1.1!important}
 #mv .hero-kicker{margin-bottom:10px!important}
 #mv .hero-sub{font-size:15px!important;margin-top:12px!important}
 #mv .mv_list_wrap .mv_list .visual{inset:266px 0 auto 0!important;height:540px!important}
 #mv .slider_arrow_wrap{top:272px!important;bottom:auto!important}
 .hero-pause{top:279px!important;bottom:auto!important}
}
/* A1 · 키가 작은 휴대폰(아이폰 SE 등 높이 620 이하): 글과 사진을 한 단계 더 줄여 얼굴이 띠 위에 다 들어오게 */
@media(max-width:767px) and (max-height:620px){
 #mv .mv_list_wrap .mv_list .txt_wrap1 h2{font-size:32px!important}
 #mv .mv_list_wrap .mv_list .visual{inset:232px 0 auto 0!important;height:460px!important}
 #mv .slider_arrow_wrap{top:252px!important}
 .hero-pause{top:259px!important}
}
/* 사진 · 메인 피부과 카드 인물 사진(skin-card-*): 기존 «모델 사진 카드» 규칙(revision.css 18~20줄)과 같게 — 번호 숨김 · 제목을 아래로(얼굴 위 글자 0) · 위쪽 어둡게는 옅게 */
.case_slide_wrap .list_in:has(img[src*="skin-card"]) .card-index{visibility:hidden}
.case_slide_wrap .list_in:has(img[src*="skin-card"]) .txt_wrap h3{margin-top:auto}
.case_slide_wrap .list_in:has(img[src*="skin-card"]) .txt_wrap p{margin-top:18px}
.case_slide_wrap .case_slide .list_in:has(img[src*="skin-card"]) .txt_wrap{background:linear-gradient(180deg,rgba(31,20,40,.08),rgba(31,20,40,0) 36%,rgba(31,20,40,.58) 60%,rgba(31,20,40,.86))} /* 밝은 옷 위 흰 제목 대비 */