:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif;color:#253746;background:#f7f8f6}*{box-sizing:border-box}body{margin:0}header{background:#173d4c;color:white;padding:16px max(24px,calc((100vw - 1120px)/2));display:flex;gap:28px;align-items:center;flex-wrap:wrap}header>a{font-weight:800;font-size:1.2rem}header a{color:white;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}main{max-width:1120px;margin:0 auto;padding:48px 24px 80px}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.2;margin:12px 0 18px;color:#173d4c}h2{margin-top:38px;color:#173d4c}.eyebrow{color:#be6a4e;letter-spacing:.12em;font-weight:750;text-transform:uppercase}.lead{font-size:1.14rem;line-height:1.85;color:#4d6269;max-width:850px}.hero{display:block;width:100%;max-height:570px;object-fit:cover;border-radius:22px;margin:30px 0}article{max-width:820px;font-size:1.05rem;line-height:1.9}article h2{padding-top:18px;border-top:1px solid #d8e3e2}article h3{color:#315e6a}article a{color:#176b83;overflow-wrap:anywhere}article li{margin:.35rem 0}article p{margin:1rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:28px}.card{display:block;background:#fff;border:1px solid #e1e8e7;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 6px 20px #173d4c0b}.card img{width:100%;height:185px;object-fit:cover}.card span{display:block;padding:16px}.card b{display:block;font-size:1.12rem;color:#173d4c}.card small{display:block;line-height:1.55;color:#64747b;margin-top:7px}footer{background:#eaf0ef;padding:30px;text-align:center;color:#536b71}@media(max-width:600px){header{gap:12px}nav{gap:10px;font-size:.91rem}main{padding:32px 18px 60px}.hero{border-radius:12px}}
.layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;padding:0 16px}.layout main{min-width:0;padding:44px 18px 72px}.layout.home{display:block}.layout.home main{max-width:1160px}.side{align-self:start;position:sticky;top:18px;margin-top:44px;padding:20px;background:white;border:1px solid #e0e8e6;border-radius:15px;max-height:85vh;overflow:auto}.side h3{margin:0 0 12px}.side a{color:#315e6a;text-decoration:none}.side ul{padding-left:18px;line-height:1.65}.side li{margin:6px 0}.side .on>a{font-weight:800;color:#b65d43}.meta{color:#688087;font-size:.9rem;display:flex;gap:14px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:22px}.cards .card img{width:100%;height:185px;object-fit:cover}.cards .card{display:block;background:white;border-radius:15px;overflow:hidden;text-decoration:none;color:#253746;border:1px solid #e1e8e7}.cards .card div{padding:14px}.cards .card b,.cards .card span{display:block}.hero img{width:100%;max-height:560px;object-fit:cover;border-radius:16px}.hero{margin:26px 0}.tbl{overflow-x:auto}.tbl table{border-collapse:collapse;width:100%}.tbl th,.tbl td{border:1px solid #cddcd9;padding:9px;text-align:left}article{max-width:850px}@media(max-width:850px){.layout{display:block}.side{position:static;max-height:none;margin:20px 0 0}.layout main{padding:28px 8px 60px}}
@media(max-width:850px){.layout{display:flex;flex-direction:column}.layout main{order:1}.layout .side{order:2;margin:0 8px 32px}.layout.home{display:block}}