:root{
 --ink:#17211d;--muted:#65736c;--line:#e3eae6;--soft:#f5f9f7;--green:#1d5a43;
 --green2:#2e7358;--pale:#eaf5ef;--white:#fff;--warn:#a36922;--shadow:0 18px 52px rgba(29,90,67,.08)
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);line-height:1.74;background:#fff}
a{text-decoration:none;color:inherit} .wrap{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{max-width:880px}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.navbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:900;letter-spacing:-.03em}
.brandmark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:linear-gradient(145deg,var(--green),#10382a);color:#fff;font-size:15px}
.navlinks{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:800;color:#48564f}
.navlinks>a:hover{color:var(--green)} .navcta{padding:10px 14px;border-radius:10px;background:var(--green);color:#fff!important}
.menu{position:relative}.menu>span{cursor:pointer}.dropdown{display:none;position:absolute;top:26px;left:-18px;width:250px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px;box-shadow:var(--shadow)}
.menu:hover .dropdown{display:grid}.dropdown a{padding:9px 10px;border-radius:9px}.dropdown a:hover{background:var(--soft);color:var(--green)}
.hero{padding:94px 0 82px;background:radial-gradient(circle at 82% 20%,rgba(100,170,140,.14),transparent 30%),linear-gradient(135deg,#f4faf7,#fff 62%,#f8faf9)}
.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:58px;align-items:center}
.kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:var(--pale);color:var(--green);font-size:13px;font-weight:900}
.hero h1{font-size:clamp(44px,6vw,70px);line-height:1.1;letter-spacing:-.055em;margin:20px 0}.hero h1 em{font-style:normal;color:var(--green)}
.lead{font-size:18px;color:var(--muted);max-width:720px}.actions{display:flex;gap:12px;margin:30px 0 18px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:12px;font-weight:900;border:1px solid transparent}
.btn.primary{background:var(--green);color:#fff}.btn.secondary{background:#fff;border-color:#d7e1dc;color:#214c3a}.micro{font-size:12px;color:#7b8882}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}
.hero-card small{font-size:12px;letter-spacing:.12em;font-weight:900;color:var(--green)}.hero-card h2{font-size:25px;letter-spacing:-.035em;margin:6px 0 18px}
.step{display:flex;gap:13px;padding:13px 0;border-top:1px solid #edf1ef}.step:first-of-type{border-top:0}.step b{flex:0 0 35px;height:35px;border-radius:10px;background:var(--pale);display:grid;place-items:center;color:var(--green);font-size:12px}
.step span{display:block;color:var(--muted);font-size:13px}
.section{padding:86px 0}.soft{background:var(--soft)}.section-head{text-align:center;max-width:760px;margin:0 auto 38px}
.section-head small{font-size:12px;letter-spacing:.14em;font-weight:900;color:var(--green)}.section-head h2{font-size:36px;line-height:1.25;letter-spacing:-.04em;margin:7px 0 9px}.section-head p{color:var(--muted);margin:0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;transition:.18s ease}.card:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(29,90,67,.07)}
.card .ico{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:var(--pale);color:var(--green);font-weight:900}.card h3{font-size:22px;letter-spacing:-.03em;margin:18px 0 8px}.card p{color:var(--muted);margin:0 0 14px}.more{font-weight:900;color:var(--green);font-size:14px}
.pagehero{padding:66px 0;background:linear-gradient(135deg,#f4faf7,#fff)}.pagehero h1{font-size:45px;letter-spacing:-.045em;line-height:1.22;margin:8px 0}.pagehero p{color:var(--muted);max-width:800px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:#7c8882;font-size:12px;margin-top:16px}
.content{padding:56px 0 88px}.content h2{font-size:29px;letter-spacing:-.035em;margin:42px 0 12px}.content h3{font-size:21px;margin-top:27px}.content p,.content li{color:#4f5d56}
.box{background:var(--soft);border:1px solid var(--line);padding:22px;border-radius:16px}.callout{border-left:4px solid var(--green2);background:#f5faf7;padding:18px 20px;border-radius:0 14px 14px 0;margin:24px 0}.callout.warning{border-left-color:var(--warn);background:#fff9f1}
.toc{background:#f7faf8;border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:27px 0}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;color:#245943;font-weight:750;padding:4px 0}
table{width:100%;border-collapse:collapse;margin:20px 0 28px}th,td{border:1px solid var(--line);padding:13px;text-align:left;vertical-align:top}th{background:#f6f9f7}
details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:12px 0}summary{cursor:pointer;font-weight:900}details p{margin-bottom:0;color:var(--muted)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chip{font-size:12px;background:var(--pale);color:var(--green);font-weight:850;border-radius:999px;padding:6px 10px}
.sources{font-size:13px;background:#fafcfa;border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:42px}.sources strong{display:block;margin-bottom:8px}.sources a{display:block;color:#245943;text-decoration:underline;margin:5px 0;word-break:break-all}
.site-map-section{margin:44px 0}.site-map-section h2{margin-bottom:18px}.linklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.linklist a{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff}.linklist a:hover{background:var(--soft);color:var(--green)}
.cta{background:linear-gradient(135deg,#173e30,#245c47);color:#fff;border-radius:25px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{font-size:30px;line-height:1.3;letter-spacing:-.04em;margin:5px 0}.cta p{color:#d9e8e1;margin:0}.cta .btn{background:#fff;color:#173e30}
.footer{border-top:1px solid var(--line);padding:34px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer p,.footer-bottom{font-size:13px;color:#7a8781}.footer-links{display:flex;gap:17px;flex-wrap:wrap;font-size:13px}.footer-bottom{border-top:1px solid #edf1ef;margin-top:22px;padding-top:18px}
.mobile-note{display:none}
@media(max-width:850px){
 .navlinks{display:none}.hero{padding:63px 0}.hero-grid,.grid3,.grid2{grid-template-columns:1fr}.hero-grid{gap:31px}.hero h1{font-size:43px}
 .actions{flex-direction:column}.btn{width:100%}.section{padding:62px 0}.section-head h2{font-size:30px}.pagehero h1{font-size:38px}.cta,.footer-top{flex-direction:column;align-items:flex-start}.linklist{grid-template-columns:1fr}.wrap{width:min(100% - 28px,1160px)}.mobile-note{display:block;font-size:13px;color:var(--muted)}
}