/* 어느 사이트에나 필요한 규칙만 둔다. 색·모양·배치는 theme.css 에 쓴다 */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;word-break:keep-all;overflow-wrap:anywhere}
img,svg{max-width:100%}
/* 주소는 하나이고 같은 HTML 을 나눠 보여 준다. 1024px 이상이 PC 화면이다 */
.pc-only{display:none!important}
@media(min-width:1024px){.pc-only{display:revert!important}.m-only{display:none!important}}
a[target="_blank"]::after{content:"↗";margin-left:.2em;font-weight:500}
/* 움직임을 줄이도록 설정한 사람에게는 움직이지 않는다 */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 기업지원모아 — 시안 D(2026-11-07 사용자 "D로 가"): 흰 바탕·짙은 청록·호박, 둥근 카드, 번호 붙은 구역, Pretendard(머리 태그에서 불러옴) */
:root{--ink:#14201e;--sub:#5f6b69;--line:#e3e8e7;--edge:#c3cfcc;--shadow:0 1px 3px #0e2b2814;--soft:#f4f7f6;--key:#0b6e63;--keysoft:#e3f2ef;--amber:#e8890c;--ambertx:#a35a00;--ambersoft:#fff3e0;--hot:#c2410c;--dark:#0e2b28}
body{background:#fff;color:var(--ink);font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;line-height:1.6;letter-spacing:-.2px}
a{color:inherit;text-decoration:none}
.w{max-width:1140px;margin:0 auto;padding:0 20px}
/* 머리글 */
.hd{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(6px);z-index:9}
.hd .w{display:flex;align-items:center;height:64px;gap:26px}
.logo{font-weight:800;font-size:19px;display:flex;align-items:center;gap:8px;white-space:nowrap}.logo svg{color:var(--key);flex:none}
.hd nav{display:flex;gap:20px;font-size:15px;color:#3b4644}.hd nav a:hover{color:var(--key)}
.hd .cta{margin-left:auto;background:var(--key);color:#fff;border-radius:10px;padding:9px 14px;font-weight:700;font-size:14px;white-space:nowrap}
.mnav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 16px;border-bottom:1px solid var(--line);background:#fff}.mnav::-webkit-scrollbar{display:none}
.mnav a{white-space:nowrap;border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:14px}
/* 첫 화면 */
.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;padding:44px 0 30px;align-items:center}
.chip{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:13px;color:var(--sub)}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--key)}.chip .upd{color:#c8261b;font-weight:700}
h1{font-size:40px;line-height:1.26;margin:16px 0 14px;letter-spacing:-1.4px}.hero h1{font-size:38px}h1 em{font-style:normal;color:var(--key);white-space:nowrap}
.lead{color:var(--sub);font-size:16.5px;margin:0 0 20px;max-width:580px}
.search{display:flex;align-items:center;border:1.5px solid var(--edge);border-radius:14px;padding:6px 6px 6px 14px;max-width:560px;gap:8px;background:#fff}
.search:focus-within{border-color:var(--key)}
/* 검색칸 움직임(사용자 2026-11-08 "입력창 애니메이션 넣어 잘 보이게"): 테두리가 숨 쉬듯 빛남, 누르면 멈춤. 동작 줄이기 설정이면 base.css 가 멈춤 */
.search.glow{animation:glow 2.6s ease-in-out infinite}.search.glow:focus-within{animation:none;box-shadow:0 0 0 4px #0b6e6326}
@keyframes glow{0%,100%{border-color:var(--edge);box-shadow:0 0 0 0 #0b6e6300}50%{border-color:var(--key);box-shadow:0 0 0 6px #0b6e6324}}
.search input::placeholder{color:#6b7775}.search input{flex:1;border:0;outline:0;font:inherit;font-size:15.5px;min-width:0;background:none}
.search button{border:0;background:var(--key);color:#fff;border-radius:10px;padding:9px 16px;font:inherit;font-weight:700;cursor:pointer}
.btns{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.btns a{border-radius:12px;padding:11px 16px;font-weight:700;font-size:15px;border:1px solid var(--edge)}
.btns a.p{background:var(--ink);color:#fff;border-color:var(--ink)}.btns a.k{background:var(--key);color:#fff;border-color:var(--key)}
.src{font-size:13px;color:var(--sub);margin-top:14px}
.panel{background:linear-gradient(160deg,var(--keysoft),#f7fbfa);border-radius:24px;padding:24px}
.today{background:#fff;border-radius:16px;padding:14px 16px;display:inline-block;box-shadow:0 2px 10px #0b6e6312}
.today small{display:inline-block;background:var(--key);color:#fff;border-radius:99px;padding:1px 9px;font-size:12px;font-weight:700}
.today b{display:block;font-size:19px;margin-top:6px}.today span{font-size:13.5px;color:var(--key)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.st{background:#fff;border-radius:16px;padding:14px;display:grid;gap:2px}.st small{font-size:12.5px;color:var(--sub)}.st b{font-size:28px;letter-spacing:-1px;line-height:1.2}
.st.k b{color:var(--key)}.st.a b{color:#b55f00}
/* 구역 */
.sec{padding:44px 0 8px}.no{display:inline-block;background:var(--keysoft);color:var(--key);font-weight:800;font-size:12.5px;border-radius:7px;padding:3px 9px}
.sec h2{font-size:28px;margin:10px 0 4px;letter-spacing:-.8px;line-height:1.3}
.sd{color:var(--sub);margin:0 0 20px;display:flex;justify-content:space-between;gap:12px;align-items:end}.sd span{flex:1}
.sd a{color:var(--key);font-weight:700;font-size:14.5px;white-space:nowrap}
/* 받는 방식 아이콘 카드 */
.fg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.f{border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:18px;padding:18px;display:grid;gap:3px;align-content:start;transition:border-color .15s,box-shadow .15s;background:#fff}
.f:hover{border-color:var(--key);box-shadow:0 6px 18px #0b6e6314}
.f .ic{width:42px;height:42px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--key);margin-bottom:8px}
.f.m0 .ic{background:var(--ambersoft);color:var(--amber)}
.f b{font-size:17px}.f small{color:var(--sub);font-size:13.5px}.f .n{margin-top:8px;font-weight:800;color:var(--key);font-size:15px}
.f .tag{justify-self:start;font-size:11.5px;font-weight:700;border-radius:6px;padding:1px 7px;margin-bottom:2px}.f.m0 .tag{background:var(--ambersoft);color:var(--ambertx)}.f.m1 .tag{background:var(--soft);color:var(--sub)}
/* 내 상황 카드 */
.sg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.s{border-radius:20px;padding:22px;background:var(--soft);display:grid;gap:6px;align-content:start}
.s .who{font-size:13px;font-weight:800;color:var(--key)}.s b{font-size:19px}.s p{margin:0;color:var(--sub);font-size:14.5px}
.s .go{margin-top:8px;font-weight:700}.s .go em{font-style:normal;color:var(--key)}
.fit{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1.5px solid var(--key);border-radius:20px;padding:18px 22px;background:#fff}
.fit b{font-size:18px}.fit p{margin:2px 0 0;color:var(--sub);font-size:14.5px}.fit .btn{background:var(--key);color:#fff;border-radius:12px;padding:11px 18px;font-weight:700;white-space:nowrap}
/* 공고 카드 */
.tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.tabs a{border:1px solid var(--edge);background:#fff;border-radius:99px;padding:8px 14px;font-size:14.5px}
.tabs a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.c{border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px;background:#fff;transition:border-color .15s,box-shadow .15s}
.c:hover{border-color:var(--key);box-shadow:0 6px 18px #0b6e6314}
.c{position:relative}.c a.t::after{content:"";position:absolute;inset:0;border-radius:18px}.c a.t:focus-visible{outline:none}.c:focus-within{outline:2px solid var(--key);outline-offset:2px}
.c .amt{font-size:14px;color:var(--sub)}.c .amt b{color:var(--ink);font-size:15.5px}
.c .o .fav{position:relative;z-index:1;margin-left:auto;border:0;background:none;font:inherit;font-size:17px;line-height:1;color:#5f6b69;cursor:pointer;padding:2px 4px}.c .o .fav[aria-pressed="true"]{color:#b55f00}
.act{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.act[hidden]{display:none}.act .kshare{flex-basis:100%;order:-1}.act button{flex:1;border:1px solid var(--edge);background:#fff;border-radius:12px;padding:10px;font:inherit;font-weight:700;cursor:pointer;color:var(--ink)}
.act .kshare{background:#fee500;border-color:#e6cf00;color:#191600}.act .favbtn[aria-pressed="true"]{background:var(--ambersoft);border-color:var(--amber);color:var(--ambertx)}
.chk ul{margin:8px 0 0;padding-left:20px}.chk li{margin:4px 0}
.hd .favlink{margin-left:auto;font-weight:700;font-size:14px;color:#3b4644;white-space:nowrap}.hd .favlink b{color:#b55f00}.hd .favlink+.cta{margin-left:0}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:12px;padding:10px 16px;font-size:14.5px;z-index:20}
.c .tg{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ty{font-size:12px;font-weight:700;border-radius:6px;padding:2px 8px;background:var(--soft);color:var(--sub);white-space:nowrap}.ty.m0{background:var(--ambersoft);color:var(--ambertx)}.ty.m1{background:var(--keysoft);color:var(--key)}
.dd{font-size:13px;font-weight:800;white-space:nowrap}.dd.hot{color:var(--hot)}.dd.none{color:var(--sub);font-weight:600}
.c .t{font-weight:700;font-size:16.5px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c .p{font-size:13.5px;color:var(--sub)}.c .o{margin-top:auto;font-size:13px;color:var(--sub);display:flex;gap:4px 12px;flex-wrap:wrap}
.c .h{font-size:13px;color:var(--key);font-weight:600}.c .h::before{content:'↻ '}
.c .why{display:flex;gap:4px;flex-wrap:wrap}.c .why span{font-size:12px;background:var(--keysoft);color:var(--key);border-radius:6px;padding:1px 7px;font-weight:600}
.more{display:block;margin:18px auto 0;border:1px solid var(--edge);background:#fff;border-radius:12px;padding:11px 22px;font:inherit;font-size:15px;color:var(--ink);cursor:pointer;text-align:center;width:max-content}
/* 어두운 판: 해마다 열리는 사업 */
.dark{background:var(--dark);color:#e8f1ef;border-radius:28px;padding:34px;margin:44px 0 0}
.dark .no{background:#ffffff1f;color:#bfe7de}.dark h2{color:#fff}.dark .sd{color:#a9c4be}.dark .sd a{color:#7fd8c6}
.hy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.hi{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;padding:14px 0;border-bottom:1px solid #ffffff1a;align-items:start}
.hi .n{color:#7fd8c6;font-weight:800;font-size:13px;padding-top:2px}.hi .t{font-weight:600;line-height:1.45}.hi .t small{display:block;color:#a9c4be;font-weight:400;font-size:13px}
.hi .s2{font-size:12px;font-weight:700;border-radius:6px;padding:2px 8px;white-space:nowrap;background:#ffffff1f;color:#d7ece7}.hi .s2.on{background:var(--amber);color:#1a1100}
/* 목록·상세 머리 */
.ph{padding:34px 0 6px}.ph h1{font-size:34px;margin:8px 0 6px}.ph p{color:var(--sub);margin:0}
.crumb{font-size:13.5px;color:var(--sub)}.crumb a:hover{color:var(--key)}
.months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.mo{border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:16px;padding:14px;display:grid;gap:2px}.mo b{font-size:20px}.mo small{color:var(--sub);font-size:13px}.mo[aria-current]{border-color:var(--key);background:var(--keysoft)}
/* 상세 */
.det{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;padding-bottom:20px}
.box{border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:18px;padding:20px 22px;margin:0 0 14px;background:#fff}
.box h2{font-size:19px;margin:0 0 10px}.box p{margin:0 0 8px}
.kv{width:100%;border-collapse:collapse;font-size:15px}.kv th,.kv td{padding:9px 4px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.kv th{color:var(--sub);font-weight:600;width:92px;white-space:nowrap}
.kv tr:last-child th,.kv tr:last-child td{border-bottom:0}
.side{position:sticky;top:84px}.side .box{background:var(--soft);border-color:transparent}
.big{font-size:30px;font-weight:800;letter-spacing:-1px}.big.hot{color:var(--hot)}
.apply{display:block;text-align:center;background:var(--key);color:#fff;border-radius:12px;padding:12px;font-weight:700;margin-top:10px}
.apply.sub{background:#fff;color:var(--ink);border:1px solid var(--line)}
.hist{width:100%;border-collapse:collapse;font-size:14.5px}.hist th,.hist td{padding:8px 4px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.hist th{color:var(--sub);font-weight:600;font-size:13px}
.strip{display:grid;grid-template-columns:44px repeat(12,minmax(0,1fr));gap:3px;font-size:11px;color:var(--sub);align-items:center;margin:6px 0 12px}
.strip i{height:14px;border-radius:3px;background:#edf1f0}.strip i.on{background:var(--key)}.strip i.na{background:repeating-linear-gradient(45deg,#e6ebea 0 2px,#fff 2px 5px)}.strip span{text-align:center}
.note{font-size:13.5px;color:var(--sub)}
/* 내 상황으로 알아보기 */
.form{border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:22px;padding:22px;display:grid;gap:18px;background:#fff}
.q b{display:block;font-size:16px;margin-bottom:8px}.q b small{color:var(--sub);font-weight:500;font-size:13px;margin-left:6px}
.ops{display:flex;gap:8px;flex-wrap:wrap}
.ops label{cursor:pointer;position:relative}.ops input{position:absolute;opacity:0;pointer-events:none}
.ops span{display:inline-block;border:1px solid var(--edge);border-radius:99px;padding:8px 14px;font-size:15px;background:#fff}
.ops input:checked+span{background:var(--key);border-color:var(--key);color:#fff}.ops input:focus-visible+span{outline:2px solid var(--key);outline-offset:2px}
.form select{border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;background:#fff;min-width:180px;max-width:100%}
.form .go{justify-self:start;border:0;background:var(--key);color:#fff;border-radius:12px;padding:13px 22px;font:inherit;font-weight:800;font-size:16px;cursor:pointer}
.res h2{font-size:24px;margin:30px 0 4px}
/* 글 */
.prose{max-width:760px;padding:30px 0}.prose h1{font-size:32px}.prose h2{font-size:21px;margin:28px 0 8px}.prose p,.prose li{color:#2b3634}
/* 바닥글 */
.foot{margin:56px 0 0;border-top:1px solid var(--line);padding:24px 0 50px;color:var(--sub);font-size:13.5px}
.foot a{margin-right:14px}.foot a:hover{color:var(--key)}.foot p{margin:10px 0 0}
@media(max-width:1023px){.hd nav{display:none}.hero{grid-template-columns:minmax(0,1fr);padding-top:24px;gap:20px}h1{font-size:32px}.fg{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sg,.cg{grid-template-columns:minmax(0,1fr)}.hy{grid-template-columns:minmax(0,1fr)}.dark{padding:24px 18px;border-radius:22px}.panel{padding:16px;border-radius:20px}
 .det{grid-template-columns:minmax(0,1fr)}.side{position:static;order:-1}.side .box+.box{display:none}.months{grid-template-columns:repeat(3,minmax(0,1fr))}.fit{flex-direction:column;align-items:start}}
@media(max-width:640px){.w{padding:0 16px}h1{font-size:28px}.ph h1{font-size:26px}.st b{font-size:22px}.st{padding:11px}.sec h2{font-size:23px}.sd{flex-direction:column;align-items:start}
 .f{padding:12px}.f b{font-size:15.5px}.f small{display:none}.f .ic{width:34px;height:34px;margin-bottom:4px}.f .n{margin-top:2px}
 .hd .w{gap:12px}.hd .cta{padding:8px 11px;font-size:13px}.box{padding:16px}.form{padding:16px}.ops span{padding:7px 12px;font-size:14.5px}}

/* 안내 페이지 */
.prose.wide{max-width:880px}.lead2{font-size:17px;color:#2b3634}
.gnav{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 22px}.gnav a{border:1px solid var(--edge);border-radius:99px;padding:6px 12px;font-size:14px;background:#fff}.gnav a[aria-current]{background:var(--key);border-color:var(--key);color:#fff}
.prose .box h2{font-size:19px}.prose h2{margin-top:30px}.gi{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--key)}
.step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px}.sn{width:40px;height:40px;border-radius:50%;background:var(--key);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px}
.qa summary{cursor:pointer;font-weight:700;font-size:16.5px;list-style:none;padding-right:24px;position:relative}.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:0;top:-2px;font-size:22px;color:var(--key)}.qa[open] summary::after{content:"−"}.qa p{margin:10px 0 0}
.terms{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0;border:1px solid var(--edge);border-radius:18px;overflow:hidden;background:#fff}
.terms dt{font-weight:800;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--soft)}.terms dd{margin:0;padding:14px 16px;border-bottom:1px solid var(--line)}
.kv.num th{width:auto}.kv.num td:not(:first-child),.kv.num th:not(:first-child){text-align:right}
@media(max-width:640px){.terms{grid-template-columns:minmax(0,1fr)}.terms dt{border-bottom:0;padding-bottom:4px}.terms dd{padding-top:0}.step{grid-template-columns:34px minmax(0,1fr);gap:10px}.sn{width:32px;height:32px;font-size:15px}}
/* 글 속 링크는 눌러지는 줄 알게 청록 밑줄 */
.prose p a,.prose li a,.prose dd a,.box p a,.kv td a{color:var(--key);text-decoration:underline;text-underline-offset:2px}
/* 둘레 빛(사용자 2026-11-08 "펄떡이는 거 말고 글자 주변에만"): 크기는 그대로, 둘레에만 빛이 번졌다 사라짐. 동작 줄이기면 멈춤 */
@keyframes ringred{0%{box-shadow:0 0 0 0 #c8261b55}60%{box-shadow:0 0 0 7px #c8261b00}100%{box-shadow:0 0 0 0 #c8261b00}}
@keyframes ring{0%{box-shadow:0 0 0 0 #0b6e6366}60%{box-shadow:0 0 0 9px #0b6e6300}100%{box-shadow:0 0 0 0 #0b6e6300}}
.chip .upd{display:inline-block;padding:0 7px;border-radius:99px;background:#fdecea;animation:ringred 2.8s ease-out infinite}
.hd .cta{animation:ring 2.8s ease-out infinite}
.hd .cta:hover{animation-play-state:paused}

/* 숫자 도르륵: 한 자리 = 1em 높이 창, 안의 0~9 띠를 위로 민다 */
[data-odo]{font-variant-numeric:tabular-nums;white-space:nowrap}
.od{display:inline-block;height:1.15em;line-height:1.15;overflow:hidden;vertical-align:-0.2em}
.odr{display:flex;flex-direction:column;transition:transform 1.5s cubic-bezier(.17,.84,.29,1)}
.odr>span{height:1.15em;line-height:1.15;display:block}