@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans KR,system-ui,sans-serif;color:#152536;background:#f6f8fa;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1160px;margin:0 auto;padding:0 24px}.topbar{background:#fff;border-bottom:1px solid #dfe6eb}.topbar .inside{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:20px;font-weight:800;letter-spacing:-.8px;color:#173954;line-height:1.12}.brand small{display:block;font-size:10px;letter-spacing:.05em;margin-top:6px;color:#688197;font-weight:600}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:13px;font-weight:600;color:#40586b}nav a:hover,nav a:focus{color:#176eaa}section{padding-top:35px}.muted{color:#697d8d}.eyebrow{font-size:11px;font-weight:800;color:#236b9a;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(31px,4.2vw,52px);letter-spacing:-.05em;line-height:1.35}h2{font-size:25px;letter-spacing:-.04em}h3{font-size:18px}p{line-height:1.85}.hero{display:grid;grid-template-columns:.9fr 1.1fr;background:#e9f0f5;border:1px solid #d9e4ed;border-radius:13px;overflow:hidden;margin-top:32px;min-height:420px}.hero-copy{padding:55px 45px;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{margin:16px 0}.hero-copy p{color:#536d7f;font-size:15px}.hero-image{width:100%;height:100%;object-fit:cover;object-position:51% center;mix-blend-mode:multiply}.btn{display:inline-block;padding:12px 18px;color:#fff;background:#1b577e;border-radius:6px;font-size:13px;font-weight:700;width:max-content;margin-top:10px}.btn:hover{background:#113e5c}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px}.section-heading h2{margin:0}.section-heading a{color:#246e9b;font-size:13px;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{display:block;background:#fff;border:1px solid #e1e8ec;border-radius:10px;overflow:hidden;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#9fc1d7}.card-img{aspect-ratio:16/10;width:100%;object-fit:cover;background:#edf2f6}.card-body{padding:20px}.tag{font-size:12px;color:#2175aa;font-weight:800}.card h3{margin:9px 0;line-height:1.5}.date{font-size:12px;color:#8594a0}.card p{font-size:13px;color:#6b7e8b;margin:12px 0 0}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category{background:#fff;border:1px solid #e1e8ec;padding:23px;border-radius:9px;min-height:150px;display:block}.category:hover{border-color:#a3c3d6}.category .number{color:#76a1bb;font-size:12px;font-weight:800}.category h3{margin:12px 0 5px}.category p{color:#738797;font-size:12px;margin:0}.article-shell{max-width:820px;margin:45px auto 80px}.article-title{margin:15px 0 18px;font-size:clamp(30px,4.5vw,48px)}.article-meta{color:#708696;font-size:13px;display:flex;gap:14px;margin-bottom:24px}.article-cover{border:1px solid #dce6ec;border-radius:10px;width:100%;height:auto}.article-body{font-size:16px;color:#293e4d;padding:25px 0}.article-body h2{margin-top:38px;padding-top:12px;border-top:1px solid #e2e8ed}.article-body h3{margin-top:26px}.article-body li{margin:10px 0;line-height:1.8}.article-body table{width:100%;border-collapse:collapse}.article-body td,.article-body th{border:1px solid #dce5eb;padding:10px;text-align:left}.article-body th{background:#eef3f6}.article-body blockquote{border-left:3px solid #3982b2;padding:4px 20px;margin:20px 0;background:#edf4f8}.page-title{margin:43px 0 9px}.page-intro{color:#698092;margin-bottom:30px}.empty{border:1px dashed #c9d6df;background:#fff;padding:45px;border-radius:10px;color:#6c8190}footer{border-top:1px solid #dbe4eb;margin-top:70px;background:#fff;padding:30px 0;color:#6d7e8b;font-size:12px}.footer-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}@media(max-width:760px){.topbar .inside{padding-top:15px;padding-bottom:15px;display:block}nav{margin-top:14px;gap:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:28px 24px}.hero-image{max-height:275px}.cards,.categories{grid-template-columns:1fr}.container{padding:0 17px}.article-shell{margin-top:25px}}
