@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--navy:#102039;--ink:#19293c;--muted:#5e6b7a;--gold:#c7a36a;--canvas:#f8f6f1;--line:#e3e4e4;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif;word-break:keep-all;color:var(--ink);background:var(--canvas);line-height:1.75}
a{color:inherit}a:focus-visible{outline:3px solid #c1964a;outline-offset:4px}button{font:inherit}
.site-header{background:var(--navy);color:#fff}.head-inner{max-width:1240px;min-height:83px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 25px}.logo{display:inline-flex;align-items:center;background:#fff8ec;border:1px solid #e2cd9d;border-radius:12px;padding:6px 10px;flex-shrink:0}.logo img{display:block;width:178px;height:auto}.menu{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.menu a{color:#e5eaf0;font-size:13px;font-weight:600;text-decoration:none}.menu a:hover{text-decoration:underline;text-underline-offset:7px}
.wrap{max-width:1140px;margin:0 auto;padding:0 25px}.intro{padding:68px 0 36px}.eyebrow{letter-spacing:.23em;color:#b18e55;font-size:12px;font-weight:800}.intro h1{font-size:clamp(35px,5vw,55px);line-height:1.22;letter-spacing:-.045em;margin:16px 0 16px}.intro .lead{max-width:810px;color:#526478;font-size:16px;line-height:1.9}.intro .date{font-size:12px;color:var(--muted);margin-top:22px}.draft-notice{background:#fffaf1;border:1px solid #eedfc6;border-left:4px solid var(--gold);border-radius:10px;padding:18px 20px;margin:8px 0 38px}.draft-notice strong{display:block;margin-bottom:6px}.draft-notice p{margin:0;color:#6b5a44;font-size:14px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:35px;padding:8px 0 80px}.toc{position:sticky;top:20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px 20px}.toc strong{font-size:13px;display:block;margin-bottom:16px}.toc a{display:block;text-decoration:none;color:#536274;font-size:13px;padding:8px 0;border-top:1px solid #eef0ef}.toc a:hover{color:#9d7132}.sections{display:grid;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:33px 34px}.panel h2{font-size:22px;line-height:1.5;letter-spacing:-.025em;margin:0 0 18px}.panel h2 span{color:#b88a49;margin-right:11px;font-size:14px}.panel h3{margin:17px 0 7px;font-size:16px}.panel p,.panel li{font-size:14px;color:#4c5969}.panel p:last-child{margin-bottom:0}.panel ul{margin:10px 0;padding-left:22px}.status-table{width:100%;border-collapse:collapse;margin-top:15px;table-layout:fixed}.status-table th,.status-table td{text-align:left;padding:13px;vertical-align:top;border-bottom:1px solid #e7eaec;font-size:13px;overflow-wrap:anywhere}.status-table th{background:#f6f8fa;color:#28374a}.status-table td{color:#4b5966}.status-table td:first-child,.status-table th:first-child{width:30%}.inline-note{margin-top:15px;background:#f2f6fa;border-radius:10px;padding:13px 15px;font-size:13px;color:#526274}.contact-box{background:#f4f5f6;border-radius:10px;padding:16px 20px;margin-top:18px;font-size:14px}.contact-box a{color:#243c62}.footer{background:var(--navy);color:#cdd4dd;padding:29px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.footer-inner a{color:#eee0c8;text-decoration:none}.footer-inner a:hover{text-decoration:underline}
@media(max-width:870px){.head-inner{flex-wrap:wrap;padding:15px 18px;gap:15px}.logo img{width:160px}.menu{gap:12px}.menu a{font-size:12px}.wrap{padding:0 18px}.intro{padding-top:42px}.layout{grid-template-columns:1fr;gap:15px}.toc{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.toc strong{grid-column:1 / -1}.panel{padding:24px 20px}.panel h2{font-size:19px}}
@media(max-width:480px){.toc{grid-template-columns:1fr}.status-table{display:block;overflow-x:auto;white-space:normal}.status-table table{min-width:400px}.status-table th,.status-table td{min-width:110px;padding:10px}}
