/* ============================================================
   haneul.css
   Extracted VERBATIM from sub-open.html <head> <style> blocks.
   Order preserved. Only relative url() paths were re-pointed so
   they resolve from this file's location (assets/css/).
   ============================================================ */

/* ===== ORIGIN: sub-open.html line 9  <style> ===== */
@font-face{font-family:'NT Fabulous';src:url('../fonts/nt_fabulous-webfont.woff2') format('woff2'),url('../fonts/nt_fabulous-webfont.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}

/* ===== ORIGIN: sub-open.html line 15  <style> ===== */

/* ============ HANEUL DESIGN SYSTEM v2.0 ============ */
html { font-size: 62.5%; }
body { overflow-x: hidden; }
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
:root {
  --font-sans: 'Noto Sans', 'Noto Sans KR', sans-serif;
  /* Color — 역할 중심 12색 (Deep Green) */
  --primary:#181818;
  --primary-hover:#0F0F0F;
  --primary-tint:rgba(24,24,24,0.08);
  --primary-a08:rgba(24,24,24,0.08);
  --primary-a10:rgba(24,24,24,0.10);
  --primary-a12:rgba(24,24,24,0.12);
  --primary-a18:rgba(24,24,24,0.18);
  --primary-a25:rgba(24,24,24,0.25);
  --primary-a30:rgba(24,24,24,0.30);
  --t-head:#181818;
  --t-body:#3D3D3D;
  --t-muted:#707070;
  --t-disabled:#9E9E9E;
  --bg:#FFFFFF;
  --surface:#FBFAF8;
  --border:#E6E6E6;
  --dark:#181818;
  --dark-a55:rgba(17,17,17,0.55);
  --dark-a35:rgba(17,17,17,0.35);
  --error:#5a5a5a;
  /* Typo — 4존 13크기 */
  --t8:8px; --t10:10px;
  --t12:clamp(11px,10.5px + 0.10vw,12px);
  --t14:clamp(13px,12.5px + 0.10vw,14px);
  --t16:clamp(14px,13.0px + 0.21vw,16px);
  --t18:clamp(16px,15.0px + 0.21vw,18px);
  --t24:clamp(20px,18.0px + 0.42vw,24px);
  --t28:clamp(23px,20.5px + 0.52vw,28px);
  --t32:clamp(25px,21.5px + 0.73vw,32px);
  --t40:clamp(29px,23.5px + 1.15vw,40px);
  --t50:clamp(32px,23.0px + 1.88vw,50px);
  --t80:clamp(44px,26.0px + 3.75vw,80px);
  --t100:clamp(48px,22.0px + 5.42vw,100px);
  /* Spacing — 3존 6간격 */
  --s16:clamp(12px,10px + 0.42vw,16px);
  --s24:clamp(16px,12px + 0.83vw,24px);
  --s40:clamp(24px,16px + 1.67vw,40px);
  --s64:clamp(40px,28px + 2.50vw,64px);
  --s120:clamp(64px,36px + 5.83vw,120px);
  --s200:clamp(100px,50px + 10.42vw,200px);
}
body { font-family:var(--font-sans); font-size:var(--t16); line-height:1.6; color:var(--t-body); background:var(--bg); }
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
ul,ol { list-style:none; }
button { font-family:inherit; cursor:pointer; border:none; background:none; }
:focus-visible { outline:2px solid #8a8a8a; outline-offset:2px; }

/* 타이포 존 */
.t12{font-size:var(--t12);font-weight:400;line-height:1.7;}
.t14{font-size:var(--t14);font-weight:400;line-height:1.7;}
.t16{font-size:var(--t16);font-weight:400;line-height:1.6;}
.t18{font-size:var(--t18);font-weight:400;line-height:1.6;}
.t24{font-size:var(--t24);font-weight:600;line-height:1.45;letter-spacing:-0.01em;color:var(--t-head);}
.t28{font-size:var(--t28);font-weight:600;line-height:1.45;letter-spacing:-0.01em;color:var(--t-head);}
.t32{font-size:var(--t32);font-weight:600;line-height:1.4;letter-spacing:-0.01em;color:var(--t-head);}
.t40{font-size:var(--t40);font-weight:600;line-height:1.3;letter-spacing:-0.02em;color:var(--t-head);}
.t50{font-size:var(--t50);font-weight:700;line-height:1.25;letter-spacing:-0.02em;color:var(--t-head);}
.t80{font-size:var(--t80);font-weight:700;line-height:1.15;letter-spacing:-0.02em;color:var(--t-head);}
.t100{font-size:var(--t100);font-weight:700;line-height:1.1;letter-spacing:-0.02em;color:var(--t-head);}
.w300{font-weight:300;} .w500{font-weight:500;}
.muted{color:var(--t-muted);} .on-dark{color:#fff;}
.on-dark-body{color:rgba(255,255,255,0.78);}

strong { font-weight:600; }
.t24 strong,.t28 strong,.t32 strong { font-weight:700; }
.t40 strong,.t50 strong,.t80 strong,.t100 strong { font-weight:inherit; color:var(--primary); }
.point_marker strong { background-image:linear-gradient(to top, var(--primary-a18) 45%, transparent 45%); background-repeat:no-repeat; background-size:100% 1.15em; background-position:0 55%; }
.point_under strong { background-image:linear-gradient(to right, var(--primary-a30), var(--primary-a10)); background-repeat:no-repeat; background-size:100% 8px; background-position:0 100%; }
.point_color strong { color:var(--primary); }

/* 버튼 — 3종 × 3크기, 라운드 10px */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:600;transition:background .2s,color .2s,border-color .2s;}
.btn-l{font-size:16px;padding:14px 30px;} .btn-m{font-size:14px;padding:11px 22px;} .btn-s{font-size:13px;padding:8px 16px;}
.btn-primary{background:#181818;color:#fff;} .btn-primary:hover{background:#000;}
.btn-ghost{background:transparent;color:var(--primary);border:1px solid var(--primary-a25);} .btn-ghost:hover{background:var(--primary-tint);}
.btn-ghost-w{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.4);} .btn-ghost-w:hover{background:rgba(255,255,255,0.12);}
.btn-text{color:var(--primary);text-decoration:underline;text-underline-offset:4px;font-weight:600;}
.pill{border-radius:999px;}

/* 라운드 */
.r10{border-radius:10px;} .r20{border-radius:20px;} .r50{border-radius:0 0 50px 0;} .r50t{border-radius:50px 0 0 0;}

/* 레이아웃 */
.wrap{max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px;}
.wrap-n{max-width:920px;margin:0 auto;padding-left:24px;padding-right:24px;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s64);align-items:center;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s24);}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s24);}
@media(max-width:1024px){ .grid3{grid-template-columns:repeat(2,1fr);} .grid4{grid-template-columns:repeat(2,1fr);} }
@media(max-width:768px){ .grid2{grid-template-columns:1fr;gap:var(--s40);} .grid3,.grid4{grid-template-columns:1fr;} }

/* ===== v0: 여수스노우 실측 기준 — 굵기혼용 제목·10px 간격·박스·밑줄FAQ ===== */
.v0sec{padding:clamp(72px,56px + 2vw,110px) 0;}
.vv .eyebrow{display:none;}
.vv .tC{text-align:center;}
.vv .h-int{font-size:clamp(28px,24px + 1.1vw,42px);line-height:1.25;font-weight:400;color:#111;letter-spacing:-0.01em;}
.vv .h-blk{font-size:clamp(24px,21px + 0.9vw,36px);line-height:1.25;font-weight:400;color:#111;letter-spacing:-0.01em;}
.vv .h-md{font-size:clamp(23px,21px + 0.5vw,28px);line-height:1.43;font-weight:600;color:#111;}
.vv .h-int strong,.vv .h-blk strong{font-weight:700;}
.vv .bd{font-size:16px;font-weight:400;line-height:1.6;color:#111;margin-top:10px;}
.vv .bd-lg{font-size:clamp(17px,16px + 0.3vw,20px);font-weight:400;line-height:1.55;color:#111;margin-top:12px;}
.vv .bd strong,.vv .bd-lg strong,.vv .dots strong{font-weight:700;}
.vv .dots{margin-top:14px;}
.vv .dots li{display:flex;gap:10px;font-size:15.5px;font-weight:300;line-height:2;color:#111;}
.vv .dots li::before{content:'·';font-weight:700;flex:none;}
.vv .gbox{background:#F5F6F8;border-radius:14px;padding:24px 30px;margin-top:24px;}
.vv .gbox .li{font-size:16px;font-weight:300;line-height:2.1;color:#111;}
.vv .gbox .li b{font-weight:600;margin-right:8px;}
.vv .gbox .sm{font-size:13px;color:#8a8a8a;margin-left:6px;}
.vv .tag{display:block;font-size:13px;font-weight:400;color:#8c8c8c;margin-bottom:8px;}
.vv .dev-zig .row{padding:clamp(26px,18px + 1.6vw,44px) 0;}
.vv .dev-zig img{height:340px;}
/* 다크 밴드 + 3카드 (여수 '한단계 진화한 기술력' 패턴) */
.vv .darkband{position:relative;background:#4a4a4a url('../img/0401_bg_01.jpg') center/cover no-repeat;}
.vv .darkband::before{content:'';position:absolute;inset:0;background:rgba(52,54,53,0.78);}
.vv .darkband > .wrap{position:relative;z-index:2;}
.vv .darkband .h-int{color:#fff;}
.vv .darkband .bd-lg{color:rgba(255,255,255,0.85);}
.vv .dcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;}
@media(max-width:768px){ .vv .dcards{grid-template-columns:1fr;} }
.vv .dcards .c{background:rgba(255,255,255,0.10);border-radius:14px;padding:30px 24px;text-align:center;}
.vv .dcards .c h3{font-size:20px;font-weight:700;color:#fff;}
.vv .dcards .c p{font-size:16px;font-weight:400;line-height:1.6;color:rgba(255,255,255,0.85);margin-top:8px;}
/* 다크 포토 패널 (여수 '과학적 진단' 패턴) */
.vv .photoband{position:relative;background:#222 url('../img/bg_bottom.jpg') center/cover no-repeat;padding:clamp(90px,8vw,140px) 0;}
.vv .photoband::before{content:'';position:absolute;inset:0;background:rgba(20,22,21,0.55);}
.vv .photoband > .wrap{position:relative;z-index:2;}
.vv .photoband .h-blk{color:#fff;}
.vv .photoband .bd{color:rgba(255,255,255,0.85);max-width:560px;}
.vv .photoband .dots{display:grid;grid-template-columns:repeat(2,minmax(0,340px));gap:0 32px;}
@media(max-width:768px){ .vv .photoband .dots{grid-template-columns:1fr;} }
.vv .photoband .dots li{color:rgba(255,255,255,0.85);}
.vv .wbtn{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#111;font-size:14px;font-weight:500;border-radius:999px;padding:12px 26px;}
.vv .wbtn:hover{background:#ececec;}
/* C — 라이트 에디토리얼: 좌 제목/우 본문 + 헤어라인 3분할 */
.vv .csplit{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;}
@media(max-width:768px){ .vv .csplit{grid-template-columns:1fr;gap:14px;} }
.vv .trio{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid #E8E9EA;}
@media(max-width:768px){ .vv .trio{grid-template-columns:1fr;} }
.vv .trio .t{padding:26px 28px 0 0;}
.vv .trio .t + .t{border-left:1px solid #E8E9EA;padding-left:28px;}
@media(max-width:768px){ .vv .trio .t + .t{border-left:none;padding-left:0;} }
.vv .trio .no{font-size:12px;color:#9a9a9a;letter-spacing:0.1em;font-weight:500;}
.vv .trio h3{font-size:19px;font-weight:700;color:#111;margin-top:8px;}
.vv .trio p{font-size:15px;font-weight:400;line-height:1.65;color:#111;margin-top:8px;}
/* D — 우측 풀블리드 매거진 */
.vv .featbleed{display:grid;grid-template-columns:1fr 1fr;align-items:center;}
@media(max-width:768px){ .vv .featbleed{grid-template-columns:1fr;} }
.vv .featbleed .tx{padding:72px 56px 72px max(24px,calc((100vw - 1232px)/2));}
@media(max-width:768px){ .vv .featbleed .tx{padding:40px 24px;} }
.vv .featbleed img{width:100%;height:100%;min-height:420px;max-height:560px;object-fit:cover;display:block;}
/* E — 넘버링 지그재그 */
.vv .dev-zig .row{border-top:1px solid #EEF0F1;}
.vv .dev-zig .row:first-child{border-top:none;}
.vv .rno{display:block;font-size:12px;color:#9a9a9a;letter-spacing:0.1em;font-weight:500;margin-bottom:10px;}
/* B — 임팩트 배경 밴드 */
.vv .bband{position:relative;background:#101210 url('../img/0403_header.jpg') center/cover no-repeat;padding:clamp(110px,10vw,170px) 0;}
.vv .bband::before{content:'';position:absolute;inset:0;background:rgba(11,11,11,0.5);}
.vv .bband > .wrap-n{position:relative;z-index:2;}
.vv .bband .h-int{color:#fff;}
.vv .bband .bd-lg{color:rgba(255,255,255,0.85);}
/* G~L — 컴팩트 정보 존: 좌 타이틀 / 우 콘텐츠 */
.v0z{padding:26px 0;border-top:1px solid #EDEEEF;}
.v0z .zg{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:start;}
@media(max-width:768px){ .v0z .zg{grid-template-columns:1fr;gap:10px;} }
.v0z .h-md{font-size:21px;line-height:1.4;}
.v0z .dots{margin-top:0;}
.v0z .dots li{line-height:1.85;font-size:15px;}
.v0z .gbox{margin-top:0;padding:20px 26px;}
.v0z .gbox .li{line-height:1.95;font-size:15px;}
.v0z .ba{aspect-ratio:auto;height:240px;}
.v0z .fq .item{margin-bottom:18px;}
.v0z .fq .item:last-child{margin-bottom:0;}
/* FAQ — 밑줄 Q */
.vv .fq .item{margin-bottom:26px;}
.vv .fq .qh{display:block;width:100%;text-align:left;font-size:16px;font-weight:600;color:#111;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;padding:0;}
.vv .fq .ab{display:none;font-size:15.5px;font-weight:300;line-height:1.8;color:#111;padding:14px 0 0 14px;}
.vv .fq .item.open .ab{display:block;}
/* hero0 — 여백 없이 풀블리드, 활성 탭에만 색면 허용 */
.hero0{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:flex-end;background:#0d0d0d url('../img/01_about/tour/tour_11.webp') center/cover no-repeat;}
.hero0::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(11,11,11,0.82),rgba(11,11,11,0.12) 55%,rgba(11,11,11,0.3));}
.hero0 .h-in{position:relative;z-index:2;padding-bottom:clamp(40px,3vw,60px);display:flex;flex-direction:column;align-items:center;text-align:center;}
.hero0 .eyebrow{color:rgba(255,255,255,0.6);}
.hero0 h1{color:#fff;font-weight:700;font-size:clamp(40px,30px + 2.2vw,68px);line-height:1.1;}
.hero0 .slogan{color:rgba(255,255,255,0.85);font-weight:400;font-size:clamp(17px,16px + 0.4vw,21px);margin-top:7px;line-height:1.38;}
.hero0 .btns{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap;}
.hero0 .subtabs{position:relative;z-index:2;background:rgba(255,255,255,0.05);border-top:1px solid rgba(255,255,255,0.14);}
.hero0 .subtabs .in{display:flex;flex-wrap:wrap;justify-content:center;padding-top:0;padding-bottom:0;}
.hero0 .subtabs a{font-size:var(--t14);font-weight:500;color:rgba(255,255,255,0.62);padding:15px 22px;}
.hero0 .subtabs a.on{background:rgba(255,255,255,0.16);color:#fff;font-weight:600;}
.hero0 .subtabs a:not(.on):hover{color:#fff;background:rgba(255,255,255,0.06);}

/* ============ 사용자 피드백 오버라이드 (뒤에 위치 → 우선 적용) ============ */
html{scroll-behavior:smooth;}
/* B 재설계 — 배경 없음(화이트), 제목 위 이미지 영역, 스타일별 */
.vv .bx{background:#fff;padding:clamp(52px,42px + 1.6vw,80px) 0;}
.vv .bx .cap{text-align:center;max-width:760px;margin:0 auto;}
.vv .bx h2{margin-top:30px;}
.vv .bx .bd-lg{margin-top:12px;}
.vv .bx-1 img{width:100%;height:clamp(190px,20vw,290px);object-fit:cover;border-radius:16px;}
.vv .bx-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.vv .bx-duo img{width:100%;height:clamp(180px,18vw,250px);object-fit:cover;border-radius:16px;}
.vv .bx-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.vv .bx-trio img{width:100%;height:clamp(150px,14vw,210px);object-fit:cover;border-radius:12px;}
.vv .bx-left .cap{text-align:left;max-width:820px;margin:0;}
.vv .bx-round img{max-width:600px;margin:0 auto;display:block;width:100%;height:clamp(210px,22vw,300px);object-fit:cover;border-radius:300px/150px;}
.vv .bx-bleed{width:100vw;position:relative;left:50%;transform:translateX(-50%);height:clamp(220px,26vw,380px);object-fit:cover;display:block;}
/* E v0 — 중간 1px 라인 삭제 */
.vv .dev-zig .row{border-top:none;}
/* E v2 — 폭 좁게 + 이미지 2배 높이 */
#secE .vv .e2-tabs{max-width:940px;margin-left:auto;margin-right:auto;}
#secE .vv .e2-p{align-items:start;}
#secE .vv .e2-p img{height:760px;}
@media(max-width:768px){ #secE .vv .e2-p img{height:340px;} }
/* E v4 재설계 — 좌측 눈금자 네비 + 좌측 이미지 배열 */
.vv .e4b{display:grid;grid-template-columns:150px 1fr;gap:52px;margin-top:30px;}
@media(max-width:768px){ .vv .e4b{grid-template-columns:1fr;gap:18px;} }
.vv .e4b-nav{position:sticky;top:88px;align-self:start;margin-left:calc(-1 * max(24px, (100vw - 1232px)/2));padding-left:max(24px, (100vw - 1232px)/2);}
@media(max-width:768px){ .vv .e4b-nav{position:static;margin-left:0;padding-left:0;display:flex;gap:8px;flex-wrap:wrap;} }
.vv .e4b-nav::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:1px;background:#d1d1d1;}
@media(max-width:768px){ .vv .e4b-nav::before{display:none;} }
.vv .e4b-nav a{display:block;position:relative;padding:16px 0;font-size:15px;font-weight:500;color:#a4a4a4;letter-spacing:-0.01em;transition:color .2s;}
.vv .e4b-nav a::before{content:'';position:absolute;left:calc(-1 * max(24px, (100vw - 1232px)/2));top:50%;width:11px;height:1px;background:#d1d1d1;transform:translateY(-50%);transition:width .2s,height .2s,background .2s;}
@media(max-width:768px){ .vv .e4b-nav a{padding:8px 16px;border:1px solid #E8E9EA;border-radius:999px;} .vv .e4b-nav a::before{display:none;} }
.vv .e4b-nav a .idx{display:none;}
.vv .e4b-nav a:hover,.vv .e4b-nav a.on{color:#111;font-weight:700;}
.vv .e4b-nav a.on::before{width:18px;height:2px;background:#111;}
.vv .e4b-dev{display:grid;grid-template-columns:minmax(360px,440px) 1fr;gap:40px;padding:30px 0;align-items:center;scroll-margin-top:88px;}
.vv .e4b-dev + .e4b-dev{border-top:1px solid #EEF0F1;}
@media(max-width:768px){ .vv .e4b-dev{grid-template-columns:1fr;gap:16px;} }
.vv .e4b-dev img{width:100%;height:280px;object-fit:cover;border-radius:14px;}
/* E v5 — 우측 잘림 없이 전체 폭 활용 */
#secE .vv .e5-rail{max-width:none;margin:20px 0 0;padding:32px 0 32px max(24px,calc((100vw - 1232px)/2));grid-auto-columns:min(84vw,400px);}
/* E v3 — 이미지 영역 2배 높이 */
#secE .vv .e3-card img{height:480px;}
@media(max-width:768px){ #secE .vv .e3-card img{height:300px;} }
#secE .vv .e3-grid{gap:clamp(28px,20px + 2vw,56px);}
/* F — 좌측 스크롤 고정형(스티키) */
.vv .f2-wrap{align-items:start;}
.vv .f2-wrap img{position:sticky;top:88px;}
@media(max-width:768px){ .vv .f2-wrap img{position:static;} }
/* G~L — 좌측 타이틀 고정, 우측 콘텐츠 스크롤 */
.v0z .zg > :first-child{position:sticky;top:88px;align-self:start;}
@media(max-width:768px){ .v0z .zg > :first-child{position:static;} }
/* F v0 — 리스트 좌측 / 문의버튼 우측 */
.vv .f0-row{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:center;margin-top:34px;}
@media(max-width:768px){ .vv .f0-row{grid-template-columns:1fr;gap:22px;} }
.vv .photoband .f0-list{margin-top:0;display:grid;grid-template-columns:1fr;gap:0;}
.vv .photoband .f0-list li{border-top:1px solid rgba(255,255,255,0.16);padding:14px 0;}
.vv .f0-btns{display:flex;flex-direction:column;gap:10px;}
@media(max-width:768px){ .vv .f0-btns{flex-direction:row;flex-wrap:wrap;} }
/* G~L 폰트 축소 (바디 16 → 14) */
:is(#secG,#secH,#secI,#secJ,#secK,#secL) .vv .bd,
:is(#secG,#secH,#secI,#secJ,#secK,#secL) .vv .dots li,
:is(#secG,#secH,#secI,#secJ,#secK,#secL) .vv .gbox .li,
:is(#secG,#secH,#secI,#secJ,#secK,#secL) .vv .li,
:is(#secG,#secH,#secI,#secJ,#secK,#secL) .vv p,
:is(#secG,#secH,#secI,#secJ,#secK,#secL) .vv li,
:is(#secG,#secH,#secI,#secJ,#secK,#secL) .vv .fq .qh,
:is(#secG,#secH,#secI,#secJ,#secK,#secL) .vv .fq .ab{font-size:14px;line-height:1.7;}
:is(#secG,#secH,#secI,#secJ,#secK,#secL) .vv .h-md{font-size:19px;}

/* ============ 확정 오버라이드 ============ */
/* B — 단일 이미지 */
.vv .bx-one{width:100%;height:clamp(200px,22vw,320px);object-fit:cover;border-radius:16px;}
/* E 네비 — 눈금 제거, 행간 좁힘, 세로 탭(밑줄) */
.vv .e4b-nav{margin-left:0;padding-left:0;}
.vv .e4b-nav::before,.vv .e4b-nav a::before{display:none;}
.vv .e4b-nav a{display:block;width:max-content;padding:7px 0;margin-bottom:6px;font-size:15px;line-height:1.25;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;}
.vv .e4b-nav a:hover{border-bottom-color:#d6d6d6;}
.vv .e4b-nav a.on{border-bottom-color:#111;}
/* F존 — 좌측(이미지+신뢰성) 고정 · 우측(체크리스트→FAQ) 스크롤 */
.vv.fz{padding:clamp(64px,52px + 1.6vw,96px) 0;}
.fz-grid{display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:clamp(40px,3vw,72px);align-items:start;}
@media(max-width:900px){ .fz-grid{grid-template-columns:1fr;} }
.fz-left{position:sticky;top:88px;}
@media(max-width:900px){ .fz-left{position:static;} }
.fz-left img{width:100%;height:300px;object-fit:cover;border-radius:16px;}
.fz-left .h-blk{margin-top:22px;font-size:clamp(22px,20px + 0.6vw,30px);}
.fz-left .bd{font-size:14.5px;margin-top:10px;}
/* 좌측 0 — 풀하이트 포토 패널 */
.fz-photo{height:calc(100vh - 120px);min-height:520px;border-radius:16px;overflow:hidden;background:#222 url('../img/0101_img_02.jpg') center/cover no-repeat;display:flex;align-items:flex-end;position:sticky;top:88px;}
.fz-photo::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,15,15,0.78),rgba(15,15,15,0.12) 55%);}
.fz-photo .in{position:relative;z-index:2;padding:32px 30px;}
.fz-photo .h-blk{margin-top:0;color:#fff;font-size:clamp(22px,20px + 0.6vw,30px);}
.fz-photo .bd{color:rgba(255,255,255,0.85);font-size:14.5px;margin-top:10px;}
/* 좌측 1 — 다크 색면 패널 */
.fz-dark{background:#181818;border-radius:16px;padding:40px 36px;position:sticky;top:88px;}
.fz-dark .h-blk{margin-top:0;color:#fff;font-size:clamp(22px,20px + 0.6vw,30px);}
.fz-dark .bd{color:rgba(255,255,255,0.82);font-size:14.5px;margin-top:12px;}
@media(max-width:900px){ .fz-photo,.fz-dark{position:static;height:auto;min-height:0;} }
.fz-right .fz-blk{padding:26px 0;border-top:1px solid #EDEEEF;}
.fz-right .fz-blk:first-child{border-top:none;padding-top:0;}
.fz-right .h-md{font-size:19px;}
.fz-right p,.fz-right li,.fz-right .bd,.fz-right .gbox .li{font-size:14px;line-height:1.7;}
.fz-right .f2-cl{margin-top:0;}
.fz-right .f2-cl .it:first-child{border-top:none;padding-top:0;}
.fz-right .ba{aspect-ratio:auto;height:220px;}
.fz-notice{margin-top:12px;font-size:12.5px;font-weight:300;line-height:1.65;color:#8a8a8a;}
.fz-right .dots li{font-size:14px;line-height:1.85;}
.fz-right .gbox{padding:18px 24px;}
.fz-right .gbox .li{line-height:1.95;}

/* ============ 스위처 (시안 선택 UI) ============ */
.sec{position:relative;}
.sec > .variant{display:none;}
.sec > .variant.active{display:block;}
.sec-chip{position:absolute;top:10px;left:10px;z-index:60;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.82);border:none;border-radius:999px;padding:3px 7px;opacity:0.9;transition:opacity .2s;}
.sec-chip:hover{opacity:1;}
.sec-chip .badge{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:999px;background:rgba(120,120,120,0.3);color:#6a6a6a;font-size:10px;font-weight:400;}
.sec-chip .nm{font-size:10px;font-weight:400;color:#6a6a6a;letter-spacing:0;}
.sec-chip .vbtns{display:flex;gap:3px;margin-left:3px;}
.sec-chip .vbtns button{width:17px;height:17px;border-radius:999px;font-size:10px;font-weight:400;color:#8a8a8a;border:none;background:rgba(150,150,150,0.16);}
.sec-chip .vbtns button.on{background:rgba(100,100,100,0.85);color:#fff;}
/* ============ 헤더 (여수스노우 카피 — 임시) ============ */
.gnb{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid var(--border);}
.gnb .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1440px;}
.gnb img{height:36px;width:auto;}
.gnb nav{display:flex;gap:28px;font-size:var(--t14);font-weight:500;color:var(--t-head);}
.gnb nav a:hover{color:#181818;}
@media(max-width:1024px){ .gnb nav{display:none;} }

/* ============ A. 히어로 ============ */
.heroA1{position:relative;min-height:88vh;display:flex;align-items:flex-end;background:url('../img/0402_header.jpg') center/cover no-repeat;border-radius:0 0 40px 40px;overflow:hidden;}
.heroA1::after{content:'';position:absolute;inset:0;background:var(--dark-a35);}
.heroA1 .inner{position:relative;z-index:2;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s40);padding-bottom:var(--s64);flex-wrap:wrap;}
.heroA1 .en{font-size:var(--t14);letter-spacing:0.35em;font-weight:500;color:rgba(255,255,255,0.7);margin-bottom:var(--s16);}
.heroA1 h1{color:#fff;}
.heroA1 .slogan{color:rgba(255,255,255,0.85);margin-top:var(--s16);}
.heroA1 .ctas{display:flex;gap:12px;}
.hero-tabs{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:var(--s16);margin-top:0;}
.hero-tabs a{font-size:var(--t14);font-weight:500;color:var(--t-muted);padding:8px 18px;border-radius:999px;}
.hero-tabs a.cur{background:var(--primary);color:#fff;font-weight:600;}
.hero-tabs a:not(.cur):hover{background:var(--primary-tint);color:var(--primary);}
.tabs-bar{background:#fff;padding:var(--s16) 0;}

.heroA2{background:var(--surface);padding:var(--s120) 0 var(--s120);}
.heroA2 .grid2{align-items:center;}
.heroA2 .en{font-size:var(--t14);letter-spacing:0.35em;font-weight:500;color:var(--primary);margin-bottom:var(--s16);}
.heroA2 .slogan{margin-top:var(--s24);}
.heroA2 .ctas{display:flex;gap:12px;margin-top:var(--s40);}
.heroA2 img{width:100%;height:min(64vh,620px);object-fit:cover;}

.heroA3{background:var(--dark);text-align:center;padding:var(--s200) 0 0;}
.heroA3 .en{font-size:var(--t14);letter-spacing:0.4em;color:rgba(255,255,255,0.55);font-weight:500;margin-bottom:var(--s24);}
.heroA3 h1{color:#fff;}
.heroA3 .slogan{color:rgba(255,255,255,0.75);margin-top:var(--s24);}
.heroA3 .ctas{display:flex;gap:12px;justify-content:center;margin-top:var(--s40);}
.heroA3 .strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:var(--s120) auto 0;padding:0 24px;transform:translateY(80px);margin-top:calc(var(--s120) - 80px + 80px);}
.heroA3 .strip img{width:100%;height:240px;object-fit:cover;border-radius:20px;}
.heroA3-spacer{height:100px;background:#fff;}

.heroA4{position:relative;padding:var(--s120) 0 var(--s64);overflow:hidden;background:#fff;}
.heroA4 .giant{font-size:clamp(60px,10vw,150px);font-weight:700;letter-spacing:-0.02em;line-height:1;color:var(--primary-a12);white-space:nowrap;}
.heroA4 .head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s40);flex-wrap:wrap;margin-top:calc(-1 * var(--s24));}
.heroA4 h1{margin-top:var(--s16);}
.heroA4 .slogan{margin-top:var(--s16);}
.heroA4 .imgs{display:flex;gap:16px;align-items:flex-end;}
.heroA4 .imgs img:first-child{width:300px;height:380px;object-fit:cover;border-radius:0 0 50px 0;}
.heroA4 .imgs img:last-child{width:220px;height:280px;object-fit:cover;border-radius:20px;}
@media(max-width:768px){ .heroA4 .imgs img:first-child{width:200px;height:250px;} .heroA4 .imgs img:last-child{display:none;} }

.heroA5{display:grid;grid-template-columns:45% 55%;min-height:86vh;}
.heroA5 .txt{background:var(--dark);display:flex;flex-direction:column;justify-content:center;padding:var(--s64);}
.heroA5 .en{font-size:var(--t14);letter-spacing:0.35em;color:rgba(255,255,255,0.5);margin-bottom:var(--s24);font-weight:500;}
.heroA5 h1{color:#fff;}
.heroA5 .slogan{color:rgba(255,255,255,0.72);margin-top:var(--s24);}
.heroA5 .ctas{display:flex;gap:12px;margin-top:var(--s40);flex-wrap:wrap;}
.heroA5 .im{background:url('../img/0401_header.jpg') center/cover no-repeat;}
@media(max-width:768px){ .heroA5{grid-template-columns:1fr;} .heroA5 .im{min-height:320px;} }

/* ============ B. 한줄요약 ============ */
.secpad{padding:var(--s120) 0;}
.secpad-l{padding:var(--s200) 0;}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:var(--t14);font-weight:600;color:#8c8c8c;letter-spacing:0.12em;margin-bottom:var(--s24);}
.kicker::before{content:'';width:24px;height:1px;background:#c6c6c6;}
.b1{text-align:center;}
.b1 .lead{max-width:820px;margin:0 auto;}
.b2 .grid{display:grid;grid-template-columns:280px 1fr;gap:var(--s64);align-items:start;}
@media(max-width:768px){ .b2 .grid{grid-template-columns:1fr;gap:var(--s24);} }
.b3{background:var(--primary-tint);}
.b3 .q{max-width:860px;margin:0 auto;text-align:center;position:relative;padding:0 var(--s40);}
.b3 .q::before{content:'“';position:absolute;top:-0.35em;left:0;font-size:var(--t100);font-weight:700;color:var(--primary-a25);line-height:1;}
.b4 .line-left{border-left:2px solid var(--primary);padding-left:var(--s40);max-width:820px;}
.b5{background:var(--dark);}
.b5 .lead{max-width:860px;margin:0 auto;text-align:center;color:#fff;}
.b5 .lead strong{color:#9a9a9a;}

/* ============ C. 차별 포인트 ============ */
.c1 .cards{margin-top:var(--s64);}
.card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:var(--s40);}
.card .no{font-size:var(--t14);font-weight:700;color:var(--primary);letter-spacing:0.1em;}
.card h3{margin:var(--s16) 0;}
.card-tint{background:var(--primary-tint);border-color:transparent;}
.card-dark{background:var(--dark);border-color:transparent;}
.card-dark h3{color:#fff;}
.card-dark p{color:rgba(255,255,255,0.75);}
.c2 .copy{text-align:center;max-width:900px;margin:0 auto;}
.c2 .body2{columns:2;column-gap:var(--s64);margin-top:var(--s64);text-align:left;}
@media(max-width:768px){ .c2 .body2{columns:1;} }
.c4 .steps{max-width:860px;margin:0 auto;}
.c4 .step{display:grid;grid-template-columns:110px 1fr;gap:var(--s40);padding:var(--s40) 0;border-bottom:1px solid var(--border);}
.c4 .step:last-child{border-bottom:none;}
.c4 .num{font-size:var(--t50);font-weight:700;color:var(--primary-a25);line-height:1;}
.c5{position:relative;background:url('../img/0401_bg_01.jpg') center/cover no-repeat;}
.c5::after{content:'';position:absolute;inset:0;background:var(--dark-a55);}
.c5 .box{position:relative;z-index:2;max-width:760px;background:rgba(255,255,255,0.96);border-radius:20px;padding:var(--s64);margin:0 auto;}

/* ============ D. 특징 ============ */
.d2 .tl{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s24);margin-top:var(--s64);position:relative;}
.d2 .tl::before{content:'';position:absolute;top:11px;left:8%;right:8%;height:1px;background:var(--primary-a25);}
.d2 .tl .node{position:relative;padding-top:var(--s40);}
.d2 .tl .node::before{content:'';position:absolute;top:4px;left:0;width:15px;height:15px;border-radius:999px;background:var(--primary);border:4px solid #fff;box-shadow:0 0 0 1px var(--primary-a25);}
@media(max-width:768px){ .d2 .tl{grid-template-columns:1fr;} .d2 .tl::before{display:none;} }
.icn{width:52px;height:52px;border-radius:999px;background:var(--primary-tint);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s24);}
.icn svg{width:24px;height:24px;stroke:var(--primary);fill:none;stroke-width:1.6;}
.d5{background:var(--dark);}
.d5 .inner{max-width:860px;margin:0 auto;text-align:center;}

/* ============ E. 장비 4종 ============ */
.dev-zig .row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s64);align-items:center;padding:var(--s64) 0;}
.dev-zig .row:nth-child(even) .im{order:2;}
@media(max-width:768px){ .dev-zig .row{grid-template-columns:1fr;gap:var(--s24);} .dev-zig .row:nth-child(even) .im{order:0;} }
.dev-zig img{width:100%;height:380px;object-fit:cover;border-radius:20px;}
.dev-tag{display:inline-block;font-size:var(--t12);font-weight:600;color:var(--primary);background:var(--primary-tint);border-radius:999px;padding:4px 12px;margin-bottom:var(--s16);}
.etabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:var(--s64) 0 var(--s40);}
.etabs button{font-size:var(--t14);font-weight:600;color:var(--t-muted);padding:10px 22px;border-radius:999px;border:1px solid var(--border);}
.etabs button.on{background:var(--primary);color:#fff;border-color:var(--primary);}
.epanel{display:none;}
.epanel.on{display:grid;grid-template-columns:1fr 1fr;gap:var(--s64);align-items:center;}
@media(max-width:768px){ .epanel.on{grid-template-columns:1fr;} }
.epanel img{width:100%;height:400px;object-fit:cover;border-radius:20px;}
.e3 .grid2x2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s24);margin-top:var(--s64);}
@media(max-width:768px){ .e3 .grid2x2{grid-template-columns:1fr;} }
.e3 .dcard{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#fff;}
.e3 .dcard img{width:100%;height:220px;object-fit:cover;}
.e3 .dcard .pad{padding:var(--s40);}
.eacc .item{border-bottom:1px solid var(--border);}
.eacc .item:first-child{border-top:1px solid var(--border);}
.eacc .head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--s24) 4px;text-align:left;}
.eacc .head .ttl{display:flex;align-items:baseline;gap:14px;}
.eacc .head .no{font-size:var(--t14);font-weight:700;color:var(--primary);}
.eacc .head .arrow{width:28px;height:28px;border-radius:999px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--t-muted);transition:transform .25s;flex:none;}
.eacc .item.open .arrow{transform:rotate(45deg);background:var(--primary);color:#fff;border-color:var(--primary);}
.eacc .body{display:none;padding:0 4px var(--s40);}
.eacc .item.open .body{display:grid;grid-template-columns:280px 1fr;gap:var(--s40);align-items:start;}
.eacc .body img{width:100%;height:190px;object-fit:cover;border-radius:10px;}
@media(max-width:768px){ .eacc .item.open .body{grid-template-columns:1fr;} }
.e5 .rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,420px);gap:var(--s24);overflow-x:auto;padding:var(--s40) 24px;scroll-snap-type:x mandatory;}
.e5 .rail::-webkit-scrollbar{height:6px;}
.e5 .rail::-webkit-scrollbar-thumb{background:var(--primary-a25);border-radius:999px;}
.e5 .dcard{scroll-snap-align:start;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#fff;}
.e5 .dcard img{width:100%;height:230px;object-fit:cover;}
.e5 .dcard .pad{padding:var(--s40);}

/* ============ F. 신뢰성 ============ */
.f1{position:relative;background:url('../img/bg_bottom.jpg') center/cover no-repeat;}
.f1::after{content:'';position:absolute;inset:0;background:var(--dark-a55);}
.f1 .inner{position:relative;z-index:2;max-width:860px;margin:0 auto;text-align:center;}
.f1 h2{color:#fff;}
.f1 p{color:rgba(255,255,255,0.78);}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:var(--s16);margin-top:var(--s64);text-align:left;}
@media(max-width:768px){ .checks{grid-template-columns:1fr;} }
.chk{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:10px;padding:var(--s16) var(--s24);color:#fff;font-size:var(--t14);font-weight:500;}
.chk::before{content:'✓';color:#9a9a9a;font-weight:700;flex:none;}
.chk-light{background:var(--surface);border:1px solid var(--border);color:var(--t-body);}
.chk-light::before{color:var(--primary);}
.f2 img{width:100%;height:460px;object-fit:cover;border-radius:0 0 50px 0;}
.f4 .protocol{max-width:860px;margin:var(--s64) auto 0;counter-reset:proto;}
.f4 .p-item{display:grid;grid-template-columns:64px 1fr;gap:var(--s24);padding:var(--s24) 0;border-bottom:1px solid var(--border);align-items:start;}
.f4 .p-item:last-child{border-bottom:none;}
.f4 .p-no{width:44px;height:44px;border-radius:999px;background:var(--primary-tint);color:var(--primary);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:var(--t16);}
.f5 .quote{max-width:820px;margin:0 auto;text-align:center;}
.f5 .sig{margin-top:var(--s40);display:flex;align-items:center;justify-content:center;gap:14px;color:var(--t-muted);font-size:var(--t14);}
.f5 .sig::before,.f5 .sig::after{content:'';width:40px;height:1px;background:var(--border);}

/* ============ G. 전후사진 ============ */
.ba{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;position:relative;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--t-disabled);}
.ba .lb{position:absolute;top:14px;left:14px;font-size:var(--t12);font-weight:600;background:#fff;border:1px solid var(--border);border-radius:999px;padding:4px 12px;color:var(--t-muted);}
.ba svg{width:40px;height:40px;stroke:var(--t-disabled);fill:none;stroke-width:1.2;}
.notice{margin-top:var(--s40);font-size:var(--t12);color:var(--t-muted);line-height:1.7;border-top:1px solid var(--border);padding-top:var(--s16);max-width:860px;}
.notice-c{margin-left:auto;margin-right:auto;text-align:center;border-top:none;background:var(--surface);border-radius:10px;padding:var(--s16) var(--s24);}
.g1 .pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s24);max-width:760px;margin:var(--s64) auto 0;}
@media(max-width:520px){ .g1 .pair{grid-template-columns:1fr;} }
.g2 .rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(70vw,360px);gap:var(--s24);overflow-x:auto;padding:var(--s40) 24px 12px;scroll-snap-type:x mandatory;}
.g2 .case{scroll-snap-align:start;}
.g2 .case .duo{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.g2 .case .ba{aspect-ratio:3/4;border-radius:10px;}
.g2 .case .cap{margin-top:10px;font-size:var(--t14);color:var(--t-muted);text-align:center;}
.g3 .frame{max-width:820px;margin:var(--s64) auto 0;}
.g3 .duo{display:grid;grid-template-columns:1fr 1fr;gap:2px;border-radius:20px;overflow:hidden;}
.g3 .duo .ba{border-radius:0;aspect-ratio:4/5;}
.g3 .navi{display:flex;justify-content:center;gap:10px;margin-top:var(--s24);}
.g3 .navi button{width:40px;height:40px;border-radius:999px;border:1px solid var(--border);color:var(--t-muted);font-size:16px;}
.g3 .navi button:hover{background:var(--primary-tint);color:var(--primary);border-color:var(--primary-a25);}
.g4 .grid4 .ba{aspect-ratio:3/4;}
.g5{background:var(--dark);}
.g5 .ba{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);}
.g5 .notice{color:rgba(255,255,255,0.55);border-color:rgba(255,255,255,0.15);}

/* ============ H. 추천대상 ============ */
.reco li{display:flex;gap:14px;align-items:flex-start;padding:var(--s16) 0;border-bottom:1px solid var(--border);font-size:var(--t18);}
.reco li:last-child{border-bottom:none;}
.reco li::before{content:'✓';flex:none;width:26px;height:26px;border-radius:999px;background:var(--primary-tint);color:var(--primary);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:3px;}
.h2v .grid3 .card{padding:var(--s24);}
.h2v .grid3 .card .no{color:var(--primary-a30);font-size:var(--t24);font-weight:700;}
.h3v .pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:860px;margin:var(--s64) auto 0;}
.h3v .pills li{border:1px solid var(--primary-a25);color:var(--t-body);border-radius:999px;padding:12px 24px;font-size:var(--t16);font-weight:500;background:#fff;}
.h3v .pills li:nth-child(odd){background:var(--primary-tint);border-color:transparent;}
.h4v img{width:100%;height:480px;object-fit:cover;border-radius:0 0 50px 0;}
.h5v{background:var(--dark);}
.h5v .reco li{border-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.85);}
.h5v .reco li::before{background:rgba(255,255,255,0.1);color:#9a9a9a;}

/* ============ I. 시술&장비 정보 ============ */
.info-dl .row{display:grid;grid-template-columns:200px 1fr;gap:var(--s40);padding:var(--s24) 0;border-bottom:1px solid var(--border);align-items:start;}
.info-dl .row:first-child{border-top:2px solid var(--t-head);}
.info-dl dt{font-weight:600;color:var(--t-head);}
.info-dl dd .sub{color:var(--t-muted);font-size:var(--t14);}
@media(max-width:600px){ .info-dl .row{grid-template-columns:1fr;gap:6px;} }
.i2v .grid3 .card{padding:var(--s24);}
.i2v .lbl{font-size:var(--t12);font-weight:600;color:var(--primary);letter-spacing:0.08em;margin-bottom:8px;}
.i2v .val{font-size:var(--t18);font-weight:600;color:var(--t-head);line-height:1.5;}
.i2v .sub{font-size:var(--t14);color:var(--t-muted);margin-top:6px;}
.i3v table{width:100%;border-collapse:collapse;font-size:var(--t16);}
.i3v th{white-space:nowrap;text-align:left;font-weight:600;color:var(--t-head);background:var(--surface);padding:var(--s16) var(--s24);border-bottom:1px solid var(--border);width:200px;}
.i3v td{padding:var(--s16) var(--s24);border-bottom:1px solid var(--border);}
.i3v tr:first-child th,.i3v tr:first-child td{border-top:2px solid var(--t-head);}
.i3v .twrap{overflow-x:auto;}
.i4v .strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:20px;overflow:hidden;margin-top:var(--s64);}
.i4v .cell{background:#fff;padding:var(--s40);}
@media(max-width:768px){ .i4v .strip{grid-template-columns:1fr;} }
.i5v .grid{display:grid;grid-template-columns:320px 1fr;gap:var(--s64);align-items:start;}
.i5v .sticky{position:sticky;top:100px;}
@media(max-width:768px){ .i5v .grid{grid-template-columns:1fr;} .i5v .sticky{position:static;} }

/* ============ J. 시술순서 ============ */
.j1v .tl{max-width:760px;margin:var(--s64) auto 0;position:relative;}
.j1v .tl::before{content:'';position:absolute;left:21px;top:10px;bottom:10px;width:1px;background:var(--primary-a25);}
.j1v .node{position:relative;display:grid;grid-template-columns:60px 1fr;gap:var(--s24);padding-bottom:var(--s40);}
.j1v .node:last-child{padding-bottom:0;}
.j1v .dot{width:44px;height:44px;border-radius:999px;background:#fff;border:1px solid var(--primary-a25);color:var(--primary);font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;font-size:var(--t14);}
.j1v .node.hl .dot{background:var(--primary);color:#fff;border-color:var(--primary);}
.j2v .grid4 .card{padding:var(--s24);}
.j2v .card .no{font-size:var(--t12);letter-spacing:0.12em;}
.j3v .bar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:var(--s64);}
.j3v .st{text-align:center;padding:var(--s24) 8px;border-radius:10px;background:var(--surface);border:1px solid var(--border);}
.j3v .st .no{width:34px;height:34px;margin:0 auto var(--s16);border-radius:999px;background:#fff;border:1px solid var(--primary-a25);color:var(--primary);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;}
.j3v .st p{font-size:var(--t14);line-height:1.5;}
@media(max-width:1024px){ .j3v .bar{grid-template-columns:repeat(4,1fr);} }
@media(max-width:600px){ .j3v .bar{grid-template-columns:repeat(2,1fr);} }
.j4v ol{max-width:720px;margin:var(--s64) auto 0;counter-reset:jj;}
.j4v li{display:grid;grid-template-columns:90px 1fr;gap:var(--s24);align-items:baseline;padding:var(--s16) 0;border-bottom:1px solid var(--border);}
.j4v li:last-child{border-bottom:none;}
.j4v .bignum{font-size:var(--t40);font-weight:700;color:var(--primary-a25);line-height:1;}
.j5v .zz{max-width:900px;margin:var(--s64) auto 0;display:grid;gap:var(--s16);}
.j5v .zz .it{display:flex;gap:var(--s24);align-items:center;background:#fff;border:1px solid var(--border);border-radius:999px;padding:var(--s16) var(--s24);width:min(100%,640px);}
.j5v .zz .it:nth-child(even){margin-left:auto;background:var(--primary-tint);border-color:transparent;}
.j5v .no{flex:none;width:34px;height:34px;border-radius:999px;background:var(--primary);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;}

/* ============ K. 주의사항 ============ */
.k1v ol{columns:2;column-gap:var(--s64);max-width:1000px;margin:var(--s64) auto 0;counter-reset:kk;}
@media(max-width:768px){ .k1v ol{columns:1;} }
.k1v li{counter-increment:kk;display:flex;gap:12px;padding:10px 0;break-inside:avoid;font-size:var(--t16);}
.k1v li::before{content:counter(kk,decimal-leading-zero);font-weight:700;color:var(--primary);font-size:var(--t14);flex:none;margin-top:2px;}
.k2v .grid4 .card{padding:var(--s24);font-size:var(--t14);}
.k2v .card .no{font-size:var(--t12);}
.k3v ul{max-width:860px;margin:var(--s64) auto 0;}
.k3v li{padding:var(--s16) 0;border-bottom:1px solid var(--border);display:flex;gap:14px;}
.k3v li::before{content:'—';color:var(--primary);font-weight:600;flex:none;}
.k4v .box{background:var(--primary-tint);border-radius:20px;padding:var(--s64);max-width:960px;margin:var(--s64) auto 0;}
.k4v li{display:flex;gap:12px;padding:8px 0;}
.k4v li::before{content:'·';color:var(--primary);font-weight:700;flex:none;font-size:1.4em;line-height:1.1;}
.k5v{background:var(--dark);}
.k5v ol{max-width:860px;margin:var(--s64) auto 0;counter-reset:kk;}
.k5v li{counter-increment:kk;display:flex;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.82);}
.k5v li:last-child{border-bottom:none;}
.k5v li::before{content:counter(kk,decimal-leading-zero);color:#9a9a9a;font-weight:700;font-size:var(--t14);flex:none;margin-top:2px;}

/* ============ L. FAQ ============ */
.faq .item{border-bottom:1px solid var(--border);}
.faq .item:first-child{border-top:1px solid var(--border);}
.faq .qh{width:100%;display:flex;align-items:center;gap:16px;padding:var(--s24) 4px;text-align:left;}
.faq .qh .q{flex:none;font-weight:700;color:var(--primary);font-size:var(--t18);}
.faq .qh .qt{flex:1;font-size:var(--t18);font-weight:600;color:var(--t-head);}
.faq .qh .arrow{flex:none;width:28px;height:28px;border-radius:999px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--t-muted);transition:transform .25s;}
.faq .item.open .arrow{transform:rotate(45deg);background:var(--primary);color:#fff;border-color:var(--primary);}
.faq .ab{display:none;padding:0 4px var(--s24) 46px;color:var(--t-body);}
.faq .item.open .ab{display:block;}
.l2v .qa{max-width:860px;margin:var(--s64) auto 0;}
.l2v .one{padding:var(--s40) 0;border-bottom:1px solid var(--border);}
.l2v .one:last-child{border-bottom:none;}
.l2v .qq{display:flex;gap:14px;font-weight:600;color:var(--t-head);font-size:var(--t18);}
.l2v .qq::before{content:'Q';color:var(--primary);font-weight:700;}
.l2v .aa{display:flex;gap:14px;margin-top:var(--s16);}
.l2v .aa::before{content:'A';color:var(--t-disabled);font-weight:700;}
.l3v .grid2f{display:grid;grid-template-columns:1fr 1fr;gap:var(--s24);margin-top:var(--s64);}
@media(max-width:768px){ .l3v .grid2f{grid-template-columns:1fr;} }
.l3v .card .qq{font-weight:600;color:var(--t-head);display:flex;gap:10px;}
.l3v .card .qq::before{content:'Q.';color:var(--primary);font-weight:700;}
.l3v .card p{margin-top:var(--s16);font-size:var(--t14);}
.l4v .qa{max-width:860px;margin:var(--s64) auto 0;}
.l4v .one{margin-bottom:var(--s64);}
.l4v .qq{font-size:var(--t28);font-weight:600;color:var(--t-head);letter-spacing:-0.01em;line-height:1.45;}
.l4v .qq em{font-style:normal;color:var(--primary);}
.l4v .aa{margin-top:var(--s16);padding-left:var(--s24);border-left:2px solid var(--primary-a25);}
.l5v .qtabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:var(--s64) 0 var(--s40);}
.l5v .qtabs button{font-size:var(--t14);font-weight:500;padding:10px 18px;border-radius:999px;border:1px solid var(--border);color:var(--t-muted);}
.l5v .qtabs button.on{background:var(--primary);border-color:var(--primary);color:#fff;}
.l5v .apanel{display:none;max-width:760px;margin:0 auto;background:var(--surface);border-radius:20px;padding:var(--s40);}
.l5v .apanel.on{display:block;}
.l5v .apanel .qq{font-weight:600;color:var(--t-head);margin-bottom:var(--s16);}

/* ============ 푸터 (여수스노우 카피 — 임시) ============ */
.promo{background:var(--surface);padding:var(--s120) 0;}
.promo .head{text-align:center;margin-bottom:var(--s64);}
.promo .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
@media(max-width:1024px){ .promo .grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:600px){ .promo .grid{grid-template-columns:repeat(2,1fr);} }
.promo .pcard{border-radius:10px;overflow:hidden;background:#fff;border:1px solid var(--border);}
.promo .pcard img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.promo .pcard .cap{padding:12px 14px;}
.promo .pcard .cap .s{font-size:var(--t10);letter-spacing:0.1em;color:var(--t-muted);font-weight:500;}
.promo .pcard .cap .n{font-size:var(--t14);font-weight:600;color:var(--t-head);margin-top:2px;}
footer.site{background:var(--dark);color:rgba(255,255,255,0.6);padding:var(--s64) 0;}
footer.site .wrap{display:flex;justify-content:space-between;gap:var(--s40);flex-wrap:wrap;font-size:var(--t12);line-height:1.8;}
footer.site .logo{font-weight:700;color:#fff;font-size:var(--t16);letter-spacing:0.06em;}

/* ===== AGENT VARIANT CSS ===== */
/* ==== AB.html ==== */
/* ===== A+B variants — namespaced .a1-…/.b5-…; reuse .vv utilities. NO chroma; emphasis = weight 700 only. ===== */

/* shared hero helpers */
.vv .hbtn-w{background:#fff;color:#111;}
.vv .hbtn-w:hover{background:#ececec;}
.vv .atabs{display:flex;flex-wrap:wrap;}
.vv .atabs a{font-size:14px;font-weight:500;padding:15px 22px;color:rgba(255,255,255,0.62);}
.vv .atabs a.on{color:#fff;font-weight:700;background:rgba(255,255,255,0.16);}
.vv .atabs a:not(.on):hover{color:#fff;background:rgba(255,255,255,0.06);}
/* dark-on-light tab set (light hero variants) */
.vv .atabs-d a{color:#8a8a8a;}
.vv .atabs-d a.on{color:#111;font-weight:700;background:#EEF0F1;}
.vv .atabs-d a:not(.on):hover{color:#111;background:#F5F6F8;}

/* ---- A v1 : centered full-bleed, tracked EN + weight-mixed KR title ---- */
.vv .a1-hero{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:center;background:#0d0d0d url('../img/01_about/tour/tour_11.webp') center/cover no-repeat;}
.vv .a1-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(11,11,11,0.78),rgba(11,11,11,0.28) 55%,rgba(11,11,11,0.5));}
.vv .a1-mid{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;}
.vv .a1-en{font-size:14px;letter-spacing:0.42em;text-transform:uppercase;color:rgba(255,255,255,0.62);font-weight:500;margin-bottom:22px;}
.vv .a1-title{font-size:clamp(46px,32px + 3vw,80px);line-height:1.05;letter-spacing:-0.02em;color:#fff;}
.vv .a1-title .lt{font-weight:300;}
.vv .a1-title .hv{font-weight:700;}
.vv .a1-slo{margin-top:14px;font-size:clamp(17px,16px + 0.4vw,21px);font-weight:400;line-height:1.4;color:rgba(255,255,255,0.82);}
.vv .a1-btns{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap;justify-content:center;}
.vv .a1-tabs{position:relative;z-index:2;background:rgba(255,255,255,0.05);border-top:1px solid rgba(255,255,255,0.14);}
.vv .a1-tabs .atabs{justify-content:center;}

/* ---- A v2 : bottom-left title anchor + bottom-right CTA, bottom tab bar ---- */
.vv .a2-hero{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:flex-end;background:#0d0d0d url('../img/0401_header.jpg') center/cover no-repeat;}
.vv .a2-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(11,11,11,0.85),rgba(11,11,11,0.1) 60%,rgba(11,11,11,0.2));}
.vv .a2-body{position:relative;z-index:2;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:44px;flex-wrap:wrap;}
.vv .a2-en{display:block;font-size:14px;letter-spacing:0.4em;text-transform:uppercase;color:rgba(255,255,255,0.6);font-weight:500;margin-bottom:18px;}
.vv .a2-title{font-size:clamp(46px,32px + 3vw,80px);line-height:1.02;letter-spacing:-0.02em;color:#fff;font-weight:300;}
.vv .a2-title strong{font-weight:700;}
.vv .a2-slo{margin-top:16px;font-size:clamp(17px,16px + 0.4vw,21px);font-weight:400;line-height:1.42;color:rgba(255,255,255,0.82);}
.vv .a2-cta{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.vv .a2-tabs{position:relative;z-index:2;background:rgba(255,255,255,0.06);border-top:1px solid rgba(255,255,255,0.14);}
.vv .a2-tabs .atabs{justify-content:flex-start;}
@media(max-width:768px){
  .vv .a2-cta{display:none;}
  .vv .a2-body{flex-direction:column;align-items:flex-start;gap:0;padding-bottom:36px;} /* 내용 20px 아래로 */
  .vv .a2-en{font-size:12px;letter-spacing:0.32em;margin-bottom:14px;}
  .vv .a2-title{line-height:1.08;}
  .vv .a2-slo{margin-top:4px;font-size:16.5px;line-height:1.55;color:rgba(255,255,255,0.88);word-break:keep-all;} /* 제목과 10px 좁힘 */
}

/* ---- A v3 : typography-only on solid dark plane, oversized weight-mixed ---- */
.vv .a3-hero{position:relative;min-height:92vh;background:#181818;display:flex;flex-direction:column;justify-content:center;}
.vv .a3-in{width:100%;padding:80px 24px 40px;}
.vv .a3-en{display:block;font-size:14px;letter-spacing:0.42em;text-transform:uppercase;color:rgba(255,255,255,0.5);font-weight:500;margin-bottom:26px;}
.vv .a3-title{font-size:clamp(60px,34px + 6vw,120px);line-height:0.98;letter-spacing:-0.03em;color:#fff;font-weight:300;}
.vv .a3-title strong{font-weight:700;}
.vv .a3-slo{margin-top:24px;font-size:clamp(18px,16px + 0.5vw,22px);font-weight:400;line-height:1.45;color:rgba(255,255,255,0.72);}
.vv .a3-btns{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap;}
.vv .a3-tabs{position:relative;background:transparent;border-top:1px solid rgba(255,255,255,0.14);}
.vv .a3-tabs .atabs{justify-content:flex-start;}

/* ---- A v4 : hero + integrated translucent bottom bar (tabs + CTAs) ---- */
.vv .a4-hero{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:center;background:#0d0d0d url('../img/0403_header.jpg') center/cover no-repeat;}
.vv .a4-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(11,11,11,0.7),rgba(11,11,11,0.25) 50%,rgba(11,11,11,0.45));}
.vv .a4-center{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 24px;}
.vv .a4-en{font-size:14px;letter-spacing:0.42em;text-transform:uppercase;color:rgba(255,255,255,0.6);font-weight:500;margin-bottom:20px;}
.vv .a4-title{font-size:clamp(46px,32px + 3vw,78px);line-height:1.05;letter-spacing:-0.02em;color:#fff;font-weight:300;}
.vv .a4-title strong{font-weight:700;}
.vv .a4-slo{margin-top:14px;font-size:clamp(17px,16px + 0.4vw,21px);font-weight:400;color:rgba(255,255,255,0.82);}
.vv .a4-bar{position:relative;z-index:2;background:rgba(24,24,24,0.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,0.14);}
.vv .a4-bar-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.vv .a4-tabs a{padding:16px 18px;}
.vv .a4-cta{display:flex;gap:8px;padding:10px 0;}
@media(max-width:768px){ .vv .a4-bar-in{justify-content:center;} }

/* ---- A v5 : 50/50 split — dark text panel left, image right ---- */
.vv .a5-hero{display:grid;grid-template-columns:46% 54%;min-height:92vh;}
.vv .a5-txt{background:#181818;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(40px,4vw,64px) clamp(28px,3vw,56px);}
.vv .a5-txt-in{flex:1;display:flex;flex-direction:column;justify-content:center;}
.vv .a5-en{font-size:14px;letter-spacing:0.4em;text-transform:uppercase;color:rgba(255,255,255,0.5);font-weight:500;margin-bottom:22px;}
.vv .a5-title{font-size:clamp(44px,26px + 4vw,84px);line-height:1.0;letter-spacing:-0.02em;color:#fff;font-weight:300;}
.vv .a5-title strong{font-weight:700;}
.vv .a5-slo{margin-top:18px;font-size:clamp(17px,16px + 0.4vw,21px);font-weight:400;line-height:1.42;color:rgba(255,255,255,0.72);}
.vv .a5-btns{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap;}
.vv .a5-tabs{margin-top:40px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,0.14);padding-top:6px;}
.vv .a5-tabs a{padding:12px 16px 12px 0;}
.vv .a5-im{background:#0d0d0d url('../img/0401_header.jpg') center/cover no-repeat;}
@media(max-width:768px){ .vv .a5-hero{grid-template-columns:1fr;} .vv .a5-im{min-height:340px;order:-1;} }

/* ---- B v1 : dark image band (distinct image from v0) ---- */
.vv .b1-band{position:relative;background:#101210 url('../img/bg_bottom.jpg') center/cover no-repeat;padding:clamp(96px,9vw,150px) 0;}
.vv .b1-band::before{content:'';position:absolute;inset:0;background:rgba(12,14,13,0.62);}
.vv .b1-in{position:relative;z-index:2;}
.vv .b1-band .h-int{color:#fff;}
.vv .b1-band .bd-lg{color:rgba(255,255,255,0.85);}

/* ---- B v2 : bright/light image, dark text, left-anchored ---- */
.vv .b2-band{position:relative;background:#e9eaec url('../img/0403_bg_01.jpg') center/cover no-repeat;padding:clamp(96px,9vw,150px) 0;}
.vv .b2-band::before{content:'';position:absolute;inset:0;background:rgba(245,246,248,0.8);}
.vv .b2-in{position:relative;z-index:2;max-width:820px;}
.vv .b2-en{display:block;font-size:14px;letter-spacing:0.2em;text-transform:uppercase;color:#8a8a8a;font-weight:500;margin-bottom:18px;}
.vv .b2-band .h-int{color:#111;}
.vv .b2-band .bd-lg{color:#111;}

/* ---- B v3 : typography-only oversized weight-mixed, dark plane ---- */
.vv .b3-plane{background:#181818;padding:clamp(90px,9vw,140px) 0;}
.vv .b3-big{font-size:clamp(30px,20px + 2.6vw,54px);line-height:1.22;letter-spacing:-0.02em;font-weight:300;color:#fff;}
.vv .b3-big strong{font-weight:700;}
.vv .b3-sub{margin-top:22px;font-size:clamp(16px,15px + 0.3vw,19px);font-weight:400;line-height:1.6;color:rgba(255,255,255,0.7);max-width:760px;}

/* ---- B v4 : left image / right one-liner split, light ---- */
.vv .b4-split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#fff;}
.vv .b4-im{background:#ddd url('../img/Thermage-FLX-Treatment.jpeg') center/cover no-repeat;min-height:440px;}
.vv .b4-txt{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,5vw,88px) clamp(28px,4vw,64px);}
.vv .b4-txt .h-int{color:#111;}
.vv .b4-txt .bd-lg{color:#111;}
@media(max-width:768px){ .vv .b4-split{grid-template-columns:1fr;} .vv .b4-im{min-height:300px;order:-1;} }

/* ---- B v5 : shallow full-bleed horizon band, dark ---- */
.vv .b5-horizon{position:relative;background:#0d0d0d url('../img/0401_bg_01.jpg') center/cover no-repeat;background-attachment:fixed;padding:clamp(64px,6vw,92px) 0;}
.vv .b5-horizon::before{content:'';position:absolute;inset:0;background:rgba(11,11,11,0.6);}
.vv .b5-in{position:relative;z-index:2;}
.vv .b5-horizon .h-int{color:#fff;}
.vv .b5-horizon .bd-lg{color:rgba(255,255,255,0.85);max-width:760px;margin-left:auto;margin-right:auto;}
/* ==== CDE.html ==== */
/* ===== C·D·E 변형 전용 CSS — 무채색(그린 0) · 강조는 700만 · 제목→본문 ~10px ===== */

/* ---------- C v1 : 헤어라인 세로 트리오(다른 리듬 — 굵은 상단룰+큰넘버) ---------- */
.vv .c1-head{max-width:780px;}
.vv .c1-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;}
.vv .c1-t{padding:28px 30px 0 0;border-top:2px solid #111;}
.vv .c1-t + .c1-t{padding-left:30px;}
.vv .c1-no{display:block;font-size:34px;font-weight:700;color:#111;line-height:0.9;letter-spacing:-0.02em;}
.vv .c1-t h3{font-size:19px;font-weight:700;color:#111;margin-top:16px;}
.vv .c1-t p{font-size:15px;font-weight:400;line-height:1.7;color:#111;margin-top:10px;}
@media(max-width:768px){ .vv .c1-trio{grid-template-columns:1fr;} .vv .c1-t{padding:24px 0 0 0;} .vv .c1-t + .c1-t{padding-left:0;} }

/* ---------- C v2 : 다크 에디토리얼 밴드(솔리드 근검정) ---------- */
.vv .c2-dark{background:#181818;padding:clamp(72px,56px + 2vw,110px) 0;}
.vv .c2-dark .h-blk{color:#fff;}
.vv .c2-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:start;}
.vv .c2-lead p{font-size:16px;font-weight:400;line-height:1.65;color:rgba(255,255,255,0.72);margin-top:10px;}
.vv .c2-lead p strong{font-weight:700;color:#fff;}
.vv .c2-row{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:22px 0;border-top:1px solid rgba(255,255,255,0.14);}
.vv .c2-row:first-child{border-top:none;padding-top:0;}
.vv .c2-row .n{font-size:14px;font-weight:700;color:rgba(255,255,255,0.5);letter-spacing:0.1em;}
.vv .c2-row h3{font-size:18px;font-weight:700;color:#fff;}
.vv .c2-row p{font-size:15px;font-weight:400;line-height:1.7;color:rgba(255,255,255,0.72);margin-top:6px;}
@media(max-width:768px){ .vv .c2-grid{grid-template-columns:1fr;gap:32px;} }

/* ---------- C v3 : 큰 넘버 로우 스택 ---------- */
.vv .c3-head{max-width:820px;}
.vv .c3-rows{margin-top:26px;border-top:1px solid #E8E9EA;}
.vv .c3-row{display:grid;grid-template-columns:150px 1fr;gap:32px;padding:32px 0;border-bottom:1px solid #E8E9EA;align-items:baseline;}
.vv .c3-no{font-size:clamp(44px,4vw,64px);font-weight:700;color:#111;line-height:0.85;letter-spacing:-0.03em;}
.vv .c3-tx h3{font-size:22px;font-weight:700;color:#111;}
.vv .c3-tx p{font-size:16px;font-weight:400;line-height:1.6;color:#111;margin-top:10px;max-width:660px;}
@media(max-width:768px){ .vv .c3-row{grid-template-columns:1fr;gap:10px;padding:26px 0;} }

/* ---------- C v4 : 2단 비대칭 + 박스 포인트 ---------- */
.vv .c4-grid{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:start;}
.vv .c4-boxes{display:flex;flex-direction:column;gap:14px;}
.vv .c4-box{background:#F5F6F8;border-radius:14px;padding:26px 30px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;}
.vv .c4-no{font-size:20px;font-weight:700;color:#111;letter-spacing:0.04em;}
.vv .c4-box h3{font-size:18px;font-weight:700;color:#111;}
.vv .c4-box p{font-size:15px;font-weight:400;line-height:1.7;color:#111;margin-top:6px;}
@media(max-width:768px){ .vv .c4-grid{grid-template-columns:1fr;gap:28px;} }

/* ---------- C v5 : 센터 매니페스토 + 인라인 포인트 ---------- */
.vv .c5-lead{max-width:720px;margin:14px auto 0;}
.vv .c5-points{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border-top:1px solid #E8E9EA;}
.vv .c5-pt{padding:34px 26px 0;text-align:center;}
.vv .c5-pt + .c5-pt{border-left:1px solid #E8E9EA;}
.vv .c5-pt .n{display:block;font-size:12px;font-weight:700;letter-spacing:0.12em;color:#9a9a9a;}
.vv .c5-pt h3{font-size:18px;font-weight:700;color:#111;margin-top:10px;}
.vv .c5-pt p{font-size:15px;font-weight:400;line-height:1.7;color:#111;margin-top:8px;}
@media(max-width:768px){ .vv .c5-points{grid-template-columns:1fr;} .vv .c5-pt{padding:26px 0 0;} .vv .c5-pt + .c5-pt{border-left:none;border-top:1px solid #E8E9EA;} }

/* ---------- D v1 : 좌 풀블리드 이미지 ---------- */
.vv .d1-bleed{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fff;}
.vv .d1-bleed img{width:100%;height:100%;min-height:420px;max-height:560px;object-fit:cover;}
.vv .d1-tx{padding:72px max(24px,calc((100vw - 1232px)/2)) 72px 56px;}
@media(max-width:768px){ .vv .d1-bleed{grid-template-columns:1fr;} .vv .d1-bleed img{min-height:280px;max-height:340px;} .vv .d1-tx{padding:40px 24px;order:2;} }

/* ---------- D v2 : 사진 위 오버레이 카드 ---------- */
.vv .d2-photo{position:relative;background:#222 url('../img/0401_bg_01.jpg') center/cover no-repeat;padding:clamp(80px,8vw,130px) 0;}
.vv .d2-photo::before{content:'';position:absolute;inset:0;background:rgba(18,20,19,0.55);}
.vv .d2-photo > .wrap{position:relative;z-index:2;}
.vv .d2-card{max-width:660px;margin:0 auto;text-align:center;background:rgba(0,0,0,0.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.16);border-radius:20px;padding:clamp(36px,4vw,56px);}
.vv .d2-card .h-blk,.vv .d2-card .h-blk strong{color:#fff;}
.vv .d2-card .bd{color:rgba(255,255,255,0.9);}
.vv .d2-card .bd strong{color:#fff;}

/* ---------- D v3 : 타임라인 직후→수개월→일상 ---------- */
.vv .d3-line{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;position:relative;text-align:left;}
.vv .d3-line::before{content:'';position:absolute;top:7px;left:6%;right:6%;height:1px;background:#E8E9EA;}
.vv .d3-node{position:relative;padding-top:30px;}
.vv .d3-node::before{content:'';position:absolute;top:0;left:0;width:14px;height:14px;border-radius:999px;background:#111;border:3px solid #fff;box-shadow:0 0 0 1px #E8E9EA;}
.vv .d3-lb{display:block;font-size:13px;font-weight:700;letter-spacing:0.08em;color:#111;margin-bottom:8px;}
.vv .d3-node p{font-size:15px;font-weight:400;line-height:1.7;color:#111;}
.vv .d3-node p strong{font-weight:700;}
.vv .d3-close{text-align:center;max-width:640px;margin:22px auto 0;}
@media(max-width:768px){ .vv .d3-line{grid-template-columns:1fr;gap:20px;} .vv .d3-line::before{display:none;} }

/* ---------- D v4 : 타이포 온리 센터 ---------- */
.vv .d4-body{max-width:720px;margin:14px auto 0;}
.vv .d4-body .bd{text-align:center;}
.vv .d4-body .bd + .bd{margin-top:14px;}

/* ---------- D v5 : 라이트 2단 + 헤어라인 ---------- */
.vv .d5-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.vv .d5-r{border-left:1px solid #E8E9EA;padding-left:64px;}
@media(max-width:768px){ .vv .d5-grid{grid-template-columns:1fr;gap:20px;} .vv .d5-r{border-left:none;padding-left:0;padding-top:20px;border-top:1px solid #E8E9EA;} }

/* ---------- E v1 : 조밀 지그재그(dev-zig 밀도 축소) ---------- */
.vv .e1-dense .row{padding:24px 0;gap:36px;}
.vv .e1-dense img{height:240px;}

/* ---------- E v2 : 탭 스위처(순수 CSS 라디오 — 무JS·무채색) ---------- */
.vv .e2-tabs{margin-top:24px;}
.vv .e2-tabs input{display:none;}
.vv .e2-bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.vv .e2-bar label{font-size:14px;font-weight:500;color:#8a8a8a;padding:10px 22px;border-radius:999px;border:1px solid #E8E9EA;cursor:pointer;transition:background .2s,color .2s;}
.vv .e2-tabs #e2t1:checked ~ .e2-bar label[for="e2t1"],
.vv .e2-tabs #e2t2:checked ~ .e2-bar label[for="e2t2"],
.vv .e2-tabs #e2t3:checked ~ .e2-bar label[for="e2t3"],
.vv .e2-tabs #e2t4:checked ~ .e2-bar label[for="e2t4"]{background:#181818;color:#fff;border-color:#181818;}
.vv .e2-panels{margin-top:32px;}
.vv .e2-p{display:none;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.vv .e2-tabs #e2t1:checked ~ .e2-panels .e2-p:nth-child(1),
.vv .e2-tabs #e2t2:checked ~ .e2-panels .e2-p:nth-child(2),
.vv .e2-tabs #e2t3:checked ~ .e2-panels .e2-p:nth-child(3),
.vv .e2-tabs #e2t4:checked ~ .e2-panels .e2-p:nth-child(4){display:grid;}
.vv .e2-p img{width:100%;height:400px;object-fit:cover;border-radius:20px;}
.vv .e2-p .bd{margin-top:10px;}
@media(max-width:768px){ .vv .e2-p{grid-template-columns:1fr;gap:24px;} .vv .e2-p img{height:280px;} }

/* ---------- E v3 : 2×2 그리드 카드(무채색) ---------- */
.vv .e3-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;}
.vv .e3-card{border:1px solid #EEF0F1;border-radius:20px;overflow:hidden;background:#fff;}
.vv .e3-card img{width:100%;height:240px;object-fit:cover;}
.vv .e3-card .pad{padding:30px 32px 34px;}
.vv .e3-card .h-blk{font-size:24px;}
.vv .e3-card .bd{font-size:15px;line-height:1.7;}
@media(max-width:768px){ .vv .e3-grid{grid-template-columns:1fr;} }

/* ---------- E v4 : 아코디언(native details — 무JS·무채색) ---------- */
.vv .e4-acc{margin-top:32px;}
.vv .e4-acc details{border-top:1px solid #E8E9EA;}
.vv .e4-acc details:last-child{border-bottom:1px solid #E8E9EA;}
.vv .e4-acc summary{list-style:none;display:flex;align-items:center;gap:16px;padding:24px 4px;cursor:pointer;position:relative;}
.vv .e4-acc summary::-webkit-details-marker{display:none;}
.vv .e4-no{font-size:14px;font-weight:700;color:#9a9a9a;letter-spacing:0.1em;flex:none;}
.vv .e4-tt{font-size:19px;font-weight:700;color:#111;}
.vv .e4-tag{font-size:13px;color:#8c8c8c;margin-left:auto;padding-right:40px;}
.vv .e4-acc summary::after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:#111;line-height:1;}
.vv .e4-acc details[open] summary::after{content:'\2212';}
.vv .e4-body{display:grid;grid-template-columns:280px 1fr;gap:32px;padding:0 4px 32px;align-items:start;}
.vv .e4-body img{width:100%;height:200px;object-fit:cover;border-radius:10px;}
.vv .e4-body .bd{margin-top:0;font-size:15px;line-height:1.7;}
@media(max-width:768px){ .vv .e4-body{grid-template-columns:1fr;} .vv .e4-tag{display:none;} }

/* ---------- E v5 : 가로 스크롤 레일 ---------- */
.vv .e5-rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(80vw,380px);gap:20px;overflow-x:auto;padding:32px 24px;scroll-snap-type:x mandatory;max-width:1280px;margin:20px auto 0;}
.vv .e5-rail::-webkit-scrollbar{height:6px;}
.vv .e5-rail::-webkit-scrollbar-thumb{background:#d6d6d6;border-radius:999px;}
.vv .e5-card{scroll-snap-align:start;border:1px solid #EEF0F1;border-radius:20px;overflow:hidden;background:#fff;}
.vv .e5-card img{width:100%;height:230px;object-fit:cover;}
.vv .e5-card .pad{padding:28px 30px 32px;}
.vv .e5-card .h-blk{font-size:22px;}
.vv .e5-card .bd{font-size:15px;line-height:1.7;}
/* ==== FGH.html ==== */
/* ===== FGH — 신뢰성 / 전후사진 / 추천대상 (v1~v5) — 무채색·강조=700만 ===== */

/* ---------- F 신뢰성 공용 ---------- */
.vv .f-band{padding:clamp(72px,56px + 2vw,110px) 0;}
.vv .f-band .h-blk{max-width:640px;}
.vv .f-band .bd{max-width:600px;}

/* F v1 — 다크 포토밴드 + 2열 체크리스트 */
.vv .f1-cl{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:34px;}
@media(max-width:768px){ .vv .f1-cl{grid-template-columns:1fr;} }
.vv .f1-cl .it{padding:20px 0;border-top:1px solid rgba(255,255,255,0.16);}
.vv .f1-cl .it h4{font-size:16px;font-weight:700;color:#fff;}
.vv .f1-cl .it p{font-size:14.5px;font-weight:300;line-height:1.7;color:rgba(255,255,255,0.72);margin-top:6px;}

/* F v2 — 라이트 이미지좌 + 체크리스트우 */
.vv .f2-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
@media(max-width:768px){ .vv .f2-wrap{grid-template-columns:1fr;gap:28px;} }
.vv .f2-wrap img{width:100%;height:100%;min-height:360px;max-height:480px;object-fit:cover;border-radius:20px;}
.vv .f2-cl{margin-top:22px;}
.vv .f2-cl .it{padding:16px 0;border-top:1px solid #E8E9EA;}
.vv .f2-cl .it:first-child{border-top:none;}
.vv .f2-cl .it h4{font-size:16px;font-weight:700;color:#111;}
.vv .f2-cl .it p{font-size:14.5px;font-weight:300;line-height:1.7;color:#111;margin-top:5px;}

/* F v3 — 다크 인용/선언형 */
.vv .f3-mani{max-width:780px;margin:0 auto;text-align:center;}
.vv .f3-mani .lead{font-size:clamp(22px,19px + 0.9vw,30px);line-height:1.5;font-weight:400;color:#fff;letter-spacing:-0.01em;}
.vv .f3-mani .lead strong{font-weight:700;}
.vv .f3-mani .sub{font-size:16px;font-weight:300;line-height:1.75;color:rgba(255,255,255,0.72);margin-top:20px;}
.vv .f3-pts{display:flex;justify-content:center;flex-wrap:wrap;margin-top:30px;}
.vv .f3-pts span{font-size:14px;font-weight:700;color:#fff;padding:2px 20px;position:relative;}
.vv .f3-pts span + span::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background:rgba(255,255,255,0.3);}

/* F v4 — 라이트 넘버 프로토콜 로우(01~04) */
.vv .f4-rows{margin-top:30px;border-top:1px solid #E8E9EA;}
.vv .f4-rows .r{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid #E8E9EA;align-items:baseline;}
.vv .f4-rows .n{font-size:26px;font-weight:700;color:#111;line-height:1;letter-spacing:-0.02em;}
.vv .f4-rows h4{font-size:17px;font-weight:700;color:#111;}
.vv .f4-rows p{font-size:15px;font-weight:300;line-height:1.7;color:#111;margin-top:6px;}

/* F v5 — 라이트 센터 선언 + 인라인 헤어라인 포인트 */
.vv .f5-c{max-width:720px;margin:0 auto;text-align:center;}
.vv .f5-c .bd{max-width:640px;margin-left:auto;margin-right:auto;}
.vv .f5-pts{display:flex;justify-content:center;flex-wrap:wrap;margin-top:28px;border-top:1px solid #E8E9EA;border-bottom:1px solid #E8E9EA;padding:20px 0;}
.vv .f5-pts span{font-size:15px;font-weight:700;color:#111;padding:2px 22px;position:relative;}
.vv .f5-pts span + span::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background:#E8E9EA;}

/* ---------- G 전후사진 (컴팩트 .v0z) 공용 ---------- */
.vv .g-note{margin-top:12px;font-size:12.5px;font-weight:300;line-height:1.65;color:#8a8a8a;}
.vv .g-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
/* v2 썸네일 로우 */
.vv .g2-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
@media(max-width:768px){ .vv .g2-row{grid-template-columns:repeat(2,1fr);} }
.vv .g2-row .ba{height:150px;}
.vv .g2-row .ba .lb{font-size:10px;padding:3px 9px;}
/* v3 싱글 와이드 */
.vv .g3-wide{display:grid;grid-template-columns:1fr 1fr;gap:2px;border-radius:14px;overflow:hidden;}
.vv .g3-wide .ba{border-radius:0;height:290px;}
/* v4 2x2 */
.vv .g4-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.vv .g4-grid .ba{height:168px;}
/* v5 다크 스트립 */
.vv .g5-dark{background:#181818;border-top:none;}
.vv .g5-dark .h-md{color:#fff;}
.vv .g5-dark .ba{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.14);color:rgba(255,255,255,0.5);}
.vv .g5-dark .ba .lb{background:transparent;border-color:rgba(255,255,255,0.28);color:rgba(255,255,255,0.72);}
.vv .g5-dark .ba svg{stroke:rgba(255,255,255,0.4);}
.vv .g5-dark .g-note{color:rgba(255,255,255,0.5);}

/* ---------- H 추천대상 (컴팩트 .v0z) ---------- */
/* v2 2열 */
.vv .h2-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;}
@media(max-width:768px){ .vv .h2-cols{grid-template-columns:1fr;} }
.vv .h2-cols .dots{margin-top:0;}
/* v3 넘버 로우 */
.vv .h3-rows .r{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:11px 0;border-top:1px solid #EEF0F1;align-items:baseline;}
.vv .h3-rows .r:first-child{border-top:none;}
.vv .h3-rows .n{font-size:14px;font-weight:700;color:#9a9a9a;letter-spacing:0.06em;}
.vv .h3-rows p{font-size:15px;font-weight:300;line-height:1.7;color:#111;}
/* v4 체크(무채색) */
.vv .h4-list li{display:flex;gap:12px;font-size:15px;font-weight:300;line-height:1.9;color:#111;}
.vv .h4-list li::before{content:'✓';flex:none;font-weight:700;color:#111;font-size:13px;}
/* v5 박스 그리드 */
.vv .h5-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media(max-width:768px){ .vv .h5-grid{grid-template-columns:1fr;} }
.vv .h5-grid .b{background:#F5F6F8;border-radius:12px;padding:15px 18px;font-size:14.5px;font-weight:300;line-height:1.6;color:#111;}
/* ==== IJKL.html ==== */
/* ===== I·J·K·L 컴팩트 변형 — 무채색 전용 (그린/유채색 0회) =====
   팔레트: #111 / #181818 / #8a8a8a·#9a9a9a / #E8E9EA·#EEF0F1 / #F5F6F8 / #fff
   강조 = font-weight:700 만. 재사용: .v0z .zg .h-md .bd .dots .gbox .li .sm .fq */

/* --- I: 시술 & 장비 정보 (6 라벨/값 행) --- */
/* I v1 — 회색박스 라벨+값 정렬 */
.i1-box{background:#F5F6F8;border-radius:14px;padding:18px 26px;}
.i1-box .r{display:flex;gap:14px;font-size:15px;font-weight:300;line-height:1.75;color:#111;padding:8px 0;align-items:baseline;}
.i1-box .r + .r{border-top:1px solid #EEF0F1;}
.i1-box .k{flex:none;width:92px;font-weight:600;white-space:nowrap;}
.i1-box .sm{color:#8a8a8a;font-size:13px;font-weight:300;}

/* I v2 — 헤어라인 정의 리스트 */
.i2-dl .r{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:11px 0;border-top:1px solid #EEF0F1;align-items:baseline;}
.i2-dl .r:first-child{border-top:none;}
.i2-dl dt{font-size:15px;font-weight:600;color:#111;}
.i2-dl dd{font-size:15px;font-weight:300;line-height:1.75;color:#111;}
.i2-dl .sm{display:block;color:#8a8a8a;font-size:13px;margin-top:2px;}
@media(max-width:600px){.i2-dl .r{grid-template-columns:1fr;gap:3px;}}

/* I v3 — 2열 페어 그리드 */
.i3-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#EEF0F1;border:1px solid #EEF0F1;border-radius:12px;overflow:hidden;}
@media(max-width:600px){.i3-grid{grid-template-columns:1fr;}}
.i3-grid .c{background:#fff;padding:14px 18px;}
.i3-grid .k{font-size:12.5px;font-weight:600;color:#8a8a8a;letter-spacing:0.02em;}
.i3-grid .v{font-size:15px;font-weight:300;line-height:1.65;color:#111;margin-top:5px;}
.i3-grid .sm{color:#8a8a8a;font-size:12.5px;}

/* I v4 — 인라인 라벨칩 */
.i4-list .r{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-top:1px solid #EEF0F1;flex-wrap:wrap;}
.i4-list .r:first-child{border-top:none;}
.i4-list .chip{flex:none;font-size:12.5px;font-weight:600;color:#111;background:#F5F6F8;border-radius:999px;padding:5px 13px;}
.i4-list .v{font-size:15px;font-weight:300;line-height:1.7;color:#111;}
.i4-list .sm{color:#8a8a8a;font-size:13px;}

/* I v5 — 테두리 테이블 */
.i5-wrap{overflow-x:auto;}
.i5-tbl{width:100%;border-collapse:collapse;font-size:15px;}
.i5-tbl th{white-space:nowrap;text-align:left;vertical-align:top;font-weight:600;color:#111;background:#F5F6F8;padding:11px 16px;border:1px solid #E8E9EA;width:100px;}
.i5-tbl td{padding:11px 16px;border:1px solid #E8E9EA;font-weight:300;line-height:1.65;color:#111;}
.i5-tbl .sm{color:#8a8a8a;font-size:13px;}

/* --- J: 시술 안내 (7 스텝) --- */
/* J v1 — 회색박스 스텝(넘버 배지) */
.j1-box{background:#F5F6F8;border-radius:14px;padding:16px 24px;}
.j1-box .s{display:flex;gap:14px;align-items:baseline;padding:7px 0;font-size:15px;font-weight:300;line-height:1.7;color:#111;}
.j1-box .n{flex:none;width:24px;height:24px;border-radius:999px;background:#fff;border:1px solid #E8E9EA;color:#111;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:1px;}

/* J v2 — 넘버 헤어라인 행 */
.j2-rows .s{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:baseline;padding:10px 0;border-top:1px solid #EEF0F1;}
.j2-rows .s:first-child{border-top:none;}
.j2-rows .n{font-size:14px;font-weight:700;color:#111;letter-spacing:0.04em;}
.j2-rows .t{font-size:15px;font-weight:300;line-height:1.7;color:#111;}

/* J v3 — 가로 스텝바 (7 미니블록) */
.j3-bar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;}
@media(max-width:900px){.j3-bar{grid-template-columns:repeat(4,1fr);}}
@media(max-width:560px){.j3-bar{grid-template-columns:repeat(2,1fr);}}
.j3-bar .st{background:#F5F6F8;border-radius:10px;padding:14px 10px;text-align:center;}
.j3-bar .n{width:26px;height:26px;margin:0 auto 8px;border-radius:999px;background:#fff;border:1px solid #E8E9EA;color:#111;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.j3-bar .t{font-size:12px;font-weight:300;line-height:1.5;color:#111;}

/* J v4 — 2열 넘버 */
.j4-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 30px;}
@media(max-width:600px){.j4-grid{grid-template-columns:1fr;}}
.j4-grid .s{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:baseline;padding:8px 0;border-top:1px solid #EEF0F1;}
.j4-grid .n{font-size:14px;font-weight:700;color:#111;letter-spacing:0.04em;}
.j4-grid .t{font-size:14.5px;font-weight:300;line-height:1.65;color:#111;}

/* J v5 — 컴팩트 타임라인(뉴트럴 도트) */
.j5-tl{padding-left:4px;}
.j5-tl .s{position:relative;display:grid;grid-template-columns:20px 1fr;gap:16px;padding:0 0 15px;}
.j5-tl .s:last-child{padding-bottom:0;}
.j5-tl .s::before{content:'';position:absolute;left:5px;top:15px;bottom:-2px;width:1px;background:#E8E9EA;}
.j5-tl .s:last-child::before{display:none;}
.j5-tl .dot{width:11px;height:11px;margin-top:5px;border-radius:999px;background:#fff;border:1px solid #9a9a9a;position:relative;z-index:2;}
.j5-tl .t{font-size:15px;font-weight:300;line-height:1.7;color:#111;}
.j5-tl .t b{font-weight:700;margin-right:4px;}

/* --- K: 시술 후 주의사항 (8) --- */
/* K v2 — 2열 넘버 리스트 */
.k2-grid{columns:2;column-gap:36px;}
@media(max-width:640px){.k2-grid{columns:1;}}
.k2-grid li{display:flex;gap:11px;break-inside:avoid;padding:6px 0;font-size:14.5px;font-weight:300;line-height:1.7;color:#111;}
.k2-grid li .n{flex:none;font-weight:700;font-size:13px;color:#111;letter-spacing:0.04em;margin-top:1px;}

/* K v3 — 회색박스 그리드 */
.k3-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
@media(max-width:640px){.k3-grid{grid-template-columns:1fr;}}
.k3-grid .c{background:#F5F6F8;border-radius:10px;padding:12px 16px;display:flex;gap:11px;font-size:14px;font-weight:300;line-height:1.65;color:#111;}
.k3-grid .c .n{flex:none;font-weight:700;font-size:12.5px;color:#8a8a8a;letter-spacing:0.04em;margin-top:1px;}

/* K v4 — 헤어라인 분리 행 */
.k4-rows li{padding:9px 0;border-top:1px solid #EEF0F1;font-size:15px;font-weight:300;line-height:1.7;color:#111;}
.k4-rows li:first-child{border-top:none;}

/* K v5 — 리딩제로 넘버 리스트 */
.k5-list li{display:flex;gap:14px;padding:7px 0;font-size:15px;font-weight:300;line-height:1.75;color:#111;}
.k5-list li .n{flex:none;font-size:13px;font-weight:700;color:#9a9a9a;letter-spacing:0.06em;margin-top:2px;}

/* --- L: FAQ (5 Q&A) --- */
/* L v3 — Q/A 스택 + 헤어라인 */
.l3-qa .one{padding:14px 0;border-top:1px solid #EEF0F1;}
.l3-qa .one:first-child{border-top:none;}
.l3-qa .q{display:flex;gap:10px;font-size:15.5px;font-weight:700;color:#111;line-height:1.5;}
.l3-qa .q::before{content:'Q';flex:none;font-weight:700;}
.l3-qa .a{display:flex;gap:10px;margin-top:8px;font-size:14.5px;font-weight:300;line-height:1.75;color:#111;}
.l3-qa .a::before{content:'A';flex:none;font-weight:700;color:#9a9a9a;}

/* L v4 — 2열 Q&A 카드(무채색) */
.l4-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media(max-width:640px){.l4-cards{grid-template-columns:1fr;}}
.l4-cards .c{background:#F5F6F8;border-radius:12px;padding:16px 18px;}
.l4-cards .q{font-size:14.5px;font-weight:700;color:#111;line-height:1.5;}
.l4-cards .a{margin-top:8px;font-size:13.5px;font-weight:300;line-height:1.7;color:#111;}

/* L v5 — 넘버 Q1~Q5 리스트 */
.l5-list .one{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:13px 0;border-top:1px solid #EEF0F1;}
.l5-list .one:first-child{border-top:none;}
.l5-list .qn{font-size:14px;font-weight:700;color:#111;letter-spacing:0.02em;}
.l5-list .q{font-size:15.5px;font-weight:700;color:#111;line-height:1.5;}
.l5-list .a{margin-top:7px;font-size:14.5px;font-weight:300;line-height:1.75;color:#111;}

/* ===== 미세 조정 (최종) ===== */
/* 스티키 0 — 좌측 풀블리드(왼쪽 끝까지) */
.fz-photo{margin-left:calc(-1 * max(24px,(100vw - 1232px)/2));border-radius:0 16px 16px 0;}
@media(max-width:900px){ .fz-photo{margin-left:0;border-radius:16px;} }
/* 시술&장비 정보 — 칩 너비·모양 통일 + 2열 정렬 고정 */
.i4-list .chip{width:80px;text-align:center;padding:5px 0;}
.i4-list .r{flex-wrap:nowrap;align-items:flex-start;}
.i4-list .v{flex:1;min-width:0;}
/* 단락 간격 */
.vv .v0sec{padding:clamp(72px,56px + 2vw,110px) 0;}
.vv .bx{padding:clamp(52px,42px + 1.6vw,80px) 0;}
.vv .d2-photo{padding:clamp(80px,8vw,130px) 0;}
.vv.fz{padding:clamp(64px,52px + 1.6vw,96px) 0;}
.fz-right .fz-blk{padding:52px 0;}
.fz-right .fz-blk:first-child{padding-top:28px;}
/* 스티키존 좌측 패널 — 문구 상단 좌측 시작 + 본문 70% 폭 */
.fz-photo{align-items:flex-start;}
.fz-photo::before{background:linear-gradient(to right,rgba(15,15,15,0.94) 0%,rgba(15,15,15,0.5) 45%,rgba(15,15,15,0.12) 100%);}
.fz-photo .in{width:70%;padding:36px 30px;}
.vv .e4b-dev{padding:60px 0;}
.vv .dev-zig .row{padding:clamp(52px,36px + 3.2vw,88px) 0;}
.promo{padding:calc(var(--s120) * 2) 0;}
/* 스크롤 리빌 모션 */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(0.22,0.61,0.36,1),transform .8s cubic-bezier(0.22,0.61,0.36,1);will-change:opacity,transform;}
.rv.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none;}}
/* 히어로 — 이미지 슬로우 줌 + 텍스트 페이드업 */
.vv .a2-hero{background-image:none;overflow:hidden;}
.vv .a2-hero::after{content:'';position:absolute;inset:-2%;background:url('../img/01_about/tour/tour_11.webp') center/cover no-repeat;z-index:0;animation:heroZoom 4.5s cubic-bezier(0.22,0.61,0.36,1) both;}
.vv .a2-hero::before{z-index:1;}
@keyframes heroZoom{from{transform:scale(1.14);}to{transform:scale(1);}}
.vv .a2-body{animation:heroRise 1.1s cubic-bezier(0.22,0.61,0.36,1) 0.25s both;}
@keyframes heroRise{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}
.vv .a2-tabs{position:relative;z-index:2;animation:heroFade 0.9s ease 0.9s both;}
@keyframes heroFade{from{opacity:0;}to{opacity:1;}}
@media(prefers-reduced-motion:reduce){.vv .a2-hero::after,.vv .a2-body,.vv .a2-tabs{animation:none;}}
/* 장비라인업 탭 — 컨테이너 좌측 바깥 배치 (넓은 화면) */
@media(min-width:1420px){
  .vv .e4b{display:block;}
  .vv .e4b-nav{position:sticky;top:120px;height:0;overflow:visible;z-index:5;width:0;margin-left:calc(-1 * ((100vw - 1232px)/2) + 28px);padding-left:0;}
  .vv .e4b-nav a{width:max-content;}
}
/* 스티키 존 위계: 블록 제목 > 항목 제목 > 본문 */
.fz-right .h-md{font-size:21px;font-weight:700;}
.fz-right .f2-cl .it{padding:13px 0;}
.fz-right .f2-cl .it h4{font-size:14px;font-weight:700;color:#111;}
.fz-right .f2-cl .it p{font-size:13.5px;font-weight:300;color:#6d6d6d;margin-top:3px;}
/* 추천대상·시술안내 숫자 30% 축소 + 간격 통일 */
.vv .h3-rows .r{grid-template-columns:26px 1fr;gap:10px;}
.vv .h3-rows .n{font-size:10px;}
.fz-right .gbox .li b{font-size:10px;margin-right:10px;}

/* 스티키 좌측 패널 CTA — 글씨 바로 아래, 화이트톤 통일 */
.fz-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
.fz-cta .btn{background:#fff;color:#111;border:1px solid transparent;}
.fz-cta .btn:hover{background:#ececec;}
@media(max-width:768px){ .fz-cta{width:100%;} .fz-cta .btn{flex:1;} }
/* ===== 최종 조정 (최후순위) ===== */
/* 1) 특징 다크섹션 — 배경 고정(패럴럭스) + 카드 폭 20%↑ */
.vv .d2-photo{background-attachment:fixed;}
.vv .d2-card{max-width:792px;}
@media(max-width:900px){ .vv .d2-photo{background-attachment:scroll;} }
/* 2) 차별포인트 3박스 — 우→좌 슬라이드 리빌 */
#secC .c4-box.rv{transform:translateX(64px);}
#secC .c4-box.rv.in{transform:none;}
/* 3) 히어로↔B 이미지 간격 2배 */
.vv .bx{padding-top:clamp(104px,84px + 3.2vw,160px);}
/* 4) 히어로 하단 탭 — 애플식 글라스모피즘 */
.vv .a2-tabs{background:rgba(255,255,255,0.08);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border-top:1px solid rgba(255,255,255,0.2);box-shadow:0 -1px 24px rgba(0,0,0,0.15);}
.vv .a2-tabs .atabs a.on{background:rgba(255,255,255,0.22);}
/* 5) 스티키 좌측 패널 — 제목 상단·좌측 여백 2배 + 박스 높이 절반 */
.fz-photo{height:calc((100vh - 120px) / 2);min-height:340px;}
.fz-photo{align-items:center;justify-content:flex-start;}
.fz-photo .in{width:70%;padding:40px 30px 40px 60px;text-align:left;}
.fz-photo .in .h-blk{margin-top:0;}
.fz-photo .fz-cta{justify-content:flex-start;}
@media(max-width:900px){ .fz-photo{height:auto;min-height:0;} .fz-photo .in{width:100%;padding:36px 24px;} }

/* ===== 추가 요청 반영 (최후순위) ===== */
/* C 차별포인트 — 숫자 제목 위, 폰트 절반, 제목·내용 박스 전체폭 */
.vv .c4-box{grid-template-columns:1fr;gap:6px;padding:24px 28px;}
.vv .c4-no{font-size:9px;letter-spacing:0.08em;color:#9a9a9a;}
/* D 특징 — 배경 상하 여백 1.5배 */
.vv .d2-photo{padding:clamp(120px,12vw,195px) 0;}
/* E 장비 — 상단 여백 2배 + 네비 폰트 20%↓(언더라인 유지) */
#secE .vv .v0sec{padding-top:clamp(144px,112px + 4vw,220px);}
.vv .e4b-nav a{font-size:12px;}
/* F 스티키존 — 배경 상하 여백 2배 */
.vv.fz{padding:clamp(128px,104px + 3.2vw,192px) 0;}
/* G~L(전후사진~FAQ) — 본문 더 작게 + 숫자 비율 조정 */
#secF .fz-right p,#secF .fz-right li,#secF .fz-right .bd,#secF .fz-right .gbox .li,#secF .fz-right .l3-qa .a,#secF .fz-right .l3-qa .q,#secF .fz-right .i4-list .v,#secF .fz-right .f2-cl .it p,#secF .fz-right .h3-rows p,#secF .fz-right .dots li{font-size:13px;line-height:1.7;}
#secF .fz-right .h3-rows .r{grid-template-columns:22px 1fr;gap:8px;}
/* 시술 후 주의사항 — 행간 1.2배 */
#secF .fz-right .dots.care li{line-height:2.05;}
/* 시술 안내 — 행간 1.2배 */
#secF .fz-right .gbox .li{line-height:2.05;}
/* 시술&장비 정보 — 본문(진한)/부가설명(회색) 위계 명확화 */
#secF .fz-right .i4-list .v{font-weight:400;color:#111;}
#secF .fz-right .i4-list .sm{font-size:11.5px;font-weight:300;color:#9a9a9a;}
#secF .fz-right .h3-rows .n{font-size:9px;}
#secF .fz-right .gbox .li b{font-size:9px;margin-right:8px;}
#secF .fz-right .h-md{font-size:18px;}
#secF .fz-right .f2-cl .it h4{font-size:13px;}
#secF .fz-right .i4-list .chip{font-size:11px;}
/* 스티키존 타이포 한 단계 업 (2026-07-22) — 데스크톱만, 모바일 고정 */
@media(min-width:769px){
  #secF .fz-right p,#secF .fz-right li,#secF .fz-right .bd,#secF .fz-right .gbox .li,#secF .fz-right .l3-qa .a,#secF .fz-right .l3-qa .q,#secF .fz-right .i4-list .v,#secF .fz-right .f2-cl .it p,#secF .fz-right .h3-rows p,#secF .fz-right .dots li{font-size:14px;}
  #secF .fz-right .h-md{font-size:19px;}
  #secF .fz-right .f2-cl .it h4{font-size:14px;}
  #secF .fz-right .i4-list .chip{font-size:12px;}
  #secF .fz-right .i4-list .sm{font-size:12.5px;}
  #secF .fz-right .gbox .li b,#secF .fz-right .h3-rows .n{font-size:10px;}
  #secF .fz-notice{font-size:13px;}
  .fz-photo .h-blk,.fz-left .h-blk,.fz-dark .h-blk{font-size:clamp(24px,22px + 0.6vw,32px);}
  .fz-photo .bd,.fz-left .bd,.fz-dark .bd{font-size:15.5px;}
}

/* 레이아웃② 토큰 (m2-) — 무채색 · 타이포 온리 · 이미지 없음 */
.m2-intro{padding:clamp(96px,76px + 2.6vw,150px) 0;text-align:center;}
.m2-eyeb{font-size:12px;letter-spacing:0.34em;text-transform:uppercase;color:#9a9a9a;font-weight:500;}
.m2-big{margin-top:16px;font-size:clamp(28px,24px + 1.6vw,44px);line-height:1.32;color:#111;font-weight:300;letter-spacing:-0.01em;}
.m2-big strong{font-weight:700;}
.m2-intro .bd-lg{margin-top:12px;max-width:640px;margin-left:auto;margin-right:auto;}
.m2-gray{background:#FAFAFB;}
.m2-split{display:grid;grid-template-columns:minmax(320px,520px) 1fr;gap:clamp(32px,3vw,56px);align-items:start;}
.m2-rows .m2-row{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:24px 0;border-top:1px solid #E8E9EA;}
.m2-rows .m2-row:first-child{border-top:none;padding-top:0;}
.m2-no{font-size:11px;font-weight:400;color:#9a9a9a;letter-spacing:0.08em;padding-top:6px;}
.m2-row h3{font-size:17px;font-weight:700;color:#111;}
.m2-row p{margin-top:8px;font-size:15px;font-weight:300;line-height:1.75;color:#111;}
.m2-devs{max-width:820px;margin:44px auto 0;}
.m2-dev{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:32px 0;border-top:1px solid #E8E9EA;}
.m2-dev:first-child{border-top:none;padding-top:0;}
.m2-dev h3{margin-top:8px;font-size:22px;font-weight:700;color:#111;letter-spacing:-0.01em;}
.m2-dev .bd{margin-top:10px;max-width:640px;}

/* ===== 모바일 ===== */
@media(max-width:768px){
  .m2-split{grid-template-columns:1fr;gap:24px;}
  .m2-dev{grid-template-columns:40px 1fr;gap:12px;padding:26px 0;}
  .m2-intro{padding:76px 0;}
  .vv .a2-hero{min-height:55vh;} /* 46vh × 1.2 */
  .vv.fz{padding:50px 0 72px;} /* 상단: 올타이트 하단 간격 100px의 절반(E쪽 50px + F쪽 50px) */
  .vv .a2-tabs .atabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .vv .a2-tabs .atabs::-webkit-scrollbar{display:none;}
  .vv .a2-tabs .atabs a{flex:none;white-space:nowrap;font-size:11.2px;letter-spacing:-0.03em;padding:13px 12px;border-bottom:2px solid transparent;}
  .vv .a2-tabs .atabs a.on{background:transparent;border-bottom-color:#fff;}
  .vv .e4b-nav{position:sticky;top:56px;z-index:20;display:flex;justify-content:center;gap:18px;overflow-x:auto;scrollbar-width:none;background:rgba(255,255,255,0.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:11px 0;margin:0 0 14px;}
  .vv .e4b-nav::-webkit-scrollbar{display:none;}
  .vv .e4b-nav a{flex:none;white-space:nowrap;border:none;border-radius:0;border-bottom:2px solid transparent;padding:5px 0;font-size:12px;}
  .vv .e4b-nav a.on{border-bottom-color:#111;background:transparent;}
  /* 탭 — 섬네일 위 20px */
  .vv .e4b{gap:0;}
  .vv .e4b-nav{margin:0 0 20px;}
  .vv .e4b-list .e4b-dev:first-child{padding-top:0;}
  /* 올타이트(마지막 장비) 하단 간격 — 총 100px (0 + 50 + 50) */
  .vv .e4b-list .e4b-dev:last-child{padding-bottom:0;}
  #secE .vv .v0sec{padding-bottom:50px;}
  /* 스티키존 좌측 패널 — 모바일 풀폭 배경 */
  .fz-photo,.fz-dark{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;}
  /* 스티키존 배경 박스 — 상하 padding 3배 */
  .fz-photo .in{padding:108px 24px;}
  .fz-dark{padding:120px 36px;}
  /* 시술 안내 — 2줄 표기 시 문장 시작 위치에 들여쓰기 정렬 */
  #secF .fz-right .gbox .li{display:flex;align-items:baseline;}
  #secF .fz-right .gbox .li b{flex:none;}
}

/* ───────────────────────────────────────────────────────────
   [2026-08-19 비활성화] 임시 오픈본 전용 wf-override — 정본에 없음

   원본: sub-open.html line 1300 <style> "스티키 배경 비움 + 탭 중앙정렬".
   바로 아래 블러 블록과 같은 출신(버려진 임시 공개본)인데 그때 이것만
   남겨 두어, 정본의 F존 좌패널이 통째로 뒤집혀 있었다 — 실측 확인:
     · 사진 배경이 회색 단색(#EBEBEB)으로 덮이고 그라데이션이 꺼짐
     · 사진 위 흰 글씨가 검정(#111 / #3a3a3a)이 되어 가독성이 죽음
     · CTA 버튼이 검정 채움으로 바뀜
   탭 중앙정렬 두 줄은 `.vv .a2-tabs .atabs`(0,3,0)에 밀려 원래 죽어 있었다.

   되살릴 일이 있으면 아래 주석을 풀면 된다.
   ───────────────────────────────────────────────────────────
(* ===== ORIGIN: sub-open.html line 1300  <style> ===== *)
(*=== wf-override: 스티키 배경 비움 + 탭 중앙정렬 ===*)
.fz-photo{background:#EBEBEB;}
.fz-photo::before{display:none;}
.fz-photo .h-blk{color:#111;}
.fz-photo .bd{color:#3a3a3a;}
.fz-photo .fz-cta .btn{background:#181818;color:#fff;border:none;}
.fz-photo .fz-cta .btn:hover{background:#000;}
.a2-tabs .atabs{justify-content:center;}
[class*="hero-tabs"] > nav{justify-content:center;}
@media(max-width:768px){
  .a2-tabs .atabs{justify-content:flex-start;}
  [class*="hero-tabs"] > nav{justify-content:flex-start;}
}
   ─────────────────────────────────────────────────────────── */
/* ───────────────────────────────────────────────────────────
   [2026-08-19 비활성화] 임시 오픈본 전용 블러 처리 — 정본에 없음

   원본: sub-open.html 의 <style id="fz-photo-blur">.
   sub-open 은 버려진 임시 공개본이고, 정본(sub-full ·
   skincare-laser-lifting)에는 이 블록이 없다.

   그런데 !important 로 박혀 있어 정본 디자인을 덮어썼다 —
   시술 페이지 히어로에 '둘러보기 복도' 사진이 깔리고
   F존 사진이 통째로 사라졌다.

   되살릴 일이 있으면 아래 주석을 풀면 된다.
   ───────────────────────────────────────────────────────────
(* 히어로 — 블랙 배경 + CTA 수평 배치 *)
.vv .a2-hero{background:#0d0d0d !important;}
.vv .a2-hero::before{display:block !important;background:linear-gradient(to top,rgba(11,11,11,0.88),rgba(11,11,11,0.15) 60%,rgba(11,11,11,0.35)) !important;z-index:1 !important;}
.vv .a2-hero::after{display:block !important;content:'' !important;position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:url('../img/01_about/tour/tour_11.webp') center/cover no-repeat !important;filter:blur(10px) !important;transform:translateY(var(--hpar,0px)) scale(1.26) !important;z-index:0 !important;animation:none !important;}
.vv .a2-cta{flex-direction:row;align-items:center;gap:10px;}

(* ===== ORIGIN: sub-open.html line 1319  <style id="fz-photo-blur"> ===== *)

(* 버틀러의 원칙 좌측 박스 — 히어로와 동일: 투어 이미지 + 블러 *)
.vv .fz-photo{background:#222 !important;}
.vv .fz-photo::after{display:block !important;content:'' !important;position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:url('../img/01_about/tour/tour_11.webp') center/cover no-repeat !important;filter:blur(16px) !important;transform:scale(1.1) !important;z-index:0 !important;}
.vv .fz-photo::before{background:rgba(255,255,255,0.5) !important;z-index:1 !important;}
.vv .fz-photo .h-blk{color:#1a1a1a !important;}
.vv .fz-photo .hbtn-w{background:#1a1a1a !important;color:#fff !important;border-color:#1a1a1a !important;}
   ─────────────────────────────────────────────────────────── */
