/* =========================================================
   폐차 상담 랜딩 — 센터드 에디토리얼 + 세로 타임라인 스파인
   세이지 그린 + 소프트 미스트 + 크림. 잡지/안내문서 톤.
   ========================================================= */
:root{
  --sc-ink:#233a2e;--sc-ink-soft:#3b5244;--sc-primary:#3f6b54;--sc-primary-strong:#315842;
  --sc-mist:#8fb89f;--sc-mist-soft:#b9d2c0;--sc-lime:#cfe0a8;--sc-cream:#f3f6f1;--sc-cream-deep:#eaf0e3;
  --sc-muted:#6a7a6c;--sc-line:#dde5da;--sc-paper:#f6f8f3;--sc-white:#fffefb;
  --sc-font:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;
  --sc-serif:'Pretendard',Georgia,'Noto Serif KR',serif;
  --sc-shadow:0 18px 50px rgba(40,70,52,.08);--sc-radius:16px;
  --sc-measure:760px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--sc-cream);color:var(--sc-ink);font:16px/1.85 var(--sc-font);word-break:keep-all;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3,p,figure,ul,ol,dl,dd,dt,blockquote,table{margin:0}
ul{padding:0;list-style:none}
h1,h2,h3{letter-spacing:-.03em;line-height:1.34;font-weight:600}
button,input,select,textarea{font:inherit}
button,summary{cursor:pointer}
[hidden]{display:none!important}
i.fa-solid,i.fa-regular{font-style:normal}
::selection{background:var(--sc-lime);color:var(--sc-ink)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sc-primary);outline-offset:4px;border-radius:4px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--sc-primary);outline-offset:2px}

/* 중앙 1단 측정선 (에디토리얼 본문 폭) */
.sc-wrap{width:calc(100% - 48px);max-width:1180px;margin-inline:auto}
.sc-measure{width:calc(100% - 48px);max-width:var(--sc-measure);margin-inline:auto}
.sc-skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:#fff;z-index:99;border-radius:8px;box-shadow:var(--sc-shadow)}
.sc-skip:focus{top:10px}
.sc-preview{padding:10px 24px;background:#e7f0e6;color:#2d5540;text-align:center;font-size:12.5px;font-weight:600}
.sc-preview i{margin-right:6px}

/* ---------- reveal 모션 ---------- */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
.reveal.is-in{opacity:1;transform:none}

/* ---------- 헤더 (조용한 에디토리얼) ---------- */
.sc-header{position:sticky;top:0;background:rgba(243,246,241,.86);backdrop-filter:saturate(1.3) blur(10px);z-index:30;border-bottom:1px solid var(--sc-line);transition:box-shadow .3s}
.sc-header.is-stuck{box-shadow:0 6px 24px rgba(40,70,52,.06)}
.sc-header-row{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sc-brand{display:flex;gap:11px;align-items:center}
.sc-brand-text{font-size:19px;font-weight:700;letter-spacing:-.03em;line-height:1.15;white-space:nowrap}
.sc-brand-text small{display:block;font-size:9.5px;font-weight:500;letter-spacing:.14em;margin-top:4px;color:var(--sc-mist)}
.sc-mark{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:linear-gradient(135deg,var(--sc-primary),#4f7d62);color:var(--sc-lime);font-size:16px;border-radius:50%;flex-shrink:0;box-shadow:0 6px 16px rgba(63,107,84,.26)}
.sc-nav{display:flex;gap:28px;font-size:14px;font-weight:500;color:var(--sc-ink-soft)}
.sc-nav a{position:relative;padding:4px 0}
.sc-nav a::after{content:'';position:absolute;left:0;right:100%;bottom:-2px;height:1.5px;background:var(--sc-primary);transition:right .25s}
.sc-nav a:hover{color:var(--sc-primary)}
.sc-nav a:hover::after{right:0}
.sc-header-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1.5px solid var(--sc-primary);color:var(--sc-primary);font-size:13.5px;font-weight:600;border-radius:100px;white-space:nowrap;transition:background .2s,color .2s}
.sc-header-cta:hover{background:var(--sc-primary);color:#fff}
.sc-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--sc-line);background:var(--sc-white);border-radius:11px;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.sc-menu-toggle span{width:18px;height:1.8px;background:var(--sc-ink);display:block;transition:transform .25s,opacity .25s}
.sc-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.4px) rotate(45deg)}
.sc-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.4px) rotate(-45deg)}
.sc-mobile-menu{padding:12px 24px 20px;border-top:1px solid var(--sc-line);background:var(--sc-white)}
.sc-mobile-menu a{display:block;padding:11px 0;font-weight:500}
.sc-mobile-menu-cta{color:var(--sc-primary);font-weight:600}
.sc-mobile-menu-cta i{margin-right:6px}

/* ---------- 버튼 / 링크 ---------- */
.sc-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border:0;border-radius:100px;padding:14px 28px;font-size:15px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}
.sc-button:hover{transform:translateY(-2px)}
.sc-button>span{display:inline-flex;align-items:center;font-size:13px}
.sc-primary{background:var(--sc-primary);color:#fff;box-shadow:0 10px 26px rgba(63,107,84,.24)}
.sc-primary:hover{background:var(--sc-primary-strong);box-shadow:0 14px 32px rgba(63,107,84,.3)}
.sc-white{background:#fff;color:var(--sc-primary)}
.sc-white:hover{box-shadow:0 12px 28px rgba(0,0,0,.12)}
.sc-text-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--sc-primary);border-bottom:1px solid var(--sc-mist);padding:5px 0;transition:gap .2s,border-color .2s}
.sc-text-link:hover{gap:11px;border-color:var(--sc-primary)}

/* ---------- 공통 에디토리얼 타이포 ---------- */
.sc-article{padding-bottom:40px}
.sc-eyebrow{font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--sc-mist);text-transform:uppercase;margin-bottom:14px}
.sc-muted{color:var(--sc-muted)}
h2{font-size:clamp(25px,3vw,34px);line-height:1.4;font-weight:600;letter-spacing:-.025em}
h3{font-size:19px;font-weight:650}
.sc-fine{font-size:12.5px;line-height:1.7;color:var(--sc-muted);margin-top:22px}
.sc-rule{border:0;border-top:1px solid var(--sc-line);margin:0 auto;max-width:var(--sc-measure)}
.sc-kicker{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.14em;color:var(--sc-primary);text-transform:uppercase;margin-bottom:26px}
.sc-kicker i{color:var(--sc-mist)}
.sc-kicker-line{width:34px;height:1px;background:var(--sc-mist)}

/* ---------- 센터드 히어로 ---------- */
.sc-hero{padding:72px 0 56px;text-align:center}
.sc-hero-title{font-size:clamp(32px,5.2vw,52px);line-height:1.26;font-weight:600;letter-spacing:-.035em;color:var(--sc-ink)}
.sc-hero-lead{margin:26px auto 0;max-width:580px;font-size:clamp(16px,1.9vw,18px);line-height:1.9;color:var(--sc-ink-soft)}
.sc-hero-figure{margin:48px auto 0;max-width:620px;border-radius:var(--sc-radius);overflow:hidden;position:relative;box-shadow:var(--sc-shadow)}
.sc-hero-figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.sc-hero-figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 16px;font-size:11px;color:#eef4ea;background:linear-gradient(to top,rgba(35,58,46,.7),transparent);text-align:left}
.sc-hero-actions{margin-top:38px;display:flex;flex-direction:column;align-items:center;gap:18px}

/* ---------- 조용한 통계 한 줄 ---------- */
.sc-stat-line{padding:36px 0;text-align:center}
.sc-stat-line dl{display:flex;justify-content:center;gap:clamp(28px,6vw,72px);flex-wrap:wrap}
.sc-stat-line dt{font-size:12.5px;color:var(--sc-muted);letter-spacing:.02em;order:2;margin-top:6px}
.sc-stat-line dd{font-size:clamp(28px,4vw,38px);font-weight:600;letter-spacing:-.03em;color:var(--sc-primary);line-height:1;order:1}
.sc-stat-line dd span{font-variant-numeric:tabular-nums}
.sc-stat-note{margin-top:26px;font-size:12px;color:var(--sc-muted);line-height:1.7}
.sc-stat-note i{color:var(--sc-mist);margin-right:5px}

/* ---------- 리드 단락 + 드롭캡 ---------- */
.sc-lede{padding:56px 0}
.sc-lede p{font-size:17px;line-height:1.95;color:var(--sc-ink-soft)}
.sc-lede p+p{margin-top:24px}
.sc-lede b{color:var(--sc-ink);font-weight:650}
.sc-dropcap::first-letter{float:left;font-size:3.6em;line-height:.82;font-weight:600;color:var(--sc-primary);margin:6px 12px 0 0;font-family:var(--sc-serif)}

/* ---------- 풀쿼트 ---------- */
.sc-pullquote{margin:40px 0;padding-left:26px;border-left:3px solid var(--sc-mist)}
.sc-pullquote p{font-size:clamp(19px,2.6vw,24px);line-height:1.6;font-weight:500;letter-spacing:-.02em;color:var(--sc-ink)}
.sc-pullquote-wide{margin-inline:auto;text-align:center;border:0;padding:52px 24px}
.sc-pullquote-wide p{max-width:620px;margin-inline:auto;color:var(--sc-primary-strong)}
.sc-pullquote-wide footer{margin-top:20px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--sc-mist);font-weight:600}

/* =========================================================
   ★ 세로 타임라인 스파인 (페이지 중심 축)
   ========================================================= */
.sc-spine-section{padding:60px 0 20px}
.sc-spine-head{text-align:center;margin-bottom:52px}
.sc-spine-head h2{margin-top:4px}
.sc-spine-head .sc-muted{margin-top:16px}
.sc-spine{position:relative;padding-left:0}
/* 세로선 (스파인) */
.sc-spine::before{content:'';position:absolute;left:21px;top:14px;bottom:30px;width:2px;background:linear-gradient(to bottom,var(--sc-mist-soft),var(--sc-mist) 12%,var(--sc-mist) 88%,transparent);border-radius:2px}
.sc-spine-step{position:relative;display:grid;grid-template-columns:44px 1fr;gap:22px;padding:0 0 44px}
.sc-spine-step:last-child{padding-bottom:0}
.sc-spine-node{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:var(--sc-white);border:2px solid var(--sc-mist);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(63,107,84,.12)}
.sc-spine-node em{font-style:normal;font-size:14px;font-weight:700;color:var(--sc-primary);letter-spacing:.02em}
.sc-spine-step.is-in .sc-spine-node{border-color:var(--sc-primary)}
.sc-spine-body{padding-top:2px}
.sc-spine-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--sc-cream-deep);color:var(--sc-primary);font-size:15px;margin-bottom:12px}
.sc-spine-body h3{font-size:20px;font-weight:650;color:var(--sc-ink);letter-spacing:-.02em}
.sc-spine-body p{margin-top:10px;color:var(--sc-ink-soft);line-height:1.85}
.sc-spine-note{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:6px 13px;border-radius:100px;background:var(--sc-white);border:1px solid var(--sc-line);font-size:12.5px;font-weight:600;color:var(--sc-primary)}
.sc-spine-note i{font-size:10px;color:var(--sc-mist)}

/* ---------- 상담 유형 (정의형 아코디언) ---------- */
.sc-types{padding:56px 0}
.sc-types-head{text-align:center;margin-bottom:40px}
.sc-types-head h2{margin-top:4px}
.sc-types-head .sc-muted{margin-top:16px}
.sc-type-list{border-top:1px solid var(--sc-line)}
.sc-type-item{border-bottom:1px solid var(--sc-line)}
.sc-type-item>summary{display:flex;align-items:center;gap:18px;padding:22px 4px;list-style:none;transition:color .2s}
.sc-type-item>summary::-webkit-details-marker{display:none}
.sc-type-item>summary:hover{color:var(--sc-primary)}
.sc-type-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--sc-cream-deep);color:var(--sc-primary);font-size:18px;flex-shrink:0}
.sc-type-label{flex:1;display:flex;flex-direction:column;gap:3px}
.sc-type-label b{font-size:18px;font-weight:650;letter-spacing:-.02em}
.sc-type-label small{font-size:13.5px;color:var(--sc-muted);font-weight:400}
.sc-type-plus{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1px solid var(--sc-line);display:flex;align-items:center;justify-content:center;color:var(--sc-primary);font-size:12px;transition:transform .3s,background .2s}
.sc-type-item[open] .sc-type-plus{transform:rotate(45deg);background:var(--sc-cream-deep)}
.sc-type-panel{padding:0 4px 26px 68px}
.sc-type-panel p{color:var(--sc-ink-soft);line-height:1.85;margin-bottom:16px}
.sc-unsure{margin-top:30px;text-align:center;font-size:14.5px;color:var(--sc-ink-soft)}
.sc-unsure i{color:var(--sc-mist);margin-right:5px}
.sc-unsure a{color:var(--sc-primary);font-weight:600;border-bottom:1px solid var(--sc-mist)}

/* ---------- 에디토리얼 노트 블록 (조기폐차 / 체크리스트) ---------- */
.sc-note{margin:48px auto;padding:40px clamp(26px,5vw,48px);background:var(--sc-white);border:1px solid var(--sc-line);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow)}
.sc-note-early{background:linear-gradient(160deg,#eef4ea,var(--sc-white) 70%)}
.sc-note-tag{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--sc-mist);text-transform:uppercase;margin-bottom:14px}
.sc-note-tag i{margin-right:6px}
.sc-note h2{letter-spacing:-.02em}
.sc-note>p{margin-top:16px;color:var(--sc-ink-soft);line-height:1.85}
.sc-note .sc-text-link{margin-top:22px}
.sc-note .sc-fine{margin-top:18px}
.sc-note-points{margin:22px 0 6px;display:flex;flex-direction:column;gap:11px}
.sc-note-points li{display:flex;align-items:center;gap:11px;font-size:14.5px;color:var(--sc-ink-soft)}
.sc-note-points i{color:var(--sc-primary);width:18px;text-align:center}

/* ---------- 담담한 인용 후기 ---------- */
.sc-voices{padding:56px 0}
.sc-voices-head{text-align:center;margin-bottom:40px}
.sc-voices-head h2{margin-top:4px}
.sc-voices-head .sc-muted{margin-top:16px}
.sc-voice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.sc-voice{padding:28px 26px;background:var(--sc-white);border:1px solid var(--sc-line);border-radius:var(--sc-radius)}
.sc-voice blockquote{font-size:15px;line-height:1.85;color:var(--sc-ink-soft);position:relative}
.sc-voice blockquote::before{content:'\201C';display:block;font-family:var(--sc-serif);font-size:44px;line-height:.4;color:var(--sc-mist-soft);margin-bottom:6px}
.sc-voice figcaption{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--sc-line)}
.sc-voice-avatar{width:38px;height:38px;border-radius:50%;background:var(--sc-cream-deep);color:var(--sc-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}
.sc-voice figcaption b{display:block;font-size:14px;font-weight:650}
.sc-voice figcaption small{font-size:12.5px;color:var(--sc-muted)}

/* ---------- FAQ (details) ---------- */
.sc-faq{padding:56px 0}
.sc-faq-head{text-align:center;margin-bottom:36px}
.sc-faq-head h2{margin-top:4px}
.sc-faq-head .sc-muted{margin-top:16px}
.sc-faq-list{border-top:1px solid var(--sc-line)}
.sc-faq-list details{border-bottom:1px solid var(--sc-line)}
.sc-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 4px;list-style:none;font-size:16px;font-weight:600;color:var(--sc-ink);transition:color .2s}
.sc-faq-list summary::-webkit-details-marker{display:none}
.sc-faq-list summary:hover{color:var(--sc-primary)}
.sc-faq-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--sc-line);display:flex;align-items:center;justify-content:center;color:var(--sc-primary);font-size:11px;transition:transform .3s,background .2s}
.sc-faq-list details[open] .sc-faq-icon{transform:rotate(45deg);background:var(--sc-cream-deep)}
.sc-faq-list details>p{padding:0 44px 24px 4px;color:var(--sc-ink-soft);line-height:1.85}

/* ---------- 상담 신청 폼 ---------- */
.sc-quote{padding:64px 0 40px}
.sc-quote-intro{text-align:center;margin-bottom:40px}
.sc-quote-intro h2{margin-top:4px}
.sc-quote-note{margin:18px auto 0;max-width:560px;color:var(--sc-ink-soft);line-height:1.85}
.sc-quote-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px}
.sc-quote-phone{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 22px;background:var(--sc-white);border:1px solid var(--sc-line);border-radius:14px;text-align:left}
.sc-quote-phone small{font-size:12px;color:var(--sc-muted)}
.sc-quote-phone small i{color:var(--sc-mist);margin-right:5px}
.sc-quote-phone b{font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--sc-primary)}
.sc-kakao{display:inline-flex;align-items:center;gap:8px;padding:0 22px;background:#fae100;color:#3c1e1e;font-size:14px;font-weight:600;border-radius:14px}
.sc-kakao i:last-child{font-size:11px;opacity:.6}
.sc-scope{margin:28px auto 0;max-width:600px;padding:16px 20px;background:var(--sc-cream-deep);border-radius:12px;font-size:13.5px;line-height:1.7;color:var(--sc-ink-soft)}
.sc-scope b{display:inline;font-weight:650;color:var(--sc-primary-strong)}
.sc-scope b i{margin-right:5px}

.sc-form{background:var(--sc-white);border:1px solid var(--sc-line);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow);padding:clamp(24px,4vw,40px)}
.sc-form-preview{margin:-6px 0 18px;padding:11px 16px;background:#eef4ea;border-radius:10px;font-size:13px;font-weight:600;color:var(--sc-primary-strong)}
.sc-form-preview i{margin-right:6px}
.sc-form-body{border:0;padding:0;margin:0}
.sc-form-body legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sc-form-body[disabled]{opacity:.7}
.sc-form-caption{font-size:13.5px;color:var(--sc-muted);margin-bottom:20px}
.sc-form-caption span{color:var(--sc-primary);font-weight:600}
.sc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sc-form-grid+.sc-form-grid,.sc-form-grid+.sc-type-choice,.sc-type-choice+.sc-form-grid,.sc-extra-fields,.sc-form-grid+.sc-extra-fields{margin-top:16px}
.sc-form-wide{grid-column:1/-1}
.sc-form label{display:flex;flex-direction:column;gap:7px;font-size:13.5px;font-weight:600;color:var(--sc-ink-soft)}
.sc-form label i{color:#c0563f;font-style:normal}
.sc-form label small{color:var(--sc-muted);font-weight:400}
.sc-form input,.sc-form select,.sc-form textarea{width:100%;padding:13px 15px;border:1px solid var(--sc-line);border-radius:11px;background:var(--sc-paper);color:var(--sc-ink);font-size:15px;font-weight:400;transition:border-color .2s,background .2s}
.sc-form input:focus,.sc-form select:focus,.sc-form textarea:focus{background:#fff;border-color:var(--sc-primary)}
.sc-form textarea{resize:vertical;min-height:84px;line-height:1.7}
.sc-form [aria-invalid="true"]{border-color:#c0563f;background:#fdf3f0}
.sc-type-choice{border:1px solid var(--sc-line);border-radius:12px;padding:16px 18px;margin:0}
.sc-type-choice legend{padding:0 6px;font-size:13px;font-weight:600;color:var(--sc-ink-soft)}
.sc-type-choice>div{display:flex;flex-wrap:wrap;gap:10px}
.sc-type-choice label{flex-direction:row;align-items:center;gap:7px;padding:9px 15px;border:1px solid var(--sc-line);border-radius:100px;background:var(--sc-paper);cursor:pointer;font-size:14px;font-weight:500;transition:border-color .2s,background .2s}
.sc-type-choice label:has(input:checked){border-color:var(--sc-primary);background:#eef4ea;color:var(--sc-primary-strong)}
.sc-type-choice input{width:auto;accent-color:var(--sc-primary)}
.sc-extra-fields,.sc-consent-info{border:1px solid var(--sc-line);border-radius:12px;overflow:hidden}
.sc-extra-fields>summary,.sc-consent-info>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;list-style:none;font-size:13.5px;font-weight:600;color:var(--sc-ink-soft);background:var(--sc-paper)}
.sc-extra-fields>summary::-webkit-details-marker,.sc-consent-info>summary::-webkit-details-marker{display:none}
.sc-extra-fields>summary i,.sc-consent-info>summary i{color:var(--sc-primary);margin-right:6px}
.sc-extra-tag{font-size:11px;font-weight:600;color:var(--sc-muted);padding:3px 10px;border-radius:100px;background:var(--sc-cream-deep)}
.sc-extra-fields[open]>summary,.sc-consent-info[open]>summary{border-bottom:1px solid var(--sc-line)}
.sc-extra-fields .sc-form-grid{padding:18px}
.sc-consent-info{margin-top:16px}
.sc-consent-info>p{padding:16px 18px;font-size:12.5px;line-height:1.75;color:var(--sc-muted)}
.sc-consent-info a{color:var(--sc-primary);font-weight:600;text-decoration:underline}
.sc-consent{flex-direction:row!important;align-items:flex-start;gap:10px;margin-top:18px;font-size:14px;font-weight:500!important;color:var(--sc-ink-soft)!important;cursor:pointer}
.sc-consent input{width:auto!important;margin-top:3px;accent-color:var(--sc-primary);flex-shrink:0}
.sc-submit{width:100%;margin-top:22px}
.sc-form-status{margin-top:16px;padding:0;font-size:14px;line-height:1.7;color:#c0563f;font-weight:600;text-align:center}
.sc-form-status:empty{display:none}
.sc-form-status.is-success{color:var(--sc-primary-strong)}
.sc-form-footnote{margin-top:16px;font-size:12px;color:var(--sc-muted);text-align:center;line-height:1.7}
.sc-noscript{margin-top:16px;padding:14px;background:#fdf3f0;border-radius:10px;font-size:13px;color:#8a4433;text-align:center}

/* =========================================================
   서브페이지 (가이드 / 조기폐차 / 체크리스트)
   ========================================================= */
.sc-subpage{padding-bottom:40px}
.sc-page-hero{padding:60px 0 44px;text-align:center}
.sc-breadcrumb{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12.5px;color:var(--sc-muted);margin-bottom:24px}
.sc-breadcrumb a{color:var(--sc-muted)}
.sc-breadcrumb a:hover{color:var(--sc-primary)}
.sc-breadcrumb i{font-size:9px;color:var(--sc-mist)}
.sc-toc{margin:0 auto 20px;padding:22px 26px;background:var(--sc-white);border:1px solid var(--sc-line);border-radius:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.sc-toc b{width:100%;font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--sc-muted);margin-bottom:4px}
.sc-toc b i{color:var(--sc-mist);margin-right:6px}
.sc-toc a{font-size:14px;font-weight:600;color:var(--sc-primary);border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color .2s}
.sc-toc a:hover{border-color:var(--sc-mist)}
.sc-doc{padding:44px 0}
.sc-doc>h2{margin-top:2px}
.sc-doc>p{margin-top:16px;color:var(--sc-ink-soft);line-height:1.9}

/* 정의형 리스트 (가이드) */
.sc-def-list{margin-top:28px;display:flex;flex-direction:column}
.sc-def{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:24px 0;border-top:1px solid var(--sc-line)}
.sc-def:last-child{border-bottom:1px solid var(--sc-line)}
.sc-def dt{font-size:16px;font-weight:650;color:var(--sc-primary-strong);display:flex;align-items:center;gap:9px}
.sc-def dt i{color:var(--sc-mist);width:20px;text-align:center}
.sc-def dd{color:var(--sc-ink-soft);line-height:1.85;font-size:15px}
.sc-def dd b{color:var(--sc-ink);font-weight:650;display:block;margin-bottom:5px}
.sc-def dd .sc-text-link{margin-top:12px;font-size:13.5px}

/* 콜아웃 */
.sc-callout{margin-top:28px;padding:22px 24px;background:#fbf6e8;border:1px solid #efe2bf;border-left:4px solid #d9a84a;border-radius:12px}
.sc-callout b{display:block;font-size:15px;color:#8a6516;font-weight:650;margin-bottom:8px}
.sc-callout b i{margin-right:7px}
.sc-callout p{font-size:13.5px;line-height:1.8;color:#7a6534}

/* 표 */
.sc-table-scroll{margin-top:24px;overflow-x:auto;border:1px solid var(--sc-line);border-radius:12px}
.sc-info-table{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}
.sc-info-table caption{text-align:left;padding:14px 18px;font-size:12.5px;color:var(--sc-muted);background:var(--sc-paper);border-bottom:1px solid var(--sc-line)}
.sc-info-table th,.sc-info-table td{padding:14px 18px;text-align:left;vertical-align:top;line-height:1.7;border-top:1px solid var(--sc-line)}
.sc-info-table thead th{background:var(--sc-cream-deep);font-weight:650;color:var(--sc-ink);border-top:0}
.sc-info-table tbody th{font-weight:650;color:var(--sc-primary-strong);white-space:nowrap;background:var(--sc-paper);width:38%}
.sc-info-table tbody td{color:var(--sc-ink-soft)}
.sc-info-note,.sc-source-note{margin-top:18px;font-size:12.5px;line-height:1.75;color:var(--sc-muted)}

/* 순서 리스트 (조기폐차 단계) */
.sc-ol-steps{margin-top:26px;counter-reset:scol;display:flex;flex-direction:column;gap:4px}
.sc-ol-steps li{position:relative;padding:20px 0 20px 56px;border-top:1px solid var(--sc-line)}
.sc-ol-steps li:last-child{border-bottom:1px solid var(--sc-line)}
.sc-ol-steps li::before{counter-increment:scol;content:counter(scol,decimal-leading-zero);position:absolute;left:0;top:20px;font-size:16px;font-weight:700;color:var(--sc-primary);font-variant-numeric:tabular-nums}
.sc-ol-steps h3{font-size:17px;font-weight:650}
.sc-ol-steps p{margin-top:7px;font-size:14px;color:var(--sc-ink-soft);line-height:1.8}

/* 체크 리스트 */
.sc-check-list{margin-top:26px;display:flex;flex-direction:column;gap:4px}
.sc-check-list li{position:relative;padding:20px 0 20px 34px;border-top:1px solid var(--sc-line)}
.sc-check-list li:last-child{border-bottom:1px solid var(--sc-line)}
.sc-check-list li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:0;top:21px;font-size:13px;color:var(--sc-primary)}
.sc-check-list b{display:block;font-size:16px;font-weight:650;color:var(--sc-ink)}
.sc-check-list p{margin-top:6px;font-size:14px;color:var(--sc-ink-soft);line-height:1.8}

/* 문서 카드 그리드 (명의별 자료 / 공식 창구) */
.sc-document-grid{margin-top:26px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.sc-document-grid article{padding:24px;background:var(--sc-white);border:1px solid var(--sc-line);border-radius:14px}
.sc-document-grid span{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--sc-mist);text-transform:uppercase}
.sc-document-grid span i{font-size:13px}
.sc-document-grid h3{margin-top:10px;font-size:17px;font-weight:650}
.sc-document-grid p{margin-top:8px;font-size:13.5px;color:var(--sc-ink-soft);line-height:1.8}
.sc-document-grid ul{margin-top:14px;display:flex;flex-direction:column;gap:9px}
.sc-document-grid li{position:relative;padding-left:18px;font-size:13.5px;color:var(--sc-ink-soft);line-height:1.6}
.sc-document-grid li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--sc-mist)}
.sc-document-grid .sc-text-link{margin-top:14px;font-size:13.5px}

/* 출처 링크 */
.sc-source-links{margin-top:24px;display:flex;flex-direction:column;gap:10px}
.sc-source-links a{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--sc-primary)}
.sc-source-links a i{color:var(--sc-mist)}
.sc-source-links a:hover{text-decoration:underline}

/* 서브페이지 하단 CTA */
.sc-page-cta{margin-top:20px;padding:52px 24px;text-align:center;background:var(--sc-white);border:1px solid var(--sc-line);border-radius:var(--sc-radius)}
.sc-page-cta h2{margin:4px 0 26px}

/* =========================================================
   푸터
   ========================================================= */
.sc-footer{margin-top:60px;background:var(--sc-ink);color:#cdd9cf;padding:56px 0 40px}
.sc-footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1)}
.sc-footer-brand-col{max-width:320px}
.sc-footer-brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:700;color:#fff}
.sc-footer-brand-col p{margin-top:14px;font-size:14px;line-height:1.8;color:#9fb3a3}
.sc-footer-phone{display:inline-flex;flex-direction:column;gap:3px;margin-top:20px;font-size:19px;font-weight:700;letter-spacing:-.02em;color:#fff}
.sc-footer-phone small{font-size:12px;font-weight:500;color:var(--sc-mist)}
.sc-footer-phone small i{margin-right:5px}
.sc-footer-links{display:flex;flex-direction:column;gap:12px;font-size:14px}
.sc-footer-links a{color:#9fb3a3;transition:color .2s}
.sc-footer-links a:hover{color:#fff}
.sc-footer-legal{padding-top:28px}
.sc-footer-biz{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:#8ba291}
.sc-footer-biz b{color:#cdd9cf;font-weight:650}
.sc-footer-disclaimer{margin-top:16px;font-size:12px;line-height:1.75;color:#7e968a;max-width:860px}
.sc-footer-legal small{display:block;margin-top:14px;font-size:12px;color:#6d8578}

/* 모바일 하단 연락 바 */
.sc-mobile-contact{display:none;position:fixed;left:0;right:0;bottom:0;z-index:28;gap:1px;background:var(--sc-line);box-shadow:0 -4px 20px rgba(0,0,0,.08)}
.sc-mobile-contact a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-size:14px;font-weight:600;background:var(--sc-white)}
.sc-mobile-contact a:first-child{color:var(--sc-ink-soft)}
.sc-mobile-contact a:last-child{background:var(--sc-primary);color:#fff}

/* =========================================================
   반응형
   ========================================================= */
@media (max-width:860px){
  .sc-def{grid-template-columns:1fr;gap:10px}
  .sc-def dt{font-size:17px}
}
@media (max-width:720px){
  .sc-nav{display:none}
  .sc-header-cta{display:none}
  .sc-menu-toggle{display:flex}
  .sc-header-row{height:64px}
  body{padding-bottom:58px}
  .sc-mobile-contact{display:flex}
  .sc-hero{padding:48px 0 40px}
  .sc-voice-grid,.sc-document-grid{grid-template-columns:1fr}
  .sc-form-grid{grid-template-columns:1fr}
  .sc-spine-step{grid-template-columns:38px 1fr;gap:16px;padding-bottom:36px}
  .sc-spine::before{left:18px}
  .sc-spine-node{width:38px;height:38px}
  .sc-spine-node em{font-size:13px}
  .sc-type-panel{padding-left:4px}
  .sc-faq-list details>p{padding-right:4px}
  .sc-pullquote-wide{padding:40px 8px}
}
@media (max-width:420px){
  .sc-stat-line dl{gap:22px}
  .sc-type-item>summary{gap:12px}
  .sc-type-ic{width:40px;height:40px;font-size:16px}
}

/* 모션 최소화 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}
