:root{--bg:#f8fafc;--fg:#0f172a;--mut:#64748b;--ac:#f59e0b;--ac2:#b45309;--card:#fff;--line:#e2e8f0}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;font-size:16px}
.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:28px;margin:24px 0 8px;line-height:1.3}h2{font-size:20px;margin:28px 0 10px}.yr{font-size:16px;color:var(--ac2);font-weight:600;vertical-align:middle}
.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:16px;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:#fffbeb}
.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:#fffbeb}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}h1{font-size:23px}.hero .v{font-size:30px}td,th{padding:8px}}