/* 분야형 공통 스타일 (부드러운 카드형). 색은 사이트별 cfg.COLORS 가 :root 에 넣는다: bg pa ink mu ln ac ac2 b1 b2 alt */
:root{--ok:#1E7B4C;--num:"Helvetica Neue",Helvetica,Arial,sans-serif;--rad:18px;--sh:0 1px 2px rgba(20,30,50,.05),0 8px 24px rgba(20,30,50,.07);--sh2:0 2px 4px rgba(20,30,50,.06),0 14px 34px rgba(20,30,50,.12)}
.h-ja{--sc:var(--b1)}.h-lk{--sc:var(--b2)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.72 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing:-.012em;word-break:keep-all;overflow-wrap:anywhere}
a{color:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:-.035em;line-height:1.3;margin:0}p{margin:0 0 14px}
.w{width:min(1140px,100% - 40px);margin-inline:auto}.nar{max-width:820px}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:3px solid var(--b2);outline-offset:2px;border-radius:6px}[hidden]{display:none!important}
/* 머리 */
.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--ln)}
.top .w{display:flex;align-items:center;gap:20px;min-height:68px}.brand img{height:40px;width:auto}
.gnb{display:flex;gap:6px;margin-left:auto;align-items:center}.gi{position:relative}
.g1{display:block;padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:700;font-size:15px;white-space:nowrap;color:var(--ink)}
.g1:hover,.g1[aria-current]{background:var(--alt)}
.gi.has>.g1{color:#fff;background:var(--b1);box-shadow:0 4px 12px color-mix(in srgb,var(--b1) 30%,transparent)}.gi.has+.gi.has>.g1{background:var(--b2);box-shadow:0 4px 12px color-mix(in srgb,var(--b2) 30%,transparent)}
.gi.has>.g1::after{content:"▾";margin-left:5px;font-size:11px}.gi.has>.g1:hover{filter:brightness(1.07)}
.gd{display:none;position:absolute;top:calc(100% + 8px);left:0;background:var(--pa);border:1px solid var(--ln);border-radius:16px;padding:10px;width:230px;box-shadow:var(--sh2)}
.gd::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.gi.has:hover .gd,.gi.has:focus-within .gd{display:block}
.gd a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;text-decoration:none;font-size:14.5px;font-weight:600}.gd a b{font:800 12.5px var(--num);color:var(--mu);width:20px}.gd a:hover{background:var(--alt)}
/* 버튼, 낱말 */
.bt{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:14px;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;font-weight:800;text-decoration:none;font-size:16px;cursor:pointer;font-family:inherit;border:0;box-shadow:0 8px 20px color-mix(in srgb,var(--ac) 32%,transparent);transition:transform .15s,box-shadow .15s}
.bt:hover{transform:translateY(-2px);box-shadow:0 12px 26px color-mix(in srgb,var(--ac) 40%,transparent)}
.bt.gh{background:var(--pa);color:var(--ink);box-shadow:var(--sh);border:1px solid var(--ln)}
.lk,.mo{font-weight:800;color:var(--ac2);text-decoration:none}.lk:hover,.mo:hover{text-decoration:underline}.more{margin:24px 0 0}
.kk{display:inline-block;font-size:13px;font-weight:800;color:var(--ac2);background:color-mix(in srgb,var(--ac) 11%,var(--pa));border-radius:999px;padding:5px 14px;margin:0 0 14px}
/* 홈 머리 */
.hero{padding:56px 0 40px;position:relative;overflow:hidden;background:radial-gradient(900px 420px at 88% -10%,color-mix(in srgb,var(--b2) 16%,transparent),transparent 70%),radial-gradient(700px 380px at -8% 8%,color-mix(in srgb,var(--b1) 13%,transparent),transparent 70%)}
.hg{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:52px;align-items:center}
.hero h1{font-size:clamp(28px,4.2vw,46px);font-weight:900;line-height:1.24}.hero h1 mark{background:none;color:var(--ac)}.hero h1 mark.m2{color:var(--b2)}.hero h1 small{font-size:.5em;font-weight:800;color:var(--mu);display:block;margin-top:10px;letter-spacing:-.02em}
.ld{font-size:17px;color:color-mix(in srgb,var(--ink) 82%,var(--bg));margin:18px 0 0;max-width:660px}.ld a,.art a,.sl a,.rt a:not(.rm a),.io a,.qa a,.stp a,.brf a,.ct a{color:var(--ac2);font-weight:700;text-underline-offset:3px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.find{margin-top:24px;max-width:540px;position:relative}.find label,.ck label{display:block;font-size:13px;font-weight:700;color:var(--mu);margin-bottom:6px}
.find div,.ck div{display:flex;gap:8px;background:var(--pa);border:1px solid var(--ln);border-radius:16px;padding:6px;box-shadow:var(--sh)}
.find input,.ck input{flex:1;min-width:0;padding:10px 12px;border:0;font:inherit;background:transparent;outline:0}
.find button,.ck button{padding:0 20px;border:0;border-radius:11px;background:var(--b2);color:#fff;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
.fr{list-style:none;margin:8px 0 0;padding:6px;background:var(--pa);border:1px solid var(--ln);border-radius:16px;position:absolute;left:0;right:0;z-index:5;box-shadow:var(--sh2);max-height:340px;overflow:auto}
.fr li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;padding:9px 10px;border-radius:10px;font-size:14.5px}.fr li+li{border-top:1px solid var(--ln)}
.fr b{font-weight:800}.fr .d{color:var(--b2);font:13px ui-monospace,Menlo,monospace}.fr .m a{font-size:12.5px;margin-right:6px;color:var(--mu)}.fr .go{margin-left:auto;font-weight:700;color:var(--ac2);text-decoration:none;white-space:nowrap}.fr .no{color:var(--mu)}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tabs a{font-size:14px;font-weight:800;text-decoration:none;border-radius:999px;padding:7px 16px;background:var(--pa);border:1px solid var(--ln)}.tabs a:nth-child(1){background:var(--b1);color:#fff;border-color:transparent}.tabs a:nth-child(2){background:var(--b2);color:#fff;border-color:transparent}
.hr{position:relative}.art-card{position:relative;border-radius:28px;background:linear-gradient(150deg,color-mix(in srgb,var(--b1) 16%,var(--pa)),color-mix(in srgb,var(--b2) 20%,var(--pa)));padding:34px;box-shadow:var(--sh2);aspect-ratio:1.18;display:grid;place-items:center;overflow:hidden}
.art-card::before,.art-card::after{content:"";position:absolute;border-radius:50%;background:var(--pa);opacity:.55}.art-card::before{width:180px;height:180px;right:-50px;top:-60px}.art-card::after{width:120px;height:120px;left:-36px;bottom:-40px}
.art-card img{position:relative;z-index:1;width:58%;filter:drop-shadow(0 12px 18px rgba(20,30,50,.18))}.art-card i{position:absolute;z-index:1;font-style:normal;font-size:12.5px;font-weight:800;background:var(--pa);border-radius:999px;padding:5px 12px;box-shadow:var(--sh)}
.art-card i:nth-of-type(1){left:18px;top:22px}.art-card i:nth-of-type(2){right:18px;top:44%}.art-card i:nth-of-type(3){left:26px;bottom:24px}
.st4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.st{display:block;background:var(--pa);border-radius:var(--rad);padding:16px 18px;text-decoration:none;box-shadow:var(--sh);border-top:4px solid var(--sc,var(--ac));text-align:center}.st b{display:block;font:900 26px/1.2 var(--num);letter-spacing:-.04em}.st span{font-size:13px;color:var(--mu);font-weight:700}
.st:nth-child(1){--sc:var(--b1)}.st:nth-child(2){--sc:var(--b2)}.st:nth-child(3){--sc:var(--ac)}.st:nth-child(4){--sc:var(--ink)}a.st:hover{box-shadow:var(--sh2)}
.hero-img{border-radius:30px;box-shadow:var(--sh2);width:100%;height:auto}
.phg{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:center}.cv{margin:0}.cv img{border-radius:20px;box-shadow:var(--sh2)}
.cvp{max-width:100%;margin:22px 0}.pc img{border-radius:12px;margin-bottom:12px;aspect-ratio:1200/630;object-fit:cover;background:var(--alt)}
/* 구역 */
.sec{padding:60px 0}.sec.alt{background:var(--alt)}.sec.tight{padding-top:38px}
.sec h2{font-size:clamp(22px,2.6vw,29px);font-weight:900;margin:0 0 14px}.sec h2.h2b{margin-top:52px}.sec h3{font-size:18px;font-weight:800;margin:22px 0 6px}
.sl{color:var(--mu);margin:-4px 0 24px}.ha{font-size:14px;font-weight:800;color:var(--ac2);text-decoration:none;margin-left:10px}
.h3s{font-size:15px!important;margin:28px 0 10px!important;color:var(--mu)}
.box{background:var(--pa);border-radius:22px;padding:26px 28px;box-shadow:var(--sh)}
.wd{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.wd div{border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--b1) 7%,var(--pa))}.wd div:nth-child(even){background:color-mix(in srgb,var(--b2) 8%,var(--pa))}
.wd b{display:block;font-size:15px;color:var(--ac2)}.wd div:nth-child(even) b{color:color-mix(in srgb,var(--b2) 80%,var(--ink))}.wd span{display:block;font-size:14.5px}.wd small{display:block;font-size:13.5px;color:var(--mu);margin-top:2px}
.tw{overflow-x:auto;margin:18px 0;border-radius:16px;box-shadow:var(--sh);background:var(--pa)}.tb{width:100%;border-collapse:collapse;font-size:15px}
.tb th,.tb td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--ln);vertical-align:top}.tb thead th{background:var(--alt);font-size:13.5px;white-space:nowrap;color:var(--mu)}.tb tbody th{font-weight:800;white-space:nowrap}
.tb tbody tr:last-child>*{border-bottom:0}.tb.lg td,.tb.lg th{white-space:nowrap}.tb td a{color:var(--ac2);font-weight:600;text-decoration:none;margin-right:6px}.mono{font:13.5px ui-monospace,Menlo,monospace;color:var(--b2)}
/* 목차 */
.tcg{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.tk{display:flex;align-items:center;gap:10px;background:var(--pa);border-radius:14px;padding:11px 14px;text-decoration:none;font-weight:700;font-size:15px;box-shadow:var(--sh);transition:transform .15s}
.tk b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sc);color:#fff;font:800 12.5px var(--num);flex:none}.tk:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
/* 분야 카드 */
.gh2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tag{font-size:12.5px;font-weight:800;color:#fff;background:var(--sc);border-radius:999px;padding:3px 12px}
.ccs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cc{background:var(--pa);border-radius:22px;padding:22px 24px 20px;display:flex;flex-direction:column;box-shadow:var(--sh);transition:box-shadow .2s,transform .2s}.cc:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.cch{display:flex;align-items:center;gap:12px}.cn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--sc);color:#fff;font:800 15px var(--num);margin:0;flex:none}
.cc h3{font-size:20px;margin:0;line-height:1.2}.cc h3 a{text-decoration:none}.cc h3 a:hover{color:var(--ac2)}.ckw{font-size:13px;color:var(--mu);font-weight:700;margin:1px 0 0}
.ct{font-size:14.5px;color:color-mix(in srgb,var(--ink) 80%,var(--bg));margin:12px 0}
.cl{list-style:none;margin:0 0 12px;padding:0 0 0 14px;border-left:3px solid var(--sc)}.cl li{position:relative;padding:7px 0 7px 12px;display:grid;grid-template-columns:1fr auto;gap:0 12px}
.cl li::before{content:"";position:absolute;left:-22.5px;top:13px;width:12px;height:12px;border-radius:50%;background:var(--pa);border:3px solid var(--sc)}
.cl b{font-size:15px}.cl code{font:12.5px ui-monospace,Menlo,monospace;color:var(--mu);align-self:center}.cl span{grid-column:1/-1;font-size:13.5px;color:var(--mu)}
.cx{font-size:13px;color:var(--mu);margin:0 0 10px}.cc .mo{margin-top:auto;font-size:14.5px}
.cnl{display:block;font-size:13.5px;font-weight:700;color:var(--mu);text-decoration:none;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnl:hover{color:var(--ac2);text-decoration:underline}
.rl{font-size:14.5px;margin:10px 0 0!important;color:var(--mu)}.rl a{font-weight:700;color:var(--ac2)}
/* 주소 확인 */
.ckg{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.ck{margin-top:18px}
.cr{margin:12px 0 0;padding:13px 16px;border-radius:14px;background:var(--pa);font-weight:700;box-shadow:var(--sh);border-left:5px solid var(--mu)}.cr.ok{border-color:var(--ok);color:var(--ok)}.cr.bad{border-color:#D8402F;color:#A8281C}
.stp{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:12px}.stp li{counter-increment:s;background:var(--pa);border-radius:16px;padding:15px 18px 15px 62px;position:relative;box-shadow:var(--sh)}
.stp li::before{content:counter(s);position:absolute;left:16px;top:15px;width:32px;height:32px;border-radius:50%;background:var(--ac);color:#fff;font:800 16px/32px var(--num);text-align:center}.stp b{display:block}.stp span{color:color-mix(in srgb,var(--ink) 78%,var(--bg));font-size:15px}
.stp.sm li{padding:12px 16px 12px 56px}.stp.sm li::before{top:10px;width:28px;height:28px;line-height:28px;font-size:14px;background:var(--sc,var(--ac))}
.fg{margin:28px auto 0;max-width:760px}.fg img{border-radius:20px;box-shadow:var(--sh)}.fg figcaption{font-size:13.5px;color:var(--mu);text-align:center;margin-top:10px}
.io{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.io>div{background:var(--pa);border-radius:20px;padding:20px 22px;box-shadow:var(--sh)}.io h3{margin:0 0 8px;display:flex;align-items:center;gap:8px}.io ul{margin:0;padding-left:20px}.io li{margin:6px 0}
.io h3::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--ok)}.io .out h3::before{background:#D8402F}
.mks{margin:16px 0 0;display:grid;gap:8px}.mks div{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:start}.mks dd{margin:0;font-size:15px}
.rk{display:inline-block;font-size:12px;font-weight:800;border-radius:999px;padding:2px 10px;white-space:nowrap}
.rk-ok{color:var(--ok);background:#E4F4EA}.rk-mv{color:#2E5FA8;background:#E5EDF9}.rk-bl{color:#8A5A00;background:#FBF0D6}.rk-no{color:#A8281C;background:#FBE6E2}.rk-na{color:var(--mu);background:var(--alt)}
/* 글 카드, 질문 */
.pcs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pc{display:block;background:var(--pa);border-radius:20px;padding:18px 20px;text-decoration:none;box-shadow:var(--sh);transition:transform .15s,box-shadow .15s}
.pc:hover{box-shadow:var(--sh2);transform:translateY(-2px)}.pc span{font-size:12px;font-weight:800;color:#fff;background:var(--b2);border-radius:999px;padding:2px 10px}.pc-n span{background:var(--b1)}.pc b{display:block;margin:10px 0 6px;font-size:17px;line-height:1.42}.pc p{font-size:14px;color:var(--mu);margin:0}
.qa details{background:var(--pa);border-radius:16px;margin-bottom:10px;box-shadow:var(--sh)}.qa summary{cursor:pointer;padding:16px 48px 16px 20px;font-weight:800;list-style:none;position:relative}
.qa summary::-webkit-details-marker{display:none}.qa summary::after{content:"+";position:absolute;right:20px;top:11px;font:800 22px var(--num);color:var(--ac)}.qa details[open] summary::after{content:"−"}.qa p{padding:0 20px 18px;margin:0;color:color-mix(in srgb,var(--ink) 82%,var(--bg))}
/* 안쪽 페이지 머리 */
.ph{padding:40px 0 36px;background:radial-gradient(700px 300px at 92% -20%,color-mix(in srgb,var(--sc,var(--ac)) 16%,transparent),transparent 70%),var(--alt)}
.ph h1{font-size:clamp(25px,3.4vw,38px);font-weight:900}.bc{font-size:13.5px;color:var(--mu);margin:0 0 12px}.bc a{text-decoration:none}.bc a:hover{text-decoration:underline}
.meta{font-size:13.5px;color:var(--mu);margin:12px 0 0}.meta a{font-weight:700;color:var(--ac2)}.ph .kk{background:var(--sc,var(--ac));color:#fff}
.brf{background:var(--pa);border-left:6px solid var(--sc,var(--ac));border-radius:16px;padding:18px 22px;margin-bottom:38px;box-shadow:var(--sh)}.brf b{font-size:13.5px;color:var(--ac2)}.brf p{margin:4px 0 0}
.jp{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0!important}.jp a{font-size:14px;font-weight:700;text-decoration:none;border-radius:999px;padding:6px 15px;background:var(--pa);box-shadow:var(--sh)}.jp a:hover{background:var(--ink);color:#fff}
/* 사이트 줄 */
.rows{list-style:none;margin:0;padding:0;background:var(--pa);border-radius:20px;overflow:hidden;box-shadow:var(--sh)}
.rw{display:grid;grid-template-columns:34px 190px minmax(0,1fr) auto;grid-template-areas:"k n t g" "k d t g" "k c t g";column-gap:16px;align-items:center;padding:14px 18px}.rw+.rw{border-top:1px solid var(--ln)}.rw:hover{background:color-mix(in srgb,var(--alt) 50%,var(--pa))}
.kp{grid-area:k;width:34px;height:34px;border-radius:10px;border:1px solid var(--ln);background:var(--pa);color:#B4B0A8;cursor:pointer;display:grid;place-items:center;font-size:17px;padding:0}
.kp:hover{border-color:var(--ac);color:var(--ac)}.rw.on .kp{background:var(--ac);border-color:var(--ac);color:#fff}.rw.on .kp svg{fill:#fff}
.rn{grid-area:n;font-weight:800;line-height:1.35}.rd{grid-area:d;font:12.5px ui-monospace,Menlo,monospace;color:var(--b2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt{grid-area:t;font-size:15px;color:color-mix(in srgb,var(--ink) 82%,var(--bg))}.sc{font-style:normal;font-size:11.5px;font-weight:800;color:var(--mu);background:var(--alt);border-radius:6px;padding:1px 7px;margin-left:8px;white-space:nowrap}
.rm{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.rm a{font-size:12px;font-weight:700;text-decoration:none;border-radius:6px;padding:1px 8px;background:var(--alt);color:var(--mu)}.rm a:hover{background:var(--ink);color:#fff}
.rw .rk{grid-area:c;margin-top:4px;font-size:11px;padding:1px 8px;justify-self:start}
.rg{grid-area:g;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:700;background:color-mix(in srgb,var(--sc,var(--ac)) 10%,var(--pa));color:var(--ink);white-space:nowrap;transition:background .15s,color .15s}.rg b{font-weight:800}.rg:hover{background:var(--sc,var(--ac));color:#fff}
.nt{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nt a{display:block;background:var(--pa);border-radius:16px;padding:14px 18px;text-decoration:none;box-shadow:var(--sh)}.nt a:hover{box-shadow:var(--sh2)}.nt b{display:block}.nt span{font-size:13.5px;color:var(--mu)}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:44px}
.todo{list-style:none;margin:0;padding:0;background:var(--pa);border-radius:18px;box-shadow:var(--sh)}.todo li+li{border-top:1px solid var(--ln)}.todo label{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;cursor:pointer}
.todo input{width:20px;height:20px;margin:3px 0 0;accent-color:var(--ac);flex:none}.todo input:checked+span{text-decoration:line-through;color:var(--mu)}.tn{font-size:13px;color:var(--mu);margin:8px 0 0}
.ks{margin-top:30px}.ks h3{font-size:19px;margin:0 0 10px}.ks h3 a{text-decoration:none}.ks h3 a:hover{color:var(--ac2)}
.tb2{margin:0 0 12px}.em{background:var(--pa);border:2px dashed var(--ln);border-radius:18px;padding:24px;text-align:center}.em p{margin:4px 0}
/* 글 */
.art .by{font-size:13.5px;color:var(--mu)}.art .lead{font-size:18px;line-height:1.78}.art h2{margin-top:42px}.art h3{margin-top:26px}.art p{color:color-mix(in srgb,var(--ink) 88%,var(--bg))}
.toc{background:var(--pa);border-radius:16px;padding:16px 22px;margin:22px 0;box-shadow:var(--sh)}.toc ol{margin:6px 0 0;padding-left:22px}.toc a{text-decoration:none;font-weight:600;color:var(--ink)}.toc a:hover{text-decoration:underline}.pl{padding-left:20px}.pl li{margin:6px 0}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}.pn a{display:block;background:var(--pa);border-radius:16px;padding:14px 18px;text-decoration:none;box-shadow:var(--sh)}.pn a.r{text-align:right}
.pn a:hover{box-shadow:var(--sh2)}.pn span{font-size:13px;color:var(--mu);font-weight:700}.pn b{display:block;line-height:1.4}
.bk{background:var(--pa);border-top:1px solid var(--ln);padding:18px 0}.bk .w{display:flex;flex-wrap:wrap;gap:8px}.bk a{font-size:14.5px;font-weight:800;text-decoration:none;border-radius:999px;padding:7px 18px;background:var(--alt)}.bk a:first-child{background:var(--ink);color:#fff}.bk a:hover{background:var(--ac);color:#fff}
/* 바닥 */
.ft{background:var(--ink);color:color-mix(in srgb,#fff 72%,var(--ink));padding:48px 0 36px;font-size:14px}.ft .w{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}
.fa img{height:40px;width:auto;margin-bottom:14px}.fc b{display:block;color:#fff;margin-bottom:10px}.fc a{display:inline-block;margin:0 12px 5px 0;text-decoration:none;color:inherit}.fc a:hover{color:#fff;text-decoration:underline}
.fn{grid-column:1/-1;border-top:1px solid color-mix(in srgb,#fff 16%,var(--ink));padding-top:18px;margin:0;font-size:13px;opacity:.8}
@media(max-width:980px){.phg{grid-template-columns:1fr}.cv{max-width:520px}.hg{grid-template-columns:1fr}.hr{display:none}.tcg{grid-template-columns:repeat(3,1fr)}.pcs{grid-template-columns:repeat(2,1fr)}.ckg,.two{grid-template-columns:1fr;gap:28px}.nt{grid-template-columns:1fr 1fr}.ft .w{grid-template-columns:1fr 1fr}.gd{display:none!important}.gi.has>.g1::after{content:none}.st4{grid-template-columns:repeat(2,1fr)}
 .rw{grid-template-columns:34px 150px minmax(0,1fr) auto}}
@media(max-width:700px){.w{width:calc(100% - 28px)}.top{position:static}.top .w{flex-direction:column;align-items:stretch;gap:8px;padding:12px 0 10px}.brand img{height:34px}.gnb{margin:0;overflow-x:auto;gap:4px;scrollbar-width:none}.gnb::-webkit-scrollbar{display:none}.g1{padding:7px 12px;font-size:14.5px}
 .hero{padding:34px 0 28px}.st4{gap:10px;margin-top:28px}.st b{font-size:21px}.sec{padding:44px 0}.tcg{grid-template-columns:repeat(2,1fr);gap:8px}.ccs,.pcs,.io,.wd,.nt{grid-template-columns:1fr}.box{padding:20px}
 .rw{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"k n" "k d" "t t" "c c" "g g";row-gap:2px;padding:14px}.rt{margin-top:8px}.rw .rk{margin-top:8px}.rg{margin-top:10px;justify-content:center}
 .mks div{grid-template-columns:1fr;gap:4px}.pn{grid-template-columns:1fr}.ft .w{grid-template-columns:1fr}.find button,.ck button{padding:0 14px}}