/* 지원금 총정리 — 40~60대가 읽기 쉽게: 본문 18px 이상, 넉넉한 줄 간격, 큰 누름 영역, 강한 대비 */
:root{--bg:#f4f7fc;--card:#fff;--ink:#111827;--sub:#4b5563;--line:#dbe3ef;--pri:#1f6feb;--pri2:#0b3d91;--acc:#ffd34d;--warn:#fff4e5;--warnl:#f0b45b;--ok:#e8f6ee}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.75 Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:anywhere}
a{color:var(--pri)}
.wrap{max-width:760px;margin:0 auto;padding:0 16px 32px}
.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 10px}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:800;font-size:20px;white-space:nowrap}
.brand svg{width:34px;height:34px}
.tnews{font-size:14px;font-weight:700;text-decoration:none;background:#e7efff;padding:7px 12px;border-radius:999px;white-space:nowrap}
/* 맨 위 앱 배너 */
.apps{position:relative;margin:4px 0 14px;border-radius:16px;background:linear-gradient(135deg,#0b3d91,#1f6feb);height:92px;overflow:hidden;box-shadow:0 6px 18px rgba(15,50,120,.18)}
.apps .bn{position:absolute;inset:0;display:flex;align-items:center;gap:12px;padding:10px 14px 18px;color:#fff;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .4s}
.apps .bn.on{opacity:1;pointer-events:auto}
.apps img{width:52px;height:52px;border-radius:12px;background:#fff;flex:none}
.apps .bt{flex:1;min-width:0;line-height:1.35}
.apps .bt b{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apps .bt small{display:block;font-size:14px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apps .bn-btn{flex:none;background:var(--acc);color:#3a2a00;font-weight:800;font-size:14px;padding:7px 11px;border-radius:999px;white-space:nowrap}
.apps .dots{position:absolute;bottom:7px;left:0;right:0;display:flex;justify-content:center;gap:6px}
.apps .dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45)}
.apps .dots i.on{background:#fff}
/* 머리글 */
.hero{padding:10px 2px 6px}
.hero h1{font-size:30px;line-height:1.3;margin:6px 0 10px;letter-spacing:-.02em}
.hero h1 em{font-style:normal;color:var(--pri)}
.hero p{margin:0 0 8px;color:var(--sub)}
.crumb{font-size:15px}
.crumb a{color:var(--sub)}
.badges{display:flex;flex-wrap:wrap;gap:8px;font-size:15px}
.badges span{background:#eef2f7;border-radius:999px;padding:3px 11px;color:var(--sub)}
.badges .st{background:var(--ok);color:#155c33;font-weight:700}
.doc{background:var(--card);border-radius:18px;padding:18px 18px 22px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-top:10px}
.doc h2{font-size:23px;margin:28px 0 10px;line-height:1.35}
.doc h2:first-child{margin-top:4px}
.doc h2 small{font-size:15px;color:var(--sub);font-weight:500}
table{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:17px}
th,td{border:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}
th{background:#f3f6fb;font-weight:700;white-space:nowrap}
thead th{text-align:center}
td{word-break:keep-all}
.facts th{width:5.4em;white-space:nowrap}
.facts{font-size:18px}
ol,ul{padding-left:1.3em}
li{margin:4px 0}
.note-box,.warn{border-radius:14px;padding:13px 15px;margin:14px 0;font-size:17px}
.note-box{background:#eef4ff;border:1px solid #c9dbff}
.warn{background:var(--warn);border:1px solid var(--warnl)}
.note-box b,.warn b{display:block;margin-bottom:3px}
.steps{list-style:none;padding:0;counter-reset:s}
.steps li{position:relative;padding:12px 14px 12px 54px;background:#f6f9ff;border:1px solid #d6e4ff;border-radius:14px;margin:10px 0}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--pri);color:#fff;font-weight:800;text-align:center;line-height:28px}
.steps b{display:block}.steps span{color:var(--sub);font-size:16px}
/* 계산기 */
.calc{background:#f6f9ff;border:2px solid #cddcff;border-radius:16px;padding:14px 16px;margin:16px 0}
.calc h2{margin:0 0 8px!important;font-size:21px}
.cgrid{display:grid;grid-template-columns:1fr;gap:8px}
.cgrid label{display:flex;flex-direction:column;gap:4px;font-weight:700}
.cgrid label span{display:flex;align-items:center;gap:8px;font-weight:600}
.cgrid input{flex:1;min-width:0;width:auto;font:inherit;font-size:19px;text-align:right;padding:8px 10px;border:1px solid #b9c8e6;border-radius:10px;background:#fff}
.cres{display:grid;grid-template-columns:1fr;gap:6px;margin-top:12px}
.cres div{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:10px 14px}
.cres small{color:var(--sub);font-size:16px}
.cres b{font-size:21px;color:var(--pri2)}
.cres div:first-child b{font-size:24px}
.note{font-size:15px;color:var(--sub);margin:8px 0 0}
/* 신청·문의 */
.applybox{background:var(--ok);border-radius:16px;padding:14px 16px;margin:20px 0}
.applybox h2{margin:0 0 6px!important;font-size:21px}
.applybox ul{list-style:none;padding:0;margin:8px 0 0}
.applybox a{display:block;background:#fff;border:1px solid #bfe3cc;border-radius:12px;padding:12px 14px;margin:8px 0;font-weight:700;text-decoration:none;color:#155c33}
/* FAQ·출처·기록 */
.faq details{border:1px solid var(--line);border-radius:12px;margin:8px 0;padding:0 14px;background:#fff}
.faq summary{cursor:pointer;font-weight:700;padding:12px 0}
.faq p{margin:0 0 12px}
.srcs{font-size:16px}
.log{margin-top:16px;font-size:16px;color:var(--sub)}
.log summary{cursor:pointer;font-weight:700}
.rel,.cards,.latest{list-style:none;padding:0;margin:8px 0}
.rel li,.cards li,.latest li{margin:8px 0}
.rel a,.cards a{display:flex;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);background:#fff}
.rel .ic,.cards .ic{font-size:28px;flex:none;width:40px;text-align:center}
.rel b,.cards b{display:block}
.rel small,.cards small{display:block;color:var(--sub);font-size:15px;line-height:1.5}
.cards .ct{flex:1;min-width:0}
.cards em{display:inline-block;font-style:normal;font-size:13px;background:var(--ok);color:#155c33;border-radius:999px;padding:1px 9px;margin-top:4px}
.latest a{display:block;padding:11px 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);background:#fff}
.latest small{display:block;color:var(--sub);font-size:14px}
.more{float:right;font-size:15px;font-weight:600}
/* 나에게 맞는 지원 */
.pick{background:var(--card);border-radius:18px;padding:16px 18px;margin-top:10px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.pick h2{margin:0 0 6px;font-size:22px}
.q{margin:10px 0}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.opts button{font:inherit;font-size:16px;padding:10px 14px;border:1.5px solid #b9c8e6;border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}
.opts button.on{background:var(--pri);border-color:var(--pri);color:#fff;font-weight:700}
.pickres{background:#f6f9ff;border-radius:14px;padding:12px 14px;margin-top:10px}
.pickres ul{margin:6px 0 0}
.pickres a{font-weight:700}
/* 신규 소식 */
.nitem{border-bottom:1px solid var(--line);padding:6px 0 14px;margin-bottom:8px}
.nitem h2{font-size:20px!important;margin:12px 0 4px!important}
.nmeta{color:var(--sub);font-size:15px;margin:0 0 6px}
.nsum{margin:6px 0}
.nsum0{color:var(--sub);font-size:16px}
.src{font-weight:700}
.days{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.days a{display:block;padding:6px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:15px;background:#fff}
/* 맨 아래 앱 */
.moreapps{background:linear-gradient(180deg,#eaf1ff,#fff);border:1px solid #cddcff;border-radius:18px;padding:18px;margin-top:18px}
.moreapps h2{margin:0 0 4px;font-size:22px}
.moreapps>p{margin:0 0 10px;color:var(--sub);font-size:16px}
.appgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.appcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 8px;text-decoration:none;color:var(--ink);line-height:1.35}
.appcard img{width:56px;height:56px;border-radius:13px}
.appcard b{font-size:16px}
.appcard small{font-size:13.5px;color:var(--sub)}
.appcard span{margin-top:4px;font-size:14px;font-weight:800;color:var(--pri)}
.ios-note{display:none;font-size:14px;color:var(--sub)}
.ios .moreapps .appgrid{display:none}
.ios .ios-note{display:block}
.ios .moreapps{display:none}
/* 꼬리 */
.foot{margin-top:22px;font-size:15px;color:var(--sub)}
.gnav{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:12px}
.gnav a{color:var(--sub);text-decoration:none}
.disc{background:#eef2f7;border-radius:12px;padding:12px 14px;line-height:1.6}
@media (min-width:640px){.hero h1{font-size:36px}.cgrid{grid-template-columns:1fr}.appgrid{grid-template-columns:repeat(5,1fr)}.doc{padding:24px 28px 28px}}
@media (max-width:380px){body{font-size:17px}.hero h1{font-size:27px}table{font-size:15.5px}th,td{padding:7px 7px}}
.nlead{margin:6px 0;padding:8px 12px;border-left:4px solid #c9dbff;background:#f6f9ff;color:#374151;font-size:16px}