/* VAWORKS 홈페이지 시안 v3 스타일 (전략실 디자인 캔버스 RLpreBzy2un1rDbbdeEp37 → 지시 1016-H3, 본부 D-55).
   선택자는 모두 .vw 안 — 옛 내용 페이지(style.css)와 부딪히지 않게. 색: 틸 #0AA5B4·#067E8A, 딥 틸 #0B2A30→#06181C, 글씨 #10171A */
.vw a{color:#067E8A}
.vw a:hover{color:#0B2A30}
.vw{container-type:inline-size;container-name:vw;--ink:#10171A;--sub:#56636A;--mute:#7D8A90;--line:#E3E9EB;--band:#F4F7F8;--teal:#0AA5B4;--teal-d:#067E8A;--teal-b:#3FC7DC;--deep:#0B2A30;--deep2:#06181C;background:#FFFFFF;color:var(--ink);font-family:'Pretendard',-apple-system,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased;overflow-x:clip}
.vw *{box-sizing:border-box}
.vw .wrap{max-width:1120px;margin:0 auto;padding-inline:max(24px,4vw)}
.vw .eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--teal-d)}
.vw .eyebrow.mute{color:var(--mute)}
.vw .h2{margin:0;font-size:44px;line-height:1.22;font-weight:800;letter-spacing:-.025em;text-wrap:balance}
.vw .body{margin:0;font-size:16px;line-height:1.75;color:var(--sub)}
.vw .hl{color:var(--teal-d)}
.vw .btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.vw .btn-dark{background:var(--ink);color:#FFFFFF}
.vw .btn-dark:hover{background:var(--teal-d);color:#FFFFFF}
.vw .btn-teal{background:var(--teal-d);color:#FFFFFF}
.vw .btn-teal:hover{background:var(--deep);color:#FFFFFF}
.vw .btn-line{border:1px solid #CDD6D9;color:var(--ink);background:#FFFFFF}
.vw .btn-line:hover{border-color:var(--ink);color:var(--ink)}
.vw .btn-ghost{border:1px solid rgba(255,255,255,.35);color:#FFFFFF}
.vw .btn-ghost:hover{border-color:#FFFFFF;color:#FFFFFF}
.vw .link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--teal-d);text-decoration:none}
.vw .photo{display:block;width:100%;height:100%;object-fit:cover}
.vw .hdr{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.vw .hdr-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.vw .nav{display:flex;gap:34px}
.vw .nav a{font-size:15px;font-weight:600;color:var(--ink);text-decoration:none}
.vw .nav a:hover{color:var(--teal-d)}
.vw .hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;align-items:center;padding-block:96px 104px}
.vw .display{margin:22px 0 0;font-size:clamp(34px,4.9vw,72px);line-height:.9;font-weight:900;letter-spacing:-.05em;color:var(--ink)}
.vw .display .amp{color:var(--teal)}
.vw .display .dot{color:var(--teal)}
.vw .hero-card{position:relative;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#0C1013;box-shadow:0 30px 60px -30px rgba(6,24,28,.45)}
.vw .chip{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}
.vw .chip-dot{width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px rgba(10,165,180,.18);flex:none}
.vw .marquee{border-block:1px solid var(--line);overflow:hidden;padding-block:22px;background:#FFFFFF}
.vw .mq-track{display:flex;gap:44px;width:max-content;animation:mq 38s linear infinite}
.vw .mq-track span{font-size:40px;font-weight:900;letter-spacing:-.02em;color:#DCE3E5;white-space:nowrap}
.vw .mq-track i{font-style:normal;color:var(--teal);font-size:22px;align-self:center}
@keyframes mq{to{transform:translateX(-50%)}}
.vw .sec{padding-block:120px}
.vw .sec.band{background:var(--band)}
.vw .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.vw .about-img{aspect-ratio:16/11;border-radius:20px;overflow:hidden}
.vw .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}
.vw .ind{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vw .ind-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#FFFFFF;text-decoration:none;color:var(--ink);border:1px solid var(--line);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.vw .ind-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px -24px rgba(6,24,28,.35)}
.vw .ind-img{aspect-ratio:4/3;overflow:hidden}
.vw .ind-img img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.vw .ind-card:hover .ind-img img{transform:scale(1.05)}
.vw .ind-body{display:flex;flex-direction:column;gap:8px;padding:22px 22px 24px}
.vw .ind-no{font-size:13px;font-weight:800;color:var(--teal-d);letter-spacing:.08em}
.vw .ind-t{font-size:19px;font-weight:800;letter-spacing:-.01em}
.vw .ind-s{font-size:14px;line-height:1.55;color:var(--sub)}
.vw .tune{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:30px 34px;border-radius:18px;background:var(--deep);color:#FFFFFF}
.vw .nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.vw .num-box{display:flex;flex-direction:column;gap:6px}
.vw .num{font-size:58px;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.vw .num sup{font-size:22px;color:var(--teal-d);vertical-align:top;margin-left:2px;top:.1em;position:relative}
.vw .num-l{font-size:15px;font-weight:700}
.vw .num-s{font-size:12.5px;color:var(--mute)}
.vw .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vw .step{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#FFFFFF;border:1px solid var(--line)}
.vw .step-img{aspect-ratio:16/10;overflow:hidden}
.vw .step-b{display:flex;flex-direction:column;gap:8px;padding:22px 22px 26px}
.vw .step-no{font-size:30px;font-weight:900;color:#D5DEE1;letter-spacing:-.02em;line-height:1}
.vw .step-t{font-size:17px;font-weight:800}
.vw .step-s{font-size:14px;line-height:1.6;color:var(--sub)}
.vw .statement{text-align:center;padding-block:130px}
.vw .statement .h2{font-size:48px}
.vw .sys{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:56px;border-top:1px solid var(--line);text-align:left}
.vw .sys-c{display:flex;flex-direction:column;gap:10px;padding:26px 22px 8px 0}
.vw .sys-t{font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--teal-d)}
.vw .sys-l{font-size:15px;font-weight:700;line-height:1.5}
.vw .sys-s{font-size:13px;color:var(--mute);line-height:1.5}
.vw .proj{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:280px;gap:16px}
.vw .pj{position:relative;border-radius:18px;overflow:hidden;background:#0C1013;color:#FFFFFF}
.vw .pj img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.vw .pj:hover img{transform:scale(1.04)}
.vw .pj-cap{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:4px;padding:56px 22px 20px;background:linear-gradient(180deg,rgba(6,24,28,0) 0%,rgba(6,24,28,.82) 100%)}
.vw .pj-cap b{font-size:17px;font-weight:800}
.vw .pj-cap span{font-size:13px;color:#C9D6D9}
.vw .span2c{grid-column:span 2}
.vw .span2r{grid-row:span 2}
.vw .names{margin:28px 0 0;font-size:14px;line-height:2;color:var(--mute)}
.vw .names b{color:var(--sub);font-weight:700}
.vw .ins{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.vw .ins a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.vw .ins a:hover .ins-t{color:var(--teal-d)}
.vw .ins-t{font-size:18px;font-weight:800;transition:color .2s}
.vw .ins-s{margin-top:6px;font-size:14px;color:var(--sub);line-height:1.6}
.vw .ins-d{font-size:13px;color:var(--mute);white-space:nowrap}
.vw .cta{position:relative;overflow:hidden;padding-block:130px;text-align:center;color:#FFFFFF;background:radial-gradient(90% 60% at 80% 0%,rgba(63,199,220,.20),rgba(63,199,220,0) 60%),linear-gradient(180deg,var(--deep) 0%,var(--deep2) 100%)}
.vw .cta-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(63,199,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(63,199,220,.08) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 70% at 50% 50%,#000 30%,transparent 100%)}
.vw .cta-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px}
.vw .checks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 10px;padding:0;list-style:none}
.vw .checks li{padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:14px;color:#DDE7E9}
.vw .ftr{background:var(--band);padding-block:64px 40px;border-top:1px solid var(--line)}
.vw .ftr-g{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.vw .ftr h4{margin:0 0 14px;font-size:14px;font-weight:800}
.vw .ftr ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.vw .ftr li,.vw .ftr li a{font-size:14px;color:var(--sub);text-decoration:none}
.vw .ftr li a:hover{color:var(--teal-d)}
.vw .ftr-b{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mute)}
.vw .fab{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;flex-direction:column;gap:12px}
.vw .fab a{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;box-shadow:0 12px 24px -10px rgba(6,24,28,.5)}
.vw .fab .f1{background:var(--teal-d);color:#FFFFFF}
.vw .fab .f2{background:#FFFFFF;color:var(--ink)}
@media (max-width:980px){
.vw .display{font-size:8.4vw}
.vw .nav{display:none}
.vw .hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-block:56px 64px}
.vw .hero-card{aspect-ratio:4/3}
.vw .split{grid-template-columns:minmax(0,1fr);gap:40px}
.vw .ind{grid-template-columns:repeat(2,minmax(0,1fr))}
.vw .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.vw .nums{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
.vw .sys{grid-template-columns:repeat(2,minmax(0,1fr))}
.vw .ftr-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:640px){
.vw .sec{padding-block:80px}
.vw .statement{padding-block:88px}
.vw .cta{padding-block:88px}
.vw .h2,.vw .statement .h2{font-size:30px}
.vw .display{font-size:10.2vw}
.vw .hdr-in{height:64px}
.vw .hdr .btn{min-height:42px;padding:0 18px;font-size:14px}
.vw .sec-head{flex-direction:column;align-items:flex-start;margin-bottom:32px}
.vw .ind{grid-template-columns:minmax(0,1fr)}
.vw .steps{grid-template-columns:minmax(0,1fr)}
.vw .num{font-size:44px}
.vw .sys{grid-template-columns:minmax(0,1fr)}
.vw .proj{grid-template-columns:minmax(0,1fr);grid-auto-rows:240px}
.vw .span2c{grid-column:auto}
.vw .span2r{grid-row:auto}
.vw .tune{flex-direction:column;align-items:flex-start;padding:26px}
.vw .ins a{grid-template-columns:minmax(0,1fr)}
.vw .mq-track span{font-size:28px}
.vw .ftr-g{grid-template-columns:minmax(0,1fr)}
.vw .fab{right:16px;bottom:16px}
.vw .fab a{width:50px;height:50px}
}
.vw .fhero{position:relative;min-height:640px;display:flex;align-items:flex-end;color:#FFFFFF;overflow:hidden;background:#06181C}
.vw .fhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vw .fhero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,28,.9) 0%,rgba(6,24,28,.62) 42%,rgba(6,24,28,.12) 100%),linear-gradient(0deg,rgba(6,24,28,.55) 0%,rgba(6,24,28,0) 45%)}
.vw .fhero-in{position:relative;z-index:1;width:100%;padding-block:150px 92px}
.vw .crumb{margin:0 0 22px;font-size:13px;font-weight:600;color:#9FB7BC;letter-spacing:.02em}
.vw .crumb b{color:#FFFFFF;font-weight:700}
.vw .fh1{margin:0;font-size:60px;line-height:1.16;font-weight:800;letter-spacing:-.03em;color:#FFFFFF;max-width:820px;text-wrap:balance}
.vw .flead{margin:24px 0 0;font-size:18px;line-height:1.75;color:#CFDCDF;max-width:600px}
.vw .fbtns{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.vw .ftabs{border-bottom:1px solid var(--line);background:#FFFFFF}
.vw .ftabs-in{display:flex;gap:8px;overflow-x:auto;padding-block:16px;scrollbar-width:none}
.vw .ftab{flex:none;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:700;color:var(--sub);text-decoration:none;border:1px solid var(--line);white-space:nowrap;transition:border-color .2s,color .2s}
.vw .ftab:hover{border-color:var(--ink);color:var(--ink)}
.vw .ftab.on{background:var(--ink);color:#FFFFFF;border-color:var(--ink)}
.vw .role{text-align:center;padding-block:130px 120px}
.vw .role .h2{font-size:40px;line-height:1.38}
.vw .scenes{display:flex;flex-direction:column;gap:110px}
.vw .scene{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:72px;align-items:center}
.vw .scene.rev{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.vw .scene.rev .scene-img{order:2}
.vw .scene-img{aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#0C1013}
.vw .scene-no{font-size:14px;font-weight:800;color:var(--teal-d);letter-spacing:.12em}
.vw .scene-t{margin:16px 0 18px;font-size:34px;line-height:1.3;font-weight:800;letter-spacing:-.025em;text-wrap:balance}
.vw .scene-s{margin:0;font-size:17px;line-height:1.8;color:var(--sub)}
.vw .wsteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vw .wsteps.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.vw .wstep{display:flex;flex-direction:column;gap:12px;padding:32px 28px 28px;border-radius:20px;background:#FFFFFF;border:1px solid var(--line)}
.vw .wstep-no{font-size:34px;font-weight:900;color:#D5DEE1;letter-spacing:-.02em;line-height:1}
.vw .wstep-t{font-size:20px;font-weight:800;letter-spacing:-.01em}
.vw .wstep-s{margin:0;font-size:15px;line-height:1.7;color:var(--sub)}
.vw .get{margin-top:auto;padding-top:18px;border-top:1px dashed #D3DDE0;font-size:14px;line-height:1.6;color:var(--ink)}
.vw .get b{display:block;margin-bottom:4px;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--teal-d)}
.vw .sys.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.vw .note{margin:28px 0 0;font-size:13px;color:var(--mute)}
.vw .syms{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.vw .sym{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.vw .sym-no{font-size:14px;font-weight:800;color:var(--teal-d)}
.vw .sym-t{font-size:19px;font-weight:700;letter-spacing:-.01em}
.vw .sym-go{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.vw .pill{padding:8px 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--teal-d);text-decoration:none;white-space:nowrap;background:#FFFFFF}
.vw .pill:hover{border-color:var(--teal-d)}
.vw .res{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}
.vw .res li{position:relative;padding-left:30px;font-size:17px;line-height:1.7;color:var(--ink)}
.vw .res li::before{content:"";position:absolute;left:0;top:.55em;width:16px;height:9px;border-left:2.5px solid var(--teal);border-bottom:2.5px solid var(--teal);transform:rotate(-45deg)}
.vw .notice{margin-top:36px;padding:28px 30px;border-radius:18px;background:var(--deep);color:#FFFFFF}
.vw .notice h3{margin:8px 0 10px;font-size:20px;font-weight:800}
.vw .notice p{margin:0;font-size:15px;line-height:1.75;color:#C3D3D6}
.vw .notice strong{color:#FFFFFF}
.vw .concept{margin:0;border-radius:22px;overflow:hidden;background:#F4F7F8;border:1px solid var(--line)}
.vw .concept svg{display:block;width:100%;height:auto}
.vw .concept figcaption{padding:16px 22px 20px;font-size:13px;line-height:1.6;color:var(--mute);background:#FFFFFF;border-top:1px solid var(--line)}
.vw .ptable{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;line-height:1.6}
.vw .ptable th,.vw .ptable td{padding:22px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.vw .ptable thead th{padding-block:14px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--mute);border-bottom:1.5px solid var(--ink)}
.vw .ptable tbody th{font-size:16px;font-weight:800;white-space:nowrap}
.vw .ptable td{color:var(--sub)}
.vw .ptable .price{font-size:17px;font-weight:800;color:var(--ink);white-space:nowrap}
.vw .ptable .price small{display:block;margin-top:4px;font-size:12.5px;font-weight:500;color:var(--mute);white-space:normal}
.vw .ptable tr.t0{background:#EEF8F9}
.vw .fine{margin:22px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--sub)}
.vw .gloss{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.vw .gloss div{padding:20px 22px;border-radius:16px;background:#FFFFFF;border:1px solid var(--line)}
.vw .band .ptable tr.t0{background:#E3F3F5}
.vw .gloss b{display:block;margin-bottom:6px;font-size:15px}
.vw .gloss span{font-size:14px;line-height:1.6;color:var(--sub)}
@media (max-width:980px){
.vw .fh1{font-size:46px}
.vw .scene,.vw .scene.rev{grid-template-columns:minmax(0,1fr);gap:32px}
.vw .scene.rev .scene-img{order:0}
.vw .wsteps,.vw .wsteps.n4{grid-template-columns:minmax(0,1fr)}
.vw .sys.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.vw .gloss{grid-template-columns:minmax(0,1fr)}
.vw .ptable thead{display:none}
.vw .ptable,.vw .ptable tbody,.vw .ptable tr,.vw .ptable th,.vw .ptable td{display:block;width:100%}
.vw .ptable tr{padding:18px 0;border-bottom:1px solid var(--line)}
.vw .ptable th,.vw .ptable td{padding:4px 0;border:0}
.vw .ptable td::before{content:attr(data-label);display:block;font-size:11.5px;font-weight:800;letter-spacing:.1em;color:var(--mute)}
.vw .ptable tr.t0{padding-inline:16px;border-radius:14px}
}
@media (max-width:640px){
.vw .fhero{min-height:560px}
.vw .fhero-in{padding-block:120px 64px}
.vw .fh1{font-size:34px}
.vw .flead{font-size:16px}
.vw .role{padding-block:88px 80px}
.vw .role .h2{font-size:25px}
.vw .scenes{gap:72px}
.vw .scene-t{font-size:25px}
.vw .scene-s{font-size:16px}
.vw .sys.n4{grid-template-columns:minmax(0,1fr)}
.vw .sym{grid-template-columns:32px minmax(0,1fr)}
.vw .sym-go{grid-column:2;justify-content:flex-start}
.vw .sym-t{font-size:17px}
}

/* ---- 스크롤 등장 효과 (M-21 ③): 시안의 CSS scroll-driven 효과를 IntersectionObserver + transition으로.
   html.fx 는 페이지 끝 스크립트가 붙인다 → 스크립트가 없거나 '움직임 줄이기' 설정이면 처음부터 다 보인다. ---- */
.fx .vw .rv{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.fx .vw .rv.in{opacity:1;transform:none}
.fx .vw .ink{color:#C7D0D3;transition:color 1.2s ease}
.fx .vw .ink.in{color:var(--ink)}
.fx .vw .zoom{transform:scale(1.14);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.fx .vw .zoom.in{transform:scale(1)}
@media (prefers-reduced-motion:reduce){.fx .vw .rv,.fx .vw .ink,.fx .vw .zoom{opacity:1;transform:none;transition:none;color:inherit}.vw .mq-track{animation:none}}
@media print{.fx .vw .rv,.fx .vw .zoom{opacity:1;transform:none}.fx .vw .ink{color:var(--ink)}.vw .fab,.vw .marquee{display:none}}
/* ---- 사이트에서 더한 것 ---- */
.vw-top{position:sticky;top:0;z-index:20}          /* 옛 내용 페이지: 머리말만 .vw 로 감쌀 때 고정 */
.vw .nav a[aria-current]{color:var(--teal-d)}
.vw .todo{color:var(--mute)}
.vw-inline{background:transparent;overflow:visible}  /* 옛 내용 페이지 안에 시안 v3 조각(분야 카드)을 넣을 때 */
body.v3{margin:0;background:#FFFFFF}
.vw .hdr-act{display:flex;align-items:center;gap:10px}   /* 머리말 오른쪽: 인스타그램 + 상담 신청 (본부 D-60) */
.vw .hdr-ig{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);color:var(--ink);transition:color .2s,border-color .2s}
.vw .hdr-ig:hover{color:var(--teal-d);border-color:var(--teal-d)}
@media (max-width:640px){.vw .hdr-ig{width:42px;height:42px}.vw .hdr-act{gap:8px}}