/* 택슈런스 V6 페이지별 아이덴티티 — 레퍼런스의 문자 위계와 페이지 목적을 서로 다른 편집 문법으로 구현한다. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@300;400;500;600;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');

:root{
  --font-editorial:'Noto Serif KR','Nanum Myeongjo','Batang',serif;
  --font-modern:'IBM Plex Sans KR','Pretendard','Malgun Gothic',sans-serif;
  --font-data:'Outfit','IBM Plex Sans KR',sans-serif;
  --family-teal:#0F6674;
  --risk-black:#0A141D;
}

body{letter-spacing:-.018em}
p,li{letter-spacing:-.024em}
.eyebrow,.ph .crumb,.qn,.badge,.meta,.ver{letter-spacing:0 !important}
.sec h2,.cta h2,.ph h1{letter-spacing:-.055em}
.sec h3,.card h3{letter-spacing:-.035em}
.nav .cross{color:#705522}
.nav .btn.btn-gold{color:#231A08}
.nav .btn.btn-primary{color:#fff}

/* 두 개의 문: 대표관은 편집형 명조, 자녀관은 현대적 고딕 */
.home-ceo .hero h1,
.home-ceo .quote q,
.home-ceo .sec h2,
.ceo-subpage:not(.page-risk):not(.page-diagnosis) .ph h1,
.page-succession .sec h2,
.page-family-role .sec h2{
  font-family:var(--font-editorial);
  font-weight:500;
}

.home-family,
.family-subpage,
.page-risk,
.page-diagnosis{
  font-family:var(--font-modern);
}

.home-family .hero h1,
.home-family .step h2,
.family-subpage .ph h1,
.family-subpage .sec h2,
.page-risk .ph h1,
.page-risk .sec h2,
.page-diagnosis .ph h1{
  font-family:var(--font-modern);
}

.num,.no,.qn,.prog,.badge,.amt,.meta,.page-funding .card h3,
.page-simulator .lbl,.page-simulator .rl,.page-structure .eq .nm{
  font-family:var(--font-data);
  font-variant-numeric:tabular-nums;
}

/* 대표 홈: 기업 승계 선언문 */
.home-ceo .hero-in{max-width:760px}
.home-ceo .hero h1{
  font-size:clamp(48px,5.35vw,72px);
  line-height:1.22;
  letter-spacing:-.065em;
}
.home-ceo .hero .wrap::after{
  content:'FAMILY BUSINESS  ·  CONTINUITY';
  position:absolute;
  right:32px;
  bottom:-200px;
  color:rgba(255,255,255,.5);
  font:500 11px/1 var(--font-data);
  letter-spacing:.16em;
  writing-mode:vertical-rl;
}
.home-ceo .quote q{font-weight:500;letter-spacing:-.055em}
.home-ceo .home-map .wrap::before,
.home-ceo .home-risk .wrap::before,
.home-ceo .home-family-bridge .wrap::before,
.home-ceo .home-funding .wrap::before{
  display:block;
  margin-bottom:22px;
  color:var(--gold-deep);
  font:600 12px/1 var(--font-data);
  letter-spacing:.14em;
}
.home-ceo .home-map .wrap::before{content:'01  /  SUCCESSION MAP'}
.home-ceo .home-risk .wrap::before{content:'02  /  THE EMPTY CHAIR'}
.home-ceo .home-family-bridge .wrap::before{content:'03  /  NEXT GENERATION'}
.home-ceo .home-funding .wrap::before{content:'04  /  CAPITAL PLAN'}
.home-ceo .sec h2{font-size:clamp(34px,3.8vw,50px);line-height:1.38}

/* 하위 페이지의 공통 진입부를 해체하고 페이지별 장면으로 재구성 */
.subpage .ph{
  min-height:430px;
  display:flex;
  align-items:flex-end;
  padding:92px 0 76px;
}
.subpage .ph .wrap{position:relative;z-index:2}
.subpage .ph h1{font-size:clamp(46px,5vw,68px);line-height:1.2}
.subpage .ph p{max-width:650px;margin-top:24px;line-height:1.85}

/* 01 승계 이해: 시간의 축, 여백이 많은 편집 지면 */
.page-succession .ph{
  background:#F4F0E8;
  color:var(--navy);
  border-bottom:1px solid #D7CDBB;
}
.page-succession .ph::before{
  left:auto;right:clamp(90px,12vw,190px);top:0;width:1px;height:100%;
  background:rgba(141,113,63,.3);
}
.page-succession .ph::after{
  content:'01';
  right:clamp(36px,7vw,100px);bottom:-26px;
  width:auto;height:auto;border:0;
  color:rgba(141,113,63,.16);
  font:300 clamp(150px,18vw,260px)/.8 var(--font-data);
}
.page-succession .ph .wrap{padding-left:32px}
.page-succession .ph .crumb,.page-succession .ph p{color:#6E675D}
.page-succession .ph h1{color:var(--navy);max-width:850px;font-weight:500}
.page-succession .sec h2{font-size:clamp(36px,4vw,52px);line-height:1.4}
.page-succession .cards.c3{gap:0;border-top:1px solid var(--navy)}
.page-succession .card{
  border:0;border-right:1px solid var(--line);border-radius:0;padding:40px 34px;background:#fff;
}
.page-succession .card:last-child{border-right:0}
.page-succession .card .num{
  width:auto;height:auto;justify-content:flex-start;margin-bottom:38px;
  border-radius:0;background:none;color:var(--gold-deep);box-shadow:none;
  font-size:50px;font-weight:300;
}
.page-succession .cmp{border-radius:0;border-color:var(--navy)}
.page-succession .cmp .col{padding:44px 36px}
.page-succession .cmp .col.on{background:var(--navy);color:#fff}
.page-succession .cmp .col.on h3,.page-succession .cmp .col.on li{color:#fff}
.page-succession .quote q{font-family:var(--font-editorial);font-weight:500}

/* 02 대표자 리스크: 비어 있는 자리와 경고의 대비 */
.page-risk .ph{
  min-height:500px;
  background:var(--risk-black);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.page-risk .ph::before{
  left:0;top:0;width:100%;height:100%;
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.055) 50%,transparent 50.1%),
    linear-gradient(0deg,transparent 49.9%,rgba(255,255,255,.04) 50%,transparent 50.1%);
}
.page-risk .ph::after{
  content:'ABSENCE';
  right:-24px;bottom:24px;width:auto;height:auto;border:0;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.11);
  font:700 clamp(78px,12vw,180px)/1 var(--font-data);
  letter-spacing:-.06em;
}
.page-risk .ph h1{font-size:clamp(52px,5.6vw,78px);font-weight:700;letter-spacing:-.075em}
.page-risk .ph p{color:rgba(255,255,255,.62)}
.page-risk .sec h2{font-weight:600;letter-spacing:-.065em}
.page-risk .sec:first-of-type .figure{
  padding:18px;background:var(--risk-black);border-radius:0;
}
.page-risk .sec:first-of-type .figure img{border-radius:0}
.page-risk .sec:first-of-type .figure .cap{color:rgba(255,255,255,.72)}
.page-risk .sec.tint{background:var(--risk-black);border-color:rgba(255,255,255,.08)}
.page-risk .sec.tint h2,.page-risk .sec.tint .lead{color:#fff}
.page-risk .sec.tint .card{
  border:1px solid rgba(255,255,255,.12);border-radius:0;background:#122533;color:#fff;
}
.page-risk .sec.tint .card h3{color:#fff}
.page-risk .sec.tint .card p{color:rgba(255,255,255,.62)}
.page-risk .sec.tint .card .num{background:var(--gold);color:var(--risk-black);box-shadow:none;border-radius:0}
.page-risk .sec.tint .next{color:#fff}
.page-risk .quote{background:#F0EEE9}
.page-risk .quote q{max-width:32em;font-family:var(--font-modern);font-weight:500}

/* 03 가족 참여: 따뜻한 인터뷰와 관계의 언어 */
.page-family-role .ph{
  background:#E8DCC7;color:var(--navy);border-bottom:1px solid #D4C3A5;
}
.page-family-role .ph::before{
  left:auto;right:8%;top:54px;width:280px;height:280px;
  border:1px solid rgba(141,113,63,.25);border-radius:50%;background:transparent;
}
.page-family-role .ph::after{
  content:'“';right:10%;bottom:-30px;width:auto;height:auto;border:0;background:none;
  color:rgba(141,113,63,.25);font:500 250px/1 var(--font-editorial);
}
.page-family-role .ph .crumb,.page-family-role .ph p{color:#675E50}
.page-family-role .ph h1{color:var(--navy);font-weight:500;max-width:900px}
.page-family-role .sec{background:#FFFDF9}
.page-family-role .sec.tint{background:#F1E9DC}
.page-family-role .sec h2{font-size:clamp(36px,4vw,52px);font-weight:500;line-height:1.42}
.page-family-role .media img{border-radius:140px 4px 4px 4px}
.page-family-role .quote{background:var(--navy);color:#fff}
.page-family-role .quote q{color:#fff;font-family:var(--font-editorial);font-weight:500}
.page-family-role .flow{gap:0}
.page-family-role .flow .node{border-radius:0;border-color:#D1C1A5;background:#FFFDF9;box-shadow:none}
.page-family-role .flow .arw{display:flex;width:64px;margin-left:10px;margin-right:10px}
.page-family-role .cmp{border-radius:0;border-color:#CDBD9E}
.page-family-role .cmp .col.on{background:#E1D0B3}
.page-family-role .cmp .col.on h3,.page-family-role .cmp .col.on li{color:#3F3A32}

/* 04 재원 설계: 숫자와 기준선이 만드는 금융 리포트 */
.page-funding .ph{
  background-color:#E9EEF0;color:var(--navy);
  background-image:linear-gradient(rgba(23,42,58,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,42,58,.055) 1px,transparent 1px);
  background-size:48px 48px;
}
.page-funding .ph::before{display:none}
.page-funding .ph::after{
  content:'₩';right:7%;bottom:-38px;width:auto;height:auto;border:0;background:none;
  color:rgba(23,42,58,.1);font:300 300px/1 var(--font-data);
}
.page-funding .ph .crumb,.page-funding .ph p{color:#5A6871}
.ceo-subpage.page-funding .ph h1{color:var(--navy);font-family:var(--font-modern);font-weight:500}
.page-funding .sec h2{font-family:var(--font-modern);font-weight:500;letter-spacing:-.06em}
.page-funding .eq{border-top:1px solid var(--navy);border-bottom:1px solid var(--navy);padding:28px 0}
.page-funding .eq .card{border:0;border-radius:0;background:transparent;box-shadow:none}
.page-funding .eq .plus{font:300 64px/1 var(--font-data);color:var(--gold-deep)}
.page-funding .cards.c2 .card{border-radius:0;border:1px solid var(--navy);position:relative;overflow:hidden}
.page-funding .cards.c2 .card::after{
  content:'TAX RATE';position:absolute;right:20px;top:18px;
  color:#8B969C;font:500 10px/1 var(--font-data);letter-spacing:.12em;
}
.page-funding .cards.c2 .card .num{border-radius:0;background:var(--navy);box-shadow:none}
.page-funding .quote{border-top:1px solid var(--navy);border-bottom:1px solid var(--navy)}
.page-funding .quote q{font-family:var(--font-data);font-weight:400}

/* 05 자가진단: 보고서가 아니라 실제 측정 도구 */
.page-diagnosis .ph{
  min-height:380px;background:#fff;color:var(--navy);border-bottom:10px solid var(--navy);
}
.page-diagnosis .ph::before{
  left:auto;right:7%;top:78px;width:210px;height:110px;background:none;
  border-top:2px solid var(--gold);border-bottom:2px solid var(--navy);
}
.page-diagnosis .ph::after{
  content:'01  02  03  04  05';right:7%;bottom:86px;width:auto;height:auto;border:0;background:none;
  color:var(--navy);font:500 15px/1 var(--font-data);letter-spacing:.32em;
}
.page-diagnosis .ph .crumb,.page-diagnosis .ph p{color:#66736E}
.page-diagnosis .ph h1{color:var(--navy);font-weight:600;letter-spacing:-.07em}
.page-diagnosis .sec{background:#EEF1F1;padding-top:78px}
.page-diagnosis .sec .wrap{max-width:1050px !important}
.page-diagnosis .prog{color:var(--navy);font-size:18px}
.page-diagnosis .bar{height:4px;border-radius:0;background:#D5DCDD;box-shadow:none}
.page-diagnosis .bar i{border-radius:0;background:var(--gold)}
.page-diagnosis .q{
  display:grid;grid-template-columns:86px minmax(280px,1fr) auto;align-items:center;gap:24px;
  margin-bottom:12px;padding:26px 28px;border:0;border-left:4px solid transparent;border-radius:0;
  background:#fff;box-shadow:none;backdrop-filter:none;
}
.page-diagnosis .q:hover{transform:none;box-shadow:none;border-left-color:var(--gold)}
.page-diagnosis .q .qn{margin:0;font:500 13px/1 var(--font-data);color:var(--gold-deep)}
.page-diagnosis .q h3{margin:0;font-size:18px;font-weight:500;letter-spacing:-.035em}
.page-diagnosis .opts{justify-content:flex-end}
.page-diagnosis .opt{border-radius:0;padding:10px 18px;font-weight:500}
.page-diagnosis .opt[aria-pressed='true']{background:var(--navy);box-shadow:none}
.page-diagnosis .rcard{border:0;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none}
.page-diagnosis .rtag{border-radius:0}

/* 자녀 홈: 2030 커리어 매거진 */
.home-family{font-family:var(--font-modern)}
.home-family .hero h1{font-weight:600;letter-spacing:-.075em;line-height:1.16}
.home-family .hero .wrap::after{
  content:'CAREER × FAMILY BUSINESS';position:absolute;right:32px;bottom:-205px;
  color:rgba(255,255,255,.48);font:500 11px/1 var(--font-data);letter-spacing:.15em;writing-mode:vertical-rl;
}
.home-family .step .no{font:600 15px/1 var(--font-data)}
.home-family .step h2{font-weight:600 !important;letter-spacing:-.07em;line-height:1.24}
.home-family .step:nth-child(3){background:var(--navy);color:#fff}
.home-family .step:nth-child(3) h2{color:#fff !important}
.home-family .step:nth-child(3) p,.home-family .step:nth-child(3) .next{color:#fff}
.home-family .step:nth-child(3) .no{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.home-family .step:nth-child(3) .media img{outline:1px solid rgba(255,255,255,.15)}
.home-family .step:nth-child(5){background:#EFE4D1}
.home-family .step .wrap::after{
  position:absolute;right:32px;top:0;color:rgba(23,42,58,.1);
  font:300 clamp(80px,10vw,150px)/1 var(--font-data);
}
.home-family .step:nth-child(1) .wrap::after{content:'01'}
.home-family .step:nth-child(2) .wrap::after{content:'02'}
.home-family .step:nth-child(3) .wrap::after{content:'03';color:rgba(255,255,255,.08)}
.home-family .step:nth-child(4) .wrap::after{content:'04'}
.home-family .step:nth-child(5) .wrap::after{content:'05'}

/* 단계 카드 보강: 작은 아이콘 박스를 사진과 결합한 편집형 여정 패널로 전환 */
.role-journey .journey-layout,
.home-family .start-journey .journey-layout{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  min-height:570px;margin-top:46px;border:1px solid var(--navy);background:#fff;overflow:hidden;
}
.home-family .start-journey .journey-layout{grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr)}
.role-journey .journey-photo,
.home-family .start-journey .journey-photo{position:relative;min-width:0;min-height:100%;margin:0;overflow:hidden;background:var(--navy)}
.role-journey .journey-photo img,
.home-family .start-journey .journey-photo img{
  display:block;width:100%;height:100%;min-height:570px;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.22,.61,.36,1);
}
.role-journey .journey-photo:hover img,
.home-family .start-journey .journey-photo:hover img{transform:scale(1.025)}
.role-journey .journey-photo figcaption,
.home-family .start-journey .journey-photo figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:28px 32px 30px;background:rgba(23,42,58,.92);color:#fff;
}
.role-journey .journey-photo figcaption span,
.home-family .start-journey .journey-photo figcaption span{
  display:block;margin-bottom:10px;color:var(--gold);font:600 11px/1 var(--font-data);letter-spacing:.15em;
}
.role-journey .journey-photo figcaption strong,
.home-family .start-journey .journey-photo figcaption strong{
  display:block;color:#fff;font-family:var(--font-modern);font-size:clamp(26px,2.4vw,36px);font-weight:600;line-height:1.2;letter-spacing:-.055em;
}
.role-journey .journey-photo figcaption small,
.home-family .start-journey .journey-photo figcaption small{display:block;margin-top:8px;color:#D8DFE1;font-size:13px;line-height:1.5}
.role-journey .flow,
.home-family .start-journey .flow{
  display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;margin:0;padding:34px;background:#F7F2E9;
}
.role-journey .flow .node,
.home-family .start-journey .flow .node{
  display:grid;grid-template-columns:70px minmax(0,1fr) 52px;grid-template-rows:auto auto;
  grid-template-areas:'disc name number' 'disc desc number';column-gap:20px;align-items:center;
  width:100%;min-height:142px;padding:24px 24px 24px 22px;text-align:left;border:1px solid #D6CBB9;border-left:4px solid var(--gold);
  border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none;transition:transform .25s,border-color .25s;
}
.role-journey .flow .node:hover,
.home-family .start-journey .flow .node:hover{transform:translateX(5px);border-color:var(--gold);box-shadow:none}
.role-journey .flow .disc,
.home-family .start-journey .flow .disc{
  grid-area:disc;width:64px;height:64px;margin:0;border:1px solid var(--gold);border-radius:50%;background:var(--gold-soft);
}
.role-journey .flow .disc svg,
.home-family .start-journey .flow .disc svg{width:30px;height:30px;stroke:var(--navy)}
.role-journey .flow .nm,
.home-family .start-journey .flow .nm{grid-area:name;margin:0 0 5px;font-size:21px;font-weight:700;letter-spacing:-.04em}
.role-journey .flow .de,
.home-family .start-journey .flow .de{grid-area:desc;color:#65706E;font-size:14.5px;line-height:1.65;word-break:keep-all}
.role-journey .flow .stage-no,
.home-family .start-journey .flow .stage-no{
  grid-area:number;align-self:start;justify-self:end;color:rgba(23,42,58,.17);font:500 34px/1 var(--font-data);letter-spacing:-.05em;
}
.role-journey .flow .node.acc,
.home-family .start-journey .flow .node.acc{border-color:var(--navy);border-left-color:var(--gold);background:var(--navy)}
.role-journey .flow .node.acc .nm,
.home-family .start-journey .flow .node.acc .nm{color:#fff}
.role-journey .flow .node.acc .de,
.home-family .start-journey .flow .node.acc .de{color:#D0D9DC}
.role-journey .flow .node.acc .disc,
.home-family .start-journey .flow .node.acc .disc{border-color:var(--gold);background:var(--gold)}
.role-journey .flow .node.acc .disc svg,
.home-family .start-journey .flow .node.acc .disc svg{stroke:var(--navy)}
.role-journey .flow .node.acc .stage-no,
.home-family .start-journey .flow .node.acc .stage-no{color:rgba(255,255,255,.16)}
.role-journey .flow .arw,
.home-family .start-journey .flow .arw{
  display:flex;width:44px;height:24px;margin:0 auto;align-self:center;align-items:center;justify-content:center;transform:rotate(90deg);color:var(--gold);
}
.role-journey .flow .arw svg,
.home-family .start-journey .flow .arw svg{width:36px;stroke:var(--gold-deep)}

/* 자녀관 공통: 어두운 공통 헤더를 없애고 각 페이지가 다른 첫인상을 갖게 한다. */
.family-subpage .ph h1{font-weight:600;letter-spacing:-.075em}

/* 왜 나인가: 질문이 먼저 보이는 에디토리얼 */
.page-why .ph{background:#fff;color:var(--navy);border-bottom:1px solid var(--navy)}
.page-why .ph::before{display:none}
.page-why .ph::after{
  content:'WHY?';right:5%;bottom:-26px;width:auto;height:auto;border:0;background:none;
  color:rgba(194,163,107,.2);font:700 clamp(130px,18vw,260px)/.8 var(--font-data);letter-spacing:-.08em;
}
.page-why .ph .crumb,.page-why .ph p{color:#66736E}
.page-why .ph h1{color:var(--navy);font-size:clamp(62px,7vw,94px)}
.page-why .media{grid-template-columns:1.05fr .95fr}
.page-why .media img{border-radius:0 180px 180px 0}
.page-why .quote{background:var(--navy)}
.page-why .quote q{color:#fff;font-family:var(--font-modern);font-weight:400}
.page-why .cmp{border-radius:0}
.page-why .cmp .col.on{background:#E8D8BB}
.page-why .fric{
  display:grid;grid-template-columns:.75fr 1.25fr;gap:44px;align-items:start;
  border:0;border-top:1px solid var(--navy);border-radius:0;padding:30px 0;background:transparent;box-shadow:none;backdrop-filter:none;
}
.page-why .fric:hover{transform:none;box-shadow:none}
.page-why .fric .qq{font-size:22px;font-weight:600;letter-spacing:-.055em}
.page-why .fric .aa{font-size:16px}

/* 수수료 구조: 투명성, 등식, 한 단어 색 전환 */
.page-structure .ph{background:#F3EEE4;color:var(--navy);border-bottom:1px solid #D8CDB9}
.page-structure .ph::before{display:none}
.page-structure .ph::after{
  content:'OPEN BOOK';right:5%;bottom:28px;width:auto;height:auto;border:0;background:none;
  color:rgba(15,102,116,.12);font:700 clamp(70px,10vw,150px)/1 var(--font-data);letter-spacing:-.06em;
}
.page-structure .ph .crumb,.page-structure .ph p{color:#6B675E}
.page-structure .ph h1{color:var(--navy);max-width:900px}
.page-structure .hl{color:var(--family-teal)}
.page-structure .sec h2{font-weight:500}
.page-structure .eq{
  padding:54px 30px;border:1px solid #C9DADD;background:#F4F9F9;border-radius:0;
}
.page-structure .eq .card{border-radius:0;border-top:4px solid var(--family-teal);box-shadow:none}
.page-structure .eq .plus{font:300 64px/1 var(--font-data);color:var(--family-teal)}
.page-structure .cards .card{border-radius:0;box-shadow:none}
.page-structure .card .num{border-radius:0;background:var(--family-teal);box-shadow:none}
.page-structure .note{border-left-color:var(--family-teal)}

/* 숫자로 보기: 어두운 데이터 스튜디오 */
.page-simulator{background:var(--risk-black)}
.page-simulator .ph{min-height:390px;background:var(--risk-black);border-bottom:1px solid rgba(255,255,255,.12)}
.page-simulator .ph::before{
  left:auto;right:7%;top:70px;width:240px;height:140px;background:none;
  border-left:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);
}
.page-simulator .ph::after{
  content:'8,700';right:7%;bottom:74px;width:auto;height:auto;border:0;background:none;
  color:rgba(255,255,255,.09);font:700 88px/1 var(--font-data);letter-spacing:-.055em;
}
.page-simulator .ph h1{font-size:clamp(54px,6vw,82px)}
.page-simulator .sec{background:var(--risk-black) !important}
.page-simulator .sim{border:0;border-radius:0;background:#F7F5EF;box-shadow:none;backdrop-filter:none}
.page-simulator .fld label{font-family:var(--font-modern);font-weight:600}
.page-simulator .chip{border-radius:0;font-weight:500}
.page-simulator .chip[aria-pressed='true']{background:var(--family-teal);border-color:var(--family-teal);box-shadow:none}
.page-simulator .out .amt{font-size:clamp(58px,8vw,92px);font-weight:600;letter-spacing:-.06em}
.page-simulator .track,.page-simulator .fill{border-radius:0;box-shadow:none}
.page-simulator .row:nth-child(1) .fill{background:var(--family-teal)}
.page-simulator .row:nth-child(2) .fill{background:#2B7883}
.page-simulator .row:nth-child(3) .fill{background:#6B9BA2}
.page-simulator .row:nth-child(4) .fill{background:#A7BFC2}
.page-simulator .sec .next{color:#fff}
.page-funding .compare-scenario{
  position:relative;padding:clamp(78px,10vw,132px) 0;background:#E9DDC7;color:var(--navy);overflow:hidden;
}
.page-funding .compare-scenario::before{
  content:'';position:absolute;left:0;top:0;width:28%;height:10px;background:var(--gold);
}
.page-funding .compare-scenario::after{
  content:'FUND';position:absolute;right:-.03em;top:34px;color:rgba(23,42,58,.045);
  font:700 clamp(92px,15vw,214px)/1 var(--font-data);letter-spacing:-.075em;pointer-events:none;
}
.page-funding .compare-scenario .wrap{position:relative;z-index:1;max-width:1240px}
.page-funding .compare-head{
  display:grid;grid-template-columns:minmax(0,820px) auto;justify-content:space-between;gap:40px;align-items:start;margin-bottom:46px;
}
.page-funding .compare-eyebrow{
  display:block;margin-bottom:18px;color:var(--gold-deep);font:600 12px/1 var(--font-data);letter-spacing:.16em;
}
.page-funding .compare-scenario h2{
  margin:0;color:var(--navy);font-family:var(--font-modern);font-size:clamp(42px,4.8vw,66px);font-weight:600;line-height:1.14;letter-spacing:-.068em;
}
.page-funding .compare-head p{max-width:760px;margin:24px 0 0;color:#56605F;font-size:17px;line-height:1.8;letter-spacing:-.025em}
.page-funding .compare-index{padding-top:4px;color:var(--navy);font:500 15px/1 var(--font-data);letter-spacing:.1em}
.page-funding .compare-card{padding:34px;border:1px solid #D7CCBA;border-radius:var(--r-card);background:#fff}
.page-funding .compare-easy{display:grid;gap:25px;padding-bottom:24px}
.page-funding .compare-label{display:block;margin-bottom:10px;color:var(--navy);font-size:15px;font-weight:700}
.page-funding .compare-label b{margin-right:3px;color:var(--gold-deep);font-family:var(--font-data)}
.page-funding .compare-options{display:flex;gap:8px;flex-wrap:wrap}
.page-funding .compare-options button{
  min-width:82px;padding:11px 17px;border:1px solid #D9D3C9;border-radius:var(--r-input);background:#fff;color:var(--navy);cursor:pointer;
  font-family:var(--font-modern);font-size:13px;font-weight:600;line-height:1.2;transition:background-color .18s,border-color .18s,color .18s,transform .18s;
}
.page-funding .compare-options button:hover{border-color:var(--gold-deep);color:var(--gold-deep);transform:translateY(-1px)}
.page-funding .compare-options button[aria-pressed='true']{border-color:var(--navy);background:var(--navy);color:#fff}
.page-funding .compare-options-tax button{display:flex;align-items:center;gap:9px;min-width:210px}
.page-funding .compare-options-tax button small{font-size:11px;font-weight:500;opacity:.74}
.page-funding .compare-insight{margin:0 0 28px;padding:20px 24px;border-radius:var(--r-input);background:var(--navy);color:#fff;text-align:center;font-size:15px;font-weight:600;line-height:1.65}
.page-funding .compare-insight strong{color:#E4C786;font-family:var(--font-data);font-size:1.08em}
.page-funding .compare-chart{display:grid;gap:24px}
.page-funding .compare-bar-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:9px;color:var(--navy);font-size:14px}
.page-funding .compare-bar-meta span{font-weight:600}
.page-funding .compare-bar-meta small{font-size:12px;font-weight:500;color:#6B7476}
.page-funding .compare-bar-meta b{color:var(--navy);font:600 18px/1 var(--font-data);letter-spacing:-.035em;white-space:nowrap}
.page-funding .compare-track{display:flex;width:100%;height:15px;border-radius:var(--r-pill);background:#EFEDE8;overflow:hidden}
.page-funding .compare-bar{display:block;height:100%;width:0;transition:width .45s cubic-bezier(.25,.8,.25,1)}
.page-funding .compare-bar-bank{background:#C8CDD0}
.page-funding .compare-bar-insurance{background:var(--navy)}
.page-funding .compare-bar-tax{background:var(--gold)}
.page-funding .compare-bar-total{padding-top:20px;border-top:1px solid #E2DDD4}
.page-funding .compare-track-stack{background:#EFEDE8}
.page-funding .compare-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;color:#6B7476;font-size:10.5px}
.page-funding .compare-legend span{display:flex;align-items:center;gap:6px}
.page-funding .compare-legend i{display:inline-block;width:8px;height:8px;background:var(--navy)}
.page-funding .compare-legend span:last-child i{background:var(--gold)}
.page-funding .compare-disclaimer{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:start;padding:25px 30px;border:1px solid #D7CCBA;border-top:0;background:#F7F2E9}
.page-funding .compare-disclaimer b{font-size:14px}
.page-funding .compare-disclaimer p{margin:0;color:#666B68;font-size:12.5px;line-height:1.75}
.page-simulator .cta{background:#E9DDC7}
.page-simulator .cta::before{background:var(--navy)}
.page-simulator .cta h2,.page-simulator .cta p{color:var(--navy)}
.page-simulator .cta .btn-gold{background:var(--navy);border-color:var(--navy);color:#fff}

/* 시작 절차: 공개된 길을 따라가는 필드 가이드 */
.page-step .ph{background:#D8BD86;color:var(--navy);border-bottom:1px solid #B69659}
.page-step .ph::before{
  left:auto;right:8%;top:0;width:1px;height:100%;background:rgba(23,42,58,.25);
}
.page-step .ph::after{
  content:'START';right:5%;bottom:-18px;width:auto;height:auto;border:0;background:none;
  color:rgba(23,42,58,.12);font:700 clamp(90px,14vw,200px)/1 var(--font-data);letter-spacing:-.07em;
}
.page-step .ph .crumb,.page-step .ph p{color:#554A37}
.page-step .ph h1{color:var(--navy);font-family:var(--font-editorial);font-weight:600}
.page-step .tl{
  counter-reset:journey;padding:20px 0 20px 96px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;
}
.page-step .tl::before{left:42px;top:18px;bottom:18px;width:1px;background:#C6AA73}
.page-step .tli{counter-increment:journey;padding:4px 0 44px}
.page-step .tli::before{left:-62px;top:3px;width:22px;height:22px;border:1px solid var(--gold-deep);box-shadow:none;background:#fff}
.page-step .tli::after{
  content:'0' counter(journey);position:absolute;left:-106px;top:1px;
  color:var(--gold-deep);font:500 14px/1 var(--font-data);
}
.page-step .tli h3{font-size:25px;font-weight:500;letter-spacing:-.05em}
.page-step .tli .meta{color:var(--family-teal)}
.page-step .cards .card{border-radius:0;border-top:3px solid var(--gold);box-shadow:none}
.page-step .quote q{font-family:var(--font-editorial);font-weight:500}

@media (max-width:860px){
  body{letter-spacing:-.014em}
  p,li{letter-spacing:-.018em}
  .subpage .ph{min-height:390px;padding:72px 0 56px}
  .subpage .ph h1{font-size:clamp(38px,10vw,50px)}
  .home-ceo .hero .wrap::after,.home-family .hero .wrap::after{display:none}
  .home-ceo .hero h1{font-size:39px;line-height:1.28}
  .home-family .hero h1{font-size:38px}
  .home-family .step .wrap::after{right:22px;font-size:74px}
  .role-journey .journey-layout,.home-family .start-journey .journey-layout{grid-template-columns:1fr;min-height:0}
  .home-family .start-journey .journey-photo{order:-1}
  .role-journey .journey-photo,.home-family .start-journey .journey-photo{min-height:340px}
  .role-journey .journey-photo img,.home-family .start-journey .journey-photo img{min-height:340px;height:340px}
  .role-journey .flow,.home-family .start-journey .flow{padding:28px}
  .page-succession .ph::after{font-size:140px;right:18px}
  .page-succession .cards.c3{display:grid;grid-template-columns:1fr}
  .page-succession .card{border-right:0;border-bottom:1px solid var(--line)}
  .page-risk .ph::after{font-size:74px;right:-8px}
  .page-risk .ph h1{font-size:44px}
  .page-family-role .ph::before{width:180px;height:180px;right:-50px}
  .page-family-role .media img{border-radius:80px 4px 4px 4px}
  .page-family-role .flow .arw{display:none}
  .page-funding .ph::after{font-size:180px}
  .page-diagnosis .ph::before,.page-diagnosis .ph::after{display:none}
  .page-diagnosis .q{grid-template-columns:1fr;gap:12px;padding:24px 22px}
  .page-diagnosis .opts{justify-content:flex-start}
  .page-why .ph::after{font-size:120px;right:-14px}
  .page-why .media{grid-template-columns:1fr}
  .page-why .media img{border-radius:0 80px 80px 0}
  .page-why .fric{grid-template-columns:1fr;gap:8px}
  .page-structure .ph::after{font-size:68px;right:-10px}
  .page-structure .eq{padding:30px 20px}
  .page-simulator .ph::before,.page-simulator .ph::after{display:none}
  .page-simulator .out .amt{font-size:56px}
  .page-funding .compare-scenario::after{font-size:126px;right:-22px}
  .page-funding .compare-head{grid-template-columns:1fr}
  .page-funding .compare-index{display:none}
  .page-funding .compare-disclaimer{grid-template-columns:1fr;gap:12px}
  .page-step .ph::after{font-size:92px;right:-16px}
  .page-step .tl{padding-left:68px}
  .page-step .tl::before{left:28px}
  .page-step .tli::before{left:-50px}
  .page-step .tli::after{left:-72px;font-size:11px}
}

@media (max-width:520px){
  .subpage .ph{min-height:360px}
  .subpage .ph h1{font-size:38px;line-height:1.24}
  .subpage .ph p{font-size:15px;line-height:1.7}
  .home-ceo .hero h1{font-size:36px}
  .home-family .hero h1{font-size:35px}
  .role-journey .journey-layout,.home-family .start-journey .journey-layout{margin-top:34px}
  .role-journey .journey-photo,.home-family .start-journey .journey-photo{min-height:270px}
  .role-journey .journey-photo img,.home-family .start-journey .journey-photo img{min-height:270px;height:270px}
  .role-journey .journey-photo figcaption,.home-family .start-journey .journey-photo figcaption{padding:22px 20px 24px}
  .role-journey .journey-photo figcaption strong,.home-family .start-journey .journey-photo figcaption strong{font-size:27px}
  .role-journey .flow,.home-family .start-journey .flow{padding:18px}
  .role-journey .flow .node,.home-family .start-journey .flow .node{
    grid-template-columns:52px minmax(0,1fr) 38px;min-height:122px;padding:20px 16px;column-gap:14px;
  }
  .role-journey .flow .disc,.home-family .start-journey .flow .disc{width:48px;height:48px}
  .role-journey .flow .disc svg,.home-family .start-journey .flow .disc svg{width:24px;height:24px}
  .role-journey .flow .nm,.home-family .start-journey .flow .nm{font-size:18px}
  .role-journey .flow .de,.home-family .start-journey .flow .de{font-size:13px}
  .role-journey .flow .stage-no,.home-family .start-journey .flow .stage-no{font-size:24px}
  .page-diagnosis .opt{padding:10px 14px}
  .page-simulator .sim{padding:26px 20px}
  .page-simulator .row{grid-template-columns:58px 1fr;gap:10px}
  .page-simulator .out .amt{font-size:48px}
  .page-simulator .fill{min-width:72px;padding-right:6px;font-size:10.5px;white-space:nowrap}
  .page-funding .compare-scenario h2{font-size:38px}
  .page-funding .compare-head p{font-size:15px}
  .page-funding .compare-card{padding:20px;border-radius:var(--r-input)}
  .page-funding .compare-options button{flex:1 1 calc(33.333% - 8px);min-width:86px;padding:10px 9px}
  .page-funding .compare-options-tax button{flex-basis:100%;justify-content:space-between}
  .page-funding .compare-insight{padding:18px 16px;font-size:13.5px;text-align:left}
  .page-funding .compare-bar-meta span{max-width:60%;line-height:1.35}
  .page-funding .compare-bar-meta small{display:block;margin-top:3px}
  .page-funding .compare-bar-meta b{font-size:15px}
  .page-funding .compare-disclaimer{padding:22px 20px}
}