*{box-sizing:border-box;margin:0;padding:0}
:root{--g:#16935f;--g2:#0f7b55;--gl:#f0faf5;--ink:#1d2433;--sub:#5f6b7a;--line:#eef0f3;--bg:#f7f8fa;--navy:#14213d}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:Pretendard,'Malgun Gothic',sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;word-break:keep-all}
a{color:inherit;text-decoration:none}
.in{max-width:1080px;margin:0 auto;padding:0 20px}
/* header */
.hd{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hd .in{display:flex;align-items:center;gap:20px;height:64px}
.logo{display:flex;align-items:center;gap:9px;font-weight:900;font-size:22px;color:var(--navy);white-space:nowrap}
.logo i{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#22a06b,var(--g2));display:grid;place-items:center;color:#fff;font-style:normal;font-size:15px}
.logo small{font-size:12px;color:var(--g);font-weight:700}
.hsearch{flex:1;max-width:340px;display:flex;border:1px solid #d7dde3;border-radius:10px;overflow:hidden;margin-left:auto}
.hsearch input{flex:1;border:0;padding:9px 12px;font:inherit;font-size:14px;outline:none;min-width:0}
.hsearch button{border:0;background:var(--g);color:#fff;font:inherit;font-weight:700;font-size:14px;padding:0 14px;cursor:pointer}
.nav{display:flex;gap:18px;font-size:15px;font-weight:600;color:#495057;white-space:nowrap}
.nav a:hover{color:var(--g)}
/* hero */
.hero{background:linear-gradient(180deg,var(--gl),#fff);padding:60px 0 44px;text-align:center}
.hero h1{font-size:40px;font-weight:900;letter-spacing:-1px;line-height:1.3}
.hero h1 b{color:var(--g)}
.hero p{color:var(--sub);margin-top:12px;font-size:17px}
.bigsearch{max-width:640px;margin:26px auto 0;display:flex;border:2px solid var(--g);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(22,147,95,.12)}
.bigsearch input{flex:1;border:0;padding:17px 20px;font:inherit;font-size:17px;outline:none;min-width:0}
.bigsearch button{border:0;background:var(--g);color:#fff;font:inherit;font-weight:800;font-size:17px;padding:0 28px;cursor:pointer}
.qtags{margin-top:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.qtags a{font-size:14px;color:var(--sub);background:#fff;border:1px solid #dfe3e8;border-radius:30px;padding:5px 13px}
.qtags a:hover{border-color:var(--g);color:var(--g)}
/* sections */
.sec{padding:30px 0}
.sec h2{font-size:22px;font-weight:800;margin-bottom:16px;letter-spacing:-.3px}
.sits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sit{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fafbfc;transition:.15s}
.sit:hover,.cat:hover,.card:hover{border-color:var(--g);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.sit em,.cat em{font-style:normal;font-size:28px}
.sit b{display:block;margin-top:6px;font-size:17px}
.sit small{color:#868e96;font-size:13px}
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.cat{text-align:center;padding:20px 8px;border-radius:14px;background:#f3f6f9;border:1px solid transparent;transition:.15s}
.cat b{display:block;font-size:16px;margin-top:4px}.cat small{color:#868e96}
.pop{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pop a{display:grid;grid-template-columns:28px 1fr;column-gap:8px;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.pop a:hover{border-color:var(--g)}
.pop .rk{grid-row:span 2;font-weight:900;color:var(--g);font-size:18px}
.pop small{color:#868e96;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.whys{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.whys div{background:var(--bg);border-radius:14px;padding:18px}
.whys p{color:var(--sub);font-size:14px;margin-top:6px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:.15s;background:#fff}
.card .ct{flex:1;min-width:0}
.card b{font-size:16px}
.card small{display:block;color:#868e96;font-size:13px;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fm{display:flex;gap:4px}
.f{font-size:11px;font-weight:800;padding:3px 6px;border-radius:5px;color:#fff}
.f.doc{background:#3557b7}.f.xls{background:#1e8449}.f.pdf{background:#d63a3a}
.crumb{font-size:13px;color:#868e96;padding:18px 0 4px}
.crumb a:hover{color:var(--g)}
.lhead{padding:14px 0 22px}.lhead h1{font-size:30px;font-weight:900;letter-spacing:-.5px}.lhead p{color:var(--sub);margin-top:6px}
.lhead .bigsearch{margin:18px 0 0}
.none{padding:40px 0;color:var(--sub)}.none a{color:var(--g);font-weight:700}
/* form detail */
.ftop{display:flex;gap:28px;padding:10px 0 22px;align-items:flex-start}
.ftop .info{flex:1}
.ftop h1{font-size:32px;font-weight:900;letter-spacing:-.6px;line-height:1.3}
.sum{color:#495057;margin-top:10px;font-size:17px}
.meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}
.meta span{font-size:13px;color:#5f6b7a;background:var(--bg);border-radius:6px;padding:3px 9px}
.dlbox{width:270px;flex:none;border:1px solid #d3efe0;background:var(--gl);border-radius:16px;padding:18px;position:sticky;top:80px}
.dlbox small{display:block;color:var(--sub);font-size:12px;margin-top:10px}
.btn{display:block;margin-top:10px;padding:13px;border-radius:10px;color:#fff;font-weight:800;text-align:center;font-size:15px;transition:.15s}
.btn:hover{filter:brightness(1.08)}
.btn.g{background:#1e8449}.btn.b{background:#3557b7}.btn.r{background:#fff;color:#d63a3a;border:1px solid #f1c0c0}
.toc{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:8px}
.toc a{font-size:14px;font-weight:700;padding:7px 14px;border-radius:30px;background:#f3f6f9;color:#495057}
.toc a:hover{background:var(--navy);color:#fff}
.form .box{margin:16px 0;border-radius:16px;padding:22px 24px;border:1px solid var(--line)}
.form .box h2{font-size:19px;font-weight:800;margin-bottom:10px}
.form .box li{margin-left:20px;line-height:1.85}
.intro{background:#fff}.intro p{color:#343a40}
.when{background:#f6f8fb;border-color:#f6f8fb!important}
.steps{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.steps li{margin:0!important;border:1px solid var(--line);border-radius:12px;padding:14px 16px;line-height:1.6!important}
.steps span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--g);color:#fff;font-weight:800;font-size:14px;margin-right:6px}
.steps p{color:#495057;font-size:15px;margin-top:6px}
.warn{background:#fff6f0;border-color:#ffd8c2!important}.warn h2{color:#d9480f}
.ex{background:#f4f7ff;border-color:#dde6ff!important}
.pvnote{color:var(--sub);font-size:14px;margin-bottom:12px}
.pv{background:#e9ecef;border-radius:12px;padding:22px;max-height:640px;overflow:auto}
.pv .paper{max-width:720px;margin:0 auto;padding:44px 48px;box-shadow:0 3px 16px rgba(0,0,0,.12);border-radius:3px}
.pvdl{display:flex;gap:10px;margin-top:14px}.pvdl .btn{flex:1;margin:0}
.faq details{border-bottom:1px solid var(--line);padding:14px 2px}
.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;gap:8px}
.faq summary::before{content:'Q';color:var(--g);font-weight:900}
.faq summary::-webkit-details-marker{display:none}
.faq details p{color:#495057;margin-top:8px;padding-left:20px}
.kw{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.kw span{font-size:13px;color:#868e96}
.ad{margin:18px 0;min-height:90px}
/* static pages */
.doc-page{max-width:760px;padding:30px 0 50px}
.doc-page h1{font-size:30px;font-weight:900;margin-bottom:16px}
.doc-page h2{font-size:19px;margin:26px 0 8px}
.doc-page p,.doc-page li{color:#343a40;line-height:1.85}
.doc-page ul{margin-left:20px}
.doc-page a{color:var(--g);font-weight:700}
.doc-page .mail{font-size:20px;margin:16px 0}
/* footer */
.ft{background:var(--navy);color:#aab4c3;margin-top:50px;padding:30px 0;font-size:13px}
.fl{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:12px}
.fl a{color:#dfe5ee;font-weight:600}
.ft p{margin-top:4px}
/* calculators */
.navc{color:var(--g)!important}
.sec h2 .more{float:right;font-size:14px;font-weight:700;color:var(--g)}
.calcs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.calcs.big{grid-template-columns:repeat(3,1fr)}
.calc{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;transition:.15s}
.calc:hover{border-color:var(--g);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.calc em{font-style:normal;font-size:24px}.calc b{display:block;margin-top:4px;font-size:16px}
.calc small{display:block;color:#868e96;font-size:13px;margin-top:2px;line-height:1.5}
.rcalc .calcs{grid-template-columns:repeat(3,1fr)}
.chead{padding:10px 0 18px}.chead h1{font-size:32px;font-weight:900;letter-spacing:-.6px}
.cbox{border:2px solid var(--g);border-radius:18px;padding:24px;background:linear-gradient(180deg,var(--gl),#fff 60%)}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.cf span{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.cf small{display:block;color:#868e96;font-size:12px;margin-top:4px}
.ci{display:flex;align-items:center;border:1px solid #cfd6dd;border-radius:10px;background:#fff;overflow:hidden}
.ci:focus-within{border-color:var(--g);box-shadow:0 0 0 3px rgba(22,147,95,.15)}
.ci input,.ci select{flex:1;border:0;padding:12px 14px;font:inherit;font-size:16px;outline:none;background:transparent;min-width:0;text-align:left}
.ci em{font-style:normal;color:#868e96;padding:0 12px;font-size:14px}
.cbtn{margin-top:18px;width:100%;border:0;border-radius:12px;background:var(--g);color:#fff;font:inherit;font-weight:800;font-size:18px;padding:15px;cursor:pointer}
.cbtn:hover{background:var(--g2)}
.cres{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.cr-main{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--navy);padding-bottom:12px;margin-bottom:8px;gap:10px;flex-wrap:wrap}
.cr-main span{font-weight:700}.cr-main b{font-size:30px;font-weight:900;color:var(--g)}
.cr-t{width:100%;border-collapse:collapse}.cr-t th,.cr-t td{padding:9px 2px;border-bottom:1px solid var(--line);font-size:15px}
.cr-t th{text-align:left;color:var(--sub);font-weight:600}.cr-t td{text-align:right;font-weight:700}
.cr-t small{color:#868e96;font-weight:500}
.cr-note{color:var(--sub);font-size:13px;margin-top:10px}.cr-warn{color:#d9480f;font-weight:700}.neg{color:#d63a3a}
.sched{margin-top:14px}.sched summary{cursor:pointer;font-weight:700;color:var(--g)}
.sw{overflow:auto;max-height:420px;margin-top:8px}.sw table{width:100%;border-collapse:collapse;font-size:13px}
.sw th,.sw td{border-bottom:1px solid var(--line);padding:6px;text-align:right;white-space:nowrap}.sw th{background:var(--bg);position:sticky;top:0}
.f.calc{background:#6f42c1}
/* download section (bottom) */
.dlsec{margin:26px 0 10px;border-radius:18px;padding:26px;background:linear-gradient(135deg,#e9f8f0,#f4fbf7);border:1px solid #cdeedd;text-align:center}
.dlsec h2{font-size:22px;font-weight:900}
.dlsec p{color:var(--sub);margin-top:6px}
.dlbtns{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.dlbtns .btn{margin:0;min-width:230px;padding:15px 18px;font-size:16px}
.dlsec small{display:block;color:var(--sub);font-size:13px;margin-top:12px}
.toc .tdl{background:var(--gl);color:var(--g)}
/* disclaimer */
.disc{margin:14px 0 18px;border:1px solid #dfe3e8;background:#f8f9fa;border-radius:14px;padding:18px 22px;font-size:14px;color:#495057}
.disc h3{font-size:16px;font-weight:800;color:#343a40;margin-bottom:8px}
.disc li{margin-left:18px;line-height:1.75}
.disc p{margin-top:8px;line-height:1.7}.disc a{color:var(--g);font-weight:700}
/* auction guide */
.abanner{display:block;margin:14px 0 6px;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,#14213d,#24365f);color:#fff}
.abanner b{display:block;font-size:17px}.abanner span{font-size:14px;color:#cfd8ea}
.abanner:hover{filter:brightness(1.1)}
.aprog{position:sticky;top:64px;z-index:5;background:#fff;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:10px}
.abar{height:12px;background:#eef0f3;border-radius:10px;overflow:hidden}.abar i{display:block;height:100%;width:0;background:var(--g);transition:.3s}
.arow{display:flex;gap:14px;align-items:center;margin-top:8px;font-size:14px;flex-wrap:wrap}
.arow #a_pct{font-weight:800;color:var(--g)}.arow #a_next{flex:1}
.arow button{border:1px solid #d7dde3;background:#fff;border-radius:8px;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer}
.astep{margin:16px 0;border:1px solid var(--line);border-radius:16px;padding:20px 22px;transition:.2s}
.astep.now{border:2px solid var(--g);box-shadow:0 6px 20px rgba(22,147,95,.12)}
.astep.done{opacity:.6}
.ah{display:flex;align-items:center;gap:10px}.ah h2{font-size:19px;font-weight:800}
.an{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800}
.astep.done .an{background:var(--g)}
.atask{list-style:none;margin:12px 0}.atask li{padding:7px 0;border-bottom:1px dashed var(--line)}
.atask label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.atask input{width:20px;height:20px;margin-top:2px;accent-color:#16935f;flex:none}
.atask li.ok span{text-decoration:line-through;color:#868e96}
.aforms{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.aforms b{font-size:14px;margin-right:4px}
.aforms a{font-size:14px;background:var(--gl);color:var(--g2);border:1px solid #cdeedd;border-radius:30px;padding:5px 12px;font-weight:700}
.atip{margin-top:10px;font-size:14px;color:var(--sub)}
.apay{margin:10px 0;padding:12px 14px;background:#fff6f0;border-radius:12px;font-size:15px}
.apay input{margin-left:8px;padding:6px 8px;border:1px solid #d7dde3;border-radius:8px;font:inherit}
.apay p{margin-top:6px}.dday{background:#d9480f;color:#fff;border-radius:6px;padding:1px 7px;font-size:13px;margin-left:6px}.dday.late{background:#868e96}
/* mobile */
@media(max-width:860px){
 .nav{display:none}
 .logo small{display:none}
 .hero{padding:40px 0 30px}.hero h1{font-size:28px}.hero p{font-size:15px}
 .sits{grid-template-columns:1fr 1fr}.cats{grid-template-columns:1fr 1fr}.whys{grid-template-columns:1fr 1fr}
 .pop,.cards{grid-template-columns:1fr}
 .ftop{flex-direction:column}.dlbox{width:100%;position:static}
 .ftop h1{font-size:26px}
 .steps{grid-template-columns:1fr}
 .calcs,.calcs.big,.rcalc .calcs{grid-template-columns:1fr 1fr}
 .cform{grid-template-columns:1fr}
 .chead h1{font-size:26px}
 .dlbtns .btn{min-width:0;width:100%}
 .pv{padding:10px}.pv .paper{padding:22px 16px}
 .bigsearch button{padding:0 18px}
}
@media(max-width:480px){.hsearch{display:none}.sits{grid-template-columns:1fr}}

.paper{background:#fff;color:#111;font-family:'Malgun Gothic','맑은 고딕',Pretendard,sans-serif;font-size:13.5px;line-height:1.7}
.doc-title{text-align:center;font-size:24px;font-weight:800;letter-spacing:6px;margin:4px 0 22px}
.dp{margin:6px 0;white-space:pre-wrap}.dh{font-weight:700;margin:14px 0 4px}
.dt td{white-space:pre-wrap}
.dt{width:100%;border-collapse:collapse;margin:10px 0}
.dt th,.dt td{border:1px solid #444;padding:7px 9px;text-align:left;vertical-align:middle;min-height:30px;height:32px}
.dt th{background:#f1f3f5;font-weight:700;white-space:nowrap;width:1%}
.dt.grid th{text-align:center;width:auto}
.dt.sign th.role{text-align:center;width:60px}
.dt .seal{float:right;color:#555}
.dl{margin:6px 0 6px 22px}.dl li{margin:3px 0}
.dblank div{border-bottom:1px solid #999;height:30px}
.ddate{text-align:center;margin:22px 0;font-size:15px}
