/* 영문 글자 크기 6단 — 국문 메인 index.html 「PC 글자 6단 기준」 블록을 그대로 옮겼다(2026-10-08 대표님 지시:
   「영문도 글자 크기 위계를 6단계 이내, 가장 작은 본문은 20」). 영문 9개 화면에서만 읽는다.
   ★값을 바꿀 땐 국문 index.html 쪽과 같이 바꾼다. 영문 전용 차이: 첫 화면 리드는 흰색이 아니다(크림 바탕).
   ★서브 화면(subpage.css)용 선택자와 화면 높이 보정은 이 파일 아래쪽에 따로 둔다. */
/* ===== PC 글자 6단 기준 (2026-09-18) =====
   병원 지적 M-08 「글씨가 작다」가 여러 번 나온 진짜 원인은 크기가 아니라 **단이 39가지**여서였다.
   큰 글씨가 옆 글자를 눌러 작아 보이게 만든다(최대÷최소 6.7배). 라벤더힐병원 실측은 6~7단·본문 18~20px.
   ★그래서 큰 쪽은 내리고 작은 쪽은 올려 **6단**으로 모은다. 본문은 중장년 환자를 고려해 라벤더힐보다 한 단 큰 21px.
   ★PC 전용이다 — 981px 이상에서만 적용한다(모바일은 한 글자도 바뀌지 않는다).
   ★되돌리려면 이 블록만 지우면 된다.
   ★손대지 않은 것: 버튼·아이콘 칸에 묶인 글자(화살표·핀·×), 나무 그림 위 원 안 글자(.itgx-*), 외부 지도. */
@media(min-width:981px){
  :root{
    --fs-1:clamp(44px,4.22vw,54px);  /* 특대 — 히어로 제목·큰 숫자 */
    --fs-2:clamp(33px,3.13vw,40px);  /* 섹션 제목 */
    --fs-3:clamp(26px,2.34vw,30px);  /* 중제목·카드 제목 */
    --fs-4:24px;                     /* 리드·강조 문장 */
    --fs-5:20px;                     /* 본문·메뉴·칸 라벨 (글자가 가장 많은 단)
                                        ★21px 이었다가 20px 로 내렸다(2026-09-18) — 서브 43개가 이미 20px 이라
                                        기준을 하나로 통일하기 위해서다. 눈에는 차이가 없고, 21px 을 고집하면
                                        서브의 지정 줄바꿈이 밀린다(실측 3개 페이지에서 7곳).
                                        메인도 20px 에서 「사람마다 맞는 치료법과…」 문단이 의도한 4줄로 돌아온다. */
    --fs-6:17px;                     /* 배지·각주·플로팅 퀵바 */
  }
  /* ① 특대 */
  .hero-copy h1{font-size:var(--fs-1);}
  .stat .num{font-size:var(--fs-1);}
  .carousel .slide .ctx .cidx{font-size:var(--fs-1);}
  .hero-copy h1{font-weight:700;} /* ★크기와 함께 굵기도 낮춘다(800→700) — 라벤더힐이 쓰는 방법 */
  /* ② 섹션 제목 */
  .sec-head h2{font-size:var(--fs-2);}
  .carousel .cap{font-size:var(--fs-2);}
  .contact h2{font-size:var(--fs-2);}
  .doctor h2{font-size:var(--fs-2);}
  .bookgrid .bhead h2{font-size:var(--fs-2);}
  .tvhead-row h2{font-size:var(--fs-2);}
  .homecta h2{font-size:var(--fs-2);}
  .hero-stats b{font-size:var(--fs-2);}
  .contact .tel{font-size:var(--fs-2);}
  .docname strong{font-size:var(--fs-2);}
  /* ③ 중제목 */
  .carousel .slide .ctx h3{font-size:var(--fs-3);}
  .tcell h3{font-size:var(--fs-3);}
  .vbelow .vtext h3{font-size:var(--fs-3);}
  .carerow .ctxt h3{font-size:var(--fs-3);}
  .bcol h3{font-size:var(--fs-3);}
  .sev-title{font-size:var(--fs-2);}
  .sev-lead{font-size:var(--fs-5);}
  .doctor .dlabel{font-size:var(--fs-3);}
  .legal-card h3{font-size:var(--fs-3);}
  .loc-tel{font-size:var(--fs-3);}
  /* ④ 리드 */
  /* ★첫 화면 문장은 한 단 위(③)로 올린다. 대표님 지적 「이것만 작아 보인다」의 원인이 셋이었다 —
     크기 24px · 굵기 500(화면에서 가장 얇음) · 색이 순백이 아닌 연회색(227,241,234).
     사진 배경 위라 얇고 흐린 것이 크기보다 더 크게 작용했다 → 셋을 함께 잡는다. */
  .hero-copy .lead{font-size:var(--fs-3);font-weight:600;}
  .sec-head .desc{font-size:var(--fs-4);}
  .blk p,.doctor .ddesc,.stats .sec-sub,.homecta p{font-size:var(--fs-4);}
  .stats .sec-sub{font-size:var(--fs-4);}
  .homecta p{font-size:var(--fs-4);}
  .doctor .ddesc{font-size:var(--fs-4);}
  .bitem .pm{font-size:var(--fs-4);}
  .kakao-open b{font-size:var(--fs-4);}
  .locinfo h4{font-size:var(--fs-4);}
  .contact p{font-size:var(--fs-4);}
  footer .fl b{font-size:var(--fs-4);}
  .carousel .slide .ctx .cidx em{font-size:var(--fs-4);}
  .bcol h3 .more{font-size:var(--fs-4);}
  /* ⑤ 본문 — 화면 글자의 절반이 이 단이다 */
  nav>ul{font-size:var(--fs-5);}
  /* ★메뉴 글자를 21px 로 키우면 1280px 에서 「온라인 예약」 버튼이 12px 밀려난다(실측).
     글자는 그대로 두고 메뉴 사이 간격만 좁혀 자리를 만든다 — 어제 같은 사고를 막는다. */
  nav>ul{gap:clamp(24px,3.35vw,72px);}
  /* ★각주 끝의 링크가 줄 끝에서 「주차 / 안내 보기 →」로 쪼개진다 — 통째로 움직이게 묶는다 */
  .loc-note a{white-space:nowrap;}
  .mega .col h4{font-size:var(--fs-5);}
  .mega.solo .col.active h4{font-size:var(--fs-5);}
  .btn-primary{font-size:var(--fs-5);}
  .btn-ghost{font-size:var(--fs-5);}
  .hero-stats span{font-size:var(--fs-5);}
  .carousel .slide .ctx p{font-size:var(--fs-5);}
  .tcell p{font-size:var(--fs-5);}
  .tcell .go{font-size:var(--fs-5);}
  .vbelow .vtext p{font-size:var(--fs-5);}
  .vbelow .vtext .pt{font-size:var(--fs-5);}
  .video span{font-size:var(--fs-5);}
  .carerow .ctxt p{font-size:var(--fs-5);}
  .carerow .ctxt .go{font-size:var(--fs-5);}
  .hours td{font-size:var(--fs-5);}
  .locinfo p{font-size:var(--fs-5);}
  .bitem .qt{font-size:var(--fs-5);}
  .bitem .a p{font-size:var(--fs-5);}
  .bitem p,.loc-note,.booking p,.location td.d,.location td.t{font-size:var(--fs-5);}
  .bookform input,.bookform textarea{font-size:var(--fs-5);}
  .bookform .btn-resv{font-size:var(--fs-5);}
  .bookgrid .bhead p{font-size:var(--fs-5);}
  .stat .num small{font-size:var(--fs-5);}
  .stat .lbl{font-size:var(--fs-5);}
  .contact .btns a{font-size:var(--fs-5);}
  .contact .sub{font-size:var(--fs-5);}
  .tvinfo h3{font-size:var(--fs-5);}
  .tvinfo p{font-size:var(--fs-5);}
  .tvhead-row .yt-more{font-size:var(--fs-5);}
  .homecta .hc-p,.homecta .hc-o{font-size:var(--fs-5);}
  .docbox p{font-size:var(--fs-5);}
  .legal-body h4{font-size:var(--fs-5);}
  .legal-body{font-size:var(--fs-5);}
  .mapbox .fallback{font-size:var(--fs-5);}
  .popup-close{font-size:var(--fs-5);}
  .wb-toast{font-size:var(--fs-5);}
  .carousel .slide .ctx .cmore{font-size:var(--fs-5);}
  /* 시설 둘러보기는 공용 tour.css 를 쓰지만 여기서 메인만 덮는다(다국어·시설 페이지는 그대로) */
  /* ★tour.css 가 이 <style> 보다 뒤에 실려 같은 선택자면 그쪽이 이긴다 — body 를 붙여 우선순위를 올린다 */
  body .tourTabs button{font-size:var(--fs-5);}
  body .tourCaption{font-size:var(--fs-5);}
  /* ⑥ 보조 */
  .navcta{font-size:var(--fs-6);}
  .hero-copy .kicker{font-size:var(--fs-6);}
  .sec-head .bar{font-size:var(--fs-6);}
  .mega .col li{font-size:var(--fs-6);}
  .mega .col li.sub{font-size:var(--fs-6);}
  .mega.solo .col.active>ul>li{font-size:var(--fs-6);}
  .mega.solo .col.active>ul>li.sub{font-size:var(--fs-6);}
  .mega .grp{font-size:var(--fs-6);}
  .util{font-size:var(--fs-6);}
  .carousel .slide .ctx .k{font-size:var(--fs-6);}
  .tcell .tnum{font-size:var(--fs-6);}
  .carerow .cphoto .tag{font-size:var(--fs-6);}
  .carerow .ctxt .en{font-size:var(--fs-6);}
  .map-route{font-size:var(--fs-6);}
  .booknote{font-size:var(--fs-6);}
  .booknote,.map-route{font-size:var(--fs-6);}
  .loc-note{font-size:var(--fs-6);}
  .docchips span{font-size:var(--fs-6);}
  .docname .dn-role{font-size:var(--fs-6);}
  .sev-k{font-size:var(--fs-6);}
  /* 2026-10-09 대표님 지시: 오른쪽 고정 메뉴는 폭이 84px 뿐이라 17px 에서 「KakaoTalk」「Instagram」이 두 줄로 끊겼다 → 이 메뉴만 작게, 한 줄 고정 */
  .qbar a{font-size:14px;letter-spacing:-.01em;white-space:nowrap;overflow-wrap:normal;}
  @media(max-height:800px){.qbar a{font-size:12px;}}  /* 낮은 노트북은 site.css 와 같은 12px */
  .qbar .qsns-btn{font-size:var(--fs-6);}
  .bitem .tag{font-size:var(--fs-6);}
  .bitem .a .ask{font-size:var(--fs-6);}
  .kakao-open em{font-size:var(--fs-6);}
  .kakao-open .ad{font-size:var(--fs-6);}
  .bookform .agree{font-size:var(--fs-6);}
  .popup-hide{font-size:var(--fs-6);}
  footer{font-size:var(--fs-6);}
  footer .flinks a{font-size:var(--fs-6);}
  body .tourCount{font-size:var(--fs-6);}
}

/* ===== 영문 서브 화면 — 같은 6단으로 모은다 (2026-10-08 실측: 영문 9개 화면에 24가지 크기가 섞여 있었다) =====
   1280px 에서 화면 글자를 전부 재서 기준 밖 요소만 골랐다. body 를 붙인 것은 lang.css·subpage.css 의
   더 무거운 선택자를 이기기 위해서다. 아이콘 칸 안 글자(퀵바 TALK·Naver Blog, 푸터 blog 원)는 국문처럼 손대지 않는다. */
@media(min-width:981px){
  /* ① 특대 54 */
  body .sub-steps .st-no{font-size:var(--fs-1);}
  /* ③ 중제목 30 */
  body .sub-steps .st-tx h3,body .en-therapy .th-body h3,body figcaption h3,body .sub-quote .q-in p,body .card .cnum-badge{font-size:var(--fs-3);}
  /* ④ 리드 24 */
  body .sub-steps .st-tx p,body .mk .lt,body .bstp h3{font-size:var(--fs-4);}
  /* ⑤ 본문 20 */
  body .en-sub-list-plain .mk .lt,body .sub-list li.ld,body .sub-cards .card p,body .sub-wrap>p,
  body .sub-table td,body .sub-table th,body .en-therapy .th-body p,body .en-nk-list li,body figcaption p,body .bstp p,
  body .wc-circle span,body .pcard .pcap,body .sub-cta .btns a,body .sub-anchor .an-in a,body .sub-steps .st-tx p.small{font-size:var(--fs-5);}
  /* ⑥ 보조 17 */
  body .sub-full .sf-in .eyebrow,body .th-chips span,body .en-therapy .th-meta,body .en-therapy .th-meta b{font-size:var(--fs-6);}
}

/* ★위 규칙이 lang.css 의 ID 선택자(#program·#cancer-flow)와 더 무거운 선택자에 밀린 요소만 여기서 확정한다.
   이 파일은 「크기를 마지막에 정하는 층」이라 !important 를 이 블록에만 쓴다(PC 981px 이상 한정). */
@media(min-width:981px){
  .sub-steps .st-no{font-size:var(--fs-1)!important;}
  .stp .st-tx h3,.en-mech .mech-card h3,.sub-cards .card .cnum-badge{font-size:var(--fs-3)!important;}
  .sub-list .mk .lt,.en-bib-steps .bstp h3{font-size:var(--fs-4)!important;}
  .stp .st-tx p,.en-mech .mech-card p,.sub-photocards .pcard .pcap,.en-sub-list-plain .mk .ld,.sub-list li .ld,.en-bib-steps .bstp p{font-size:var(--fs-5)!important;}
  .en-sub-list-plain .mk:not(:has(.ld)) .lt{font-size:var(--fs-5)!important;}
  .sub-full .sf-in .eyebrow,.en-therapy .th-chips span{font-size:var(--fs-6)!important;}
}

/* 2026-10-09 상단 띠: Directions 를 빼고 입원 안내를 초록 버튼 자리로(대표님 지시). 좁은 PC 에서 띠 글자가 꺾이지 않게 */
.util .lang span,.util .right span{white-space:nowrap;}
.util .pill .u-short{display:none;}
@media(max-width:1199px){.util .pill .u-full{display:none;}.util .pill .u-short{display:inline;}}