:root{--bg:#f3f5f3;--card:#fff;--ink:#131c16;--ink-2:#4b5a50;--ink-3:#84948a;--line:#e3e9e4;--accent:#0b8754;--accent-soft:#e2f4ec;--accent-bar:#12a468;--radius:20px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,sans-serif;line-height:1.55}.page{max-width:1060px;margin:0 auto;padding:40px 20px 56px}.hero{text-align:center;padding:24px 0 36px}.brand{align-items:center;gap:8px;margin-bottom:20px;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:800;display:inline-flex}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:700}.hero h1{letter-spacing:-.03em;font-size:clamp(30px,5.4vw,46px);font-weight:800;line-height:1.18}.hero-sub{max-width:560px;color:var(--ink-2);margin:16px auto 0;font-size:15.5px}.layout{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=820px){.layout{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 1px 2px #131c160a}.field{margin-bottom:22px}.field:last-child{margin-bottom:0}.field-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.field-head label{font-size:14px;font-weight:700}.hint{color:var(--ink-3);font-size:12.5px}.amount-input{border:1.5px solid var(--line);background:#fbfcfb;border-radius:14px;align-items:baseline;gap:6px;padding:12px 16px;transition:border-color .15s;display:flex}.amount-input:focus-within{border-color:var(--accent)}.amount-input input{min-width:0;font:inherit;letter-spacing:-.02em;text-align:right;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:24px;font-weight:800}.amount-input.small input{font-size:18px}.amount-input .unit{color:var(--ink-2);font-size:14px;font-weight:600}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:28px;margin:16px 0 4px}.quick-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.quick{border:1px solid var(--line);font:inherit;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;transition:all .12s}.quick:hover{border-color:var(--accent);color:var(--accent)}.quick.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stepper{border:1.5px solid var(--line);background:#fbfcfb;border-radius:14px;justify-content:space-between;align-items:center;padding:6px;display:flex}.stepper button{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);cursor:pointer;border:none;border-radius:10px;font-size:19px;font-weight:800;line-height:1}.stepper button:disabled{opacity:.35;cursor:default}.stepper-value{font-size:16px;font-weight:800}.result-label{color:var(--ink-2);font-size:14px;font-weight:700}.result-amount{letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;margin-top:6px;font-size:clamp(38px,6vw,50px);font-weight:800;display:flex}.result-unit{color:var(--ink-2);font-size:20px;font-weight:700}.result-sub{background:#f7f9f7;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 18px;padding:16px;display:grid}.result-sub .sub-label{color:var(--ink-3);margin-bottom:3px;font-size:12px;display:block}.result-sub strong{letter-spacing:-.01em;font-size:14.5px}.bar-total{background:#eec9c9;border-radius:999px;height:10px;overflow:hidden}.bar-net{background:var(--accent-bar);border-radius:999px;height:100%;transition:width .35s}.bar-legend{color:var(--ink-2);justify-content:space-between;margin-top:7px;font-size:12.5px;display:flex}.deductions{flex-direction:column;gap:15px;margin-top:22px;list-style:none;display:flex}.ded-head{justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.ded-head span{color:var(--ink-2)}.ded-head strong{font-variant-numeric:tabular-nums}.ded-bar{background:#eef2ee;border-radius:999px;height:6px;overflow:hidden}.ded-bar>div{background:#9db8a9;border-radius:999px;height:100%;transition:width .35s}.notice{color:var(--ink-3);background:#f7f9f7;border-radius:10px;margin-top:22px;padding:11px 13px;font-size:12.5px}.info{margin-top:52px}.info h2{letter-spacing:-.02em;margin-bottom:16px;font-size:21px;font-weight:800}.rate-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:44px;display:grid}.rate-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.rate-card strong{color:var(--accent);margin-bottom:6px;font-size:15.5px;display:block}.rate-card p{color:var(--ink-2);font-size:13.5px}.faq{flex-direction:column;gap:10px;display:flex}.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.faq summary{cursor:pointer;font-size:15px;font-weight:700}.faq details p{color:var(--ink-2);margin-top:10px;font-size:14px}.footer{text-align:center;color:var(--ink-3);margin-top:52px;font-size:13px}.footer-links{justify-content:center;gap:8px;margin-top:6px;display:flex}.footer a{color:var(--ink-2);font-weight:600;text-decoration:none}.footer a:hover{color:var(--accent)}