:root{--navy:#071d30;--lime:#d9ff49;--cream:#f5f2e9;--red:#ff6248}
*{box-sizing:border-box}
body{margin:0;color:var(--navy);background:var(--cream);font-family:Arial,"Noto Sans KR",sans-serif}
header{min-height:90px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:22px max(5vw,24px)}
header a{color:#fff;text-decoration:none;font-size:25px;font-weight:800}
header strong{color:var(--lime)}
header span{font-size:12px;letter-spacing:2px}
main{max-width:1040px;margin:0 auto;padding:70px 24px}
.eyebrow{color:var(--red);font-weight:900;letter-spacing:3px}
h1{font-size:clamp(42px,7vw,86px);line-height:1;margin:18px 0}
.intro{font-size:clamp(18px,2.5vw,25px);line-height:1.6;max-width:760px}
time{display:block;padding:20px 0 38px;border-bottom:2px solid var(--navy)}
.items{display:grid;gap:26px;margin-top:34px}
.card{display:grid;grid-template-columns:300px 1fr;background:#fff;color:inherit;text-decoration:none;min-height:210px}
.card.no-image{grid-template-columns:1fr}
.card img{width:100%;height:100%;object-fit:cover;background:#ddd}
.card-copy{padding:28px}
.badge{display:inline-block;background:var(--navy);color:#fff;padding:6px 9px;font-size:12px;font-weight:800}
.badge.ad{background:var(--red)}
.number{color:var(--red);font-weight:900;letter-spacing:2px}
.card h2{font-size:27px;margin:15px 0 10px}
.card p{line-height:1.7;margin:0;color:#455}
.home{display:inline-block;margin-top:45px;background:var(--navy);color:#fff;text-decoration:none;padding:14px 18px}
footer{background:var(--lime);padding:30px max(5vw,24px);font-weight:800}
@media(max-width:700px){header{align-items:flex-start;gap:14px}header a{font-size:20px}main{padding:45px 18px}.card{display:block}.card img{height:220px}.card-copy{padding:20px}.card h2{font-size:23px}}