/* 글자 체계: 올리움(olliumclinic.com) 실측값에 맞춘다. 2026-11-05 대표 지시.
   실측(휴대폰/PC): 한글 Pretendard 제목 26/42px 굵기 500 줄간격 1.4 자간 -0.3px, 본문 14~16/16~20px 줄간격 1.5~1.6,
   영문 Genos 큰 제목 36/60~100px 굵기 400 줄간격 .9, 작은 영문 20/26px 굵기 400 자간 .1px.
   Genos 파일은 300·400뿐이라 700을 주면 가짜 굵게가 된다 → 합성 금지. */
:root{--ink:#1A1B16;--sub:#333333;--mute:#777777;
  --t1:clamp(30px,3.6vw,52px);--t2:clamp(26px,2.92vw,42px);--t3:clamp(19px,1.53vw,22px);--t4:clamp(17px,1.25vw,18px);--b:clamp(15.5px,1.12vw,17px);--s:clamp(14px,1vw,15px);
  --mh2:26px;--mb:15.5px}
html body{font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,'Noto Sans KR',-apple-system,sans-serif}

/* 한글 제목 */
html body h1:not(.h-enh),html body h2:not(.h-enh):not(.h-enh2):not(.h-docname):not(.h-spaceen):not(.rd-h){font-weight:500}
html body .vr-label{font-family:Pretendard,sans-serif!important}
html body .design-canvas .v3-title,html body .vc-process__title,html body .design-canvas h1.ft,html body .h3 h1,html body .vx h1,html body .design-canvas .v3-hero h1.ft{font-size:var(--t1)!important;font-weight:500!important;line-height:1.3!important;letter-spacing:-.3px!important}
html body .design-canvas h2.ft,html body .h3 h2,html body .vx h2,html body .design-canvas .v3-split [data-name="t"] h2.ft,html body .design-canvas .v3-note [data-name="t"] h2.ft,html body .design-canvas [data-name^="cat "]>[data-name="l"] h2.ft{font-size:var(--t2)!important;font-weight:500!important;line-height:1.4!important;letter-spacing:-.3px!important}
html body .design-canvas h3.ft,html body .h3 h3,html body .vx h3,html body .design-canvas .v3-state [data-name="q"] h3.ft,html body .design-canvas .v3-split [data-name="t"] h3.ft,html body .design-canvas .v3-med>[data-name="text"] h3.ft{font-size:var(--t3)!important;font-weight:600!important;line-height:1.4!important;letter-spacing:-.3px!important}

/* 본문 */
html body .design-canvas p.ft,html body .h3 p,html body .h3 li,html body .vx p,html body .vx li,html body .vx dd{letter-spacing:-.3px!important;line-height:1.6!important}
html body .vx p,html body .vx li,html body .vx dd{color:var(--sub);font-size:var(--b)!important}
html body .vx .vx-lead{font-size:clamp(17px,1.4vw,20px)!important;font-weight:400!important;line-height:1.6!important}
html body .vx-dark p,html body .vx-dark li{color:rgba(255,255,255,.86)}

/* 영문 큰 제목: 얇게 크게 */
html body .h-enh,html body .h3 h2.h-enh,html body .h3 .h-docname,html body .h-spaceen,html body .h-marq,html body .design-canvas [data-name="counts"] h2.ft,html body .design-canvas [data-name^="CTA (다크)"] h2.ft,html body .design-canvas [data-name^="NEW · Doctor's Column"] [data-name^="marquee"],html body .h-fivetext .h-enh,html body .h-offhead .h-enh{font-family:Genos,Pretendard,sans-serif!important;font-weight:400!important;letter-spacing:-.3px!important;line-height:1!important}
html body .h-enh,html body .h3 h2.h-enh,html body .h-fivetext .h-enh,html body .h-offhead .h-enh,html body .design-canvas [data-name^="CTA (다크)"] h2.ft,html body .h3 .h-docname{font-size:clamp(36px,4.2vw,60px)!important}

/* 영문 작은 제목: 회색 잔글씨 대신 또렷하게 */
html body .h-en,html body .design-canvas .ft.v3-label,html body .v3-body .v3-eyebrow,html body .design-canvas .editorial-eyebrow,html body .vx-c,html body .design-canvas .v3-steplist [data-name="step label"] .ft,html body .h-capno,html body .h-more,html body .design-canvas .ft.v3-num,html body .h-num,html body .h-pday,html body .h3 .h-locname{font-family:Genos,Pretendard,sans-serif!important;font-weight:400!important;letter-spacing:.1px!important;text-transform:none!important}
html body .h-en,html body .design-canvas .ft.v3-label,html body .v3-body .v3-eyebrow,html body .design-canvas .editorial-eyebrow,html body .vx-c{font-size:clamp(20px,1.8vw,26px)!important;line-height:1.3!important;color:var(--brown)!important}
html body .v3-dark .ft.v3-label,html body .v3-black .ft.v3-label,html body .v3-brown .ft.v3-label,html body .vx-dark .vx-c,html body .h-doc .h-en,html body .h-spaceintro .h-en{color:#E0C9A6!important}

/* 원장 쪽: 배치는 그대로, 글꼴만 같은 체계로 */
html body.magma-exact,html body.magma-exact *:not(svg):not(path),html body .magma-exact,html body .magma-exact *:not(svg):not(path){font-family:Pretendard,'Noto Sans KR',-apple-system,sans-serif!important;letter-spacing:-.3px}
html body .magma-exact .eyebrow,html body.magma-exact .eyebrow,html body .magma-exact .wordmark,html body.magma-exact .wordmark,html body .magma-exact .wordmark-sub,html body.magma-exact .wordmark-sub,html body .magma-exact .footer-wordmark,html body.magma-exact .footer-wordmark,html body .magma-exact .magma-logo-bridge>span,html body.magma-exact .magma-logo-bridge>span,html body .magma-exact .hero-letter,html body.magma-exact .hero-letter{font-family:Genos,Pretendard,sans-serif!important;letter-spacing:.1px;font-weight:400!important}
html body .magma-exact h1,html body .magma-exact h2,html body .magma-exact h3,html body.magma-exact h1,html body.magma-exact h2,html body.magma-exact h3{font-weight:500!important;line-height:1.4}

/* 세르프 쪽 */
html body.xerf-page,html body.xerf-page *{letter-spacing:-.3px}

/* 더 알아보기 (read.js): 긴 설명 구역을 제목만 보이게 모은다 */
.rd-wrap{background:#fff;padding:clamp(56px,6vw,96px) 0}
.rd-in{width:var(--wrap,min(86vw,1480px));max-width:calc(100% - 44px);margin:0 auto}
.rd-eyebrow{margin:0 0 8px;font:400 clamp(20px,1.8vw,26px)/1.3 Genos,Pretendard,sans-serif;color:var(--brown,#3D170C);letter-spacing:.1px}
.rd-h{margin:0 0 clamp(20px,2.4vw,36px);font:500 var(--t2)/1.4 Pretendard,sans-serif;letter-spacing:-.3px;color:var(--ink,#1A1B16)}
.rd-list{border-top:1px solid var(--ink,#1A1B16)}
.rd-item{border-bottom:1px solid var(--line,#E5E3DE)}
.rd-item>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:16px 0;cursor:pointer;font:500 var(--t4)/1.45 Pretendard,sans-serif;letter-spacing:-.3px;color:var(--ink,#1A1B16);word-break:keep-all}
.rd-item>summary::-webkit-details-marker{display:none}
.rd-item>summary::after{content:'+';flex:none;font:300 28px/1 Genos,sans-serif;color:var(--brown,#3D170C)}
.rd-item[open]>summary::after{content:'–'}
.rd-item[open]>summary{color:var(--brown,#3D170C)}
.rd-panel{margin:0 calc(50% - 50vw);overflow:hidden}
.rd-panel>section{padding-top:clamp(28px,3vw,48px)!important;padding-bottom:clamp(36px,4vw,64px)!important;margin:0!important}
.rd-panel>section:not(.v3-dark):not(.v3-black):not(.v3-brown):not(.vx-dark) h2:first-of-type{font-size:var(--t3)!important}