/* 누누토토 — 원색 플랫 규격(2차, 사용자 2026-10-30 "그라데이션 없이 원색 구조 · 심플 · 통일성").
   기획: 카지노친구 docs 기획/자식사이트-누누토토_plan.md 4절. 토큰 이름은 자식사이트 공통(값만 사이트마다).
   레퍼런스: GOV.UK Design System(단색 · 큰 제목 · 왼쪽 정렬 · 노란 포커스) · 토스 TDS(흰 바탕 + 회색 면 · 주 행동 하나) · Stripe Docs(목차 + 본문).
   규칙: 그라데이션 · 그림자 · 반투명 겹침 없음. 색은 면으로만 — 흰 바탕 · 회색 면 · 검정 구조(히어로 · 표 머리 · 요약 · 푸터) · 빨강 주 행동 · 노랑 주의.
   원색 넷(빨강 · 파랑 · 노랑 · 검정)은 문서 넷의 구분색으로만 쓴다. 모서리 4 · 8 · 12. 간격 4의 배수.
   PC 폭은 --w 880px 하나 — 헤더 · 배너판 · 본문 · 안내 · 푸터. 문서 목차만 880 단 바깥 왼쪽.
   중단점 1320(문서 목차) · 1024 · 768(배너판만 782). 글꼴: 한글 Pretendard · 영문 · 숫자 Inter. 아이콘: Phosphor 스프라이트. */
:root{
  --bg:#ffffff;--sf:#f2f4f6;--sf2:#e6e9ed;--ln:#e1e5ea;--ink:#111418;--ink2:#2b3038;
  --fg:#111418;--sub:#4e5968;--mu:#8b95a1;
  --ac:#e8231b;--ac-d:#c41a13;--blue:#1f5eff;--yel:#ffcc00;--ok:#00a35b;
  --r1:4px;--r2:8px;--r3:12px;--w:880px;
  --font:Inter,"Pretendard Variable",Pretendard,system-ui,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.65;letter-spacing:-.011em;word-break:keep-all;overflow-wrap:break-word;border-top:4px solid var(--ac);min-height:100vh;display:flex;flex-direction:column}
body>*{width:100%;flex:none}   /* 짧은 쪽에서도 푸터가 화면 바닥에 — .foot 의 margin-top:auto */
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;letter-spacing:-.03em;line-height:1.3;text-wrap:balance}
em{font-style:normal;color:var(--ac)}
img,video{max-width:100%}
:focus-visible{outline:3px solid var(--yel);outline-offset:0}
.ic{width:1.15em;height:1.15em;flex:none;vertical-align:-.18em;fill:currentColor}
.in{max-width:calc(var(--w) + 48px);margin:0 auto;padding:0 24px}

/* 헤더 — 흰 바탕 · 아래 선 하나. 현재 쪽은 빨간 밑줄 3px · 오른쪽 검정 단추 하나 */
.gnb{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--ln)}
.gnb .in{display:flex;align-items:center;gap:24px;height:64px}
.logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:19px;letter-spacing:-.04em}.logo img{width:28px;height:28px;border-radius:var(--r2)}
.gnb-nav{display:flex;gap:2px;flex:1;align-self:stretch}
.gnb-nav a{display:flex;align-items:center;padding:0 12px;color:var(--sub);font-weight:700;font-size:15px;border-bottom:3px solid transparent;margin-bottom:-1px}
.gnb-nav a:hover{color:var(--fg)}.gnb-nav a.on{color:var(--fg);border-bottom-color:var(--ac)}
.gnb-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r2);background:var(--ink);color:#fff;font-size:14px;font-weight:700}
.gnb-cta:hover{background:var(--ac)}
.burger{display:none;margin-left:auto;background:var(--sf);border:0;color:var(--fg);width:40px;height:40px;border-radius:var(--r2);font-size:20px;place-items:center;cursor:pointer}
.msheet{display:flex;flex-direction:column;padding:4px 16px 12px;border-top:1px solid var(--ln);background:#fff}
.msheet[hidden]{display:none}
.msheet a{padding:13px 4px;border-bottom:1px solid var(--ln);font-weight:700;font-size:16px}.msheet a:last-child{border-bottom:0;color:var(--ac)}

/* 배너판 — 모양은 판 그대로(광고 계약): 880px · 4열(782px 이하 2열) · 450:120 · 간격 0 · #242424 */
.board{max-width:var(--w);margin:24px auto 0;container-type:inline-size}
.board ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;gap:0;grid-auto-rows:59px;grid-auto-rows:calc(100cqw / 4 * .26667)}
.bc{position:relative;margin:0;overflow:hidden;background:#242424;min-width:0}
.bc.s2{grid-column:span 2}.bc.s4{grid-row:span 2}
.bc a{position:absolute;inset:0;display:block}
.bc img,.bc video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;max-width:none}
.bc.fill{display:flex;align-items:center;justify-content:center;outline:1px dashed #444;outline-offset:-1px;color:#cbcbcb;font-size:13px}

/* 본문 틀 · 글자 */
.main{max-width:calc(var(--w) + 48px);margin:0 auto;padding:40px 24px 72px;display:flex;flex-direction:column;gap:24px}
.eb{margin:0;font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--ac)}
.lead{margin:0;color:var(--sub);font-size:18px;line-height:1.6;max-width:62ch}
.p{margin:0;color:var(--sub)}
.p a,.rich a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--ac);text-decoration-thickness:2px;text-underline-offset:4px}
.p a:hover,.rich a:hover{color:var(--ac)}
.h1{font-size:40px;font-weight:800;letter-spacing:-.045em;line-height:1.2}
.by{margin:0;font-size:14px;color:var(--mu);display:flex;align-items:center;gap:6px}
.crumb{font-size:14px;color:var(--mu);display:flex;flex-wrap:wrap;align-items:center;gap:4px}.crumb i{font-style:normal;display:inline-flex;font-size:12px}.crumb a:hover{color:var(--fg);text-decoration:underline}
.sh{display:flex;flex-direction:column;gap:6px;margin-top:40px}.sh h2{font-size:28px;font-weight:800;letter-spacing:-.04em}
.sh .lead{font-size:16px}
.more{margin:0}

/* 홈 히어로 — 검정 면 하나 · 흰 글자 · 빨강 강조, 아래 숫자 3칸 */
.hero{padding:44px 40px 0;border-radius:var(--r3);background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:16px;overflow:hidden}
.hero .eb{color:var(--yel)}
.hero h1{font-size:44px;font-weight:800;letter-spacing:-.05em;line-height:1.18}
.hero em{color:#ff4a42}
.hero .lead{color:#c9ced6;font-size:17px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:var(--r2);background:var(--sf);font-weight:700;font-size:14.5px}
.chips a:hover{background:var(--sf2)}
.hero .chips a{background:#fff;color:var(--ink)}.hero .chips a:hover{background:var(--yel)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px -40px 0;border-top:1px solid var(--ink2)}
.stats div{padding:18px 24px 20px;border-right:1px solid var(--ink2)}.stats div:last-child{border-right:0}
.stats b{display:block;font-size:28px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.stats span{font-size:13.5px;color:#9aa3ae}

/* 단추 · 표시 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:var(--r2);border:0;font-weight:700;font-size:14.5px;background:var(--sf);color:var(--fg);font-family:inherit;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--sf2)}
.btn.pri{background:var(--ac);color:#fff}.btn.pri:hover{background:var(--ac-d)}
.btn.ink{background:var(--ink);color:#fff}.btn.ink:hover{background:var(--ink2)}
.btn.lg{padding:14px 20px;font-size:16px;flex:1}
.code{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r2);background:#fff;border:2px solid var(--ink);color:var(--sub);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.code b{color:var(--fg);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}.code .ic{color:var(--fg)}
.code:hover{background:var(--yel)}
.code.done{border-color:var(--ok);background:var(--ok);color:#fff}.code.done b,.code.done .ic{color:#fff}
.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r1);font-size:12.5px;font-weight:800;background:var(--sf);color:var(--sub)}
.badge.ok{background:var(--ok);color:#fff}
.rank{width:28px;height:28px;border-radius:var(--r1);background:var(--ink);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center;font-variant-numeric:tabular-nums;flex:none}
.upd{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--mu)}

/* 업체 카드 — 흰 면 · 선 1px · 배너 · 사실 3줄 · 가입코드 · 바로가기 */
.vgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vcard{border:1px solid var(--ln);border-radius:var(--r3);background:#fff;overflow:hidden;display:flex;flex-direction:column}
.vcard:hover{border-color:var(--ink)}
.vban{display:block;aspect-ratio:450/120;background:#242424;overflow:hidden}.vban img{width:100%;height:100%;object-fit:fill;display:block}
.vban span{display:grid;place-items:center;height:100%;color:#cbcbcb;font-size:14px;font-weight:700}
.vbody{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px;flex:1}
.vbody header{display:flex;align-items:center;gap:10px}.vbody h3{font-size:19px;font-weight:800;flex:1;letter-spacing:-.04em}
.vbody h3 a:hover{text-decoration:underline;text-decoration-color:var(--ac);text-decoration-thickness:2px;text-underline-offset:4px}
.vf{list-style:none;margin:0;padding:0;display:grid}.vf li{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;padding:7px 0;border-top:1px solid var(--ln)}
.vf span{color:var(--mu);flex:none}.vf b{font-weight:700;text-align:right}
.vnone{margin:0;padding:10px 12px;border-radius:var(--r2);background:var(--sf);font-size:14px;color:var(--sub)}
.vact{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:4px}
.vact .lnk{display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:700;color:var(--sub);margin-left:auto}.vact .lnk:hover{color:var(--ac)}

/* 가이드(문서 넷) — 위 띠 6px 원색 하나씩 */
.guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gcard{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid var(--ln);border-top:6px solid var(--c,var(--ink));border-radius:var(--r3);background:#fff}
.gcard:hover{border-color:var(--ink);border-top-color:var(--c,var(--ink))}
.gcard .eb{color:var(--c,var(--ink))}
.gcard b{font-size:19px;font-weight:800;letter-spacing:-.04em;line-height:1.35}.gcard small{color:var(--sub);font-size:14.5px;line-height:1.55}
.gcard .go{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:800}
.c1{--c:var(--ac)}.c2{--c:var(--blue)}.c3{--c:#d69e00}.c4{--c:var(--ink)}

/* FAQ — 선으로 나눈 목록(GOV.UK 아코디언) */
.faq{display:grid;border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--ln)}
.faq summary{display:flex;align-items:flex-start;gap:12px;padding:16px 2px;font-weight:700;font-size:16.5px;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";margin-left:auto;flex:none;width:24px;height:24px;border-radius:var(--r1);background:var(--sf);display:grid;place-items:center;font-weight:700;line-height:1}
.faq details[open] summary::after{content:"−";background:var(--ink);color:#fff}
.faq summary:hover{color:var(--ac)}
.faq p{margin:0 0 18px;color:var(--sub);font-size:15.5px;line-height:1.75;max-width:70ch}

/* 알림 — 주의는 노란 면, 안내는 회색 면 */
.note{display:flex;gap:12px;padding:16px 20px;border-radius:var(--r2);background:var(--yel);color:var(--ink);font-size:15px;line-height:1.6}
.note b{flex:none;display:inline-flex;align-items:center;gap:4px;font-weight:800}
.note.info{background:var(--sf)}

/* 원페이지 문서 — 본문 880 단, 목차는 그 바깥 왼쪽(168px · 짧은 제목). 1320px 아래는 본문 위 접는 목차 */
.main.docm{max-width:none}
.doc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--w)) minmax(0,1fr);column-gap:28px;align-items:start}
.doc .art{grid-column:2;grid-row:1}
.dtoc{grid-column:1;grid-row:1;justify-self:end;width:168px;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;display:flex;flex-direction:column;font-size:13.5px;line-height:1.45;margin-top:4px}
.dtoc b,.mtoc summary{font-size:12.5px;font-weight:800;color:var(--fg);letter-spacing:.02em}
.dtoc b{margin-bottom:8px}
.dtoc a,.mtoc a{display:flex;gap:8px;color:var(--sub)}
.dtoc a{gap:6px;padding:7px 8px 7px 12px;border-left:2px solid var(--ln)}.dtoc a:hover{color:var(--fg)}
.dtoc a.on{color:var(--fg);font-weight:700;border-left:3px solid var(--ac);padding-left:11px}
.dtoc i,.mtoc i{font-style:normal;color:var(--mu);font-weight:700;min-width:16px;font-variant-numeric:tabular-nums}.dtoc a.on i{color:var(--ac)}
.mtoc{display:none;border-radius:var(--r2);background:var(--sf);padding:12px 14px}.mtoc summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none}
.mtoc summary::-webkit-details-marker{display:none}
.mtoc[open] summary{margin-bottom:6px}.mtoc a{border-top:1px solid var(--ln);padding:9px 2px}
.art{display:flex;flex-direction:column;gap:18px;min-width:0}
.art>h2{display:flex;align-items:flex-start;gap:12px;font-size:26px;font-weight:800;letter-spacing:-.04em;margin-top:24px;padding-top:28px;border-top:2px solid var(--ink);scroll-margin-top:84px}
.art>h2 i{font-style:normal;flex:none;width:32px;height:32px;margin-top:1px;border-radius:var(--r1);background:var(--ac);color:#fff;font-size:17px;display:grid;place-items:center;font-variant-numeric:tabular-nums;letter-spacing:0}
.intro{margin:0;font-size:17px;color:var(--sub)}
.dsum{border-radius:var(--r3);background:var(--sf);padding:20px 22px;border-left:6px solid var(--ink)}
.dsum b{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;margin-bottom:8px}
.dsum ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;color:var(--fg);font-size:16px;font-weight:500}
.dsum li{display:flex;gap:10px}.dsum li::before{content:"";flex:none;width:6px;height:6px;margin-top:10px;background:var(--ac)}
.chk{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--ln)}
.chk li{display:flex;gap:12px;align-items:flex-start;padding:12px 2px;border-bottom:1px solid var(--ln);font-size:16px;color:var(--fg)}
.chk .ic{flex:none;width:22px;height:22px;padding:3px;border-radius:var(--r1);background:var(--ok);color:#fff;margin-top:2px}
.tbl{border:1px solid var(--ink);border-radius:var(--r2);overflow-x:auto}.tbl table{width:100%;border-collapse:collapse;font-size:15px}
.tbl th,.tbl td{padding:12px 16px;border-bottom:1px solid var(--ln);text-align:left;vertical-align:top}
.tbl thead th{background:var(--ink);color:#fff;font-size:13.5px;font-weight:700;border-bottom:0}
.tbl tbody tr:nth-child(even)>*{background:#f8f9fa}
.tbl tr:last-child>*{border-bottom:0}
.tbl tbody th{width:30%;font-weight:700;color:var(--fg)}.tbl tbody td{color:var(--sub)}.tbl thead th .ic{color:var(--yel)}
.ctaline{display:flex;align-items:center;gap:12px;padding:18px 22px;border-radius:var(--r3);background:var(--ink);color:#fff;font-size:16px}
.ctaline span{flex:1;color:#c9ced6}.ctaline b{color:#fff}.ctaline .ic:first-child{width:28px;height:28px;padding:5px;border-radius:var(--r1);background:var(--ac);color:#fff}
.ctaline:hover{background:var(--ink2)}
.relate{display:grid;border-top:2px solid var(--ink)}.relate b{font-size:14px;font-weight:800;padding:14px 0 6px}
.relate a{display:flex;align-items:center;gap:8px;padding:12px 2px;border-top:1px solid var(--ln);font-weight:700;font-size:16px}.relate a:hover{color:var(--ac)}
.relate a .ic{color:var(--ac)}
.toc{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.toc b{font-size:13px;font-weight:800;margin-right:4px}
.toc a{font-size:14px;font-weight:600;padding:6px 12px;border-radius:var(--r2);background:var(--sf)}.toc a:hover{background:var(--ink);color:#fff}

/* 본문(원페이지 문서 · 안내) */
.rich{display:flex;flex-direction:column;gap:16px;color:#333b45;font-size:17px;line-height:1.8}
.rich p{margin:0}.rich h3{font-size:19px;font-weight:800;color:var(--fg);margin-top:10px;letter-spacing:-.03em}.rich strong{color:var(--fg);font-weight:700}
.rich ul,.rich ol{margin:0;padding-left:22px;display:grid;gap:8px}.rich ul.chk{padding-left:0;gap:0}
.rich li::marker{color:var(--ac);font-weight:700}

/* 업체 상세 — 본문 + 요약 상자(검정 테두리 2px) */
.detail{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.side{display:flex;flex-direction:column;gap:20px;position:sticky;top:84px}
.sum{border:2px solid var(--ink);border-radius:var(--r3);background:#fff;padding:18px;display:flex;flex-direction:column;gap:14px}
.sum-h{display:flex;flex-direction:column;gap:10px}.sum-h img{border-radius:var(--r2);aspect-ratio:450/120;object-fit:fill;width:100%}
.sum-h h1{font-size:28px;font-weight:800;letter-spacing:-.045em}.sum-h p{margin:0;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.facts{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--ln)}
.facts div{padding:10px 2px;border-bottom:1px solid var(--ln)}.facts div:nth-child(odd){padding-right:10px}
.facts dt{font-size:12.5px;color:var(--mu);font-weight:600}.facts dd{margin:2px 0 0;font-weight:800;font-size:15px;letter-spacing:-.02em}
.sum .vact{flex-direction:column;align-items:stretch}.sum .code{justify-content:center;padding:11px 12px}
.fine{margin:0;font-size:12.5px;color:var(--mu)}
.rel{display:flex;flex-direction:column;gap:12px}.rel h2{font-size:15px;font-weight:800}
.mcta{display:none}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid var(--ln);border-left:1px solid var(--ln)}
.steps li{display:flex;gap:12px;padding:16px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.steps b{flex:none;width:28px;height:28px;border-radius:var(--r1);background:var(--ink);color:#fff;display:grid;place-items:center;font-size:14px}.steps span{font-size:15px;color:var(--fg);line-height:1.55}
.gg{display:flex;flex-direction:column;gap:10px}.gg h3{font-size:16px;font-weight:800;display:flex;align-items:center;gap:6px}.gg h3 .ic{color:var(--ac)}
.gc{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.gc li{padding:6px 12px;border-radius:var(--r2);background:var(--sf);font-size:14px;font-weight:600}
.fig{margin:0}.fig img{width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:var(--r3);display:block;background:var(--sf)}.fig figcaption{font-size:13px;color:var(--mu);margin-top:8px}

/* 안내 · 문의 · 404 */
.mailbox{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:22px;border-radius:var(--r3);background:var(--sf);border-left:6px solid var(--ac)}
.mailbox .btn.lg{flex:none}
.main.narrow h2{font-size:22px;font-weight:800;margin-top:16px}
.e404{padding-top:72px;padding-bottom:120px}.e404 .big{margin:0;font-size:96px;font-weight:800;letter-spacing:-.06em;line-height:1;color:var(--ac)}

/* 사이트맵 */
.smap{margin:0;padding:0;list-style:none;display:grid;border-top:1px solid var(--ln)}.smap li{border-bottom:1px solid var(--ln)}
.smap a{display:block;padding:10px 2px;font-weight:600}.smap a:hover{color:var(--ac)}
.smap.cols{display:block;columns:3;column-gap:24px}.smap.cols li{break-inside:avoid}

/* 푸터 — 검정 면 */
.foot{background:var(--ink);color:#c9ced6;padding:48px 0 28px;margin-top:auto}
.foot .in{display:grid;grid-template-columns:240px 1fr;gap:32px}
.fbrand{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.fbrand .logo{color:#fff}.fbrand p{margin:0;font-size:14px;color:#9aa3ae;line-height:1.6}
.age19{width:36px;height:36px;border-radius:50%;background:var(--ac);color:#fff;font-weight:800;display:grid;place-items:center;font-size:14px}
.fcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.fcols h2{font-size:13px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:.02em}
.fcols a{display:block;font-size:14px;color:#9aa3ae;padding:4px 0}.fcols a:hover{color:#fff;text-decoration:underline}
.copy{width:min(var(--w),calc(100% - 48px));margin:28px auto 0;padding:18px 0 0;border-top:1px solid var(--ink2);font-size:13px;color:#7c8591}

/* 중단점 */
@media (max-width:1319px){
  .main.docm{max-width:calc(var(--w) + 48px)}.doc{grid-template-columns:minmax(0,1fr);column-gap:0}.doc .art{grid-column:1}.dtoc{display:none}.mtoc{display:block}
}
@media (max-width:1024px){
  .detail{grid-template-columns:minmax(0,1fr)}.side{display:contents}.sum{order:-1}.rel{order:2}
}
@media (max-width:782px){.board{margin-top:8px}.board ul{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc(100cqw / 2 * .26667)}.bc.fill-pc{display:none}}
@media (max-width:768px){
  body{font-size:15.5px}
  .gnb-nav,.gnb-cta{display:none}.burger{display:grid}.gnb .in{height:56px;padding:0 16px}
  .main{padding:24px 16px 56px;gap:18px}
  .hero{padding:28px 20px 0;border-radius:var(--r2)}.hero h1{font-size:30px}.hero .lead{font-size:16px}
  .stats{margin:8px -20px 0}.stats div{padding:14px 14px 16px}.stats b{font-size:22px}.stats span{font-size:12.5px}
  .h1{font-size:30px}.lead{font-size:16.5px}.sh{margin-top:24px}.sh h2{font-size:23px}
  .art>h2{font-size:22px;margin-top:16px;padding-top:22px}.art>h2 i{width:28px;height:28px;font-size:15px}
  .rich{font-size:16.5px}
  .vgrid,.guides{grid-template-columns:minmax(0,1fr)}
  .foot .in{grid-template-columns:1fr;gap:28px}.copy{width:calc(100% - 32px)}.fcols{grid-template-columns:1fr 1fr}.smap.cols{columns:2}
  .mcta{display:flex;position:sticky;bottom:0;z-index:5;gap:8px;padding:10px 12px;background:#fff;border-top:2px solid var(--ink)}.mcta .btn{flex:1}
  .e404 .big{font-size:72px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}