/* 바른보험 디자인 시스템 v2
   컨테이너 1120px · 좌우 24px(모바일 20px) · 섹션 80px(모바일 52px)
   본문 16px / 보조 14px / H2 28px(모바일 23px) / H3 18px / H1 clamp(32px,5vw,50px)
   버튼 높이 48px · 알약형 반경 999px · 카드 반경 18px · 이미지 반경 24px
   반응형 기준 1024 / 860 / 640 */
:root{
  --navy:#14233f;--navy2:#1d3157;--navy3:#2c4572;--ink0:#0f1b33;
  --gold:#b8955a;--gold-d:#7d6128;--gold-l:#e8d6b0;--gold-x:#f3e8cf;
  --cream:#f8f4ec;--cream2:#efe8d9;--ink:#2a2e35;--mute:#586070;--line:#e2dacb;--white:#fff;
  --teal:#0f3a44;--slate:#222b38;
  --w:1120px;--pad:24px;--sec:80px;--r-btn:999px;--r-card:18px;--r-img:24px;
  --shadow:0 18px 40px -18px rgba(20,35,63,.28);
  --font:"Pretendard","Noto Sans KR","Noto Sans CJK KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.75;color:var(--ink);background:#fff;word-break:keep-all;overflow-wrap:break-word}
img,svg{max-width:100%;display:block}
img{height:auto}
a{color:var(--navy2);text-underline-offset:3px}
a:hover{color:var(--gold-d)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:10px 16px;z-index:100}
.skip:focus{left:8px;top:8px}
.ic{width:1em;height:1em;flex-shrink:0}

/* ---------- header ---------- */
.hd{position:sticky;top:0;z-index:50;background:var(--navy);border-bottom:1px solid rgba(232,214,176,.25)}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);flex-shrink:0}
.logo img{display:block;height:46px;width:auto}
.logo b{display:block;font-size:19px;line-height:1.15;letter-spacing:-.02em;font-weight:800}
.logo small{display:block;font-size:14px;line-height:1.2;color:var(--mute);font-weight:500}
.nav{display:flex;align-items:center;gap:6px}
.nav a.m{padding:8px 14px;text-decoration:none;color:#fff;font-size:16px;font-weight:600;border-bottom:2px solid transparent}
.nav a.m:hover{color:var(--gold-l)}
.nav a.m[aria-current="page"]{color:var(--gold-l);border-bottom-color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 28px;border-radius:var(--r-btn);font:700 16px/1 var(--font);text-decoration:none;border:2px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer;text-align:center}
.btn:hover{background:var(--navy3);border-color:var(--navy3);color:#fff}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--ink0)}
.btn.gold:hover{background:var(--gold-l);border-color:var(--gold-l);color:var(--ink0)}
.btn.line{background:transparent;color:var(--navy)}
.btn.line:hover{background:var(--navy);color:#fff}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.btn.ghost:hover{background:#fff;color:var(--navy);border-color:#fff}
.btn .ic{font-size:18px}
.hd .btn{min-height:44px;padding:0 22px}
.burger{display:none;width:48px;height:48px;border:1px solid rgba(232,214,176,.5);background:transparent;border-radius:14px;cursor:pointer;padding:0;align-items:center;justify-content:center}
.burger span,.burger span:before,.burger span:after{display:block;width:22px;height:2px;background:#fff;position:relative;content:""}
.burger span:before{position:absolute;top:-7px}.burger span:after{position:absolute;top:7px}

/* ---------- 공통 ---------- */
.sec{padding:var(--sec) 0}
.sec.cream{background:var(--cream)}
.sec.tight{padding:44px 0}
.sec.navy{background:var(--navy);color:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--gold-d);font-weight:700;margin:0 0 12px}
.eyebrow:before{content:"";width:26px;height:2px;background:var(--gold)}
.navy .eyebrow,.intro .eyebrow,.hero2 .eyebrow,.cta .eyebrow{color:var(--gold-l)}
h1,h2,h3{font-family:var(--font);color:var(--navy);line-height:1.35;letter-spacing:-.025em;margin:0}
h1{font-size:clamp(32px,5vw,50px);font-weight:800}
h2{font-size:28px;font-weight:800;margin-bottom:12px}
h3{font-size:18px;font-weight:700;margin-bottom:6px}
.navy h2,.navy h3{color:#fff}
em.hl{font-style:normal;background:linear-gradient(transparent 62%,rgba(184,149,90,.45) 62%)}
.hero2 em.hl,.intro em.hl,.cta em.hl{background:linear-gradient(transparent 62%,rgba(184,149,90,.55) 62%)}
.sec-h{max-width:720px;margin-bottom:40px}
.sec-h p{margin:0;color:var(--mute)}
.navy .sec-h p{color:#cfd6e4}
.sec-h.c{margin-left:auto;margin-right:auto;text-align:center}
.sec-h.c .eyebrow{justify-content:center}
p{margin:0 0 14px}
.crumb{font-size:14px;margin-bottom:22px}
.crumb a{color:var(--gold-l)}
.crumb span{color:#cfd6e4}

/* ---------- 서브페이지 인트로 ---------- */
.intro{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:60px 0 72px;border-bottom-right-radius:80px}
.intro.t-kind{background:linear-gradient(120deg,#14233f 0,#223d6e 100%)}
.intro.t-claim{background:var(--teal)}
.intro.t-biz{background:var(--slate)}
.intro.t-biz:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.intro.t-consult{background:var(--cream);color:var(--ink)}
.intro.t-consult h1{color:var(--navy)}
.intro.t-consult .lead{color:var(--ink)}
.intro.t-consult .crumb a{color:var(--gold-d)}.intro.t-consult .crumb span{color:var(--mute)}
.intro.t-consult .eyebrow{color:var(--gold-d)}
.intro.t-consult .tags li{border-color:var(--gold);color:var(--gold-d)}
.intro.t-consult .medal{background:#fff;border-color:var(--gold);color:var(--navy)}
.intro .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:center}
.intro h1{color:#fff;margin-bottom:18px}
.intro .lead{max-width:700px;font-size:18px;line-height:1.8;color:#e4e9f2;margin:0 0 26px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tags li{font-size:14px;border:1px solid rgba(232,214,176,.55);color:var(--gold-l);padding:4px 14px;border-radius:999px}
.medal{width:240px;height:240px;border-radius:50%;margin:0 auto;display:grid;place-items:center;position:relative;background:rgba(255,255,255,.07);border:1px solid rgba(232,214,176,.4);color:var(--gold-l);font-size:104px}
.medal:before{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px dashed rgba(232,214,176,.35)}
.medal .ic{stroke-width:1.1}

/* ---------- 카드·그리드 ---------- */
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:28px 26px}
.card p{margin:0;color:var(--mute)}
.card.top{border-top:4px solid var(--gold)}
.navy .card{background:rgba(255,255,255,.07);border-color:rgba(232,214,176,.28)}
.navy .card p{color:#cfd6e4}
.rows{border-top:2px solid var(--navy)}
.rows .row{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.rows .n{font:800 36px/1 var(--font);color:var(--gold)}
.rows p{margin:0;color:var(--mute)}
.rows h3{margin-bottom:4px}
a.card{display:block;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
a.card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow)}
.chip{display:inline-block;font-size:14px;padding:2px 12px;border-radius:999px;background:var(--cream2);color:var(--navy);margin-bottom:10px;font-weight:600}

/* 흐름(가로 단계) */
.flow{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;padding:0;margin:0;list-style:none;counter-reset:f}
.flow li{position:relative;padding:0 14px;text-align:center;counter-increment:f}
.flow li:before{content:counter(f);display:grid;place-items:center;width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:var(--navy);color:var(--gold-l);font:800 20px/1 var(--font);position:relative;z-index:1;box-shadow:0 0 0 6px var(--cream)}
.sec:not(.cream) .flow li:before{box-shadow:0 0 0 6px #fff}
.flow li:after{content:"";position:absolute;top:28px;left:calc(50% + 28px);right:calc(-50% + 28px);height:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 12px)}
.flow li:last-child:after{display:none}
.flow h3{font-size:17px}
.flow p{font-size:15px;color:var(--mute);margin:0}
.navy .flow li:before{background:var(--gold);color:var(--ink0);box-shadow:0 0 0 6px var(--navy)}
.navy .flow p{color:#cfd6e4}

/* 세로 단계(상세) */
.steps{counter-reset:s;display:grid;gap:16px;padding:0;margin:0}
.steps li{list-style:none;counter-increment:s;background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:var(--r-card);padding:20px 24px 20px 78px;position:relative}
.steps li:before{content:counter(s,decimal-leading-zero);position:absolute;left:22px;top:20px;font:800 26px/1 var(--font);color:var(--gold-d)}
.steps p{margin:0;color:var(--mute)}
.steps .docs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.steps .docs span{font-size:14px;background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:1px 12px;color:var(--navy)}

.check{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.check li{padding:16px 18px 16px 52px;background:#fff;border:1px solid var(--line);border-radius:14px;position:relative}
.check li:before{content:"";position:absolute;left:20px;top:21px;width:16px;height:9px;border-left:3px solid var(--gold-d);border-bottom:3px solid var(--gold-d);transform:rotate(-45deg)}

/* 대비(2분할 컬러 패널) */
.cmp{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r-img);overflow:hidden;box-shadow:var(--shadow)}
.cmp>div{padding:34px 32px}
.cmp>div:first-child{background:var(--navy);color:#fff}
.cmp>div:last-child{background:var(--gold-x)}
.cmp>div:first-child h3{color:var(--gold-l)}
.cmp ul{margin:0;padding-left:20px}
.cmp li{margin-bottom:8px}

.note{border:1px solid var(--gold);background:#fffaf0;border-radius:var(--r-card);padding:24px 28px 24px 78px;position:relative}
.note:before{content:"!";position:absolute;left:26px;top:24px;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-weight:800}
.note strong{display:block;color:var(--gold-d);margin-bottom:2px}
.note p{margin:0}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;-webkit-overflow-scrolling:touch}
.tbl table{border-collapse:collapse;width:100%;min-width:560px}
.tbl th{background:var(--navy);color:#fff;text-align:left;padding:15px 20px;font-weight:700}
.tbl td{padding:15px 20px;border-top:1px solid var(--line);vertical-align:top}
.tbl tr:nth-child(even) td{background:#fcfaf5}
.tbl td:first-child{font-weight:700;color:var(--navy);white-space:nowrap}
.tbl caption{position:absolute;left:-9999px}

/* ---------- 상세 페이지 시그니처 비주얼 ---------- */
.doc{display:grid;grid-template-columns:420px 1fr;gap:48px;align-items:center}
.paper{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;font-size:14px}
.paper .ph{background:var(--navy);color:var(--gold-l);padding:14px 20px;font-weight:700;display:flex;justify-content:space-between}
.paper .pr{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:11px 20px;border-top:1px solid var(--line)}
.paper .pr i{width:26px;height:26px;border-radius:50%;background:var(--gold);color:#fff;font:700 13px/26px var(--font);text-align:center;font-style:normal}
.paper .pr span{display:block;height:10px;border-radius:5px;background:var(--cream2)}
.paper .pr b{display:block;font-size:14px;color:var(--navy);margin-bottom:5px}
.paper .pf{padding:10px 20px;background:var(--cream);color:var(--mute);font-size:14px}
.numlist{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.numlist li{display:grid;grid-template-columns:34px 1fr;gap:12px}
.numlist i{width:30px;height:30px;border-radius:50%;background:var(--gold);color:#fff;font:700 14px/30px var(--font);text-align:center;font-style:normal}
.numlist b{color:var(--navy)}
.numlist small{display:block;color:var(--mute);font-size:15px;line-height:1.55}

.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.path{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px;position:relative;border-top:5px solid var(--navy)}
.path:nth-child(2){border-top-color:var(--gold)}
.path:nth-child(3){border-top-color:var(--navy3)}
.path .k{display:inline-block;font-size:14px;font-weight:700;color:var(--gold-d);margin-bottom:6px}
.path ul{margin:12px 0 0;padding-left:18px;color:var(--mute)}

.eq{display:grid;gap:12px;max-width:760px;margin:0 auto}
.eq .r{display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;gap:10px}
.eq .a,.eq .b{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;text-align:center;font-weight:700;color:var(--navy)}
.eq .a small,.eq .b small{display:block;color:var(--mute);font-weight:400;font-size:14px}
.eq .m{width:44px;height:44px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font:800 22px/1 var(--font);margin:0 auto}
.eq .h{display:grid;grid-template-columns:1fr 54px 1fr;gap:10px;text-align:center;font-weight:700;color:var(--gold-d);font-size:14px}
.eqnote{text-align:center;color:var(--mute);font-size:14px;margin-top:16px}

.hubmap{position:relative;height:470px;max-width:900px;margin:0 auto}
.hubmap svg.ln{position:absolute;inset:0;width:100%;height:100%}
.hubmap .nd{position:absolute;transform:translate(-50%,-50%);width:230px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px;text-align:center;box-shadow:var(--shadow)}
.hubmap .nd .ic{font-size:30px;color:var(--gold-d);margin:0 auto 4px}
.hubmap .nd b{display:block;color:var(--navy)}
.hubmap .nd small{display:block;color:var(--mute);font-size:14px;line-height:1.5}
.hubmap .ctr{background:var(--navy);color:#fff;border-color:var(--navy);width:200px;border-radius:50%;height:200px;display:grid;place-items:center;align-content:center}
.hubmap .ctr b{color:#fff}.hubmap .ctr small{color:#cfd6e4}.hubmap .ctr .ic{color:var(--gold-l)}
.hubmap .own{background:var(--gold-x);border-color:var(--gold)}

/* ---------- FAQ (2단) ---------- */
.faqwrap{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start}
.faqwrap .sec-h{margin:0;position:sticky;top:104px}
.faq{display:grid;gap:12px}
.faq details{border-radius:16px;background:var(--cream)}
.faq summary{cursor:pointer;list-style:none;padding:20px 60px 20px 24px;font-weight:700;color:var(--navy);position:relative;min-height:60px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--navy);color:var(--gold-l);font-size:22px;line-height:30px;text-align:center}
.faq details[open] summary:after{content:"−"}
.faq details[open]{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.faq .a{padding:0 24px 22px}
.faq .a p{margin:0}

/* 관련 페이지 */
.relg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rel{display:flex;gap:14px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--navy);font-weight:700;background:#fff}
.rel:hover{border-color:var(--gold);background:var(--cream)}
.rel .ic{font-size:30px;color:var(--gold-d)}
.rel small{display:block;color:var(--mute);font-weight:400;font-size:14px;line-height:1.4}

/* ---------- 상담 CTA (공통) ---------- */
.cta{background:var(--navy);color:#fff;position:relative;overflow:hidden;border-top-left-radius:80px;padding:72px 0}
.cta:after{content:"";position:absolute;right:-70px;bottom:-90px;width:300px;height:300px;border-radius:50%;border:2px solid rgba(184,149,90,.35)}
.cta .wrap{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:32px}
.cta h2{color:#fff;margin-bottom:10px}
.cta p{color:#cfd6e4;max-width:560px;margin:0}
.cta .btn{min-width:220px;flex-shrink:0}

/* ---------- footer ---------- */
.ft{background:var(--ink0);color:#c4cbda;padding:60px 0 28px;font-size:14px;line-height:1.8}
.ft .cols{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:start}
.ft .brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:18px;margin-bottom:14px}
.ft .brand img{height:40px;width:auto}
.ft p{margin:0 0 4px;color:#c4cbda}
.ft nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.ft nav a{text-decoration:none;color:#e4e9f2;font-size:16px;padding:4px 0}
.ft nav a:hover{color:var(--gold-l);text-decoration:underline}
.ft .cp{border-top:1px solid rgba(255,255,255,.14);margin-top:36px;padding-top:20px;color:#98a3ba}
.ft .small{color:#98a3ba;margin-top:10px}

/* ---------- 메인 ---------- */
.hero2{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:72px 0 150px;border-bottom-left-radius:90px}
.hero2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(184,149,90,.22),transparent 55%),repeating-radial-gradient(circle at 15% 110%,transparent 0 46px,rgba(255,255,255,.05) 46px 47px);pointer-events:none}
.hero2 .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero2 h1{color:#fff;margin-bottom:20px}
.hero2 .lead{font-size:18px;color:#e4e9f2;max-width:540px;line-height:1.85}
.hero2 .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.arch{position:relative;max-width:420px;width:100%;justify-self:end}
.arch:before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:2px solid var(--gold);border-radius:240px 240px 28px 28px}
.arch img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:220px 220px 24px 24px;background:#8a8085}
.arch .badge{position:absolute;left:-26px;bottom:34px;background:#fff;color:var(--navy);border-radius:16px;padding:12px 18px;box-shadow:var(--shadow);font-size:14px;line-height:1.45}
.arch .badge b{display:block;font-size:17px}
.chooser{position:relative;z-index:3;margin-top:-84px}
.chooser .box{background:#fff;border-radius:24px;box-shadow:0 24px 50px -20px rgba(20,35,63,.4);padding:26px 30px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.chooser h2{font-size:20px;margin:0;flex-shrink:0}
.chooser .chips{display:flex;flex-wrap:wrap;gap:10px;flex:1}
.chooser .chips a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:700;color:var(--navy);background:var(--cream)}
.chooser .chips a:hover{border-color:var(--gold);background:var(--gold-x)}
.chooser .chips .ic{font-size:20px;color:var(--gold-d)}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cat{background:var(--cream);border-radius:var(--r-card);padding:30px 28px;display:flex;flex-direction:column}
.cat:nth-child(even){background:#fff;border:1px solid var(--line)}
.cat .i{width:60px;height:60px;border-radius:50%;background:var(--navy);color:var(--gold-l);display:grid;place-items:center;font-size:28px;margin-bottom:16px}
.cat p{color:var(--mute);margin:0 0 14px}
.cat ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cat li a{display:inline-block;padding:3px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-size:15px;color:var(--navy);font-weight:600}
.cat:nth-child(even) li a{background:var(--cream)}
.cat li a:hover{border-color:var(--gold);color:var(--gold-d)}
.cat .cnt{margin-top:auto;padding-top:16px;font-size:14px;color:var(--gold-d);font-weight:700}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.logobox{background:#fff;border-radius:var(--r-img);padding:30px;position:relative;box-shadow:var(--shadow);max-width:380px;justify-self:center;width:100%}
.logobox img{width:100%;aspect-ratio:1/1;object-fit:contain}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.stats div{border-top:3px solid var(--gold);padding-top:10px}
.stats b{display:block;font:800 32px/1.2 var(--font);color:var(--navy)}
.stats span{font-size:15px;color:var(--mute);line-height:1.4;display:block}
.quote{font-size:22px;line-height:1.6;color:var(--navy);font-weight:700;border-left:4px solid var(--gold);padding-left:20px;margin:0 0 22px}
.philo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.philo .big{font-size:clamp(26px,3.2vw,36px);line-height:1.5;font-weight:800;color:#fff;letter-spacing:-.03em}
.philo ol{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.philo li{display:grid;grid-template-columns:54px 1fr;gap:14px;padding-bottom:18px;border-bottom:1px solid rgba(232,214,176,.28)}
.philo li:last-child{border:0}
.philo li b{font:800 30px/1.2 var(--font);color:var(--gold)}
.philo li h3{color:#fff;font-size:19px}
.philo li p{margin:0;color:#cfd6e4}
.team{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.team div{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px 16px;text-align:center}
.team .i{width:56px;height:56px;border-radius:50%;background:var(--cream);color:var(--gold-d);display:grid;place-items:center;font-size:26px;margin:0 auto 12px}
.team b{display:block;color:var(--navy);font-size:17px}
.team em{display:block;font-style:normal;font-size:14px;color:var(--gold-d);font-weight:700}
.team small{display:block;color:var(--mute);font-size:14px;line-height:1.5;margin-top:4px}
.pts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--navy)}
.pts a{padding:26px 24px 8px 0;text-decoration:none;color:inherit;display:block}
.pts a+a{padding-left:24px;border-left:1px solid var(--line)}
.pts b{display:block;font:800 40px/1 var(--font);color:var(--gold);margin-bottom:10px}
.pts h3{margin-bottom:4px}.pts p{color:var(--mute);margin:0}
.pts a:hover h3{color:var(--gold-d)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.contact-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:34px 30px}
.contact-box .num{font:800 30px/1.3 var(--font);color:var(--navy);margin:6px 0 14px}
.contact-box p{color:var(--mute)}
.who{display:grid;grid-template-columns:360px 1fr;gap:56px;align-items:center}
.legal h2{margin-top:36px;font-size:22px}
.legal h2:first-child{margin-top:0}
.legal{max-width:820px}
.plain{margin:0;padding-left:20px}.plain li{margin-bottom:8px}

/* ---------- 반응형 ---------- */
@media (max-width:1024px){
  .g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}
  .g3>*:last-child:nth-child(odd),.g4>*:last-child:nth-child(odd){grid-column:1/-1}
  .cats{grid-template-columns:repeat(2,1fr)}
  .team{grid-template-columns:repeat(3,1fr)}
  .nav a.m{padding:8px 10px}
  .doc{grid-template-columns:360px 1fr;gap:32px}
  .faqwrap{grid-template-columns:260px 1fr;gap:36px}
  .hubmap .nd{width:200px}
}
@media (max-width:860px){
  .burger{display:inline-flex}
  .nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--navy);border-bottom:1px solid rgba(232,214,176,.25);flex-direction:column;align-items:stretch;padding:12px var(--pad) 20px;gap:2px;box-shadow:0 14px 24px rgba(20,35,63,.08)}
  .nav.open{display:flex}
  .nav a.m{padding:14px 8px;border-bottom:1px solid rgba(255,255,255,.14)}
  .nav .btn{margin-top:12px}
  .hero2{padding:48px 0 120px;border-bottom-left-radius:56px}
  .hero2 .wrap{grid-template-columns:1fr;gap:44px}
  .arch{justify-self:center;max-width:340px}
  .arch .badge{left:-8px}
  .split,.philo,.who{grid-template-columns:1fr;gap:36px}
  .intro .wrap{grid-template-columns:1fr}
  .intro{border-bottom-right-radius:56px;padding:44px 0 56px}
  .medal{width:84px;height:84px;font-size:42px;margin:0 0 18px;order:-1}
  .medal:before{inset:-8px}
  .doc{grid-template-columns:1fr}
  .flow{grid-auto-flow:row;grid-auto-columns:auto;gap:22px}
  .flow li{text-align:left;padding:0 0 0 76px;min-height:56px}
  .flow li:before{position:absolute;left:0;top:0;margin:0}
  .flow li:after{top:56px;bottom:-22px;left:27px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--gold) 0 6px,transparent 6px 12px)}
  .paths{grid-template-columns:1fr}
  .faqwrap{grid-template-columns:1fr;gap:24px}
  .faqwrap .sec-h{position:static}
  .relg{grid-template-columns:1fr}
  .cta{border-top-left-radius:56px}
  .cta .wrap{flex-direction:column;align-items:flex-start}
  .ft .cols{grid-template-columns:1fr;gap:32px}
  .pts{grid-template-columns:1fr 1fr}
  .pts a:nth-child(3){padding-left:0;border-left:0}
  .pts a:nth-child(n+3){border-top:1px solid var(--line);margin-top:8px}
  .hubmap{height:auto;display:grid;gap:12px}
  .hubmap svg.ln{display:none}
  .hubmap .nd,.hubmap .ctr{position:static;transform:none;width:auto;height:auto;border-radius:var(--r-card);display:block}
  .hubmap .ctr{order:-1}
}
@media (max-width:768px){
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  :root{--pad:20px;--sec:52px}
  .g2,.g3,.g4,.cmp,.cats,.check,.stats{grid-template-columns:1fr}
  .g3>*:last-child:nth-child(odd),.g4>*:last-child:nth-child(odd){grid-column:auto}
  .cmp>div{padding:26px 22px}
  .hd .wrap{height:64px}.nav{top:64px}
  
  h2{font-size:23px}
  .intro .lead,.hero2 .lead{font-size:16px}
  .hero2 .acts .btn,.cta .btn{width:100%}
  .chooser{margin-top:-70px}
  .chooser .box{padding:22px 20px;gap:14px;border-radius:20px}
  .chooser .chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .chooser .chips a{padding:10px 12px;font-size:15px;border-radius:14px}
  .chooser .chips a:last-child:nth-child(odd){grid-column:1/-1;justify-content:center}
  .chooser .btn{width:100%}
  .rows .row{grid-template-columns:56px 1fr}.rows .n{font-size:28px}
  .steps li{padding:18px 18px 18px 64px}.steps li:before{left:16px}
  .note{padding:22px 20px 22px 64px}.note:before{left:18px}
  .team{grid-template-columns:1fr 1fr}
  .team div:last-child:nth-child(odd){grid-column:1/-1}
  .pts{grid-template-columns:1fr}
  .pts a,.pts a+a{padding:20px 0;border-left:0;border-top:1px solid var(--line)}
  .quote{font-size:19px}
  .contact-box{padding:26px 22px}
  .eq .r,.eq .h{grid-template-columns:1fr 40px 1fr;gap:6px}
  .eq .a,.eq .b{padding:10px 8px;font-size:15px}
  .eq .m{width:36px;height:36px;font-size:18px}
  .paper .pr{padding:10px 14px}
  .tbl{overflow:visible;border:0;background:transparent}
  .tbl table,.tbl tbody,.tbl tr,.tbl td{display:block;min-width:0;width:100%}
  .tbl thead{position:absolute;left:-9999px}
  .tbl tr{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);margin-bottom:12px;overflow:hidden}
  .tbl tr:nth-child(even) td{background:#fff}
  .tbl td{border-top:0;padding:10px 16px;white-space:normal}
  .tbl td:first-child{background:var(--navy)!important;color:#fff;padding:12px 16px;white-space:normal}
  .tbl td+td:before{content:attr(data-l);display:block;font-size:14px;font-weight:700;color:var(--gold-d);margin-bottom:2px}
  .tbl td+td{border-top:1px solid var(--line)}
  .tbl td[data-l=""]:before{display:none}
}

/* ======== v3: 메가메뉴·후킹 히어로·서비스 탭·시각 블록 ======== */
.nav .mega{position:static}
.nav .mega>a.m{display:flex;align-items:center;gap:6px;height:72px}
.chev{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.megap{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 40px -20px rgba(20,35,63,.25);padding:30px 0 34px}
.mega:hover .megap,.mega:focus-within .megap{display:block}
.hd .megap .wrap{display:block;height:auto}
.mg{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.mg h3{font-size:15px;display:flex;align-items:center;gap:8px;color:var(--navy);padding-bottom:8px;border-bottom:2px solid var(--gold);margin-bottom:8px}
.mg h3 .ic{font-size:20px;color:var(--gold-d)}
.mg ul,.mnav ul{list-style:none;margin:0;padding:0}
.mg a{display:block;padding:3px 0;font-size:15px;color:var(--ink);text-decoration:none}
.mg a:hover{color:var(--gold-d);text-decoration:underline}
.mnav{display:none}
.mnav summary{cursor:pointer;list-style:none;padding:14px 8px;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;align-items:center}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary span{background:var(--gold);color:var(--ink0);border-radius:999px;font-size:14px;padding:0 10px;font-weight:700}
.mnav[open] summary{color:var(--gold-l)}
.mnav>div{padding:6px 12px 12px;max-height:55vh;overflow:auto;background:rgba(255,255,255,.08);border-radius:12px;margin:6px 0}
.mnav h3{font-size:15px;margin:12px 0 4px;color:var(--gold-l)}
.mnav a{display:block;padding:6px 0;font-size:16px;text-decoration:none;color:#fff}
.mnav a.all{font-weight:700;color:var(--gold-l)}

/* 후킹 히어로 */
.dh .wrap{grid-template-columns:1fr 400px;gap:56px;align-items:center}
.dh h1{margin-bottom:10px}
.hook{font-size:clamp(20px,2.4vw,26px);font-weight:700;line-height:1.5;color:var(--gold-l);margin:0 0 14px;letter-spacing:-.02em}
.dh.t-consult .hook{color:var(--gold-d)}
.dh .lead{font-size:17px;margin-bottom:26px;max-width:620px}
.acts{display:flex;flex-wrap:wrap;gap:12px}
.dh.t-consult .btn.ghost{border-color:var(--navy);color:var(--navy)}
.hph{position:relative;margin:0;width:100%;max-width:400px;justify-self:end}
.hph:before{content:"";position:absolute;inset:14px -14px -14px 14px;border:2px solid var(--gold);border-radius:var(--r-img)}
.hph img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:var(--r-img);background:#d8d4cc}
.hph figcaption{position:absolute;left:14px;bottom:14px;background:rgba(20,35,63,.88);color:#fff;font-size:14px;padding:4px 12px;border-radius:999px}
.hph .hi{position:absolute;right:-12px;top:-12px;width:54px;height:54px;border-radius:50%;background:var(--gold);color:var(--ink0);display:grid;place-items:center;font-size:28px}
.wv{position:relative;min-height:300px;display:grid;align-content:center;gap:16px;padding:8px 0}
.wl{font-size:14px;font-weight:700;color:var(--gold-l);letter-spacing:.02em}
.dh.t-consult .wl{color:var(--gold-d)}
.medal.sm{width:96px;height:96px;font-size:46px;margin:0;position:absolute;right:0;top:-6px}
.bub{margin:0;background:#fff;color:var(--navy);padding:16px 20px;border-radius:20px 20px 20px 4px;font-weight:600;font-size:17px;line-height:1.5;max-width:340px;box-shadow:0 14px 30px -14px rgba(0,0,0,.4)}
.bub.b2{margin-left:44px;border-radius:20px 20px 4px 20px;background:var(--gold-x)}
.sum{background:#fff;border-bottom:1px solid var(--line)}
.sum .wrap{padding-top:34px;padding-bottom:30px;display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:start}
.sum .eyebrow{margin:6px 0 0}
.sum p{margin:0;font-size:17px;color:var(--ink);max-width:860px}

/* 서비스 탭 */
.tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px}
html:not(.js) .tabs{display:none}
.tabs button{font:700 16px/1 var(--font);border:1.5px solid var(--line);background:#fff;color:var(--navy);padding:12px 20px;border-radius:999px;cursor:pointer;min-height:46px}
.tabs button b{display:inline-block;min-width:24px;margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--cream2);font-size:14px}
.tabs button[aria-selected="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.tabs button[aria-selected="true"] b{background:var(--gold);color:var(--ink0)}
.tabs button:hover{border-color:var(--gold)}
.tp[hidden]{display:none}
.tpd{text-align:center;color:var(--mute);margin:0 0 26px}
.cg{margin-bottom:30px}
.cg h3{display:flex;align-items:center;gap:10px;font-size:18px;padding-bottom:10px;border-bottom:2px solid var(--gold);margin-bottom:16px}
.cg h3 .ic{font-size:24px;color:var(--gold-d)}
.cg h3 span{margin-left:auto;font-size:14px;font-weight:600;color:var(--mute)}
.ctg{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ct{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--cream);border:1px solid transparent;border-radius:16px;text-decoration:none;color:var(--navy);font-weight:700;line-height:1.35}
.ct:hover{border-color:var(--gold);background:var(--gold-x)}
.ct .i{flex:0 0 40px;height:40px;border-radius:50%;background:var(--navy);color:var(--gold-l);display:grid;place-items:center;font-size:20px}
.scg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.sc:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold)}
.scv{height:150px;background:linear-gradient(135deg,var(--navy),var(--navy3));display:grid;place-items:center;overflow:hidden}
.scv img{width:100%;height:100%;object-fit:cover}
.sv{width:76px;height:76px;border-radius:50%;border:1px solid rgba(232,214,176,.5);display:grid;place-items:center;color:var(--gold-l);font-size:40px;background:rgba(255,255,255,.06)}
.scb{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.scb h3{margin-bottom:6px}
.scb p{margin:0 0 12px;color:var(--mute);font-size:16px;line-height:1.55}
.more{margin-top:auto;font-size:14px;font-weight:700;color:var(--gold-d)}

/* 시각 블록 */
.scope{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.sccard{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:22px 22px 20px}
.sccard .i,.tile .i,.lane .i,.qd .i,.phase .i,.cv .i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--navy);color:var(--gold-l);font-size:24px;margin-bottom:12px}
.sccard b{display:block;color:var(--navy);margin-bottom:4px}.sccard p{margin:0;color:var(--mute);font-size:15px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px 22px;border-top:4px solid var(--gold)}
.tile p{margin:0;color:var(--mute);font-size:15px}
.lanes{display:grid;gap:12px}
.lane{display:grid;grid-template-columns:46px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:18px 22px}
.lane .i{margin:0}
.lane h3{margin:0 0 2px}.lane p{margin:0;color:var(--mute)}
.lane .tag{font-size:14px;font-weight:600;color:var(--gold-d);background:var(--gold-x);border-radius:999px;padding:4px 14px;max-width:300px;text-align:center}
.quad{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:880px;margin:0 auto}
.qd{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px 24px}
.qd:nth-child(1){border-top:4px solid var(--navy)}.qd:nth-child(2){border-top:4px solid var(--gold)}.qd:nth-child(3){border-top:4px solid var(--gold)}.qd:nth-child(4){border-top:4px solid var(--navy)}
.qd p{margin:0;color:var(--mute);font-size:15px}
.qc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:50%;background:var(--gold);color:var(--ink0);display:grid;place-items:center;font-weight:800;text-align:center;line-height:1.3;box-shadow:0 0 0 8px var(--cream)}
.gen{list-style:none;margin:0;padding:34px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.gen:before{content:"";position:absolute;left:0;right:0;top:12px;height:3px;background:linear-gradient(90deg,var(--navy),var(--gold))}
.gen li{position:relative;padding:22px 18px 0 0}
.gen li:before{content:"";position:absolute;left:0;top:-30px;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--navy)}
.gen li:last-child:before{border-color:var(--gold)}
.gen b{display:block;font-size:20px;color:var(--navy)}
.gen .yr{display:inline-block;font-size:14px;font-weight:700;color:var(--gold-d);background:var(--gold-x);border-radius:999px;padding:1px 12px;margin:6px 0}
.gen p{margin:0;color:var(--mute);font-size:15px}
.ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.ladder li{padding:22px 20px;color:#fff;position:relative;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%,22px 50%)}
.ladder li:first-child{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%);padding-left:26px}
.ladder li:nth-child(1){background:var(--navy)}.ladder li:nth-child(2){background:var(--navy3)}.ladder li:nth-child(3){background:#8a6d2f}.ladder li:nth-child(4){background:var(--gold);color:var(--ink0)}
.ladder b{display:block;font-size:18px;padding-left:12px}.ladder span{display:block;font-size:14px;line-height:1.5;padding-left:12px;opacity:.95}
.vs{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:#fff}
.vh,.vr{display:grid;grid-template-columns:.8fr 1.1fr 1.1fr}
.vh span{padding:16px 20px;font-weight:800;text-align:center;background:var(--navy);color:#fff}
.vh span:nth-child(3){background:var(--gold);color:var(--ink0)}
.vr{border-top:1px solid var(--line)}
.vr b{padding:16px 18px;background:var(--cream);color:var(--navy)}
.vr span{padding:16px 20px;border-left:1px solid var(--line)}
.stairs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end}
.stairs li{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:22px 20px;border-top:5px solid var(--gold)}
.stairs li:nth-child(1){margin-top:90px}.stairs li:nth-child(2){margin-top:60px}.stairs li:nth-child(3){margin-top:30px}.stairs li:nth-child(4){margin-top:0}
.stairs .n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--navy);color:var(--gold-l);font-weight:800;margin-bottom:8px}
.stairs p{margin:0;color:var(--mute);font-size:15px}
.hubmap.triad{height:430px;max-width:820px}
.hubmap.triad .nd{width:250px}
.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.phase{padding:30px 28px;color:#fff;position:relative}
.phase:nth-child(1){background:var(--navy);border-radius:var(--r-card) 0 0 var(--r-card)}.phase:nth-child(2){background:var(--navy3)}.phase:nth-child(3){background:#8a6d2f;border-radius:0 var(--r-card) var(--r-card) 0}
.phase h3{color:#fff}.phase .i{background:rgba(255,255,255,.14);color:var(--gold-l)}
.phase ul{margin:8px 0 0;padding-left:18px}.phase li{margin-bottom:6px}
.bigs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.bg{border-left:4px solid var(--gold);padding:6px 0 6px 24px}
.bg b{display:block;font:800 clamp(44px,6vw,64px)/1.05 var(--font);color:var(--gold)}
.bg h3{color:#fff;margin:8px 0 6px}.bg p{margin:0;color:#cfd6e4}
.covers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cv{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px 22px}
.cv p{margin:0 0 10px;color:var(--ink);font-size:15px}
.cv small{display:block;color:var(--gold-d);font-size:14px;background:var(--gold-x);border-radius:10px;padding:6px 10px;line-height:1.45}

@media (max-width:1100px){.mg{gap:12px}.ctg{grid-template-columns:repeat(3,1fr)}.stairs{grid-template-columns:repeat(2,1fr)}.stairs li{margin-top:0!important}.covers{grid-template-columns:repeat(2,1fr)}.gen{grid-template-columns:repeat(2,1fr);row-gap:28px}.ladder{grid-template-columns:1fr 1fr;row-gap:8px}}
@media (max-width:1024px){.dh .wrap{grid-template-columns:1fr 340px;gap:36px}.scg{grid-template-columns:repeat(2,1fr)}.phases{grid-template-columns:1fr}.phase:nth-child(n){border-radius:0}.phase:first-child{border-radius:var(--r-card) var(--r-card) 0 0}.phase:last-child{border-radius:0 0 var(--r-card) var(--r-card)}}
@media (max-width:860px){
  .mega{display:none}.mnav{display:block}
  .nav{max-height:calc(100vh - 72px);overflow:auto}
  .dh .wrap{grid-template-columns:1fr;gap:34px}
  .hph{justify-self:start;max-width:420px}
  .wv{min-height:0}
  .sum .wrap{grid-template-columns:1fr;gap:4px}
  .lane{grid-template-columns:46px 1fr}.lane .tag{grid-column:2;justify-self:start}
  .quad{grid-template-columns:1fr}.qc{display:none}
  .hubmap.triad{height:auto}
}
@media (max-width:640px){
  .tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin-left:-20px;margin-right:-20px;padding:0 20px 8px;-webkit-overflow-scrolling:touch}
  .tabs button{flex:0 0 auto}
  .ctg{grid-template-columns:1fr 1fr}
  .ct{padding:10px;font-size:15px;gap:8px}.ct .i{flex-basis:34px;height:34px;font-size:17px}
  .scg{grid-template-columns:1fr}.scv{height:130px}
  .gen,.ladder,.covers,.stairs{grid-template-columns:1fr}
  .gen:before{display:none}.gen li:before{display:none}.gen li{padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card)}
  .ladder li,.ladder li:first-child{clip-path:none;border-radius:14px}
  .vh,.vr{grid-template-columns:.9fr 1fr 1fr}.vh span,.vr b,.vr span{padding:12px 10px;font-size:15px}
  .bub{max-width:100%}.bub.b2{margin-left:20px}
  .medal.sm{width:72px;height:72px;font-size:34px}
  .hph .hi{right:-6px;top:-10px}
  .dh .lead{font-size:16px}
}

/* ======== v4: 공식 로고 · 풀블리드 히어로 · 전문가/후기/영상 ======== */
.hero3{position:relative;min-height:clamp(580px,47vw,700px);display:flex;align-items:center;overflow:hidden;color:#fff;background:#7d7378;border-bottom-left-radius:90px;padding-bottom:70px}
.hero3 .hbg{position:absolute;inset:0}
.hero3 .hbg img{width:100%;height:100%;object-fit:cover;object-position:88% 10%}
.hero3:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(20,35,63,.93) 0,rgba(20,35,63,.84) 30%,rgba(20,35,63,.4) 52%,rgba(20,35,63,0) 70%)}
.hero3 .wrap{position:relative;z-index:2;width:100%}
.hero3 .ht{max-width:600px}
.hero3 h1{color:#fff;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.01em;margin:0 0 14px}
.hero3 .hk{font-size:clamp(30px,3.9vw,50px);line-height:1.28;font-weight:800;letter-spacing:-.035em;margin:0 0 18px;text-shadow:0 2px 24px rgba(10,20,40,.45)}
.hero3 .hk em{font-style:normal;color:var(--gold-l)}
.hero3 .lead{font-size:18px;line-height:1.8;color:#eef1f7;max-width:520px;margin:0}
.hero3 .acts{margin-top:28px}
.sec.pad0{padding-top:0}
.who2{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.vids{display:grid;gap:16px}
.vid{position:relative;display:block;border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow)}
.vid img{width:100%;aspect-ratio:16/9;object-fit:cover}
.vid:after{content:"";position:absolute;right:16px;bottom:16px;width:48px;height:48px;border-radius:50%;background:rgba(20,35,63,.85) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23e8d6b0'/%3E%3C/svg%3E") center/26px no-repeat}
.vids .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vnote{font-size:14px;color:var(--mute);margin:0}
.career{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.career li{padding-left:22px;position:relative;color:var(--ink)}
.career li:before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.team{grid-template-columns:repeat(5,1fr)}
.team .ph{display:block;width:104px;height:104px;border-radius:50%;margin:0 auto 12px;overflow:hidden;background:var(--cream);border:3px solid var(--gold-l)}
.team .ph img{width:100%;height:100%;object-fit:cover}
.team .cr{display:block;color:var(--mute);font-size:14px;line-height:1.5;margin-top:6px}
.rev{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rv{background:#fff;border-radius:var(--r-card);padding:30px 26px;position:relative;color:var(--ink)}
.rv:before{content:"\201C";position:absolute;right:20px;top:2px;font:800 70px/1 Georgia,serif;color:var(--gold-l)}
.rv p{margin:0 0 14px;font-size:16px;line-height:1.75}
.rv small{color:var(--mute);font-size:14px}
.cols3{display:grid;gap:0;border-top:2px solid var(--navy)}
.col{display:grid;grid-template-columns:130px 1fr 24px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.col time{font-size:14px;color:var(--gold-d);font-weight:700}
.col b{color:var(--navy)}
.col:hover b{color:var(--gold-d)}
.col .ic{font-size:20px;color:var(--gold-d)}
.hph.cir{max-width:340px;aspect-ratio:1/1!important}
.hph.cir:before{border-radius:50%}
.hph.cir img{border-radius:50%;background:var(--cream);padding:0;object-fit:cover}
.hph.cir figcaption{left:50%;transform:translateX(-50%);bottom:-6px;white-space:nowrap}
.exp{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.ex{display:grid;grid-template-columns:96px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px}
.ex img{width:96px;height:96px;border-radius:50%;background:var(--cream);border:3px solid var(--gold-l);object-fit:cover}
.ex em{font-style:normal;font-size:14px;font-weight:700;color:var(--gold-d)}
.ex h3{margin:2px 0 2px}.ex small{display:block;color:var(--mute);font-size:15px;margin-bottom:6px}
.ex ul{margin:0;padding-left:18px;color:var(--ink);font-size:15px}.ex li{margin-bottom:3px}
.exnote{font-size:14px;color:var(--mute);margin:14px 0 0}
.qt{display:grid;grid-template-columns:1fr;max-width:860px}
.qt .rv{border:1px solid var(--line);background:var(--gold-x)}
@media (max-width:1024px){.who2{gap:32px}.rev{grid-template-columns:1fr 1fr}.team{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){
  .who2{grid-template-columns:1fr}
  .hero3{min-height:700px;align-items:flex-end;padding:0 0 100px;border-bottom-left-radius:56px}
  .hero3{background:var(--navy)}
  .hero3 .hbg{inset:0 0 auto 0}
  .hero3 .hbg img{position:static;height:auto;aspect-ratio:4/5;max-height:640px;object-fit:cover;object-position:50% 4%}
  .hero3:before{background:linear-gradient(0deg,rgba(20,35,63,.96) 0,rgba(20,35,63,.9) 40%,rgba(20,35,63,.25) 62%,rgba(20,35,63,0) 78%)}
  .hero3 .ht{max-width:none}
  .nav .btn{margin-top:12px}
  .col{grid-template-columns:100px 1fr}.col .ic{display:none}
}
@media (min-width:641px) and (max-width:860px){
  .hero3{min-height:0;align-items:flex-start;padding:0 0 110px}
  .hero3 .hbg{inset:0 0 auto 0;height:400px}
  .hero3 .hbg img{height:400px;aspect-ratio:auto;max-height:none;object-position:88% 8%}
  .hero3:before{inset:0 0 auto 0;height:402px;background:linear-gradient(0deg,rgba(20,35,63,1) 0,rgba(20,35,63,.55) 28%,rgba(20,35,63,0) 60%)}
  .hero3 .wrap{padding-top:330px}
}
@media (max-width:640px){
  .logo img{height:38px}
  .hero3{min-height:640px;padding-bottom:90px}
  .hero3 .hk{font-size:30px}.hero3 .lead{font-size:16px}
  .hero3 .acts .btn{width:100%}
  .rev,.vids .two{grid-template-columns:1fr}
  .team{grid-template-columns:1fr 1fr}
  .team div:last-child:nth-child(odd){grid-column:1/-1}
  .col{grid-template-columns:1fr;gap:4px}
  .ex{grid-template-columns:72px 1fr;padding:18px}.ex img{width:72px;height:72px}
}

/* ======== v5: 설득력 중심 재구성 (번호·카드 반복 제거) ======== */
.hero3{padding-bottom:0}
.hero3 .ht{max-width:620px;padding:64px 0 0}
.hero3 .hk{font-size:clamp(28px,3.3vw,44px)}
.hero3 .lead{font-size:19px;font-weight:600;color:var(--gold-l)}
.creds{list-style:none;margin:34px 0 0;padding:20px 0 0;border-top:1px solid rgba(232,214,176,.4);display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;font-size:15px;color:#e9edf5;max-width:600px}
.creds b{color:var(--gold-l)}
.hero3 .wrap{padding-bottom:56px}
.hero3{align-items:flex-end}
.hero3 .ht{padding-top:96px}

/* 세부페이지 히어로 */
.dh h1{font-size:clamp(30px,3.6vw,40px);margin-bottom:16px}
.pain{margin:0 0 8px;font-size:17px;color:#cfd6e4;font-style:italic}
.dh.t-consult .pain{color:var(--mute)}
.hook{font-size:clamp(23px,2.8vw,32px)!important;line-height:1.45!important;margin-bottom:14px!important}
.dh .lead{font-size:17px;max-width:600px}
.sum{background:#fff}
.sum .wrap{display:block;padding-top:40px;padding-bottom:36px}
.sum p{font-size:19px;line-height:1.85;color:var(--navy);border-left:4px solid var(--gold);padding-left:22px;max-width:900px;font-weight:500}

/* 히어로 정보 그래픽 보드 */
.board{background:#fff;color:var(--navy);border-radius:22px;padding:26px 26px 18px;box-shadow:0 26px 50px -22px rgba(0,0,0,.5);max-width:430px;width:100%;justify-self:end;position:relative}
.board:before{content:"";position:absolute;left:26px;top:-9px;width:64px;height:8px;border-radius:8px 8px 0 0;background:var(--gold)}
.bt{display:block;font-weight:800;font-size:17px;margin-bottom:14px;color:var(--navy)}
.bn{display:block;margin-top:12px;font-size:14px;color:var(--mute)}
.b-check{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.b-check li{display:flex;gap:12px;align-items:center;padding:9px 12px;background:var(--cream);border-radius:10px;font-weight:600;font-size:15px}
.b-check li:before{content:"";flex:0 0 18px;height:18px;border:2px solid var(--gold);border-radius:5px;background:linear-gradient(135deg,transparent 45%,var(--gold) 46%,var(--gold) 54%,transparent 55%)}
.b-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.b-grid span{display:flex;gap:10px;align-items:center;padding:12px;background:var(--cream);border-radius:12px;font-weight:700;font-size:15px}
.b-grid .ic{font-size:24px;color:var(--gold-d)}
.b-vs{display:grid;gap:6px;font-size:15px}
.b-vs .h,.b-vs .r{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:6px;align-items:stretch}
.b-vs .h b{background:var(--navy);color:#fff;text-align:center;border-radius:8px;padding:8px 4px}
.b-vs .h b:last-child{background:var(--gold);color:var(--ink0)}
.b-vs .r i{font-style:normal;font-weight:700;background:var(--cream);border-radius:8px;padding:9px 10px}
.b-vs .r span{background:#f4f1ea;border-radius:8px;padding:9px 6px;text-align:center}
.b-flow{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.b-flow li{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;padding:10px 14px;background:var(--cream);border-radius:12px;position:relative}
.b-flow li+li:before{content:"";position:absolute;left:30px;top:-9px;border:6px solid transparent;border-top:8px solid var(--gold)}
.b-flow b{color:var(--navy)}.b-flow span{color:var(--mute);font-size:15px}
.b-time{list-style:none;margin:0;padding:0 0 0 22px;border-left:3px solid var(--gold-l);display:grid;gap:14px}
.b-time li{position:relative}
.b-time li:before{content:"";position:absolute;left:-31px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--navy);border:3px solid #fff;box-shadow:0 0 0 2px var(--gold)}
.b-time b{display:block}.b-time span{color:var(--mute);font-size:15px}
.b-map{position:relative;height:290px}
.b-map .c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;align-content:center;text-align:center;font-size:15px;z-index:2}
.b-map .c .ic{font-size:28px;color:var(--gold-l)}
.b-map .s{position:absolute;display:flex;gap:8px;align-items:center;padding:8px 12px;background:var(--gold-x);border:1px solid var(--gold-l);border-radius:999px;font-weight:700;font-size:14px;white-space:nowrap}
.b-map .s .ic{font-size:18px;color:var(--gold-d)}
.b-map .s0{left:0;top:6%}.b-map .s1{right:0;top:6%}.b-map .s2{left:0;bottom:6%}.b-map .s3{right:0;bottom:6%}
.b-roles{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.b-roles li{display:flex;gap:14px;align-items:center;padding:12px 14px;background:var(--cream);border-radius:12px}
.b-roles .ic{font-size:28px;color:var(--gold-d)}
.b-roles b{display:block}.b-roles span{color:var(--mute);font-size:15px}

/* 본문: 카드 대신 단·정의형 */
.colx{display:grid;gap:0;border-top:2px solid var(--navy)}
.colx.c2{grid-template-columns:repeat(2,1fr)}.colx.c3{grid-template-columns:repeat(3,1fr)}.colx.c4{grid-template-columns:repeat(4,1fr)}
.colx>div{padding:22px 24px 8px 0}.colx>div+div{padding-left:24px;border-left:1px solid var(--line)}
.colx p{margin:0;color:var(--mute)}
.dl{margin:0;border-top:2px solid var(--navy)}
.dl>div{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.dl dt{font-weight:800;color:var(--navy)}.dl dd{margin:0;color:var(--mute)}
.navy .card{border-radius:6px 24px 6px 24px}
.scope2{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:start}
.scope2 h2{font-size:18px;margin:0}
.scope2 dl{margin:0;display:grid;gap:8px}.scope2 dl>div{display:grid;grid-template-columns:200px 1fr;gap:16px;font-size:15px}
.scope2 dt{font-weight:700;color:var(--gold-d)}.scope2 dd{margin:0;color:var(--ink)}
.flow.nn li:before{content:"";width:18px;height:18px;margin:19px auto 16px;background:var(--gold);box-shadow:0 0 0 6px var(--cream)}
.sec:not(.cream) .flow.nn li:before{box-shadow:0 0 0 6px #fff}
.steps.nn li:before{content:"";width:6px;height:24px;border-radius:3px;background:var(--gold);left:24px;top:22px}
.steps.nn li{padding-left:50px}

/* 메인 */
.sits{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.sit{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--navy);font-size:20px;font-weight:700;line-height:1.5;letter-spacing:-.02em}
.sit span{flex:1}
.sit b{flex:0 0 auto;font-size:14px;color:var(--gold-d);display:flex;gap:6px;align-items:center}
.sit:hover{background:#fff;border-bottom-color:var(--gold)}
.collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px}
.collage figure{margin:0;position:relative;border-radius:var(--r-img);overflow:hidden}
.collage img{width:100%;height:100%;object-fit:cover}
.collage figcaption{position:absolute;left:10px;bottom:10px;background:rgba(20,35,63,.88);color:#fff;font-size:14px;padding:3px 12px;border-radius:999px}
.collage .c1{grid-row:1/3}
.collage .c2,.collage .c3{aspect-ratio:4/3}
.way{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.way .dl>div{grid-template-columns:1fr;gap:4px}
.pq{font-size:19px;line-height:1.75;color:var(--navy);font-weight:600;border-left:4px solid var(--gold);padding-left:20px;margin-top:22px}
.cl2{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.cl2 .vids{gap:16px}
.col{grid-template-columns:110px 1fr 24px}
.cta .ctp{display:flex;gap:22px;align-items:center}
.cta .ctp img{width:84px;height:84px;border-radius:50%;background:var(--cream);border:3px solid var(--gold);flex-shrink:0;object-fit:cover}
.cta small{display:block;margin-top:10px;font-size:14px;color:var(--gold-l)}
.cta:after{display:none}

@media (max-width:1024px){.colx.c4{grid-template-columns:1fr 1fr}.colx.c4>div:nth-child(3){padding-left:0;border-left:0}.way,.cl2{gap:32px}.dl>div{grid-template-columns:200px 1fr}}
@media (max-width:860px){
  .hero3 .ht{padding-top:0}.hero3 .wrap{padding-bottom:30px}
  .creds{grid-template-columns:1fr}
  .board{justify-self:start}
  .sits,.way,.cl2{grid-template-columns:1fr}
  .collage{grid-template-columns:1fr 1fr}
  .scope2{grid-template-columns:1fr;gap:10px}.scope2 dl>div{grid-template-columns:1fr;gap:0}
  .dl>div{grid-template-columns:1fr;gap:4px}
  .colx.c3,.colx.c2{grid-template-columns:1fr}.colx>div,.colx>div+div{padding:18px 0 6px;border-left:0;border-bottom:1px solid var(--line)}
  .cta .ctp{align-items:flex-start}
  .flow.nn li:before{margin:0;position:absolute;left:19px;top:19px;width:18px;height:18px}
}
@media (max-width:640px){
  .hero3 .hk{font-size:29px}
  .hero3{align-items:flex-start;min-height:0}
  .hero3 .wrap{padding-top:292px;padding-bottom:30px}
  .hero3 .lead{font-size:17px}
  .sit{font-size:18px;flex-direction:column;align-items:flex-start;gap:6px}
  .collage .c1{grid-row:auto;grid-column:1/3}
  .colx.c4{grid-template-columns:1fr}.colx.c4>div,.colx.c4>div+div{padding:18px 0 6px;border-left:0;border-bottom:1px solid var(--line)}
  .cta .ctp img{width:64px;height:64px}
  .sum p{font-size:17px;padding-left:16px}
  .col{grid-template-columns:1fr}
  .b-map{height:auto;display:grid;gap:8px}.b-map .c,.b-map .s{position:static;transform:none;width:auto;height:auto;border-radius:14px}.b-map .c{padding:12px;grid-auto-flow:column;justify-content:center;gap:10px}
}

/* ======== v6: 메인 7개 구역 ======== */
.hero3{min-height:clamp(620px,50vw,780px);align-items:center;padding-bottom:0;border-bottom-left-radius:0}
.hero3 .wrap{padding-bottom:0}.hero3 .ht{padding-top:0}
.hero3 .hk{font-size:clamp(30px,3.8vw,50px)}
.hero3 .lead{font-weight:500;color:#eef1f7;font-size:18px}
.hero3 .acts{margin-top:30px}
html:not(.js) .cat2{display:none}
.hd2{font-size:clamp(24px,2.8vw,34px);margin:0 0 32px;max-width:760px}
.s-nav{padding:96px 0 88px}
.s-nav .sec-h{margin-bottom:34px}
.nav2{display:grid;grid-template-columns:360px 1fr;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -30px rgba(20,35,63,.35)}
.cat2{background:var(--navy);padding:18px;display:grid;gap:6px;align-content:start}
.cat2 button{display:flex;gap:14px;align-items:center;text-align:left;background:transparent;color:#fff;border:0;border-radius:16px;padding:16px;font:700 18px/1.3 var(--font);cursor:pointer;min-height:68px}
.cat2 .ci{flex:0 0 46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:23px;color:var(--gold-l)}
.cat2 .ct2 small{display:block;font-weight:500;font-size:14px;color:#aab4c9;margin-top:2px}
.cat2 .n{margin-left:auto;font-size:14px;background:rgba(255,255,255,.14);padding:2px 10px;border-radius:999px}
.cat2 button:hover{background:rgba(255,255,255,.08)}
.cat2 button[aria-selected="true"]{background:#fff;color:var(--navy)}
.cat2 button[aria-selected="true"] .ci{background:var(--gold-x);color:var(--gold-d)}
.cat2 button[aria-selected="true"] small{color:var(--mute)}
.cat2 button[aria-selected="true"] .n{background:var(--gold);color:var(--ink0)}
.panes{padding:30px 40px 18px}
.pane[hidden]{display:none}
.pane h3{font-size:22px;margin:0 0 10px;color:var(--navy)}
.pane h3 span{font-size:15px;color:var(--gold-d);font-weight:700;margin-left:6px}
.svr{display:grid;grid-template-columns:72px 1fr 24px;gap:18px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--navy)}
.svr:hover{background:var(--cream)}
.svr img{width:72px;height:54px;object-fit:cover;border-radius:10px}
.svr .ri{width:54px;height:54px;border-radius:50%;background:var(--cream);color:var(--gold-d);display:grid;place-items:center;font-size:26px;justify-self:center}
.svr .rt b{display:block;font-size:18px}.svr .rt i{display:block;font-style:normal;font-size:15px;color:var(--mute);line-height:1.5}
.svr>.ic{color:var(--gold-d);font-size:20px}
.all30{text-align:right;margin:16px 0 0}.all30 a{font-weight:700;display:inline-flex;gap:6px;align-items:center}

.s-me{padding:110px 0}
.me{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}
.me-vis{position:relative;height:620px}
.me-vis .p{position:absolute;left:0;top:30px;width:500px;height:500px;border-radius:50%;background:var(--cream2);box-shadow:0 0 0 8px #fff,0 0 0 10px var(--gold)}
.me-vis figure{position:absolute;margin:0;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);border:5px solid var(--cream)}
.me-vis figure img{width:100%;height:100%;object-fit:cover}
.me-vis .a{right:-10px;top:0;width:200px;height:266px}
.me-vis .b{right:10px;bottom:6px;width:270px;height:203px}
.me-vis figcaption{position:absolute;left:8px;bottom:8px;background:rgba(20,35,63,.9);color:#fff;font-size:14px;padding:2px 10px;border-radius:999px}
.me-t h2{font-size:clamp(28px,3.2vw,42px);line-height:1.4;margin-bottom:22px}
.story{font-size:18px;line-height:1.9;color:var(--ink);margin-bottom:26px}
.years{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.years li{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);align-items:baseline}
.years b{font:800 22px/1.2 var(--font);color:var(--gold-d);letter-spacing:-.02em}
.years span{color:var(--ink)}
.vnote{font-size:14px;color:var(--mute);margin:12px 0 0}

.s-rev{padding:100px 0 80px}
.revx{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:start}
.revx blockquote{margin:0;color:#e9edf5;line-height:1.8}
.revx .big{font-size:clamp(21px,2.3vw,28px);font-weight:700;color:#fff;line-height:1.65;letter-spacing:-.02em;position:relative;padding-top:56px}
.revx .big:before{content:"\201C";position:absolute;left:-4px;top:-8px;font:800 110px/1 Georgia,serif;color:var(--gold)}
.revx .side blockquote{font-size:17px;padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid rgba(232,214,176,.3)}
.revx .side blockquote:last-child{border:0;margin:0;padding:0}
.s-rev .src{margin:44px 0 0;font-size:14px;color:#aab4c9}

.s-way{padding:100px 0}
.way2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:56px}
.way2 h2{font-size:clamp(26px,3vw,38px);line-height:1.4;margin:0}
.chain{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.chain span{font-weight:700;color:var(--navy);background:var(--gold-x);border-radius:999px;padding:6px 18px;position:relative}
.chain span+span{margin-left:14px}
.chain span+span:before{content:"→";position:absolute;left:-22px;top:6px;color:var(--gold-d)}
.ex5{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;text-align:center}
.ex5 .ph{display:block;width:150px;height:150px;border-radius:50%;margin:0 auto 14px;overflow:hidden;background:var(--cream);border:4px solid #fff;box-shadow:0 0 0 2px var(--gold-l)}
.ex5 .ph img{width:100%;height:100%;object-fit:cover}
.ex5 em{display:block;font-style:normal;color:var(--gold-d);font-weight:700;font-size:14px}
.ex5 b{display:block;font-size:19px;color:var(--navy)}.ex5 small{display:block;color:var(--mute);font-size:14px;line-height:1.5}

.s-vc{padding:100px 0}
.vc{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:stretch}
.vbig{position:relative;display:block;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);text-decoration:none}
.vbig img{width:100%;aspect-ratio:16/10;object-fit:cover}
.vbig span{position:absolute;left:0;right:0;bottom:0;padding:70px 26px 22px;color:#e9edf5;font-size:14px;background:linear-gradient(0deg,rgba(15,27,51,.92),rgba(15,27,51,0))}
.vbig b{display:block;font-size:20px;color:#fff;margin-bottom:2px}
.vbig:after{content:"";position:absolute;left:50%;top:44%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(20,35,63,.82) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23e8d6b0'/%3E%3C/svg%3E") center/38px no-repeat}
.vcol{display:flex;flex-direction:column;justify-content:center}
.vcol .col{grid-template-columns:1fr;gap:4px;padding:20px 0}
.vcol .col b{font-size:18px;line-height:1.5}
.more2{margin-top:18px;font-weight:700;display:inline-flex;gap:6px;align-items:center}

.faqwrap .sec-h h2{font-size:30px}
.cta.gold{background:linear-gradient(115deg,#d3b37a 0,#b8955a 100%);color:var(--ink0);border-radius:0;padding:84px 0}
.cta.gold h2{color:var(--ink0);font-size:clamp(26px,3vw,38px);max-width:760px}
.cta.gold p{color:#2b2a26}
.cta.gold small{color:#3b3426}
.cta.gold .ctp img{border-color:#fff}
.btn.navy{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.navy:hover{background:var(--ink0);border-color:var(--ink0)}

@media (max-width:1024px){.nav2{grid-template-columns:300px 1fr}.panes{padding:24px 26px 12px}.me{gap:40px}.me-vis{height:520px}.me-vis .p{width:400px;height:400px}.revx{gap:36px}.way2,.vc{gap:36px}.ex5{grid-template-columns:repeat(3,1fr);row-gap:30px}}
@media (max-width:860px){
  .nav2{grid-template-columns:1fr;border-radius:22px}
  .cat2{display:flex;overflow-x:auto;gap:8px;padding:12px;-webkit-overflow-scrolling:touch}
  .cat2 button{flex:0 0 auto;min-height:48px;padding:10px 16px;font-size:16px;border-radius:999px}
  .cat2 .ci,.cat2 .ct2 small{display:none}
  .panes{padding:20px 20px 8px}
  .me{grid-template-columns:1fr}.me-vis{height:470px;max-width:520px;margin:0 auto;width:100%}
  .revx,.way2,.vc{grid-template-columns:1fr}
  .years li{grid-template-columns:110px 1fr}
  .all30{text-align:left}
  .s-nav,.s-me,.s-way,.s-vc{padding:64px 0}.s-rev{padding:64px 0 52px}
}
@media (max-width:640px){
  .hero3{min-height:0}
  .me-vis{height:400px}.me-vis .p{width:280px;height:280px}.me-vis .a{width:130px;height:175px}.me-vis .b{width:170px;height:128px;right:0}
  .ex5{grid-template-columns:1fr 1fr}.ex5 .ph{width:120px;height:120px}
  .ex5>div:last-child:nth-child(odd){grid-column:1/-1}
  .years li{grid-template-columns:1fr;gap:2px}
  .svr{grid-template-columns:56px 1fr 20px;gap:12px}.svr img{width:56px;height:44px}.svr .ri{width:44px;height:44px;font-size:22px}
  .svr .rt i{font-size:14px}
  .cta.gold .ctp{flex-direction:column;align-items:flex-start}
  .revx .big{padding-top:46px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.intro .arch{max-width:280px;justify-self:center}
.intro .arch:before{inset:-12px 12px 12px -12px}
@media (max-width:860px){.intro .arch{order:-1;max-width:200px;justify-self:start}}
@media (max-width:400px){.hero3 .hk{font-size:25px}}
@media (min-width:641px) and (max-width:860px){.cat2{flex-wrap:wrap;overflow:visible}}

/* 전문가·칼럼 상세 (px-) */
.px-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.px-person{display:flex;gap:18px;align-items:center;padding:20px;border:1px solid #e3e6eb;border-radius:12px;background:#fff;transition:box-shadow .25s,transform .25s}
.px-person:hover{box-shadow:0 10px 26px rgba(20,35,63,.12);transform:translateY(-2px)}
.px-person img{width:96px;height:96px;border-radius:50%;flex:none;background:#eef0f3}
.px-person b{display:block;font-size:20px}.px-person em{display:block;font-style:normal;color:#586070;font-weight:600;margin:2px 0}
.px-person small{display:block;color:#586070}.px-person span{display:block;margin-top:6px;font-size:14px;color:#14233f}
.px-rels{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.px-rel{display:block;padding:18px 20px;background:#fff;border:1px solid #e3e6eb;border-radius:10px;transition:box-shadow .25s}
.px-rel:hover{box-shadow:0 8px 22px rgba(20,35,63,.12)}.px-rel b{display:block;margin-bottom:4px}.px-rel span{font-size:14px;color:#586070}
.px-q{margin:0 0 14px;padding:18px 22px;border-left:3px solid #b8955a;background:#fff;font-size:17px;line-height:1.8;max-width:860px}
.px-src{max-width:860px;border:1px solid #e3e6eb;border-radius:12px;padding:24px 26px;background:#fff}
.px-src h2{margin:0 0 12px;font-size:22px}.px-src dl{margin:0 0 12px}.px-src dl>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #eef0f3}
.px-src dt{font-weight:700;color:#586070}.px-src dd{margin:0}.px-src p{margin:0;font-size:14px;color:#586070}
@media(max-width:600px){.px-src dl>div{grid-template-columns:1fr;gap:2px}}
.px-rel,.px-person,.px-rel:hover,.px-person:hover{text-decoration:none;color:inherit}.px-rel span{text-decoration:none}
.px-vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.px-vid{display:block;background:#fff;border:1px solid #e3e6eb;border-radius:10px;overflow:hidden;transition:box-shadow .25s}
.px-vid:hover{box-shadow:0 8px 22px rgba(20,35,63,.12)}.px-vid img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.px-vid b{display:block;padding:12px 14px 14px;font-size:15px;line-height:1.5;text-decoration:none;color:#14233f}
.px-colcard time{display:block;font-size:13px;color:#586070}.px-colcard b{display:block;font-size:18px;margin:4px 0 6px}.px-colcard span{font-size:14.5px;color:#3a4656}