@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--green:#104b2d;--green2:#19633b;--pale:#eef5f0;--yellow:#f7bd24;--yellowp:#fff8e5;--ink:#171a18;--text:#454c47;--muted:#737b76;--line:#dfe4e0;--max:1040px;--font:'Noto Sans KR','Malgun Gothic',sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--font);line-height:1.75;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:72px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.header-inner{max-width:1280px;height:100%;margin:auto;padding:0 24px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--green);font-weight:900;font-size:21px}.brand-mark{width:31px;height:31px;border-radius:50%;background:var(--yellow);display:grid;place-items:center}.brand-mark svg{width:18px}.top-nav{margin-left:auto;display:flex;gap:24px}.top-nav a{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700}.top-nav svg{width:18px;color:var(--green)}
main{max-width:var(--max);margin:auto;padding:42px 20px 70px}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.breadcrumb svg{width:15px}.article-head{padding:35px 0 30px;border-bottom:1px solid var(--line)}.article-kicker{display:flex;align-items:center;gap:8px;color:var(--green2);font-weight:800;font-size:14px;margin:0 0 10px}.article-kicker svg{width:19px}.article-head h1{font-size:42px;line-height:1.28;letter-spacing:-2px;margin:0 0 14px}.article-head>p{max-width:760px;color:var(--text);font-size:17px;margin:0}.article-meta{display:flex;gap:17px;margin-top:18px;color:var(--muted);font-size:12px}.article-meta span{display:flex;align-items:center;gap:6px}.article-meta svg{width:15px}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:34px;padding-top:34px}.lead-box{padding:21px 23px;border:1px solid #f0d37f;border-radius:10px;background:var(--yellowp);margin-bottom:28px}.lead-box strong{display:block;margin-bottom:5px}.lead-box p{margin:0;color:var(--text);font-size:14px}.content-section{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.content-section h2{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.6px;margin:0 0 14px}.content-section h2 span{width:29px;height:29px;border-radius:50%;background:var(--pale);color:var(--green);display:grid;place-items:center;font-size:14px}.content-section p{color:var(--text);margin:0 0 11px}.check-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.check-list li{display:flex;align-items:flex-start;gap:10px;color:#3e4641}.check-list svg{width:19px;min-width:19px;margin-top:5px;color:var(--green2)}
.source-box{padding:20px;border:1px solid var(--line);border-radius:10px}.source-box h2{font-size:17px;margin:0 0 10px}.source-box a{display:block;padding:9px 0;border-top:1px solid var(--line);color:var(--green2);font-size:13px;font-weight:700}.source-box a:first-of-type{border-top:0}.source-box p{font-size:11px;color:var(--muted);margin:10px 0 0}.rail{display:grid;gap:18px;align-content:start;position:sticky;top:98px}.rail section{border:1px solid var(--line);border-radius:10px;padding:18px}.rail h2{font-size:17px;margin:0 0 9px}.rail nav{display:grid}.rail nav a{padding:10px 0;border-top:1px solid var(--line);font-size:13px;color:#555e58}.rail nav a::before{content:'›';margin-right:9px;color:#91a096}.rail nav a:hover{color:var(--green2)}.boribay-box{background:linear-gradient(145deg,#f5faf6,#edf4ef)}.boribay-box p{font-size:13px;color:#5b645e;margin:0 0 13px}.boribay-box>a{min-height:47px;border-radius:7px;background:var(--green2);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px}.boribay-box svg{width:16px}.notice{font-size:11px;color:var(--muted);margin-top:11px;display:block}
.site-footer{border-top:1px solid var(--line);padding:25px 20px;color:var(--muted)}.site-footer>div{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:20px}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}.site-footer a,.site-footer span{font-size:12px}
@media(max-width:760px){.site-header{height:auto}.header-inner{min-height:64px}.top-nav{display:none}.article-head{padding-top:28px}.article-head h1{font-size:33px}.article-grid{grid-template-columns:1fr}.rail{position:static}.article-meta{flex-wrap:wrap}.site-footer>div{display:grid}}