:root{--bg:#f8fafc;--fg:#0f2e2f;--mut:#475569;--ac:#14b8a6;--ac2:#0f766e;--card:#fff;--line:#e2e8f0}
*{box-sizing:border-box}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;background:var(--bg);color:var(--fg);line-height:1.7;font-size:16px;word-break:keep-all;-webkit-text-size-adjust:100%}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
.top{background:var(--fg);color:#fff}.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:10px 16px}
.brand{color:#fff;text-decoration:none;font-weight:700;font-size:18px}.brand small{color:var(--ac);font-weight:600;margin-left:4px}
.top nav{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:14px}.top nav a{color:#cbd5e1;text-decoration:none;padding:4px 0}.top nav a.on,.top nav a:hover{color:var(--ac)}
h1{font-size:32px;margin:28px 0 10px;line-height:1.3;letter-spacing:-.01em}h2{font-size:20px;margin:28px 0 10px}.yr{display:inline-block;font-size:14px;color:var(--ac2);font-weight:700;vertical-align:middle;background:#ccfbf1;border-radius:999px;padding:2px 10px}
.lead{color:#334155;margin:0 0 16px}.crumb{font-size:13px;color:var(--mut);margin:16px 0 0}.crumb a{color:var(--mut)}
.calc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 1px 3px rgba(15,46,47,.06);display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.calc label{display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:4px}.calc .unit{font-weight:400;color:var(--mut);font-size:12px}
.calc input{font-size:18px;padding:10px;border:1px solid #cbd5e1;border-radius:8px;width:100%;font-family:inherit}.calc input:focus{outline:2px solid var(--ac);border-color:var(--ac)}
.quick{grid-column:1/-1;font-size:13px;color:var(--mut);display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.quick button{font:inherit;font-size:13px;padding:4px 10px;border:1px solid #cbd5e1;background:#fff;border-radius:999px;cursor:pointer;color:var(--fg)}.quick button:hover,.quick button.on{border-color:var(--ac);background:#f0fdfa}
.hero{background:var(--fg);color:#fff;border-radius:12px;padding:20px;margin:16px 0}.hero .k{font-size:14px;color:#cbd5e1}.hero .v{font-size:36px;font-weight:800;color:var(--ac);line-height:1.2}.hero .s{font-size:14px;color:#cbd5e1;margin-top:6px}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:15px}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f1f5f9;font-size:13px;color:#334155}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td.note{color:var(--mut);font-size:13px}
tr.total td{font-weight:700;background:#f0fdfa}caption{text-align:left;font-weight:700;padding:10px 12px;background:#f1f5f9}
.scroll{overflow-x:auto}.sticky thead th{position:sticky;top:0}
.note{font-size:13px;color:var(--mut)}.warn{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:10px 12px;border-radius:8px;font-size:14px}
.ad{margin:24px 0;min-height:100px;border:1px dashed #cbd5e1;border-radius:8px;position:relative;background:#fff}.ad-label{position:absolute;top:4px;left:8px;font-size:11px;color:var(--mut)}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:8px 0}.faq summary{font-weight:600;cursor:pointer}.faq p{margin:8px 0 0;color:#334155}
.related ul{padding-left:18px}.foot{margin:40px auto 24px;font-size:13px;color:var(--mut);border-top:1px solid var(--line);padding-top:16px}.disclaimer{color:#334155}
a{color:var(--ac2)}
@media(max-width:600px){.calc{grid-template-columns:1fr;padding:14px}h1{font-size:25px}.hero .v{font-size:30px}td,th{padding:8px 6px}table{font-size:14px}
.top nav{flex-wrap:nowrap;overflow-x:auto;width:100%;gap:0 16px;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.top nav::-webkit-scrollbar{display:none}.top nav a{padding:6px 0}
.cal td{height:52px;padding:4px 1px}.cal td small{font-size:10.5px;letter-spacing:-.02em}.btn{display:block;text-align:center;margin:6px 0}}
.calc select{font-size:16px;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;background:#fff}
.calc label.chk{flex-direction:row;align-items:center;font-weight:500;grid-column:1/-1}.calc label.chk input{width:auto}
.btn{display:inline-block;background:var(--fg);color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:600;margin:4px 6px 4px 0}.btn:hover{background:var(--ac2)}.btn.off{background:#e2e8f0;color:#334155;cursor:default}
.sheet{background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;padding:4px 18px 12px;margin:28px 0}
.cal{table-layout:fixed;text-align:center;margin:12px 0}.cal th,.cal td{text-align:center;padding:6px 2px;height:58px;vertical-align:top}.cal th{height:auto}
.cal td b{display:block;font-size:15px}.cal td small{display:block;font-size:11px;line-height:1.2;word-break:keep-all}
.cal td.sun,.cal td.hol{color:#b91c1c}.cal td.hol{background:#fef2f2}.cal td.sat{color:#2563eb}.cal td.lv{background:#ccfbf1;color:#0f766e}
.legend .k{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle;margin:0 4px 0 10px}.k.hol{background:#fef2f2;border:1px solid #fca5a5}.k.lv{background:#ccfbf1}.k.sun{background:#fff;border:1px solid #b91c1c}
tr.sub td{background:#fff7ed}
.prose h3{font-size:17px;margin:22px 0 8px}.prose li{margin:4px 0}
.months{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}.months a{display:inline-block;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none}.months a.on{border-color:var(--ac);background:#f0fdfa}
.pager{display:flex;justify-content:space-between;margin:24px 0;font-weight:600}
/* design pass 1 (유나): 빈 광고 슬롯 숨김·포커스 표시·인쇄 */
.ad:not(:has(ins)){display:none}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--ac2);outline-offset:2px}
.calc select:focus{outline:2px solid var(--ac);border-color:var(--ac)}
.hero{box-shadow:0 4px 14px rgba(15,46,47,.18)}
.foot a{color:var(--ac2)}
/* design pass 3 (유나): 결과 표 간격·다크 UA 대응 */
:root{color-scheme:light}
#out table.bd{margin:12px 0 0}#out table.bd+table.bd{margin-top:16px}#out .note{margin-top:10px}

/* 유나 2026-10-08: AI 작성 표기 — 연봉 계산기와 같은 12px·보조색, 360px 폭 2줄 이내 */
.foot .ai-note{font-size:12px;line-height:1.6;color:var(--mut)}
/* 결제 동의 체크박스 공통 틀(T-20261011-82·T-20261012-08) — 링크 있을 때만 출력 */
.buyrow{margin:10px 0 14px}.agree{display:flex;gap:10px;align-items:flex-start;min-height:44px;margin:0 0 8px;font-size:.95rem;line-height:1.45;color:var(--mut);cursor:pointer}.agree input{margin:.1em 0 0;width:22px;height:22px;flex:0 0 auto;accent-color:var(--ac2)}
.btn.off{background:#e3e7ec;color:#4b5563;border-color:#e3e7ec}a.btn.off{pointer-events:none;cursor:not-allowed}.tick{margin:2px 0 0;font-size:.85rem;color:var(--mut)}