/* khanuro.css — 칸비뇨의학과의원 (2026-09-18)
   🔴 자동 생성물. 손으로 고치지 말고 생성기를 다시 돌릴 것.
      출처 = lydiaskin-kr/styles.css 의 **색 선언만** 추출해 감색 팔레트로 치환한 것.
      구조·간격·폰트는 건드리지 않는다(템플릿 계약 유지).
   팔레트: ink #16202E · deep #0F2B45 · primary #245C8C · light #6E9CC0 · wash #F1F5F9 · accent #A87C32
   ⛔ 이 아래에 손으로 쓴 규칙을 넣지 말 것 — 브랜드 전용 보완은 파일 끝 '수제 보완' 구역에만. */

body{color:#16202E}
a{color:#245C8C}
a:hover{color:#0F2B45}
.sitehead{border-bottom:1px solid rgba(22,32,46,.12)}
.gnb a{color:#16202E}
.gnb a:hover{color:#245C8C}
.gnb a.on{color:#245C8C}
.head-cta{background:#16202E}
.head-cta:hover{background:#0F2B45}
.hero{background:linear-gradient(180deg,#1B4468 0%,#0F2B45 100%)}
.hero-badge{color:#16202E}
.btn-solid{background:#2E72A8}
.btn-solid:hover{background:#245C8C}
.hero-glow{background:radial-gradient(closest-side,rgba(110,156,192,.30),rgba(110,156,192,0) 72%)}
.hero-name{color:#16202E;border-left:3px solid #2E72A8;box-shadow:0 10px 28px rgba(10,20,32,.35)}
.hero-name .r{color:#66748A}
.hero-name .n{color:#16202E}
.hero-name .t{color:#4E5D70}
.creds{background:#0F2B45}
.creds-in .more{color:#A9C6DF}
.method-tag{background:#16202E}
.method-head p{color:#4E5D70}
.mcircle{background:radial-gradient(circle at 50% 28%,#1B4468 0%,#16202E 80%);box-shadow:0 16px 34px rgba(22,32,46,.20)}
.programs{background:#F1F5F9}
.programs-eyebrow{color:#245C8C}
.pcard{border:1px solid rgba(22,32,46,.14);color:#16202E}
.pcard:hover{border-color:#245C8C;color:#16202E;box-shadow:0 10px 26px rgba(22,32,46,.10)}
.pcard .for{color:#66748A}
.pcard li{color:#4E5D70}
.pcard li::before{border-left:2px solid #245C8C;border-bottom:2px solid #245C8C}
.pcard .pbtn{background:#16202E}
.pcard:hover .pbtn{background:#0F2B45}
.prow2-txt h3{color:#16202E}
.prow2-fig{box-shadow:0 12px 26px rgba(22,32,46,.14)}
.ncard{border:1px solid rgba(22,32,46,.14);color:#16202E}
.ncard:hover{border-color:#245C8C;color:#16202E;box-shadow:0 10px 26px rgba(22,32,46,.10)}
.ncard .nthumb{background:#F1F5F9}
.ncard .ex{color:#66748A}
.ncard .nby{border-top:1px solid rgba(22,32,46,.12);color:#66748A}
.rcard{color:#16202E}
.rcard:hover{color:#16202E;box-shadow:0 10px 26px rgba(22,32,46,.12)}
.rcard .ex{color:#4E5D70}
.rcard .rmore{color:#245C8C}
.mustread{border-top:1px solid rgba(22,32,46,.10)}
.mrcard{color:#16202E}
.mrcard:hover{color:#245C8C}
.mrcard .mrthumb{background:#F1F5F9}
.phero{background:#16202E}
.phero .eyebrow{color:#A9C6DF}
.cta-light{background:#F1F5F9}
.cta-light p{color:#4E5D70}
.cta-deep{background:#0F2B45}
.btn-navy{background:#16202E}
.btn-navy:hover{background:#0F2B45}
.btn-outline{border:1px solid rgba(22,32,46,.35);color:#16202E}
.btn-outline:hover{border-color:#16202E;color:#16202E}
.btn-white{color:#0F2B45}
.btn-white:hover{color:#0F2B45}
.docard .fld{background:#245C8C}
.docard .nm{color:#16202E}
.docard .nm span{color:#66748A}
.sec-eyebrow{color:#245C8C}
.about-intro .body p{color:#4E5D70}
.about-intro .tpoints li b{color:#245C8C}
.about-intro .tpoints li::before{border-left:2.4px solid #245C8C;border-bottom:2.4px solid #245C8C}
.inst-card-blue{background:#0F2B45}
.inst-card-navy{background:#16202E}
.t3-card{border:1px solid rgba(22,32,46,.14);border-top:3px solid #0F2B45}
.t3-card .no{color:#245C8C}
.t3-card p{color:#4E5D70}
.texam .body{color:#4E5D70}
.tpdetail .tpsub{color:#66748A}
.tp{border-top:1px solid rgba(22,32,46,.14)}
.tp-head .no{color:#245C8C}
.tp-lead p{color:#4E5D70}
.tp-fig{box-shadow:0 12px 28px rgba(22,32,46,.12)}
.tp-ev{background:#F1F5F9;border-left:3px solid #245C8C}
.tp-ev .t{color:#245C8C}
.tp-ev .note{color:#66748A;border-top:1px solid rgba(22,32,46,.12)}
.tp-box{border:1px solid rgba(22,32,46,.14)}
.tp-box .bt{background:#16202E}
.tp-sub h4::before{border-left:2.4px solid #245C8C;border-bottom:2.4px solid #245C8C}
.tp-box li{color:#4E5D70}
.tp-box li::before{background:#A9C6DF}
.tp-mix{color:#66748A;border-top:1px solid rgba(22,32,46,.12)}
.tcare{background:#16202E}
.tcare .eb{color:#A9C6DF}
.tcare-card .tag{color:#A9C6DF}
.tdual .lead{color:#4E5D70}
.dc{background:#1B4468}
.dc+.dc{background:#16202E}
.tdual-list div{border:1px solid rgba(22,32,46,.14);color:#4E5D70}
.tdual-list b{color:#16202E}
.pgsec.alt{background:#F1F5F9}
.pgsec .lead{color:#4E5D70}
.pg-intro p{color:#4E5D70}
.pg-fig{box-shadow:0 12px 28px rgba(22,32,46,.12)}
.evcard{border:1px solid rgba(22,32,46,.14);border-left:3px solid #245C8C}
.evcard .src{color:#245C8C}
.evcard p{color:#4E5D70}
.evcard .imp{border-top:1px solid rgba(22,32,46,.12)}
.evcard .imp b{color:#16202E}
.stat{background:#16202E}
.stat .k{color:#A9C6DF}
.flowstep{border:1px solid rgba(22,32,46,.14)}
.flowstep .s{color:#245C8C}
.flowstep p{color:#4E5D70}
.pgfaq{border-top:1px solid rgba(22,32,46,.14)}
.pgfaq details{border-bottom:1px solid rgba(22,32,46,.14)}
.pgfaq summary::after{border-right:2px solid #245C8C;border-bottom:2px solid #245C8C}
.pgfaq .a{color:#4E5D70}
.othercard{border:1px solid rgba(22,32,46,.14);color:#16202E}
.othercard:hover{border-color:#245C8C;color:#16202E;box-shadow:0 10px 24px rgba(22,32,46,.10)}
.othercard p{color:#66748A}
.trefs{background:#F1F5F9}
.trefs li{color:#66748A}
.tprograms{background:#F1F5F9}
.prow{border:1px solid rgba(22,32,46,.12)}
.prow .pno{color:#245C8C}
.prow .pno span{color:#0F2B45}
.prow ul{color:#4E5D70}
.dhero{background:linear-gradient(180deg,#1B4468 0%,#0F2B45 100%)}
.dhero-glow{background:radial-gradient(closest-side,rgba(110,156,192,.30),rgba(110,156,192,0) 72%)}
.mediaboard{background:#0F2B45}
.mediaboard-card .ch{color:#66748A}
.mediaboard-card .ep{color:#16202E}
.mediaboard-card .ep span{color:#4E5D70}
.cv h2{border-bottom:2px solid #16202E}
.cv li{border-bottom:1px solid rgba(22,32,46,.12)}
.cv .soc li{color:#4E5D70}
.hub-hero{background:#16202E}
.hub-hero .eyebrow{color:#A9C6DF}
.tabbar a.on{color:#16202E}
.hub-meta .cnt{color:#66748A}
.hub-meta .cnt strong{color:#16202E}
.hub-card{border:1px solid rgba(22,32,46,.12);color:#16202E}
.hub-card:hover{border-color:#245C8C;color:#16202E}
.hub-thumb{background:#F1F5F9;border-bottom:1px solid rgba(22,32,46,.08)}
.hub-card-body .cat{color:#245C8C}
.hub-empty{border:1px dashed rgba(22,32,46,.25)}
.hub-empty .s{color:#66748A}
.visit h2{border-bottom:2px solid #16202E}
.vtimes>div{border-bottom:1px solid rgba(22,32,46,.12)}
.vtimes .off{color:#A87C32}
.vtel a{border:1px solid rgba(22,32,46,.14);color:#16202E}
.vtel a:hover{border-color:#245C8C;color:#16202E}
.vtel .l{color:#245C8C}
.vmap{border:1px solid rgba(22,32,46,.14);background:#F1F5F9}
.vmap .btns a{border:1px solid rgba(22,32,46,.25);color:#16202E}
.vmap .btns a:hover{border-color:#245C8C;color:#245C8C}
.vinfo .k{color:#245C8C}
.post-head{border-bottom:1px solid rgba(22,32,46,.12)}
.post-author{color:#66748A}
.post-author .nm{color:#16202E}
.post-body h2{color:#16202E}
.post-body h3{color:#16202E}
.post-body blockquote{background:#F1F5F9;color:#16202E}
.post-body .video .frame{background:#16202E}
.post-nav{border-top:2px solid #16202E}
.post-nav a{border-bottom:1px solid rgba(22,32,46,.12);color:#16202E}
.post-nav a:hover{color:#245C8C}
.post-back a{border:1px solid rgba(22,32,46,.25);color:#16202E}
.post-back a:hover{border-color:#245C8C;color:#245C8C}
.footcta .k{color:#4E5D70}
.footcta h2{color:#16202E}
.footcta .btns a{background:#16202E}
.footcta .btns a:hover{background:#0F2B45}
.sitefoot{background:#16202E}
.postwrap .post-head{border-bottom:1px solid rgba(22,32,46,.12)}
.sidebox{border:1px solid rgba(22,32,46,.14)}
.sidelist a{color:#16202E}
.sidelist a:hover{color:#245C8C}
.sidelist-thumb a:hover{background:#F1F5F9}
.sidelist-thumb .th{background:#F1F5F9}
.sidelist-text{border:1px solid rgba(22,32,46,.14)}
.sidelist-text li+li{border-top:1px solid rgba(22,32,46,.10)}
.sidebox-plain .side-empty{border:1px solid rgba(22,32,46,.14)}
.postcta{background:#16202E}
.postcta .btns a{background:#1B4468}
.postcta .btns a:hover{background:#2E72A8;border-color:#2E72A8}
.acare .eb{color:#245C8C}
.acare-box{border:1px solid rgba(22,32,46,.24)}
.acare-box h3{color:#0F2B45}
.acare-box p{color:#4E5D70}
.gnb-sub-in{background:#fff;border:1px solid rgba(22,32,46,.12);box-shadow:0 16px 38px rgba(22,32,46,.16)}
.gnb-sub-in a{color:#16202E}
.gnb-sub-in a:hover{background:#F1F5F9;color:#245C8C}
.gnb-sub-in{background:#16202E}
.gnb-sub-in a{color:#fff}
.gnb-sub-in a:hover{background:rgba(255,255,255,.10);color:#8FC2F0}
.logo.tlogo .lg-en{color:#0F2B45}
.logo.tlogo .lg-ko{color:#245C8C}
.hero-fig .hero-card{box-shadow:0 26px 60px rgba(10,20,32,.45)}
.dhero-fig .hero-card{box-shadow:0 26px 60px rgba(10,20,32,.45)}
.casestrip img{border:1px solid rgba(22,32,46,.14)}
.casestrip figcaption{color:#66748A}
.hero{background:#0F2B45 url('/assets/hero-bg.webp') center bottom/cover no-repeat}
.hero-glow{background:radial-gradient(closest-side,rgba(214,150,236,.30),rgba(214,150,236,0) 72%)}
.phero-about{background:#16202E url('/assets/about-bg.webp') center/cover no-repeat}
.phero-treatments{background:#16202E url('/assets/tr-bg.webp') center/cover no-repeat}
.dhero-doctor{background:#16202E url('/assets/doctor-bg.webp') center/cover no-repeat}
.dhero-glow{background:radial-gradient(closest-side,rgba(214,150,236,.26),rgba(214,150,236,0) 72%)}
.phero-visit{background:#16202E url('/assets/doctor-bg.webp') center/cover no-repeat}
.phero-journal{background:#16202E url('/assets/about-bg.webp') center/cover no-repeat}
@media (max-width:760px){
  .gnb{border-top:1px solid rgba(22,32,46,.10)}
  .mcircle{box-shadow:0 8px 18px rgba(22,32,46,.18)}
}
@media (max-width:760px){
  .gnb-subrail{border-top:1px solid rgba(22,32,46,.08);background:#F1F5F9}
  .gnb-subrail a{color:#1B4468;border:1px solid rgba(22,32,46,.16)}
  .gnb-subrail a:active{color:#245C8C}
}
@media (max-width:760px){
  .gnb-item > a::after{color:#245C8C}
  .gnb-subrail{background:#16202E;border-top:1px solid rgba(255,255,255,.10)}
  .gnb-subrail a{color:#fff;border:1px solid rgba(255,255,255,.30)}
  .gnb-subrail a:active{color:#fff}
  .gnb-subrail a.all{color:#16202E}
}

/* ══ 수제 보완 — 칸 전용 클래스만 ══════════════════════════ */
:root{--k-ink:#16202E;--k-deep:#0F2B45;--k-primary:#245C8C;--k-light:#6E9CC0;
      --k-wash:#F1F5F9;--k-accent:#A87C32;--k-sub:#4E5D70;--k-line:rgba(22,32,46,.14)}

/* 헤더 로고 — 템플릿 기본은 height:52px.
   칸 로고는 투명 여백을 잘라낸(trim) 뒤라 같은 52px 에서 글자가 형제 사이트보다 커 보인다.
   실측(2026-09-18): 칸 26px vs 리디아스킨 22px · 더행복한 20px → 46px 으로 낮춰 리듬을 맞춘다.
   ⛔ styles.css 는 건드리지 않는다(공유 디자인 시스템). 여기서만 덮는다. */
.sitehead-in .logo img{height:46px}
@media(max-width:760px){.sitehead-in .logo img{height:40px}}

/* 주메뉴 — 칸은 최상위 6개로 형제(리디아 5·더행복한 4)보다 하나 많다.
   폰트·색은 템플릿 그대로 두고 **간격만** 화면 폭에 따라 조정해 빽빽함을 푼다. */
.gnb{gap:14px 26px}
@media(min-width:1280px){.gnb{gap:14px 34px}}

/* 🔴 중간 폭(761~1279)에서 칸만 메뉴가 2줄로 접혔다(2026-09-18 실측 · 1180px 에서
   리디아스킨·더행복한은 한 줄, 칸만 「오시는 길」이 다음 줄로 떨어짐). 항목이 하나 더 많아서다.
   ⇒ 이 구간에서만 로고·간격·글자를 한 단계씩 줄여 한 줄을 유지한다.
   ⛔ 1280 이상에서는 템플릿 기본값(16px) 그대로 둘 것 — 형제 사이트와 같아야 한다. */
@media(max-width:1279px){
  .sitehead-in{gap:22px}
  .gnb{gap:12px 20px}
  .gnb a{font-size:15px}
  .sitehead-in .logo img{height:42px}
}

/* 권위 지표 4칸 — 관록을 숫자로 보여 주는 띠 */
.kstat{background:var(--k-wash);border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line)}
.kstat-in{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0}
.kstat .it{padding:34px 20px;text-align:center;border-left:1px solid var(--k-line)}
.kstat .it:first-child{border-left:0}
.kstat .n{font-size:40px;font-weight:800;letter-spacing:-.03em;color:var(--k-deep);line-height:1.15}
.kstat .n em{font-style:normal;font-size:20px;font-weight:700;margin-left:3px;color:var(--k-primary)}
.kstat .l{margin-top:9px;font-size:14.5px;font-weight:600;color:var(--k-sub);line-height:1.6}
@media(max-width:860px){.kstat-in{grid-template-columns:repeat(2,1fr)}
  .kstat .it:nth-child(3){border-left:0}.kstat .it:nth-child(n+3){border-top:1px solid var(--k-line)}}
@media(max-width:480px){.kstat .n{font-size:32px}}

/* 치료 단계 사다리 — 약물 → 비수술 → 수술 */
.kladder{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.kladder .st{background:#fff;border:1px solid var(--k-line);border-top:3px solid var(--k-primary);padding:26px 24px 28px}
.kladder .st .no{font-size:12.5px;font-weight:800;letter-spacing:.14em;color:var(--k-primary)}
.kladder .st h3{margin:10px 0 12px;font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--k-ink)}
.kladder .st p{font-size:15.5px;line-height:1.85;color:var(--k-sub)}
.kladder .st ul{margin:14px 0 0;padding:0;list-style:none}
.kladder .st li{position:relative;padding-left:17px;margin-top:9px;font-size:14.5px;line-height:1.75;color:var(--k-sub)}
.kladder .st li::before{content:"";position:absolute;left:2px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--k-light)}
@media(max-width:860px){.kladder{grid-template-columns:1fr}}

/* 시술 원리 3컷 */
.khow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.khow figure{margin:0;background:var(--k-wash);border:1px solid var(--k-line)}
.khow img{width:100%;height:auto;display:block}
.khow figcaption{padding:13px 16px 16px;font-size:14px;line-height:1.7;color:var(--k-sub)}
.khow figcaption b{display:block;margin-bottom:4px;font-size:14.5px;color:var(--k-ink)}
@media(max-width:860px){.khow{grid-template-columns:1fr}}

/* 논문 목록 */
.kpapers{margin-top:24px;border-top:1px solid var(--k-line)}
.kpaper{display:grid;grid-template-columns:210px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--k-line)}
.kpaper .j{font-size:14.5px;font-weight:700;color:var(--k-primary);line-height:1.6}
.kpaper .j span{display:block;margin-top:5px;font-size:12.5px;font-weight:700;color:#fff;background:var(--k-accent);padding:2px 8px;border-radius:3px;width:max-content;letter-spacing:.04em}
.kpaper .t{font-size:15.5px;line-height:1.8;color:var(--k-ink)}
@media(max-width:700px){.kpaper{grid-template-columns:1fr;gap:8px}}

/* 언론 보도 */
.kmedia{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}
.kmedia .m{background:#fff;border:1px solid var(--k-line);border-left:3px solid var(--k-accent);padding:20px 22px}
.kmedia .o{font-size:13px;font-weight:800;color:var(--k-accent);letter-spacing:.04em}
.kmedia .t{margin-top:7px;font-size:16px;font-weight:700;line-height:1.65;color:var(--k-ink)}
@media(max-width:700px){.kmedia{grid-template-columns:1fr}}

/* 경력 2단 */
.kcv{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:26px}
.kcv h3{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--k-primary);padding-bottom:11px;border-bottom:1px solid var(--k-line)}
.kcv ul{margin:14px 0 0;padding:0;list-style:none}
.kcv li{position:relative;padding-left:16px;margin-top:10px;font-size:15px;line-height:1.75;color:var(--k-sub)}
.kcv li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--k-light)}
@media(max-width:860px){.kcv{grid-template-columns:1fr;gap:26px}}

/* 증상 체크 */
.kcheck{background:var(--k-wash);border:1px solid var(--k-line);padding:30px 32px;margin-top:24px}
.kcheck h3{font-size:19px;font-weight:800;color:var(--k-ink);letter-spacing:-.02em}
.kcheck ul{margin:16px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:11px 26px}
.kcheck li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.75;color:var(--k-sub)}
.kcheck li::before{content:"";position:absolute;left:0;top:6px;width:15px;height:15px;border:1.5px solid var(--k-light);border-radius:3px}
.kcheck .note{margin-top:18px;font-size:14px;line-height:1.75;color:var(--k-sub)}
@media(max-width:700px){.kcheck ul{grid-template-columns:1fr}}

/* 핵심 정리 — 본문 맨 앞 요약 박스 */
.ksum{margin:0 0 34px;padding:24px 28px;background:#fff;border:1px solid var(--k-line);border-left:4px solid var(--k-accent)}
.ksum-t{font-size:12.5px;font-weight:800;letter-spacing:.14em;color:var(--k-accent);margin-bottom:13px}
.ksum ul{margin:0;padding:0;list-style:none}
.ksum li{position:relative;padding-left:20px;margin-top:10px;font-size:15.5px;line-height:1.8;color:var(--k-ink)}
.ksum li:first-child{margin-top:0}
.ksum li::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;background:var(--k-accent);border-radius:50%}
.ksum li strong{font-weight:700}
@media(max-width:700px){.ksum{padding:20px}.ksum li{font-size:15px}}

/* 관련 안내 — 같은 분류 내부 링크 */
.krel{margin-top:38px;padding-top:26px;border-top:1px solid var(--k-line)}
.krel>h2{margin:0 0 14px;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--k-ink)}
.krel ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.krel li a{display:block;padding:14px 16px;background:var(--k-wash);border:1px solid var(--k-line);
  font-size:15.5px;font-weight:600;line-height:1.6;color:var(--k-ink)}
.krel li a:hover{border-color:var(--k-primary);color:var(--k-primary)}
.krel .c{display:inline-block;margin-right:9px;padding:2px 8px;font-size:11.5px;font-weight:800;
  color:#fff;background:var(--k-primary);border-radius:3px;vertical-align:1px}

/* 자주 묻는 질문 — 아티클 말미 고정(FAQPage 구조화 데이터와 짝) */
.kfaq{margin-top:44px;padding:32px 34px;background:var(--k-wash);border:1px solid var(--k-line)}
.kfaq>h2{margin:0 0 6px;font-size:23px;font-weight:800;letter-spacing:-.025em;color:var(--k-ink);
  padding-bottom:14px;border-bottom:2px solid var(--k-primary)}
.kfaq-item{padding:20px 0;border-bottom:1px solid var(--k-line)}
.kfaq-item:last-child{border-bottom:0;padding-bottom:4px}
.kfaq-item h3{position:relative;margin:0 0 9px;padding-left:28px;font-size:17px;font-weight:700;
  line-height:1.55;letter-spacing:-.02em;color:var(--k-ink)}
.kfaq-item h3::before{content:"Q";position:absolute;left:0;top:0;width:20px;height:20px;line-height:20px;
  text-align:center;font-size:12px;font-weight:800;color:#fff;background:var(--k-primary);border-radius:3px}
.kfaq-item p{margin:0;padding-left:28px;font-size:15.5px;line-height:1.85;color:var(--k-sub)}
@media(max-width:700px){.kfaq{padding:24px 20px}.kfaq-item h3{font-size:16px}}

/* 사진 2단 */
.kduo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.kduo figure{margin:0}
.kduo img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2;display:block;border:1px solid var(--k-line)}
.kduo figcaption{margin-top:9px;font-size:13.5px;color:var(--k-sub)}
@media(max-width:700px){.kduo{grid-template-columns:1fr}}