:root{--navy:#0b2140;--blue:#0a72e0;--sky:#4da3ff;--ink:#0b2140;--mut:#4a5d78;--ln:#d5deea;--in:#b2c0d3;--bg2:#f2f6fb;--r:6px}*{box-sizing:border-box}body{color:var(--ink);background:#fff;margin:0;font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--sky);outline-offset:2px}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.k-date,.k-area{--c:var(--blue);--cl:#e3efff;--dot:var(--sky)}.k-math,.k-unit{--c:var(--navy);--cl:#e6ecf5;--dot:#cfe0f8}.hd{background:var(--navy);color:#fff}.hdw{align-items:stretch;height:60px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:8px;margin-right:24px;font-size:20px;font-weight:800;display:flex}.logo:before{content:"";background:linear-gradient(135deg,var(--sky),var(--blue));border-radius:4px;width:20px;height:20px}.logo small{color:#c5d0de;border:1px solid #ffffff40;border-radius:3px;padding:0 5px;font-size:11px;font-weight:500}.nav{margin-right:auto;display:flex}.nav a{color:#dbe4f0;border-left:1px solid #ffffff1a;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:flex}.nav a:last-child{border-right:1px solid #ffffff1a}.nav i{background:var(--dot);border-radius:2px;width:9px;height:9px}.nav a:hover,.nav a.on{color:#fff;background:#ffffff1a}.nav a.on{box-shadow:inset 0 -3px 0 var(--sky)}.hd .sb{align-self:center;width:240px}.strip{display:none}.sb{border-radius:var(--r);background:#ffffff1f;border:1px solid #ffffff40;align-items:center;height:40px;padding:0 10px;display:flex}.sb:focus-within{outline:3px solid var(--sky)}.sb input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.sb input::placeholder{color:#c5d0de}.sb.big{max-width:600px;height:56px;color:var(--ink);background:#fff;border:0;padding:0 6px 0 16px}.sb.big input{font-size:16px}.sb.big input::placeholder{color:var(--mut)}.sb button{border-radius:var(--r);background:var(--blue);color:#fff;cursor:pointer;border:0;height:44px;padding:0 24px;font-size:15px;font-weight:700}.hero{color:#fff;background-color:#0b2140;background-image:radial-gradient(#ffffff1f 1px,#0000 1px),radial-gradient(circle at 88% 15%,#4da3ff40,#0000 45%),linear-gradient(135deg,#0a1c36 0%,#0b2a52 50%,#0a5fb8 100%);background-size:18px 18px,100% 100%,100% 100%}.hi{grid-template-columns:1fr 380px;align-items:center;gap:40px;padding:56px 20px 48px;display:grid}.hero h1{letter-spacing:-.02em;margin:0 0 10px;font-size:40px;line-height:1.25}.hero h1 em{color:var(--sky);font-style:normal}.hero p{color:#c5d0de;margin:0 0 24px;font-size:16px}.pl{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.pl b{color:#9fb2cc;flex-basis:100%;font-size:13px}.pl a{border-radius:var(--r);background:#ffffff14;border:1px solid #ffffff40;padding:7px 14px;font-size:14px;font-weight:600}.pl a:hover{background:#ffffff26}.dc{height:300px;position:relative}.mc{width:260px;color:var(--ink);border-left:4px solid var(--blue);background:#fff;border-radius:8px;padding:12px 16px;position:absolute;box-shadow:0 8px 24px #00000040}.mc:first-child{top:0;left:0}.mc:nth-child(2){top:112px;left:90px}.mc:nth-child(3){top:196px;left:20px}.mc small{color:var(--mut);font-size:12px;display:block}.mc b{font-variant-numeric:tabular-nums;font-size:22px;line-height:1.3;display:block}.mc em{color:var(--mut);font-size:12px;font-style:normal}.band{padding:8px 0 28px}section.band:nth-of-type(2n){background:var(--bg2)}.sh{align-items:center;gap:12px;margin:22px 0 14px;display:flex}.sh .ico{border-radius:var(--r);background:var(--c);color:#fff;place-items:center;width:36px;height:36px;display:grid}.sh h2{margin:0;font-size:20px}.sh small{color:var(--mut);margin-right:auto}.sh a{color:var(--c);font-size:14px;font-weight:700}.grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tc{border:1px solid var(--ln);border-top:3px solid var(--c);background:#fff;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;display:flex;position:relative}.tc:hover{border-color:var(--c)}.tc i{background:var(--cl);width:36px;height:36px;color:var(--c);border-radius:var(--r);flex:none;place-items:center;display:grid}.tc b{display:block}.tc em{color:var(--mut);font-size:13px;font-style:normal;line-height:1.45;display:block}.tc u{background:var(--blue);color:#fff;border-radius:3px;padding:1px 7px;font-size:11px;font-weight:700;text-decoration:none;position:absolute;top:10px;right:10px}.grid .extra{display:none}.grid.show-all .extra{display:flex}.morewrap{text-align:center;margin-top:12px}.morebtn{cursor:pointer;border:1px solid var(--c);color:var(--c);border-radius:var(--r);background:#fff;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.crumb{color:var(--mut);margin:0;padding:16px 0 10px;font-size:13px}.crumb a{color:var(--blue)}.page{grid-template-columns:minmax(0,1fr);gap:40px;padding-bottom:48px;display:grid}.page.hasside{grid-template-columns:minmax(0,1fr) 280px}.title{border:1px solid var(--ln);background:linear-gradient(90deg,var(--cl),#fff);border-radius:8px;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px;display:flex}.title i{background:var(--c);color:#fff;border-radius:8px;flex:none;place-items:center;width:48px;height:48px;display:grid}.title i svg{width:26px;height:26px}.title h1{margin:0;font-size:26px;line-height:1.3}.title p{color:var(--mut);margin:0}article h2{margin:32px 0 8px;font-size:20px}.calc{border:1px solid var(--ln);border-radius:8px;grid-template-columns:5fr 6fr;display:grid;overflow:hidden;box-shadow:0 2px 10px #0b214018}.inp{padding:22px}.field{margin-bottom:14px;display:block}.field span{margin-bottom:4px;font-size:14px;font-weight:600;display:block}input[type=date],input[type=number],input[type=text],input[type=time],.sel{width:100%;min-height:48px;font:inherit;border:1px solid var(--in);border-radius:var(--r);color:var(--ink);background:#fff;padding:8px 12px;font-size:16px}input[type=date]:focus,input[type=number]:focus,input[type=text]:focus,input[type=time]:focus,.sel:focus{border-color:var(--blue);outline:3px solid #0a72e033}.check{align-items:center;gap:8px;min-height:44px;margin:4px 0 16px;display:flex}.check input{width:20px;height:20px;accent-color:var(--blue)}.actions{gap:8px;display:flex}.actions button:first-child{flex:1}button{border-radius:var(--r);border:1px solid var(--blue);background:linear-gradient(180deg,#2a8af0,var(--blue));color:#fff;min-height:48px;font:inherit;cursor:pointer;padding:0 22px;font-weight:600}button.ghost{color:var(--blue);background:#fff}.res{color:#fff;background:linear-gradient(160deg,#0a1c36,#0f3a78);flex-direction:column;justify-content:center;min-height:270px;padding:24px;display:flex}.res .ph{color:#a9bcd6;margin:0}.res .lab{color:#a9bcd6;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.res .big{color:var(--sky);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:6px 0 14px;font-size:60px;font-weight:800;line-height:1.1}.res dl{margin:0}.res dl div{border-top:1px solid #ffffff26;justify-content:space-between;padding:7px 0;font-size:14px;display:flex}.res dt{color:#a9bcd6}.res dd{margin:0;font-weight:600}.res button.ghost{color:#fff;background:0 0;border-color:#fff6;min-height:34px;padding:0 12px;font-size:13px}.res .hint{color:#a9bcd6;margin:10px 0 0;font-size:13px}.res .error{color:#ffb4ab;margin:0;font-weight:600}.trio{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.trio label{white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:flex}.trio input{text-align:center;min-width:0;padding:8px 4px}.res .big.dt{font-size:34px}.uf{align-items:center;gap:8px;display:flex}.uf input{flex:1;min-width:0}.uf em{color:var(--mut);min-width:1.6em;font-style:normal}.swap{width:100%;min-height:40px;margin:0 0 14px;font-size:14px}.res dl div{gap:12px}.res dd{text-align:right}.trio2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hl{color:#cfe0ff;margin:6px 0 0;padding-left:18px;font-size:13px}.res .hl{color:#cfe0ff}.hl li{padding:2px 0}.ftw{flex-direction:column;gap:10px;display:flex}.ftnav{flex-wrap:wrap;gap:16px;display:flex}.ftnav a{color:#dce6f5}.ftnav a:hover{color:#fff;text-decoration:underline}.doc{max-width:720px;padding-bottom:48px}.doc h1{letter-spacing:-.02em;margin:16px 0 6px;font-size:28px}.doc .lead{color:var(--mut);margin:0 0 18px;font-size:16px}.doc h2{margin:32px 0 8px;font-size:20px}.doc ul{padding-left:20px}.doc li{margin:6px 0}.doc .hint{color:var(--mut);margin-top:24px;font-size:13px}.cat{padding-bottom:48px}.note{border:1px solid #c5dcfb;border-left:4px solid var(--blue);border-radius:var(--r);background:#eaf2ff;margin:16px 0;padding:14px 16px;font-size:14px}.note ul{margin:6px 0 0;padding-left:20px}article details{border-bottom:1px solid var(--ln);padding:10px 0}article summary{cursor:pointer;min-height:32px;font-weight:600}.side{font-size:14px}.side .box{border:1px solid var(--ln);background:#fff;border-radius:8px;padding:14px 16px}.side h3{color:var(--mut);margin:0 0 4px;font-size:13px}.side a{border-top:1px solid var(--ln);padding:8px 0;display:block}.side h3+a{border-top:0}.side .ad{position:sticky;top:16px}.ad{background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);margin:24px 0;padding-top:18px;position:relative}.ad-l{color:var(--mut);font-size:11px;position:absolute;top:2px;left:8px}.ft{background:var(--navy);color:#b7c4d6;padding:28px 0;font-size:13px}@media (width<=1023px){.hi{grid-template-columns:1fr}.side .box,.dc{display:none}.page.hasside{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=719px){.nav,.hd .sb{display:none}.hdw{align-items:center;height:52px}.strip{background:#10294d;gap:6px;padding:8px 20px 10px;display:flex;overflow-x:auto}.strip a{border-radius:var(--r);color:#dbe4f0;white-space:nowrap;background:#ffffff1a;padding:6px 12px;font-size:13px;font-weight:600}.strip a.on{background:var(--blue);color:#fff}.grid,.calc{grid-template-columns:1fr}.hero h1{font-size:28px}.hi{padding:28px 20px 24px}.res .big{font-size:44px}.res .big.dt{font-size:28px}.sb.big{height:48px}.sb.big button{height:36px;padding:0 16px}.title h1{font-size:22px}}