*{box-sizing:border-box}
body{margin:0;background:#f5f7fb;color:#18263d;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif}
a{color:#2056a0;text-decoration:none}
.top{background:#fff;border-bottom:1px solid #e1e7ef;padding:18px max(20px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;gap:15px}
.top span{font-size:12px;font-weight:700;color:#64748b}
.wrap{max-width:1160px;margin:auto;padding:32px 20px}
.intro h1{font-size:32px;margin:8px 0}
.intro>p{color:#64748b}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#315eaa!important}
.tabs{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 15px}
.tabs a{background:white;border:1px solid #dce4ee;padding:11px 20px;border-radius:9px;font-weight:700}
.tabs a.selected{background:#173c76;color:#fff}
.datebar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px}
.datebar a,.datebar button{padding:9px 13px;border:1px solid #dce4ee;background:white;border-radius:8px;cursor:pointer}
.datebar input{padding:8px;border:1px solid #dce4ee;border-radius:8px}
.panel{background:white;border:1px solid #e0e6ef;border-radius:15px;padding:24px;margin-bottom:20px}
.panel h2{font-size:21px;margin:0 0 10px}
.hint{font-size:13px;color:#718096;margin-bottom:20px;line-height:1.7}
.indexgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.indexcard{padding:18px;background:#f7f9fc;border:1px solid #e7ebf2;border-radius:12px}
.indexcard span,.indexcard small{display:block;color:#64748b}
.indexcard strong{display:block;font-size:25px;margin:11px 0}
.indexcard small{font-size:11px}
.positive{color:#cf4050}.negative{color:#2565b3}
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:650px;font-size:13px}
th,td{padding:14px 10px;text-align:left;border-bottom:1px solid #e9edf3}
th{background:#f8fafc;color:#64748b}
.empty{padding:35px 15px;text-align:center;background:#f8fafc;border-radius:10px;color:#64748b;font-size:14px}
.next a{font-weight:700}
footer{padding:20px 0;color:#64748b;font-size:12px}
@media(max-width:800px){.indexgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.wrap{padding:20px 12px}.intro h1{font-size:26px}.panel{padding:16px}.indexcard strong{font-size:21px}}