@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#12243a;--blue:#1755ef;--pale:#edf3ff;--line:#d9e2ef;--muted:#526579;--paper:#fff;--accent:#c4ff5a;font-family:'Noto Sans KR',system-ui,sans-serif;color:var(--ink);background:#f4f7fb;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:4px}button,input,select{font:inherit}button,a.button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #78a6ff;outline-offset:4px}.wrap{width:min(1140px,calc(100% - 40px));margin:auto}header{background:white;border-bottom:1px solid var(--line)}nav{min-height:82px;display:flex;align-items:center;gap:30px}.logo{color:var(--ink);font-weight:900;font-size:1.45rem;letter-spacing:-.06em;text-decoration:none;margin-right:auto}.logo span{color:var(--blue)}nav a:not(.logo){font-size:.9rem;color:var(--muted);text-decoration:none}.eyebrow{font-size:.85rem;letter-spacing:.08em;font-weight:800;color:var(--blue)}h1{font-size:clamp(2.25rem,4.4vw,3.6rem);line-height:1.23;letter-spacing:-.065em;margin:18px 0 24px}h2{font-size:1.75rem;line-height:1.4;letter-spacing:-.05em}h3{font-size:1.15rem;line-height:1.5}p,li{line-height:1.9}.intro{padding:66px 0 55px;display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}.lead{font-size:1.05rem;color:var(--muted);max-width:400px}.note{font-size:.87rem;color:var(--muted);line-height:1.8}.chip{display:inline-block;background:var(--pale);color:var(--blue);padding:7px 12px;border-radius:5px;font-weight:700;font-size:.85rem}.panel{background:var(--ink);color:white;border-radius:16px;padding:30px;box-shadow:0 14px 40px #12243a14}.panel h2{margin:0 0 7px;font-size:1.25rem}.panel .note{color:#b6c8df}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.field{display:flex;flex-direction:column;gap:9px;font-size:.9rem}.field select,.field input{background:#fff;color:var(--ink);border:1px solid var(--line);padding:13px 10px;border-radius:7px;min-width:0;min-height:50px}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:7px;padding:12px 20px;text-decoration:none;font-weight:700;background:var(--blue);color:#fff}.panel button{background:var(--accent);color:var(--ink);width:100%}.result{border-top:1px solid #486078;margin-top:24px;padding-top:20px}.result h3{color:var(--accent);margin:0 0 10px}.result li{font-size:.95rem}.result ul{padding-left:20px}.strip{border-block:1px solid var(--line);padding:22px 0;background:white}.strip .wrap{display:flex;gap:32px;justify-content:space-between;font-size:.9rem;font-weight:600}.section{padding:48px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:var(--blue)}.card .number{font-size:2.8rem;font-weight:900;letter-spacing:-.08em;color:#d8e3f7}.card h3{margin:12px 0}.card p{font-size:.95rem;color:var(--muted);margin-top:0}.card .more{color:var(--blue);font-weight:700;margin-top:auto}.plain{background:white;border:1px solid var(--line);padding:32px;border-radius:12px}.article{max-width:820px;margin:50px auto 65px}.article h1{font-size:2.65rem}.article h2{margin-top:42px;font-size:1.55rem}.article h3{margin-top:25px}.article p,.article li{line-height:2}.article ul,.article ol{padding-left:25px}.article .summary{border-left:4px solid var(--blue);background:var(--pale);padding:18px 22px;margin:28px 0}.article table{width:100%;border-collapse:collapse;margin:25px 0;font-size:.9rem}.article td,.article th{padding:14px 10px;text-align:left;border-bottom:1px solid var(--line)}.article th{background:var(--pale)}.table-scroll{overflow-x:auto}.source{font-size:.88rem}.calculator{margin:32px 0;background:var(--pale);padding:25px;border-radius:12px}.calculator .fields{margin:10px 0 20px}.calculated{font-size:1.2rem;font-weight:700;line-height:1.7}.calculated small{display:block;font-weight:400;font-size:.85rem}.screen-box{max-width:100%;margin:24px auto 12px;background:var(--ink);border:4px solid var(--ink);color:white;display:flex;align-items:center;justify-content:center;min-height:40px;transition:width .2s}.article-meta{font-size:.85rem;color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.85rem}footer .wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:center}footer .brand{margin-right:auto}footer a{color:var(--muted)}.download{margin:25px 0}.skip{position:absolute;top:-100px;background:white;padding:12px}.skip:focus{top:0}.notice{padding:15px 20px;border:1px solid var(--line);border-radius:8px;background:white}.steps{display:grid;gap:12px;margin-top:30px}.steps div{font-size:.95rem;border-bottom:1px solid var(--line);padding:13px 0}.steps b{margin-right:13px;color:var(--blue)}@media(max-width:800px){.intro{grid-template-columns:1fr;gap:25px;padding:35px 0}.grid{grid-template-columns:1fr}.strip .wrap{flex-direction:column;gap:9px}.section-head{align-items:start;flex-direction:column}.article h1{font-size:2rem}.article{margin-top:30px}.panel,.plain{padding:23px}.wrap{width:calc(100% - 30px)}nav{min-height:70px;gap:16px}nav a:not(.logo){font-size:.85rem}.fields{gap:12px}.section{padding:32px 0}footer .wrap{gap:15px}}