/* ─── 단골픽 공통 스킨 v2 · 토스 결 · 연두 (2026-09-03) ───
   홈(index v7)과 서브 페이지의 셸(내비 · 톤 · 카드 · 버튼 · 푸터)을 맞추는 오버라이드.
   각 페이지 고유 스타일 뒤에 로드한다. 페이지 기능 JS는 건드리지 않는다.
   내비 링크 통일은 /skin.js가 맡는다. */
:root{
  --g:#62c837;--gd:#3f9f1f;--pri:#62c837;--pri-d:#3f9f1f;--pri-soft:#eef9e6;--pri-soft2:#d2f1c1;
  --green:#62c837;--green-d:#3f9f1f;--dg-green:#62c837;--dg-muted:#8b95a1;
  --ink:#191f28;--sub:#4e5968;--faint:#8b95a1;--muted:#8b95a1;--line:#e5e8eb;--soft:#f9fafb;
  --r:24px;--sh:0 10px 40px rgba(25,31,40,.06);
}
html{scroll-padding-top:76px}
body{background:#fff!important;color:var(--ink)!important;font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,'Apple SD Gothic Neo','Noto Sans KR',sans-serif!important;letter-spacing:-.01em;word-break:keep-all;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.faqTitle,.fnH1,.brand{font-family:inherit!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.28;font-style:normal!important}
h1,.fnH1{font-size:clamp(30px,4.6vw,52px)!important}
h2{font-size:clamp(22px,2.6vw,30px)!important}
h3{font-size:clamp(18px,2vw,22px)!important}
em{font-style:normal;color:var(--gd)}

/* ── 내비 ── */
.nv{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #f2f4f6!important;box-shadow:none!important}
.nv .nvin{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:26px;padding:0 24px!important;height:64px}
.nvlogo,.nv .lg{display:inline-flex;align-items:center;gap:0;color:var(--ink)!important;font-weight:800!important;font-size:21px!important;letter-spacing:-.03em!important;text-decoration:none;white-space:nowrap}
.nvlogo img,.nvlogo i{display:none!important}
.nvlogo b,.nv .lg b{color:var(--g)!important}
.nvlinks{display:flex;gap:26px!important;margin-left:4px}
.nvlinks::before,.nvlinks::after,.nvin::before,.nvin::after{display:none!important;content:none!important}
.nvlinks a{color:var(--sub)!important;font-weight:600!important;font-size:15px!important;text-decoration:none;transition:color .15s}
.nvlinks a:hover,.nvlinks a.cur,.nvlinks a.on,.nvlinks a.act{color:var(--ink)!important}
.nvcta{margin-left:auto;display:inline-flex;align-items:center;background:var(--g)!important;background-image:none!important;color:#fff!important;border-radius:12px!important;font-weight:700!important;font-size:14px!important;padding:10px 16px!important;box-shadow:none!important;text-decoration:none;white-space:nowrap}
.nvcta:hover{background:var(--gd)!important}
.nvcta svg{display:none}
.skBurger{display:none;margin-left:auto;width:40px;height:40px;border:0;background:transparent;cursor:pointer;padding:0}
.skBurger i{display:block;width:22px;height:2px;background:var(--ink);margin:5px auto;border-radius:2px}
.skDrawer{position:fixed;inset:0;z-index:90;background:#fff;padding:84px 28px 28px;display:none;flex-direction:column}
.skDrawer.open{display:flex}
.skDrawer a{font-size:22px;font-weight:700;padding:14px 0;border-bottom:1px solid #f2f4f6;color:var(--ink);text-decoration:none}
.skDrawer .x{position:absolute;top:12px;right:16px;width:44px;height:44px;border:0;background:transparent;font-size:30px;color:var(--sub);cursor:pointer}
@media(max-width:900px){.nvlinks{display:none!important}.nv .nvcta{display:none!important}.skBurger{display:block}}
/* nv.js 드로어(블로그)도 흰색으로 */
.nvDrawer{background:#fff!important;color:var(--ink)!important}
.nvDrawer a{color:var(--ink)!important}

/* ── 히어로 · 키커 ── */
.hero{background:#fff!important;padding:72px 0 40px!important}
.hero p,.hero .sub,.hero .lead{color:var(--sub)!important;font-size:clamp(15px,1.3vw,18px)!important;line-height:1.75!important}
.kicker,.eyebrow{display:inline-flex!important;align-items:center;background:var(--pri-soft)!important;border:0!important;color:var(--gd)!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.04em!important;padding:6px 12px!important}
.kicker::before,.eyebrow::before{display:none!important}
.kicker,.eyebrow{font-family:inherit!important;font-style:normal!important}

/* ── 카드 · 리스트 · 칩 ── */
.card,.panel,.box,.stepCard,.phoneBox,.sen{background:#fff!important;border:1px solid #f2f4f6!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important}
.card .card,.sen .card{box-shadow:none!important;border:1px solid var(--line)!important;border-radius:16px!important}
.sub,.fine,.muted{color:var(--sub)!important}
.fine,.muted{font-size:13px!important;color:var(--faint)!important}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px!important;background:#f2f4f6!important;color:var(--sub)!important;border:0!important;font-size:12px!important;font-weight:700!important;padding:5px 10px!important}
.pill.on{background:var(--pri-soft)!important;color:var(--gd)!important}
.tag{border-radius:999px!important}
.ck li,.ck{color:var(--sub)}
input,textarea,select{border-radius:12px!important;border:1px solid var(--line)!important;background:#f9fafb!important;font-family:inherit!important}
input:focus,textarea:focus,select:focus{outline:none!important;border-color:var(--g)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(98,200,55,.18)!important}
.bar i,.bar>i,.prog i{background:var(--g)!important}

/* ── 버튼 ── */
.btn,.gobtn,.go,.playBtn,.mnBtn,.drCta,.opt,.seg button{border-radius:14px!important;font-weight:700!important;font-family:inherit!important}
.btn:not(.ghost):not(.o):not(.w),.gobtn,.playBtn,.drCta,.go{background:var(--g)!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:none!important}
.btn:not(.ghost):hover,.gobtn:hover,.playBtn:hover,.go:hover{background:var(--gd)!important}
.btn.ghost,.btn.o,.btn.w{background:#f2f4f6!important;color:var(--ink)!important;border:0!important}
.btn.ghost:hover,.btn.o:hover,.btn.w:hover{background:var(--line)!important}
.opt.on,.seg button.on{background:var(--ink)!important;color:#fff!important}

/* ── 푸터 ── */
.ft{background:#fff!important;border-top:1px solid #f2f4f6!important;color:var(--sub)!important;padding:56px 0 36px!important}
.ft .nvlogo,.ft .nvlogo b{color:var(--ink)!important}
.ft .nvlogo b{color:var(--g)!important}
.ftbrand p,.ft p{color:var(--sub)!important}
.ftbadges span{border:1px solid var(--line)!important;background:#fff!important;color:var(--sub)!important;border-radius:999px}
.ftcols b{color:var(--faint)!important;font-size:12px!important;letter-spacing:.1em}
.ftcols a{color:var(--sub)!important}
.ftcols a:hover{color:var(--ink)!important}
.ftlegal{color:var(--faint)!important;border-top:1px solid #f2f4f6!important}

/* ── 약관 · 개인정보 등 단순 페이지 ── */
header:not(.nv):not(.hero) .brand{font-size:20px}
header:not(.nv):not(.hero) .brand span{color:var(--g)}

/* 약관 · 개인정보 · 삭제안내 등 단순 페이지 헤더를 흰 톤으로 */
body>header:not(.nv):not(.hero){background:#fff!important;color:var(--ink)!important;border-bottom:1px solid #f2f4f6;padding:36px 18px!important}
body>header:not(.nv):not(.hero) h1{color:var(--ink)!important;font-size:clamp(24px,3vw,34px)!important}
body>header:not(.nv):not(.hero) .brand{display:none}
/* skin.js가 만든 표준 내비 */
.skNav{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #f2f4f6}
.skNav .nvin{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:26px;padding:0 24px;height:64px}