/* 시술 설명 배열: 룬피부과 시안(피그마 아워마케팅 디자인 김지은, 리프팅 페이지) 구조를 바이탈 글꼴·색으로 옮긴다. 2026-11-05 대표 지시.
   규칙: 본문 칸은 좁게(최대 1120px), 큰 영문 + 작은 한글 제목, 큰 번호 + 짧은 제목 + 설명, 구역마다 다른 배열. */
.design-canvas{--wrap:min(84vw,1120px)}
html body .vx{--wrap:min(84vw,1120px);--sp:clamp(72px,8vw,120px);--sub:#555555;--line:#E5E3DE}

/* 구역 제목: 큰 영문 + 작은 한글, 가운데 */
html body .vx-points>h2,html body .vx-rec>h2,html body .vx-qa>h2,html body .vx-cases>h2,html body .vx-what .vx-2>h2{display:block;text-align:center!important;font-size:clamp(18px,1.4vw,20px)!important;font-weight:600!important;line-height:1.4!important;letter-spacing:-.3px!important;margin:0 0 clamp(36px,4vw,56px)!important;max-width:none!important;width:100%!important}
html body .vx-points>h2 br,html body .vx-rec>h2 br,html body .vx-qa>h2 br,html body .vx-cases>h2 br,html body .vx-what .vx-2>h2 br,html body .vx-half h2 br{display:none}
html body .vx-points>h2::before,html body .vx-rec>h2::before,html body .vx-qa>h2::before,html body .vx-cases>h2::before,html body .vx-what .vx-2>h2::before,html body .vx-half h2::before{display:block;font:400 clamp(38px,4.2vw,60px)/1.05 Genos,sans-serif;letter-spacing:-.3px;color:var(--ink,#1A1B16);margin-bottom:10px}
html body .vx-what .vx-2>h2::before{content:'ABOUT'}
html body .vx-points>h2::before{content:'KEY POINTS'}
html body .vx-cases>h2::before{content:'BY CASE'}
html body .vx-rec>h2::before{content:'RECOVERY'}
html body .vx-qa>h2::before{content:'Q&A'}
html body .vx-half:first-child h2::before{content:'INDICATIONS'}
html body .vx-half:last-child h2::before{content:'NOT YET'}

/* 어떤 수술: 글 한 덩이 + 2칸 용어 */
html body .vx-what .vx-2{display:block}
html body .vx-what .vx-2>div{max-width:860px;margin:0 auto}
html body .vx .vx-what .vx-lead,html body .vx-what .vx-lead{font-size:clamp(16px,1.25vw,18px)!important;line-height:1.75!important;color:#333!important}
html body .vx .vx-terms,html body .vx-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,2.6vw,36px) clamp(32px,4vw,56px);border-top:0;margin-top:clamp(36px,4vw,52px);counter-reset:vt}
html body .vx-term{display:block;padding:0;border:0}
html body .vx-term dt{display:flex;align-items:baseline;gap:12px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line);font-weight:600;font-size:clamp(16px,1.2vw,17px)!important;color:var(--ink,#1A1B16)}
html body .vx-term dt::before{counter-increment:vt;content:counter(vt,decimal-leading-zero);font:300 clamp(26px,2.2vw,32px)/1 Genos,sans-serif;color:var(--brown,#3D170C)}
html body .vx-term dd{font-size:15px!important;line-height:1.65!important;color:#555!important}

/* 핵심: 큰 번호 · 제목 · 설명 세 칸 */
html body .vx.vx-points{background:#fff}
html body .vx-pts{border-top:1px solid var(--ink,#1A1B16);margin-top:0;counter-reset:vp}
html body .vx-pt{display:grid!important;grid-template-columns:clamp(64px,6vw,88px) minmax(0,4fr) minmax(0,7fr);gap:0 clamp(16px,2.4vw,36px);align-items:start;padding:clamp(24px,2.6vw,36px) 0!important;border-bottom:1px solid var(--line)}
html body .vx-pt::before{counter-increment:vp;content:counter(vp,decimal-leading-zero);font:300 clamp(38px,3.6vw,52px)/1 Genos,sans-serif;color:var(--brown,#3D170C)}
html body .vx-pt h3{font-size:clamp(17px,1.3vw,19px)!important;font-weight:600!important;line-height:1.45!important;padding-top:6px}
html body .vx .vx-pt p,html body .vx-pt p{font-size:15px!important;line-height:1.7!important;color:#555!important;padding-top:7px}

/* 권하는 경우: 짙은 띠 왼쪽 제목 · 오른쪽 체크 */
html body .vx.vx-fit{display:block!important;padding:0!important;background:#fff}
html body .vx-half,html body .vx-half:first-child,html body .vx-half:last-child{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(56px,7vw,96px) max(22px,calc((100% - min(84vw,1120px))/2))!important}
html body .vx-half:first-child{background:var(--brown,#3D170C);color:#fff}
html body .vx-half:first-child h2,html body .vx-half:first-child h2::before{color:#fff!important}
html body .vx-half.vx-dark,html body .vx-half:last-child{background:#F3F0EB;color:var(--ink,#1A1B16)}
html body .vx-half.vx-dark h2,html body .vx-half.vx-dark h2::before{color:var(--ink,#1A1B16)!important}
html body .vx-half h2{font-size:clamp(17px,1.35vw,19px)!important;font-weight:500!important;text-align:left!important}
html body .vx-half ul{margin:0!important;border:0!important}
html body .vx .vx-half li,html body .vx-half li{position:relative;padding:9px 0 9px 30px!important;border:0!important;font-size:15.5px!important;line-height:1.55!important}
html body .vx-half li::before{content:'';position:absolute;left:2px;top:15px;width:13px;height:7px;border-left:1.6px solid;border-bottom:1.6px solid;transform:rotate(-45deg)}
html body .vx-half:first-child li,html body .vx .vx-half:first-child li{color:#fff!important}
html body .vx-half.vx-dark li,html body .vx .vx-half.vx-dark li{color:#333!important}
html body .vx-half.vx-dark li::before{width:12px;height:0;border-left:0;top:20px;transform:none}

/* 회복: 흐린 큰 번호가 깔린 카드 */
html body .vx.vx-rec{background:#F6F5F2}
html body .vx-tl{display:block!important;border:0!important;margin-top:0!important;counter-reset:vr}
html body .vx .vx-tl li,html body .vx .vx-tl li:first-child,html body .vx-tl li,html body .vx-tl li:first-child{position:relative;display:grid!important;grid-template-columns:minmax(0,3fr) minmax(0,8fr)!important;gap:8px clamp(16px,3vw,44px);align-items:start;margin:0 0 10px;padding:clamp(22px,2.2vw,30px) clamp(20px,2.6vw,36px)!important;background:#fff;border:0!important;overflow:hidden}
html body .vx-tl li::before{counter-increment:vr;content:counter(vr,decimal-leading-zero);position:absolute;right:clamp(10px,1.4vw,20px);bottom:-14px;font:300 clamp(64px,6.4vw,92px)/1 Genos,sans-serif;color:rgba(61,23,12,.075);pointer-events:none}
html body .vx-when{margin:0!important;font-size:clamp(16px,1.25vw,18px)!important;font-weight:600!important;color:var(--brown,#3D170C)!important}
html body .vx-tl li p{position:relative;font-size:15px!important;line-height:1.65!important;color:#555!important;padding-right:clamp(0px,5vw,72px)}
html body .vx-pre{margin-top:clamp(28px,3vw,44px)!important;background:#fff;padding:clamp(8px,1vw,14px) clamp(20px,2.6vw,36px);border-top:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body .vx .vx-pre-i h3,html body .vx-pre-i h3{font-size:16px!important;font-weight:600!important;margin-bottom:6px!important}
html body .vx-pre-i p{font-size:14.5px!important;line-height:1.6!important;color:#555!important}

/* 자주 묻는 말: Q. 표시 + 굵은 질문 + 회색 답 */
html body .vx.vx-qa{background:#fff}
html body .vx-qs{max-width:900px;margin:0 auto!important;border-top:0!important}
html body .vx .vx-q,html body .vx-q{display:block!important;position:relative;padding:clamp(20px,2vw,28px) 0 clamp(20px,2vw,28px) 46px!important;border-bottom:1px solid var(--line)!important}
html body .vx-q::before{content:'Q.';position:absolute;left:0;top:clamp(16px,1.7vw,24px);font:400 28px/1 Genos,sans-serif;color:var(--brown,#3D170C)}
html body .vx .vx-q h3,html body .vx-q h3{font-size:clamp(16px,1.25vw,18px)!important;font-weight:600!important;line-height:1.5!important}
html body .vx .vx-q p,html body .vx-q p{margin-top:8px;font-size:15px!important;line-height:1.7!important;color:#555!important}

/* 공간 칸: 라벨 다섯 개를 한 줄로 */
html body .design-canvas [data-name^="Space"] [data-name="tabs"]{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin-top:clamp(18px,2vw,28px)!important;border-top:1px solid var(--ink,#1A1B16);width:100%!important;height:auto!important}
html body .design-canvas [data-name^="Space"] [data-name="tabs"] .ft{display:block!important;width:auto!important;height:auto!important;padding:14px 4px!important;text-align:center!important;border-left:1px solid var(--line);font-size:clamp(13px,1.1vw,16px)!important;line-height:1.3!important;margin:0!important;white-space:nowrap}
html body .design-canvas [data-name^="Space"] [data-name="tabs"] .ft:first-child{border-left:0}

/* 머리글 언어 표시 크기 */
html body .design-canvas .fheader [data-name="KR EN JP CN"]{font-size:14px!important;line-height:1.2!important;color:inherit!important}
html body .design-canvas .fheader [data-name="KR EN JP CN"] a{padding:0 2px}


/* ===== 다른 쪽의 밋밋한 글 묶음 ===== */
/* 진료 과정: 큰 번호 + 체크 줄 */
html body .design-canvas [data-name^="Step "] [data-name="hd"]{display:flex!important;align-items:baseline;gap:12px;height:auto!important;margin-bottom:6px}
html body .design-canvas [data-name^="Step "] [data-name="hd"]>.ft:first-child{font:300 clamp(40px,4vw,56px)/1 Genos,sans-serif!important;color:var(--brown,#3D170C)!important;width:auto!important}
html body .design-canvas [data-name^="Step "] [data-name="hd"]>.ft:last-child{font:400 clamp(17px,1.5vw,20px)/1.2 Genos,sans-serif!important;color:#777!important;letter-spacing:.1px!important}
html body .design-canvas [data-name="list"]>[data-name="i"]{position:relative;display:block!important;padding:12px 0 12px 26px!important;border-top:1px solid var(--line,#E5E3DE);height:auto!important;margin:0!important}
html body .design-canvas [data-name="list"]>[data-name="i"]::before{content:'';position:absolute;left:1px;top:19px;width:12px;height:6px;border-left:1.6px solid var(--brown,#3D170C);border-bottom:1.6px solid var(--brown,#3D170C);transform:rotate(-45deg)}
html body .design-canvas [data-name="list"]>[data-name="i"] .ft{font-size:15px!important;line-height:1.55!important;color:#333!important}
html body .design-canvas .v3-dark [data-name="list"]>[data-name="i"]{border-top-color:rgba(255,255,255,.2)}
html body .design-canvas .v3-dark [data-name="list"]>[data-name="i"]::before{border-color:#E0C9A6}
html body .design-canvas .v3-dark [data-name="list"]>[data-name="i"] .ft{color:rgba(255,255,255,.88)!important}

/* 칼럼: 표 */
html body .design-canvas [data-name="table"]{display:block!important;border-top:1px solid var(--ink,#1A1B16);height:auto!important}
html body .design-canvas [data-name="table"]>[data-name="row"]{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;padding:14px 0!important;border-bottom:1px solid var(--line,#E5E3DE);height:auto!important;align-items:start}
html body .design-canvas [data-name="table"]>[data-name="row"]:first-child{background:#F3F0EB;padding:12px 10px!important}
html body .design-canvas [data-name="table"]>[data-name="row"]:first-child .ft{font-weight:600!important;color:var(--brown,#3D170C)!important}
html body .design-canvas [data-name="table"] [data-name="c"]{height:auto!important;width:auto!important;display:block!important;min-width:0}
html body .design-canvas [data-name="table"] [data-name="c"] .ft{font-size:14.5px!important;line-height:1.5!important;color:#333!important}
html body .design-canvas [data-name="table"]>[data-name="row"]>[data-name="c"]:first-child .ft{font-weight:600!important;color:var(--ink,#1A1B16)!important}
/* 칼럼: 목차 */
html body .design-canvas section[data-name="목차"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 18px!important;background:#F6F5F2;padding:clamp(24px,3vw,40px) max(22px,calc((100% - min(84vw,1120px))/2))!important;height:auto!important}
html body .design-canvas section[data-name="목차"]>.ft{grid-column:1/-1;font-weight:600!important;margin-bottom:10px!important}
html body .design-canvas [data-name="toc"]{padding:9px 0!important;border-top:1px solid var(--line,#E5E3DE);height:auto!important}
html body .design-canvas [data-name="toc"] .ft{font-size:14.5px!important}
/* 칼럼: 짧은 답·이런 분·위험·준비·질문 */
html body .design-canvas [data-name="pt"]{position:relative;padding:10px 0 10px 16px!important;border-top:1px solid var(--line,#E5E3DE);height:auto!important}
html body .design-canvas [data-name="pt"]::before{content:'';position:absolute;left:0;top:21px;width:8px;border-top:1.6px solid var(--brown,#3D170C)}
html body .design-canvas [data-name="chk"]{position:relative;display:block!important;padding:13px 0 13px 28px!important;border-top:1px solid var(--line,#E5E3DE);height:auto!important}
html body .design-canvas [data-name="chk"]::before{content:'';position:absolute;left:1px;top:21px;width:12px;height:6px;border-left:1.6px solid var(--brown,#3D170C);border-bottom:1.6px solid var(--brown,#3D170C);transform:rotate(-45deg)}
html body .design-canvas [data-name="chk"] .ft:first-of-type{font-weight:600!important;color:var(--ink,#1A1B16)!important}
html body .design-canvas [data-name="cards"]:has(>[data-name="risk"]){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:8px!important;height:auto!important}
html body .design-canvas [data-name="risk"]{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;padding:15px 14px!important;background:#F3F0EB;height:auto!important;width:auto!important;margin:0!important}
html body .design-canvas [data-name="risk"] .ft{font-size:15px!important;font-weight:500!important;color:var(--ink,#1A1B16)!important;text-align:left!important}
html body .design-canvas [data-name="alert"]{margin-top:16px!important;padding:clamp(18px,2vw,26px)!important;border:1px solid var(--brown,#3D170C);height:auto!important;background:#fff}
html body .design-canvas [data-name="alert"] .ft:first-child{font-weight:600!important;color:var(--brown,#3D170C)!important;margin-bottom:6px!important}
html body .design-canvas [data-name^="상담 전"] [data-name="g"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;height:auto!important}
html body .design-canvas [data-name^="상담 전"] [data-name="c"]{display:block!important;padding:16px!important;background:#F6F5F2;height:auto!important;width:auto!important}
html body .design-canvas [data-name^="상담 전"] [data-name="c"] .ft:first-of-type{font-weight:600!important;font-size:15px!important;color:var(--ink,#1A1B16)!important;margin:8px 0 4px!important}
html body .design-canvas [data-name^="상담 전"] [data-name="c"] .ft:last-of-type{font-size:13.5px!important;line-height:1.5!important;color:#555!important}
html body .design-canvas [data-name="acc"] [data-name="q"]{padding:16px 0!important;border-top:1px solid var(--line,#E5E3DE);height:auto!important}
html body .design-canvas [data-name="acc"] [data-name="top"]{display:grid!important;grid-template-columns:30px minmax(0,1fr) 22px!important;gap:6px!important;align-items:start;height:auto!important;width:100%!important}
html body .design-canvas [data-name="acc"] [data-name="answer"]{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:6px!important;margin-top:10px!important;height:auto!important}
html body .design-canvas [data-name="acc"] [data-name="top"]>*,html body .design-canvas [data-name="acc"] [data-name="answer"]>*{width:auto!important;height:auto!important;position:static!important}
html body .design-canvas [data-name="acc"] [data-name="top"] .ft{font-size:15.5px!important;font-weight:600!important;line-height:1.5!important}
html body .design-canvas [data-name="acc"] [data-name="answer"] .ft{font-size:15px!important;line-height:1.65!important;color:#555!important}
/* 소개: 연구 칸 */
html body .design-canvas [data-name$="grid2"] [data-name="cell"]{padding-top:16px!important;border-top:1px solid var(--line,#E5E3DE);height:auto!important}
html body .design-canvas [data-name$="numberrows"] [data-name="row"]{padding-top:18px!important;border-top:1px solid var(--line,#E5E3DE)}
/* 오시는 길: 항목 이름과 값 (read.js) */
.rd-k{display:block;margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--line,#E5E3DE);font-weight:600!important;color:var(--ink,#1A1B16)!important;font-size:14px!important}
.rd-v{color:#333!important;font-size:15.5px!important;line-height:1.55!important;margin-top:2px!important}
@media(min-width:821px){html body .design-canvas section[data-name="목차"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

@media(max-width:820px){
  html body .vx-terms{grid-template-columns:1fr}
  html body .vx-pt{grid-template-columns:54px minmax(0,1fr);gap:0 8px}
  html body .vx-pt p,html body .vx .vx-pt p{grid-column:1/-1;padding-top:10px}
  html body .vx-half,html body .vx-half:first-child,html body .vx-half:last-child{grid-template-columns:1fr;gap:20px}
  html body .vx .vx-tl li,html body .vx .vx-tl li:first-child,html body .vx-tl li,html body .vx-tl li:first-child{grid-template-columns:1fr!important}
  html body .vx-tl li p{padding-right:0}
  html body .vx-pre{grid-template-columns:1fr!important}
}

html body .vx h2,html body .vx h3,html body .design-canvas h2.ft,html body .design-canvas h3.ft{word-break:keep-all}


/* 고민 말풍선: 원앤온리 구조(밝은 바탕 · 꼬리 달린 말풍선 좌우 교차 · 말줄임 점 · 답) + 바이탈 색. 문구는 그대로 */
html body .design-canvas .fsection.v3-concern{background:linear-gradient(180deg,#ECEAE6 0%,#FFFFFF 46%,#F3F0EB 100%)!important;color:var(--ink,#1A1B16)!important;text-align:center!important;padding-top:clamp(64px,7vw,110px)!important;padding-bottom:clamp(64px,7vw,110px)!important}
html body .design-canvas .fsection.v3-concern>*,html body .design-canvas .fsection.v3-concern .fv{align-items:center!important}
html body .design-canvas .fsection.v3-concern .ft{align-self:auto!important;margin-right:0!important;text-align:center!important}
html body .design-canvas .v3-concern>[data-name="rich head"]{display:flex!important;flex-direction:column;align-items:center;width:100%!important}
html body .design-canvas .v3-concern h2.ft{color:var(--ink,#1A1B16)!important}
html body .design-canvas .v3-concern .ft.v3-label{color:var(--brown,#3D170C)!important}
html body .design-canvas .v3-concern [data-name="stage"]{display:flex!important;flex-direction:column!important;align-items:center!important;gap:clamp(12px,1.2vw,16px)!important;margin-top:clamp(32px,3.6vw,48px)!important;width:100%!important;max-width:760px;margin-inline:auto!important;height:auto!important}
html body .design-canvas .v3-concern [data-name="stage"]::after{content:'';display:block;width:8px;height:48px;margin:10px 0 0;background:radial-gradient(circle,#BDB8AE 3px,transparent 3.6px) center top/8px 16px repeat-y}
html body .design-canvas .v3-concern [data-name="bubble"],html body .design-canvas .v3-concern [data-name="pill"]{position:relative!important;display:block!important;width:auto!important;max-width:min(92%,680px);height:auto!important;padding:clamp(13px,1.2vw,17px) clamp(22px,2.4vw,34px)!important;background:#877767!important;border-radius:30px!important;overflow:visible!important;transition:background-color .45s ease,transform .45s ease;margin:0!important}
html body .design-canvas .v3-concern [data-name="bubble"]:nth-child(odd),html body .design-canvas .v3-concern [data-name="pill"]:nth-child(odd){transform:translateX(-3%)}
html body .design-canvas .v3-concern [data-name="bubble"]:nth-child(even),html body .design-canvas .v3-concern [data-name="pill"]:nth-child(even){transform:translateX(3%)}
html body .design-canvas .v3-concern [data-name="bubble"]::after,html body .design-canvas .v3-concern [data-name="pill"]::after{content:'';position:absolute;bottom:-7px;width:18px;height:14px;background:inherit;clip-path:polygon(0 0,100% 0,0 100%)}
html body .design-canvas .v3-concern [data-name="bubble"]:nth-child(odd)::after,html body .design-canvas .v3-concern [data-name="pill"]:nth-child(odd)::after{left:16px}
html body .design-canvas .v3-concern [data-name="bubble"]:nth-child(even)::after,html body .design-canvas .v3-concern [data-name="pill"]:nth-child(even)::after{right:16px;clip-path:polygon(0 0,100% 0,100% 100%)}
html body .design-canvas .v3-concern .v3-lit{background:var(--brown,#3D170C)!important}
html body .design-canvas .v3-concern [data-name="bubble"] .ft,html body .design-canvas .v3-concern [data-name="pill"] .ft,html body .design-canvas .v3-concern .v3-lit .ft{font-size:clamp(15.5px,1.45vw,21px)!important;line-height:1.45!important;font-weight:500!important;letter-spacing:-.3px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;width:auto!important;height:auto!important;opacity:1!important;word-break:keep-all}
html body .design-canvas .v3-concern [data-name^="answer"]{display:flex!important;flex-direction:column;align-items:center;margin-top:clamp(20px,2.4vw,32px)!important;max-width:680px;margin-inline:auto!important;height:auto!important}
html body .design-canvas .v3-concern [data-name^="answer"] h3.ft,html body .design-canvas .v3-concern [data-name^="answer"] .ft:first-child{color:var(--brown,#3D170C)!important;font-size:clamp(18px,1.7vw,24px)!important;font-weight:600!important;line-height:1.45!important;box-shadow:inset 0 -.5em 0 rgba(224,201,166,.45);display:inline!important}
html body .design-canvas .v3-concern [data-name^="answer"] .ft:not(:first-child){color:#444!important;font-size:15.5px!important;line-height:1.65!important;margin-top:14px!important}
html body .design-canvas .v3-concern .v3-figbox,html body .design-canvas .v3-concern.v3-dark .v3-figbox{background:transparent!important;box-shadow:none!important;padding:0!important;margin:clamp(20px,2vw,28px) auto!important;width:100%!important}
html body .design-canvas .v3-concern .v3-diagram,html body .design-canvas .v3-concern [data-name^="illust"]{background:transparent!important;padding:0!important;max-width:520px;margin-inline:auto!important;margin-bottom:0!important}
html body .design-canvas .v3-concern [data-name="rich head"] p.ft:not(.v3-label){color:#555!important;font-size:15.5px!important}
html body .design-canvas .v3-concern .v3-fig .ft{color:#333!important;-webkit-text-fill-color:#333!important}

/* 공간 칸 사진: 큰 사진 왼쪽, 작은 사진 둘 오른쪽 */
html body .design-canvas [data-name^="Space"] [data-name="gallery"]{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;gap:clamp(8px,1vw,14px)!important;width:100%!important;height:auto!important;align-items:stretch}
html body .design-canvas [data-name^="Space"] [data-name="main"]{width:100%!important;height:100%!important;min-height:clamp(280px,36vw,520px);aspect-ratio:auto!important;margin:0!important}
html body .design-canvas [data-name^="Space"] [data-name="col"]{display:grid!important;grid-template-rows:1fr 1fr!important;gap:clamp(8px,1vw,14px)!important;width:100%!important;height:auto!important}
html body .design-canvas [data-name^="Space"] [data-name="s1"],html body .design-canvas [data-name^="Space"] [data-name="s2"]{width:100%!important;height:100%!important;min-height:0;aspect-ratio:auto!important;margin:0!important}
@media(max-width:820px){
  html body .design-canvas [data-name^="Space"] [data-name="gallery"]{grid-template-columns:1fr!important}
  html body .design-canvas [data-name^="Space"] [data-name="main"]{height:auto!important;min-height:0;aspect-ratio:4/3!important}
  html body .design-canvas [data-name^="Space"] [data-name="col"]{grid-template-rows:none!important;grid-template-columns:1fr 1fr!important}
  html body .design-canvas [data-name^="Space"] [data-name="s1"],html body .design-canvas [data-name^="Space"] [data-name="s2"]{height:auto!important;aspect-ratio:1/1!important}
}

/* 휴대폰: 읽는 양 줄이기 (read.js) */
@media(max-width:820px){
  html body .vx{--sp:56px}
  html body .vx-points>h2,html body .vx-rec>h2,html body .vx-qa>h2,html body .vx-cases>h2,html body .vx-what .vx-2>h2{margin-bottom:24px!important}
  html body .vx-pt.rd-host,html body .vx .vx-pt.rd-host,html body .vx .vx-q.rd-host,html body .vx-q.rd-host,html body .vx-pre-i.rd-host,html body .vx-term.rd-host{display:block!important;padding:0!important;border-bottom:1px solid var(--line,#E5E3DE)!important}
  html body .vx-pt.rd-host::before,html body .vx-q.rd-host::before{display:none!important}
  html body .vx-terms{gap:0!important;border-top:1px solid var(--ink,#1A1B16)}
  .rd-acc>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:12px 0;cursor:pointer}
  .rd-acc>summary::-webkit-details-marker{display:none}
  .rd-acc>summary::after{content:'+';flex:none;font:300 24px/1 Genos,sans-serif;color:var(--brown,#3D170C)}
  .rd-acc[open]>summary::after{content:'–'}
  .rd-acc>summary h3,.rd-acc>summary .rd-dt{margin:0!important;padding:0!important;font-size:16px!important;font-weight:600!important;line-height:1.45!important;color:var(--ink,#1A1B16)}
  .rd-acc>.rd-body{padding:0 0 16px}
  .rd-acc>.rd-body p,.rd-acc>.rd-body dd{padding:0!important;margin:0!important}
  html body .vx .vx-half .rd-hide{display:none!important}
  .rd-morelist{appearance:none;background:none;border:0;padding:10px 0 0;font:500 14px/1.2 Pretendard,sans-serif;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
  html body .vx-half,html body .vx-half:first-child,html body .vx-half:last-child{padding-top:44px!important;padding-bottom:44px!important}
  html body .design-canvas .fsection.v3-concern{padding-top:48px!important;padding-bottom:48px!important}
}

@media(max-width:820px){
  html body .vx .vx-terms,html body .vx-terms{grid-template-columns:minmax(0,1fr)!important}
  html body .design-canvas .v3-risk [data-name="cards"],html body .design-canvas [data-name="cards"]:has(>[data-name="risk"]){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .design-canvas [data-name="risk"]{padding:12px!important;gap:8px!important}
  html body .design-canvas [data-name="risk"] .ft{font-size:14px!important}
}

/* 그림 먼저(원앤온리 비율): 칸마다 그림 + 제목 + 첫 문장 */
html body .vx-kp{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#F3F0EB}
html body .vx-kpcap{text-align:center!important;margin-top:14px!important;font-size:13px!important;color:#777!important}
/* 핵심: PC 3칸 카드 */
html body .vx-pts:has(.has-kp){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(28px,3vw,44px) clamp(18px,2vw,28px)!important;border-top:0!important;counter-reset:vp}
html body .vx .vx-pt.has-kp,html body .vx-pt.has-kp{display:block!important;padding:0!important;border:0!important;position:relative}
html body .vx-pt.has-kp::before{position:absolute;left:0;top:0;z-index:2;width:44px;height:44px;display:flex!important;align-items:center;justify-content:center;background:var(--brown,#3D170C);color:#fff;font:400 20px/1 Genos,sans-serif}
html body .vx-pt.has-kp h3{margin-top:14px!important;padding:0!important;font-size:clamp(16px,1.25vw,18px)!important;line-height:1.45!important}
html body .vx-pt.has-kp p,html body .vx .vx-pt.has-kp p{padding:0!important;margin-top:8px!important;font-size:14.5px!important;line-height:1.65!important}
/* 어떤 수술: 그림 왼쪽, 글 오른쪽 */
html body .vx-what .vx-2>div:has(.vx-kp){display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:0 clamp(24px,3.4vw,48px);max-width:none}
html body .vx-what .vx-2>div:has(.vx-kp)>.vx-kp{grid-row:1;grid-column:1}
html body .vx-what .vx-2>div:has(.vx-kp)>.vx-lead{grid-row:1;grid-column:2;align-self:center}
html body .vx-what .vx-2>div:has(.vx-kp)>.vx-terms{grid-column:1/-1}
/* 권하는 경우 그림 */
html body .vx-half>.vx-kp{grid-column:1/-1;aspect-ratio:21/7;margin-bottom:6px}
html body .vx-tl li.has-kp>.vx-when,html body .vx-tl li.has-kp>p{grid-row:1}
/* 회복: 카드 안 그림 */
html body .vx .vx-tl li.has-kp,html body .vx-tl li.has-kp{grid-template-columns:110px minmax(0,2.4fr) minmax(0,6fr)!important;align-items:center;padding-top:16px!important;padding-bottom:16px!important}
html body .vx-tl li.has-kp>.vx-kp{grid-row:1/3;aspect-ratio:1/1}
html body .vx-tl li.has-kp::before{display:none}
/* 더 보기 */
.rd-rest>summary{list-style:none;display:inline-block;margin-top:6px;font:500 14px/1.4 Pretendard,sans-serif;letter-spacing:-.3px;color:var(--brown,#3D170C);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.rd-rest>summary::-webkit-details-marker{display:none}
.rd-rest[open]>summary{display:none}
@media(max-width:820px){
  html body .vx-pts:has(.has-kp){grid-template-columns:minmax(0,1fr)!important;gap:30px!important}
  html body .vx-pt.has-kp .vx-kp{aspect-ratio:4/3}
  html body .vx-pt.has-kp h3{font-size:18px!important}
  html body .vx-pt.has-kp p,html body .vx .vx-pt.has-kp p{font-size:15.5px!important}
  html body .vx-what .vx-2>div:has(.vx-kp){display:block}
  html body .vx-what .vx-2>div:has(.vx-kp)>.vx-kp{aspect-ratio:4/3;margin-bottom:16px}
  html body .vx .vx-tl li.has-kp,html body .vx-tl li.has-kp{grid-template-columns:84px minmax(0,1fr)!important;gap:2px 14px!important;padding:14px!important}
  html body .vx-tl li.has-kp>.vx-kp{grid-row:1/3;width:84px;height:84px;aspect-ratio:1/1;align-self:start}
  html body .vx-tl li.has-kp .vx-when{font-size:15.5px!important}
  html body .vx-tl li.has-kp p{font-size:14.5px!important;line-height:1.55!important;grid-column:2}
  html body .vx-half>.vx-kp{aspect-ratio:16/9;margin:0 0 4px}
}

/* 글만 있던 구역에 그림 */
html body .vx-kp.vx-band,html body .design-canvas .vx-kp.vx-band{display:block!important;position:static!important;width:100%!important;max-width:900px!important;height:auto!important;aspect-ratio:21/9;object-fit:cover;margin:clamp(20px,2.4vw,32px) auto!important}
@media(max-width:820px){html body .vx-kp.vx-band,html body .design-canvas .vx-kp.vx-band{aspect-ratio:4/3;margin:16px 0 20px!important}}
/* 자주 묻는 질문: 닫힌 답변은 정말 닫고, 표시도 상태를 따른다 */
html body .design-canvas .v3-faq .faq-row [data-name="answer"][hidden],html body .design-canvas .faq-recovered[hidden],html body .design-canvas .g3-faq-save-bar[hidden]{display:none!important}
html body .design-canvas .v3-faq .faq-row [data-name="top"] h3.ft{font-size:0!important}
html body .design-canvas .v3-faq .faq-row [data-name="top"] h3.ft::after{content:'+';font-size:22px}
html body .design-canvas .v3-faq .faq-row:has(>.faq-toggle[aria-expanded="true"]) [data-name="top"] h3.ft::after{content:'−'}

/* 시술 목록 썸네일 */
html body .design-canvas [data-name="it"]:has(>.tr-th){display:grid!important;grid-template-columns:96px minmax(0,1fr) 16px!important;gap:16px!important;align-items:center!important;width:100%!important}
html body .tr-th{display:block!important;position:static!important;width:96px!important;height:96px!important;object-fit:cover;background:#F3F0EB}
@media(max-width:820px){
  html body .design-canvas [data-name="it"]:has(>.tr-th){grid-template-columns:76px minmax(0,1fr) 16px!important;gap:14px!important}
  html body .tr-th{width:76px!important;height:76px!important}
}

/* 메인 휴대폰: 다섯 단계·회복 일정도 사진 띠로 */
@media(max-width:820px){
  html body.h3 .h-panels{display:grid!important;gap:2px!important;border-top:0!important}
  html body.h3 .h-panels li{position:relative;display:flex!important;align-items:center;gap:14px;height:108px!important;min-height:108px!important;padding:0 20px!important;border:0!important;overflow:hidden;color:#fff!important}
  html body.h3 .h-panels li::before{display:block!important;content:'';position:absolute;inset:0;background:var(--img) center/cover no-repeat;transform:none}
  html body.h3 .h-panels li::after{display:block!important;content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,16,.72),rgba(20,18,16,.28) 80%)}
  html body.h3 .h-panels .h-pletter{position:relative!important;z-index:2;width:42px;flex:none;color:#fff!important;font-size:42px!important}
  html body.h3 .h-panels .h-ptext{position:relative!important;z-index:2;display:block!important;min-width:0;color:#fff!important}
  html body.h3 .h-panels .h-ptext h3{display:block;margin:0!important;font:400 18px/1.2 Genos,sans-serif!important;letter-spacing:.02em;color:#fff!important}
  html body.h3 .h-panels .h-ptext p,html body.h3 .h-panels .h-ptext p:last-child{display:block!important;margin:3px 0 0!important;font-size:14px!important;font-weight:500;color:#fff!important;opacity:1!important;max-height:none!important}
  html body.h3 .h-panels-care .h-pday{position:static!important;font:400 22px/1.2 Genos,sans-serif!important;color:#fff!important}
}

/* 실제로 눌리는 탭·칩·검색 */
.v3-press{cursor:pointer}
html body .design-canvas [data-name="tabs"] .v3-press.is-on{color:var(--ink,#1C1A17)!important;font-weight:600!important;text-decoration:underline;text-underline-offset:5px}
html body .design-canvas [data-name="chip"].is-on{background:var(--brown,#3D170C)!important}
html body .design-canvas [data-name="chip"].is-on .ft{color:#fff!important}
html body .design-canvas [data-name="card"][hidden]{display:none!important}
.v3-grid-note{margin:0 0 18px;font-size:15px;color:var(--sub,#555)}
.v3-search{flex:1;min-width:0;width:100%;border:0;outline:0;background:transparent;font:400 16px/1.4 Pretendard,sans-serif;color:var(--ink,#1C1A17)}
.v3-search::placeholder{color:#777}
html body .design-canvas [data-name="search"]:focus-within{outline:2px solid var(--brown,#3D170C);outline-offset:2px}
html body .design-canvas [data-name^="cat "]{scroll-margin-top:130px}
html body .design-canvas p>a.v3-rel,html body p>a.v3-rel{display:block;padding:7px 0;color:inherit;text-decoration:underline;text-underline-offset:4px;white-space:normal}

/* 휴대폰 압축판: 핵심 칸은 옆으로 넘기는 카드 한 줄, 겹치는 띠 그림은 뺀다 */
@media(max-width:820px){
  html body .vx-pts:has(.has-kp){display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-right:calc(var(--mg,22px)*-1)!important;padding-right:var(--mg,22px)!important;scrollbar-width:none}
  html body .vx-pts:has(.has-kp)::-webkit-scrollbar{display:none}
  html body .vx-pts:has(.has-kp)>.vx-pt.has-kp{flex:0 0 78%!important;scroll-snap-align:start}
  html body .vx-pt.has-kp .vx-kp{aspect-ratio:1/1}
  html body .vx-pt.has-kp h3{font-size:17px!important}
  html body .vx-kp.vx-band[src$="-d.webp"],html body .vx-kp.vx-band[src$="-q.webp"],html body .vx-kp.vx-band[src$="-p.webp"]{display:none!important}
  .rd-swipe{display:flex;justify-content:space-between;align-items:center;margin:12px 0 0;font:500 13px/1 Pretendard,sans-serif;color:#777}
}

@media(max-width:820px){
  html body .design-canvas .v3-steplist [data-name="steps"]{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:calc(var(--mg,22px)*-1)!important;padding-right:var(--mg,22px)!important}
  html body .design-canvas .v3-steplist [data-name="steps"]::-webkit-scrollbar{display:none}
  html body .design-canvas .v3-steplist [data-name="steps"]>[data-name^="step "]{flex:0 0 84%!important;scroll-snap-align:start;min-width:0}
  html body .vx-kp.vx-band[src$="-k.webp"],html body .vx-kp.vx-band[src$="-s.webp"]{display:none!important}
}

/* 그림이 잘리지 않게: 정사각형으로 만든 그림은 정사각형 그대로 보인다 */
html body .vx-kp.vx-band,html body .design-canvas .vx-kp.vx-band{aspect-ratio:1/1!important;max-width:440px!important;margin-left:auto!important;margin-right:auto!important}
html body .vx-half>.vx-kp{aspect-ratio:1/1!important;width:100%;max-width:360px;justify-self:center;margin-left:auto;margin-right:auto}
@media(max-width:820px){
  html body .vx-kp.vx-band,html body .design-canvas .vx-kp.vx-band{max-width:100%!important}
  html body .vx-what .vx-2>div:has(.vx-kp)>.vx-kp{aspect-ratio:1/1!important}
  html body .vx-half>.vx-kp{max-width:100%}
}

/* 휴대폰 설득 보강(2026-11-06): 상담 막대 늘 보이기, 원장 카드, 사례 뒤 상담 한 줄, 겹치는 칸 정리 */
@media(max-width:820px){
  html.vm-down .vq:not(:has(.vq-panel:not([hidden]))){transform:translateX(-50%)!important;opacity:1!important;pointer-events:auto!important}
  .rd-doc{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:center;margin:0;padding:36px 22px;background:#f3eee6}
  .rd-doc img{width:112px;height:150px;object-fit:cover;object-position:50% 18%;border-radius:4px;background:#1c1b19}
  .rd-doc-e{margin:0 0 6px;font:500 12px/1 Pretendard,sans-serif;letter-spacing:.08em;color:#7a4e2d}
  .rd-doc-n{margin:0;font:700 19px/1.3 Pretendard,sans-serif;color:#1c1b19}
  .rd-doc-r{margin:2px 0 10px;font:500 14px/1.4 Pretendard,sans-serif;color:#4a443e}
  .rd-doc ul{margin:0 0 2px;padding:0;list-style:none}
  .rd-doc li{font:400 13px/1.6 Pretendard,sans-serif;color:#4a443e}
  .rd-doc a{display:inline-flex;align-items:center;min-height:44px;padding-right:12px;font:600 14px/1 Pretendard,sans-serif;color:#3a2a1e;text-decoration:underline;text-underline-offset:4px}
  .rd-cta{margin:0;padding:30px 22px 32px;background:#2b211a;color:#f7f1e8}
  .rd-cta p{margin:0 0 18px;font:600 17px/1.5 Pretendard,sans-serif}
  .rd-cta div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .rd-cta a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid rgba(247,241,232,.5);border-radius:4px;font:600 15px/1 Pretendard,sans-serif;color:#f7f1e8;text-decoration:none}
  .rd-cta a.rd-cta-p{background:#f7f1e8;color:#2b211a;border-color:#f7f1e8}
  details.rd-case>summary{list-style:none;cursor:pointer;position:relative;padding-right:28px}
  details.rd-case>summary::-webkit-details-marker{display:none}
  details.rd-case>summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font:300 24px/1 Pretendard,sans-serif;color:#7a4e2d}
  details.rd-case[open]>summary::after{content:"\2212"}
  html body .vx-fit .vx-half>.vx-kp{display:none!important}
  html body section.rd-merged [data-name="rich head"],html body section.rd-merged > [data-name="l"]{min-height:44px!important}
  html body .vx-links>h2{display:none!important}
  html body .vx-kp.vx-band[src$="-x.webp"]{display:none!important}
  html body section[data-name^="NEW · Doctor's Column"]>[data-name="visual"]{height:120px!important;min-height:0!important}
}

/* 작은 휴대폰(2026-11-06): 회복 일정 칸 설명 글을 사진 아래 전체 폭으로, 320px에서 수술 정보 두 칸을 한 칸으로 */
@media(max-width:820px){
  html body .vx-tl li.has-kp>.vx-kp{grid-row:1!important;width:72px!important;height:72px!important}
  html body .vx-tl li.has-kp>.vx-when{grid-row:1!important;grid-column:2!important;align-self:center}
  html body .vx-tl li.has-kp>p{grid-row:2!important;grid-column:1/-1!important;margin-top:8px!important}
  html body .vx-tl li.has-kp>details{grid-column:1/-1!important}
  html body .vx .vx-tl li.has-kp,html body .vx-tl li.has-kp{grid-template-columns:72px minmax(0,1fr)!important}
}
@media(max-width:380px){
  html body .vx-strip .vx-cells{grid-template-columns:1fr!important}
}

/* 가독성 정리(2026-11-06): 질문·답 간격, 첫 화면 수술 정보 중복, 소개 고민 목록·논문 카드, 안면거상 층 설명 */
html body .faq-row>.faq-recovered{margin-top:0!important}
html body .design-canvas [data-name^="Sub Hero"] [data-name="info strip"].fb.fh,html body .design-canvas [data-name^="Sub Hero"] [data-name="spec-note"].ft.fa{display:none!important}
.tdy{background:#fcfaf5;color:#1c1a17;padding:clamp(64px,8vw,128px) 0}
.tdy-in{width:min(1120px,calc(100% - 44px));margin:0 auto;word-break:keep-all}
.tdy-eb{margin:0 0 10px;font:500 13px/1.2 Pretendard,sans-serif;letter-spacing:.14em;color:#7a4e2d}
.tdy h2{margin:0 0 clamp(28px,3.4vw,52px);font:700 clamp(28px,3.2vw,46px)/1.3 Pretendard,sans-serif;letter-spacing:-.03em}
.tdy-lead{margin:0 0 14px;font:500 clamp(16px,1.25vw,19px)/1.7 Pretendard,sans-serif;color:#3a3631}
.tdy-lead em{font-style:normal;color:#7a4e2d}
.tdy-fine{margin:0;font:400 13px/1.7 Pretendard,sans-serif;color:#8e8d8d}
.tdy-rows{list-style:none;margin:0 0 clamp(28px,3vw,40px);padding:0;border-top:1px solid #1c1a17}
.tdy-rows li{border-bottom:1px solid #e5e3de}
.tdy-row{display:grid;grid-template-columns:72px minmax(0,1.1fr) minmax(0,2fr) auto;gap:clamp(16px,2.4vw,40px);align-items:baseline;padding:clamp(22px,2.4vw,32px) 0;color:inherit;text-decoration:none}
.tdy-row:hover .tdy-t,.tdy-row:hover .tdy-go{color:#7a4e2d}
.tdy-no{font:400 clamp(26px,2.2vw,34px)/1 Genos,Pretendard,sans-serif;color:#7a4e2d}
.tdy-t{font:700 clamp(18px,1.5vw,22px)/1.4 Pretendard,sans-serif}
.tdy-d{font:400 clamp(15px,1.1vw,17px)/1.75 Pretendard,sans-serif;color:#4a443e}
.tdy-go{font:600 14px/1 Pretendard,sans-serif;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.tdy-pubs{list-style:none;margin:clamp(28px,3vw,44px) 0 clamp(24px,3vw,36px);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.tdy-pubs li{background:#fff;border-top:2px solid #7a4e2d;padding:clamp(22px,2.2vw,32px)}
.tdy-year{display:block;font:400 clamp(22px,1.8vw,28px)/1 Genos,Pretendard,sans-serif;color:#7a4e2d;margin-bottom:14px}
.tdy-pubs h3{margin:0 0 12px;font:700 clamp(18px,1.4vw,21px)/1.45 Pretendard,sans-serif;letter-spacing:-.02em}
.tdy-en{margin:0;font:400 14px/1.6 Pretendard,sans-serif;color:#6f6962}
.tdy-more{margin:18px 0 0}.tdy-more a{display:inline-block;padding:10px 0;font:600 15px/1 Pretendard,sans-serif;color:#1c1a17;text-decoration:underline;text-underline-offset:4px}
.tdy-lead-top{margin-bottom:6px}
.tdy-layer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.tdy-layer figure{margin:0}.tdy-layer img{display:block;width:100%;height:auto;background:#fff}
.tdy-layer figcaption{margin-top:8px;font-size:12px;color:#8e8d8d}
.tdy-layer h3{margin:0 0 14px;font:700 clamp(19px,1.6vw,24px)/1.45 Pretendard,sans-serif;letter-spacing:-.02em}
.tdy-layer-t>p{margin:0 0 22px;font:400 clamp(15px,1.1vw,17px)/1.8 Pretendard,sans-serif;color:#4a443e}
.tdy-facts{margin:0 0 16px;border-top:1px solid #1c1a17}
.tdy-facts div{display:grid;grid-template-columns:120px 1fr;padding:12px 0;border-bottom:1px solid #e5e3de}
.tdy-facts dt{font:500 14px/1.5 Pretendard,sans-serif;color:#6f6962}
.tdy-facts dd{margin:0;font:600 15px/1.5 Pretendard,sans-serif}
@media(max-width:820px){
  .tdy-row{grid-template-columns:44px minmax(0,1fr);row-gap:6px}
  .tdy-no{grid-row:1/4}
  .tdy-d,.tdy-go{grid-column:2}
  .tdy-pubs{grid-template-columns:1fr}
  .tdy-layer{grid-template-columns:1fr}
  .tdy-facts div{grid-template-columns:96px 1fr}
}

/* 알아보기 어려운 손그림 선 도식은 숨긴다(2026-11-06 대표 「이미지가 뭔지 모르겠고」) */
html body .design-canvas .fdiagram .fn[data-name*="직접 그린 선 도식"],html body .design-canvas .fn[data-name*="직접 그린 선 도식"],html body .design-canvas .fdiagram [data-name^="illust"]:has([data-name*="직접 그린 선 도식"]),html body .design-canvas [data-name^="illust"].fn:has([data-name*="직접 그린 선 도식"]){display:none!important}

/* 칼럼 목록 썸네일: 손그림 대신 주제 설명 그림 */
html body .design-canvas img.cg-thumb{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;background:#efe7dc;display:block}
/* 단면 설명의 수술 정보 줄: 아이콘 빼고 표 모양 */
html body .design-canvas section[data-name^="MED"] [data-name="spec row"]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:0 24px!important;border-top:1px solid #1c1a17;margin-top:8px}
html body .design-canvas section[data-name^="MED"] [data-name="spec row"]>[data-name="spec"]{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:14px!important;padding:12px 0!important;border-bottom:1px solid #e5e3de}
html body .design-canvas section[data-name^="MED"] [data-name="spec row"]>[data-name="spec"]>[data-name="Frame"],html body .design-canvas section[data-name^="MED"] [data-name="spec row"] svg{display:none!important}
html body .design-canvas [data-name="img"]:has(> img.cg-thumb){position:relative!important;display:block!important;aspect-ratio:342/250;height:auto!important;width:100%!important}

/* 체크·판단·경과 카드: 제목과 본문 위계(2026-11-06) */
html body .design-canvas section[data-name^="R · 체크"] [data-name="chk"] [data-name="t"]>.ft:first-child,
html body .design-canvas section[data-name^="R · 판단"] [data-name="card"] [data-name="hd"]>.ft,
html body .design-canvas section[data-name^="R · 경과"] [data-name="node"] [data-name="hd"]>.ft{font-size:18px!important;font-weight:700!important;line-height:1.45!important;color:#1c1a17!important;letter-spacing:-.02em!important}
html body .design-canvas section[data-name^="R · 체크"] [data-name="chk"] [data-name="t"]>.ft:not(:first-child),
html body .design-canvas section[data-name^="R · 판단"] [data-name="card"] [data-name="tx"]>.ft,
html body .design-canvas section[data-name^="R · 경과"] [data-name="node"]>.ft{color:#4a443e!important;line-height:1.75!important}
html body .design-canvas section[data-name^="R · 판단"] [data-name="note"],html body .design-canvas section[data-name^="R · 경과"]>.ft:last-child{margin-top:28px!important;padding-top:18px!important;border-top:1px solid #e5e3de}
html body .design-canvas section[data-name^="R · 판단"] [data-name="note"] .ft,html body .design-canvas section[data-name^="R · 경과"]>.ft:last-child{font-size:14px!important;color:#6f6962!important}

/* 세부 쪽 가독성 2차(2026-11-06): 비교 도식 선 그림, 상담 채널 줄, 번호 줄, 해외 언어 표시, 논문 제목 글꼴 */
html body .design-canvas section[data-name^="Approach"] [data-name="canvas"],html body .design-canvas section[data-name^="Why Deep Plane"] [data-name="canvas"]{display:none!important}
html body .design-canvas section[data-name="channels"] [data-name="r"]{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:16px 0!important;border-bottom:1px solid #e5e3de;position:relative}
html body .design-canvas section[data-name="channels"] [data-name="r"]>[data-name="t"]{width:auto!important}
html body .design-canvas section[data-name="channels"] [data-name="r"]>.ft{width:auto!important;grid-column:2;grid-row:1}
html body .design-canvas section[data-name="원문V · numberRows"] [data-name="row"]{display:grid!important;grid-template-columns:72px minmax(0,1fr) minmax(0,2fr)!important;gap:clamp(16px,2.4vw,40px)!important;align-items:baseline!important;padding:22px 0!important;border-bottom:1px solid #e5e3de}
html body .design-canvas section[data-name="원문V · numberRows"] [data-name="row"]>.ft{width:auto!important}
html body .design-canvas section[data-name="원문V · numberRows"] [data-name="row"]>.ft:nth-child(2){font-size:19px!important;font-weight:700!important;color:#1c1a17!important}
html body .design-canvas section[data-name^="Global"] [data-name="langs"]{display:flex!important;gap:18px!important;align-items:baseline!important}
html body .design-canvas section[data-name^="Global"] [data-name="langs"]>*,html body .design-canvas section[data-name^="Global"] [data-name="langs"] a{width:auto!important;font-size:16px!important}
html body section[data-name="PUBLICATIONS"] .ft,html body section[data-name="PRESENTATIONS"] .ft,html body section[data-name="PUBLICATIONS"] p,html body section[data-name="PRESENTATIONS"] p{font-family:Pretendard,"Noto Sans KR",sans-serif!important;letter-spacing:-.01em!important}
@media(max-width:820px){html body .design-canvas section[data-name="원문V · numberRows"] [data-name="row"]{grid-template-columns:44px minmax(0,1fr)!important}html body .design-canvas section[data-name="원문V · numberRows"] [data-name="row"]>.ft:nth-child(3){grid-column:2}}
html body section[data-name="PUBLICATIONS"] *,html body section[data-name="PRESENTATIONS"] *{font-family:Pretendard,"Noto Sans KR",sans-serif!important}
html body .design-canvas section[data-name="PUBLICATIONS"] .ft.v3-label,html body .design-canvas section[data-name="PRESENTATIONS"] .ft.v3-label{font-family:Pretendard,"Noto Sans KR",sans-serif!important;font-size:16px!important;font-weight:600!important;letter-spacing:-.01em!important;color:#1c1a17!important;text-transform:none!important}

/* 가독성 3차(2026-11-07): 말풍선 목록, 소개 원소 표, 진료 과정 양식, 칼럼 머리 분류, 리프팅 제목 */
.bub-list{list-style:none;margin:20px 0 24px;padding:0;border-top:1px solid #1c1a17;width:100%}
.bub-list li{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,2fr);gap:clamp(14px,2vw,32px);align-items:baseline;padding:18px 0;border-bottom:1px solid #e5e3de}
.bub-list .tdy-no{font:400 26px/1 Genos,Pretendard,sans-serif;color:#7a4e2d}
.bub-list .tdy-t{font:700 18px/1.45 Pretendard,sans-serif;color:#1c1a17}
.bub-list .tdy-d{font:400 16px/1.75 Pretendard,sans-serif;color:#4a443e}
@media(max-width:820px){.bub-list li{grid-template-columns:40px minmax(0,1fr)}.bub-list .tdy-d{grid-column:2}}
html body .design-canvas [data-name="element map"] [data-name="row"]{display:grid!important;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;align-items:baseline!important;padding:14px 0!important;border-bottom:1px solid #e5e3de;height:auto!important}
html body .design-canvas [data-name="element map"] [data-name="row"]>*{width:auto!important}
html body .design-canvas [data-name="element map"] [data-name="row"]>:first-child{font-weight:700!important;color:#1c1a17!important;font-size:18px!important}
html body .design-canvas [data-name="element map"]{height:auto!important}
html body .design-canvas section[data-name^="Tools"] [data-name="mock"]:has(svg){display:none!important}
html body .design-canvas section[data-name^="Tools"] [data-name="tool"]{height:auto!important}
html body .design-canvas section[data-name^="Tools"] [data-name="mock"]:not(:has(svg)){display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;height:auto!important;margin-bottom:12px!important}
html body .design-canvas section[data-name^="Tools"] [data-name="mock"]:not(:has(svg))>*{width:auto!important;padding:4px 10px!important;border:1px solid rgba(247,241,232,.4);border-radius:999px;font-size:13px!important}
html body .design-canvas section[data-name^="Tools"] [data-name="tool"]>.ft:first-of-type{font-size:18px!important;font-weight:700!important}
html body .design-canvas section[data-name="Column Hero"] [data-name="tags"]{display:flex!important;flex-wrap:wrap!important;gap:8px!important;height:auto!important}
html body .design-canvas section[data-name="Column Hero"] [data-name="tags"]>[data-name="tag"]{width:auto!important}
html body .design-canvas section[data-name="V · grid2"] [data-name="h"]>img{order:3!important;margin-top:24px!important}
html body .design-canvas section[data-name="V · grid2"] [data-name="cell"] [data-name="t"]{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;height:auto!important}
html body .design-canvas section[data-name="V · grid2"] [data-name="cell"] [data-name="t"]>*{width:auto!important}
html body .design-canvas section[data-name="V · grid2"] [data-name="cell"] [data-name="t"]>:last-child{font-size:clamp(20px,1.8vw,26px)!important;line-height:1.4!important;font-weight:700!important}
html body .design-canvas section[data-name="Column Hero"] [data-name="l"],html body .design-canvas section[data-name="Column Hero"] [data-name="l"] .ft{text-align:left!important;align-items:flex-start!important}
html body .design-canvas section[data-name="Column Hero"] [data-name="byline"]>[data-name="doc"]{display:none!important}

/* 하단 병원 정보 한 줄: 주소가 길어져 Tel 과 번호가 줄바꿈으로 갈라지던 것 방지(2026-11-08) */
html body .design-canvas .ffooter p.ft[data-name^="바이탈성형외과의원"]{display:block!important}
html body .design-canvas .ffooter p.ft[data-name^="바이탈성형외과의원"] a{white-space:nowrap}
/* 원장 쪽 학술 갤러리: 사진 4장 + 글 칸(2026-11-09) */
@media(min-width:821px){.academic-gallery .gallery-note{grid-column:3;grid-row:1/span 2;align-self:center}}
@media(max-width:820px){.academic-gallery .gallery-note{grid-column:1/-1}}

/* 2026-11-09 대표 지적 묶음 */
/* ② 소개 The Fifth Element: 글을 줄이고 크게 */
html body [data-name^="NEW · The Fifth Element"] [data-name="철학 설명"]{font-size:clamp(17px,1.35vw,20px)!important;line-height:1.85!important;color:#3a3631!important;white-space:pre-line!important;height:auto!important;max-width:560px}

/* ③ 소개 VITAL 원칙 */
.tdy-prin{background:#fff}
.tdy-prin .tdy-eb{color:#391b16}
.tdy-prin-list{list-style:none;margin:0;padding:0;border-top:1px solid #1c1a17}
.tdy-prin-list li{display:grid;grid-template-columns:clamp(84px,9vw,132px) minmax(0,1fr) clamp(170px,20vw,260px);gap:0 clamp(16px,2.4vw,36px);align-items:center;padding:clamp(20px,2.2vw,30px) 0;border-bottom:1px solid #e7dfd3}
.tdy-prin-l{font:400 clamp(64px,7.2vw,108px)/1 Genos,sans-serif;color:#391b16}
.tdy-prin-list h3{margin:0 0 8px;font:700 clamp(21px,1.9vw,28px)/1.35 Pretendard,sans-serif;letter-spacing:-.02em;color:#1c1a17}
.tdy-prin-list h3 span{margin-right:10px;font:400 clamp(20px,1.7vw,25px)/1 Genos,sans-serif;letter-spacing:.01em;color:#391b16}
.tdy-prin-list p{margin:0;font:400 clamp(16px,1.25vw,18px)/1.7 Pretendard,sans-serif;color:#3a3631}
.tdy-prin-list i{display:block;height:clamp(104px,10.5vw,150px);background-size:cover;background-position:center}
@media(max-width:640px){
  .tdy-prin-list li{grid-template-columns:56px minmax(0,1fr);gap:0 12px;align-items:start;padding:22px 0}
  .tdy-prin-l{font-size:52px}
  .tdy-prin-list h3 span{display:block;margin:0 0 4px}
  .tdy-prin-list i{display:none}
}

/* ④ 소개 RESEARCH: 짙은 띠 + 줄 목록 */
html body .tdy-pubs-sec{background:#391b16;color:#fff}
html body .tdy-pubs-sec .tdy-eb{color:#e0c9a6}
html body .tdy-pubs-sec h2{color:#fff}
html body .tdy-pubs-sec .tdy-lead{color:rgba(255,255,255,.88)}
html body .tdy-pubs-sec .tdy-pubs{display:block;margin:clamp(28px,3vw,44px) 0 clamp(20px,2.4vw,28px);border-top:1px solid rgba(255,255,255,.4)}
html body .tdy-pubs-sec .tdy-pubs li{display:grid;grid-template-columns:clamp(90px,10vw,150px) minmax(0,1.1fr) minmax(0,1fr);gap:8px clamp(16px,2.4vw,36px);align-items:baseline;background:none;border-top:0;border-bottom:1px solid rgba(255,255,255,.22);padding:clamp(22px,2.4vw,32px) 0}
html body .tdy-pubs-sec .tdy-year{margin:0;color:#fff;font-size:clamp(30px,3vw,44px)}
html body .tdy-pubs-sec .tdy-pubs h3{margin:0;color:#fff;font-size:clamp(20px,1.8vw,26px)}
html body .tdy-pubs-sec .tdy-en{color:rgba(255,255,255,.82);font-size:clamp(15px,1.15vw,17px)}
html body .tdy-pubs-sec .tdy-fine{color:rgba(255,255,255,.66)}
html body .tdy-pubs-sec .tdy-more a{color:#fff}
@media(max-width:640px){
  html body .tdy-pubs-sec .tdy-pubs li{grid-template-columns:1fr}
}

/* ⑤ 상담 전 질문 구역: 왼쪽 안내·주제, 오른쪽 질문과 답 */
html body .design-canvas .g3-questions{display:grid!important;grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr)!important;gap:0 clamp(32px,6vw,96px)!important;align-items:start!important;padding:clamp(56px,7vw,112px) max(22px,calc((100% - 1120px)/2))!important;background:#fff!important}
html body .design-canvas .g3-questions>.fn{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;max-width:100%!important;margin:0!important;padding:0!important;text-align:left!important}
html body .design-canvas .g3-questions>[data-name^='G 질문']:not([data-g3-role=question-card]){grid-column:1!important}
html body .design-canvas .g3-questions>[data-name='G 질문 영문 라벨']{margin-bottom:12px!important}
html body .design-canvas .g3-questions>[data-name='G 질문 제목'],html body .design-canvas .g3-questions>[data-name='G 질문 강조']{font-size:clamp(30px,3vw,42px)!important;line-height:1.3!important;margin:0!important}
html body .design-canvas .g3-questions>[data-name='G 질문 안내']{font-size:clamp(16px,1.2vw,18px)!important;line-height:1.8!important;color:#3a3631!important;margin:18px 0 26px!important}
html body .design-canvas .g3-questions>[data-g3-role^=topic-]{grid-column:1!important;max-width:none!important;min-height:56px;padding:14px 0!important;border-bottom:1px solid #e7dfd3!important;font-size:18px!important;font-weight:500!important;color:#5f5a54!important;background:none}
html body .design-canvas .g3-questions>[data-g3-role^=topic-][aria-pressed=true]{color:#391b16!important;font-weight:700!important;border-bottom:2px solid #391b16!important}
html body .design-canvas .g3-questions>[data-g3-role=question-card]{grid-column:2!important;grid-row:1 / span 5!important;display:grid!important;grid-template-columns:auto auto 1fr!important;gap:16px 12px!important;align-self:start;padding:clamp(24px,2.6vw,36px) 0!important;border-top:2px solid #391b16!important;background:none!important}
html body .design-canvas .g3-questions [data-g3-role=question-card]>.fn{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;grid-column:1/-1;white-space:normal!important;text-align:left!important}
html body .design-canvas .g3-questions [data-g3-role=question-card]>[data-name=Q],html body .design-canvas .g3-questions [data-g3-role=question-card]>[data-name=A],html body .design-canvas .g3-questions [data-g3-role^=related-row-]>[data-name=Q]{display:none!important}
html body .design-canvas .g3-questions [data-g3-role=question]{font-size:clamp(22px,2.1vw,30px)!important;font-weight:700!important;line-height:1.4!important;letter-spacing:-.02em;color:#1c1a17!important}
html body .design-canvas .g3-questions [data-g3-role=answer]{font-size:clamp(17px,1.3vw,19px)!important;line-height:1.8!important;color:#3a3631!important}
html body .design-canvas .g3-questions [data-g3-role=question-card]>[data-g3-role=original]{display:inline-flex!important;justify-self:start;width:max-content!important;max-width:100%;align-items:center;min-height:44px;font-size:16px!important;font-weight:600}
html body .design-canvas .g3-questions [data-g3-role=question-card]>[data-g3-role=read],html body .design-canvas .g3-questions [data-g3-role=question-card]>[data-g3-role=save]{grid-column:auto!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:0 20px!important;border:1px solid #391b16!important;background:#fff!important;color:#391b16!important;font-size:15px!important;font-weight:600;text-align:center!important;white-space:nowrap!important}
html body .design-canvas .g3-questions [data-g3-role=question-card]>[data-g3-role=save]{background:#391b16!important;color:#fff!important}
html body .design-canvas .g3-questions [data-g3-role=boundary]{font-size:14px!important;line-height:1.7!important;color:#6f6962!important}
html body .design-canvas .g3-questions>[data-g3-role^=related-row-]{grid-column:2!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:16px!important;min-height:72px;padding:14px 0!important;border-top:1px solid #e7dfd3!important;background:none!important;text-align:left!important}
html body .design-canvas .g3-questions>[data-g3-role=related-row-0]{grid-row:6!important}
html body .design-canvas .g3-questions>[data-g3-role=related-row-1]{grid-row:7!important}
html body .design-canvas .g3-questions [data-g3-role^=related-row-]>.fn{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;padding:0!important;text-align:left!important}
html body .design-canvas .g3-questions [data-g3-role^=related-]:not(button){flex:1;font-size:18px!important;line-height:1.5!important;font-weight:500;color:#1c1a17!important;text-align:left!important}
html body .design-canvas .g3-questions>[data-name='G 선택 정보 보호']{grid-column:2!important;grid-row:8 / span 2!important;margin-top:16px!important;font-size:13px!important;line-height:1.7!important;color:#6f6962!important}
@media(max-width:760px){
  html body .design-canvas .g3-questions{grid-template-columns:1fr 1fr!important;gap:0 16px!important}
  html body .design-canvas .g3-questions>[data-name^='G 질문']:not([data-g3-role=question-card]){grid-column:1/-1!important}
  html body .design-canvas .g3-questions>[data-name^='G 질문'][data-g3-role=topic-0],html body .design-canvas .g3-questions>[data-name^='G 질문'][data-g3-role=topic-2]{grid-column:1!important}
  html body .design-canvas .g3-questions>[data-name^='G 질문'][data-g3-role=topic-1],html body .design-canvas .g3-questions>[data-name^='G 질문'][data-g3-role=topic-3]{grid-column:2!important}
  html body .design-canvas .g3-questions>[data-g3-role=question-card]{grid-column:1/-1!important;grid-row:auto!important;margin-top:24px!important;grid-template-columns:1fr 1fr!important}
  html body .design-canvas .g3-questions>[data-g3-role^=related-row-],html body .design-canvas .g3-questions>[data-name='G 선택 정보 보호']{grid-column:1/-1!important;grid-row:auto!important}
  html body .design-canvas .g3-questions [data-g3-role=question-card]>[data-g3-role=read],html body .design-canvas .g3-questions [data-g3-role=question-card]>[data-g3-role=save]{padding:0 8px!important;white-space:normal!important}
}

/* 원장 쪽: 사진·제목·두 줄 목록(2026-11-09) */
.pill-section{background:#fff}
.pill-head{margin-bottom:clamp(28px,3.4vw,52px)}
.pill-head h2{font:700 clamp(30px,3.4vw,48px)/1.3 Pretendard,sans-serif;letter-spacing:-.03em;color:#1c1a17}
.pill-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,64px);border-top:1px solid #391b16}
.pill-list li{display:grid;grid-template-columns:clamp(140px,13vw,190px) minmax(0,1fr);gap:clamp(16px,1.8vw,26px);align-items:center;padding:clamp(22px,2.2vw,32px) 0;border-bottom:1px solid #391b16}
.pill-img{display:block;aspect-ratio:2/1;border-radius:999px;background-size:cover;background-position:center}
.pill-list h3{margin:0 0 8px;font:700 clamp(18px,1.45vw,21px)/1.4 Pretendard,sans-serif;letter-spacing:-.02em;color:#1c1a17}
.pill-list p{margin:0;font:400 clamp(15px,1.12vw,16.5px)/1.65 Pretendard,sans-serif;color:#3a3631;word-break:keep-all}
.pill-section .source-note{margin-top:20px;font-size:13px;color:#6f6962}
.quote-band{background:#391b16;color:#fff;text-align:center}
.quote-band blockquote{margin:0;font:600 clamp(24px,3vw,42px)/1.45 Pretendard,sans-serif;letter-spacing:-.02em;color:#fff}
.quote-band cite{display:block;margin-top:18px;font:500 15px/1 Pretendard,sans-serif;color:#e0c9a6;font-style:normal}
.quote-band .quote-sub{max-width:640px;margin:24px auto 0;font:400 clamp(16px,1.25vw,18px)/1.75 Pretendard,sans-serif;color:rgba(255,255,255,.86);word-break:keep-all}
@media(max-width:760px){
  .pill-list{grid-template-columns:1fr}
  .pill-list li{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:14px}
}

/* 사진 정돈(2026-11-09): 같은 비율·둥근 모서리·짧은 이름, 첫 사진은 화면 끝까지 */
.tdy-space{background:#fff}
.tdy-space .tdy-in{width:min(1360px,calc(100% - 44px));text-align:center}
.tdy-space h2{margin-bottom:clamp(28px,3.4vw,52px)}
.tdy-spacegrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.4vw,48px) clamp(16px,2.4vw,34px)}
.tdy-spacegrid img{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:cover;border-radius:30px}
.tdy-spacegrid p{margin:14px 0 0;font:500 clamp(16px,1.3vw,19px)/1.4 Pretendard,sans-serif;color:#1c1a17}
.academic-image img{object-fit:cover;background:none;border-radius:30px}
.academic-gallery img{object-fit:cover;object-position:center 30%;background:none;border-radius:30px}
.academic-gallery figcaption{text-align:center;font-size:15px;color:#1c1a17;margin-top:14px}
@media(min-width:1025px){
  .academic-feature:not(.reverse) .academic-image{margin-left:calc(-1*max(var(--v-gutter),(100vw - 1440px)/2))}
  .academic-feature:not(.reverse) .academic-image img{border-radius:0 120px 120px 0}
  .academic-feature:not(.reverse) .academic-image figcaption{padding-left:max(var(--v-gutter),(100vw - 1440px)/2)}
}
@media(max-width:760px){
  .tdy-spacegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .tdy-spacegrid img,.academic-gallery img,.academic-image img{border-radius:20px}
  .tdy-spacegrid p{font-size:15px;margin-top:10px}
}

/* 2026-11-09 메종피브 구성 참고 묶음 */
/* 홈 VITAL 세로 카드 */
html body .h-prin2{padding:var(--sp) 0;background:#fff}
.h-prinhead{padding:0 max(var(--gut),calc((100% - var(--wrap))/2));margin-bottom:clamp(28px,3.4vw,52px)}
.h-prinhead h2{font-size:clamp(32px,3.6vw,52px)!important;line-height:1.25!important;letter-spacing:-.03em;font-weight:700}
.h-vtrack{display:flex;gap:clamp(12px,1.2vw,18px);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(var(--gut),calc((100% - var(--wrap))/2));scroll-padding:0 max(var(--gut),calc((100% - var(--wrap))/2));scrollbar-width:none;outline-offset:-3px}
.h-vtrack::-webkit-scrollbar{display:none}
.h-vcard{position:relative;display:block;flex:0 0 clamp(290px,27vw,410px);aspect-ratio:3/4.2;border-radius:20px;overflow:hidden;background:#2a120e;color:#fff;scroll-snap-align:start;text-decoration:none}
.h-vcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease,ease)}
.h-vcard:hover img{transform:scale(1.03)}
.h-vbody{position:absolute;left:clamp(22px,2.2vw,32px);right:clamp(22px,2.2vw,32px);bottom:clamp(22px,2.2vw,32px);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:end;color:#fff}
.h-vl{display:block;font:400 clamp(50px,4.2vw,64px)/.9 Genos,sans-serif;color:#fff}
.h-vn{display:block;margin-bottom:3px;font:400 clamp(21px,1.8vw,26px)/1.2 Genos,sans-serif;letter-spacing:.015em;color:#fff}
.h-vn em{margin-left:8px;font:600 clamp(16px,1.25vw,18px)/1 Pretendard,sans-serif;font-style:normal}
.h-vd{grid-column:1/-1;display:block;margin-top:14px;font:400 clamp(15px,1.12vw,16.5px)/1.65 Pretendard,sans-serif;color:rgba(255,255,255,.92);word-break:keep-all}
.h-vgo{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.3);font:500 14px/1 Pretendard,sans-serif;color:#fff!important}
.h-vgo i{font-style:normal;font-size:20px;line-height:1;color:#fff}
.h-vbar{display:flex;align-items:center;gap:16px;margin:clamp(20px,2.4vw,32px) max(var(--gut),calc((100% - var(--wrap))/2)) 0}
.h-vcount{min-width:70px;font:400 15px/1 Genos,Pretendard,sans-serif;color:#6f6962}
.h-vcount b{font-size:22px;font-weight:500;color:#391b16}
.h-vprog{position:relative;flex:1;height:1px;background:#d9d0c6}
.h-vprog i{position:absolute;left:0;top:-1px;height:3px;width:20%;background:#391b16;transition:width .4s}
.h-vbtn{all:unset;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;font-size:28px;line-height:1;color:#391b16}
.h-vbtn:focus-visible{outline:2px solid #391b16}
@media(max-width:820px){
  .h-vcard{flex-basis:78vw}
  html body.h3 .h-prin2{padding:var(--msp,64px) 0!important}
  .h-prinhead{padding:0 var(--mg,22px)}
  .h-vtrack{padding:0 var(--mg,22px);scroll-padding:0 var(--mg,22px)}
  .h-vbar{margin-left:var(--mg,22px);margin-right:var(--mg,22px)}
}

/* 소개 공간: 큰 사진 + 오른쪽 목록 */
.tdy-space2{background:#fff}
.tdy-space2 .tdy-in{width:min(1240px,calc(100% - 44px))}
.sp-wrap{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1.1fr);gap:clamp(20px,2.6vw,40px);align-items:stretch}
.sp-main{position:relative;margin:0;overflow:hidden;border-radius:20px;min-height:100%}
.sp-main img{display:block;width:100%;height:100%;min-height:clamp(300px,42vw,620px);object-fit:cover}
.sp-main figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 28px 24px;background:linear-gradient(to top,rgba(20,12,10,.68),transparent);color:#fff;font:600 clamp(17px,1.4vw,20px)/1.3 Pretendard,sans-serif}
.sp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid #d9d0c6}
.sp-list li{flex:1;border-bottom:1px solid #d9d0c6}
.sp-list button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:14px;width:100%;height:100%;min-height:56px;padding:8px 0;color:#6f6962}
.sp-list button:focus-visible{outline:2px solid #391b16;outline-offset:-2px}
.sp-list button[aria-pressed=true]{color:#391b16}
.sp-n{font:400 15px/1 Genos,sans-serif;width:26px}
.sp-t{font:600 clamp(15px,1.2vw,17px)/1.35 Pretendard,sans-serif;word-break:keep-all}
.sp-t small{display:block;margin-bottom:3px;font:400 12px/1 Genos,sans-serif;letter-spacing:.06em}
@media(max-width:820px){
  .sp-wrap{grid-template-columns:1fr}
  .sp-main img{min-height:0;height:auto;aspect-ratio:4/3}
  .sp-list{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
}

/* 소개 다섯 단계: 흐름 표시 */
.tdy-steps{background:#fff}
.tdy-steps .tdy-in{text-align:center}
.st-line{list-style:none;margin:clamp(32px,4vw,56px) 0 clamp(24px,3vw,36px);padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);position:relative}
.st-line::before{content:'';position:absolute;top:30px;left:10%;right:10%;height:1px;background:#391b16}
.st-line li{position:relative}
.st-n{position:relative;z-index:1;display:grid;place-items:center;width:60px;height:60px;margin:0 auto 18px;border-radius:50%;background:#391b16;color:#fff;font:500 18px/1 Genos,sans-serif}
.st-line h3{margin:0 0 8px;font:700 clamp(17px,1.35vw,19px)/1.4 Pretendard,sans-serif;letter-spacing:-.02em;color:#1c1a17;word-break:keep-all}
.st-line p{margin:0;font:400 15px/1.65 Pretendard,sans-serif;color:#3a3631;word-break:keep-all}
@media(max-width:820px){
  .tdy-steps .tdy-in{text-align:left}
  .st-line{grid-template-columns:1fr;gap:22px}
  .st-line::before{top:8px;bottom:8px;left:21px;right:auto;width:1px;height:auto}
  .st-line li{padding-left:62px}
  .st-n{position:absolute;left:0;top:0;width:44px;height:44px;margin:0;font-size:15px}
}

/* 소개 고민별 안내: 사진 카드 */
html body .tdy-cards{background:#fff}
html body .tdy-cards .tdy-in{width:min(1240px,calc(100% - 44px))}
html body .tdy-cards .tdy-rows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);border-top:0}
html body .tdy-cards .tdy-rows li{border:0;padding:0}
html body .tdy-cards .tdy-row{display:flex;flex-direction:column;gap:0;height:100%;padding:0;border:0;grid-template-columns:none}
html body .tdy-cards .tdy-pic{display:block;width:100%;flex:none;aspect-ratio:1/1;background-size:cover;background-position:center;border-radius:16px;margin-bottom:16px}
html body .tdy-cards .tdy-no{font:500 15px/1 Genos,sans-serif;color:#391b16;margin-bottom:10px}
html body .tdy-cards .tdy-t{font:700 clamp(18px,1.45vw,21px)/1.4 Pretendard,sans-serif;letter-spacing:-.02em;color:#1c1a17;margin-bottom:8px}
html body .tdy-cards .tdy-d{font:400 15px/1.65 Pretendard,sans-serif;color:#3a3631;flex:1}
html body .tdy-cards .tdy-go{margin-top:14px;font:600 14px/1 Pretendard,sans-serif;color:#391b16}
@media(max-width:900px){html body .tdy-cards .tdy-rows{grid-template-columns:1fr 1fr}}
@media(max-width:480px){html body .tdy-cards .tdy-rows{grid-template-columns:1fr}html body .tdy-cards .tdy-pic{aspect-ratio:16/10}}

/* 원장 KEEP·CHANGE·WAIT: 사진 위 이름 */
.principles article{border:0!important;padding:0!important}
.prin-pic{display:grid;place-items:center;aspect-ratio:1/1;background-size:cover;background-position:center;border-radius:20px;margin-bottom:20px}
.prin-pic .principle-word{margin:0;color:#fff!important;font-size:clamp(30px,3vw,44px)!important;text-shadow:0 1px 18px rgba(20,10,8,.45)}
.principles h3{margin-top:0}
/* PC에서 휴대폰 띠 숨김: 스크립트는 모든 화면에 넣지만 모양은 휴대폰 CSS에만 있음 */
@media(min-width:821px){.vm-band{display:none!important}}
@media(max-width:400px){.pill-list li{grid-template-columns:1fr;gap:12px}.pill-img{width:150px}}
