/* 광고 배너 — 큰(한 줄 N칸) / 작은(한 줄 N칸). 한 줄 칸 수는 --cols(admin 설정). 실제 배너만. 2026-06-23 */
.bn-grid{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:8px;margin:4px 0 8px}
.bn-mini{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:8px;margin:0 0 16px}
.bn-grid .bn-item,.bn-mini .bn-item{display:block;border-radius:10px;overflow:hidden;background:#eef2f7}
.bn-grid .bn-item{aspect-ratio:6/1}
.bn-mini .bn-item{aspect-ratio:7/2;border-radius:8px}
.bn-grid .bn-item img,.bn-mini .bn-item img{width:100%;height:100%;object-fit:cover;display:block}
body.dark .bn-grid .bn-item,body.dark .bn-mini .bn-item{background:#222a34}
@media(max-width:560px){ .bn-grid{grid-template-columns:1fr} .bn-mini{grid-template-columns:repeat(2,1fr)} }

/* 팝업 공지 모달 */
.bn-popup{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:120;display:flex;align-items:center;justify-content:center;padding:18px}
.bn-popup[hidden]{display:none}
.bn-popup-box{position:relative;background:#fff;border-radius:14px;max-width:440px;width:100%;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.bn-popup-box .bn-item{display:block;line-height:0}
.bn-popup-box .bn-item img{display:block;width:100%;height:auto}
.bn-popup-x{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:15px;cursor:pointer;z-index:2}
.bn-popup-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#f6f8fa;font-size:13px}
.bn-popup-ft label{display:flex;align-items:center;gap:6px;color:#444;cursor:pointer}
.bn-popup-close{border:0;background:#27b8b0;color:#fff;padding:7px 16px;border-radius:8px;font-weight:700;cursor:pointer}
body.dark .bn-popup-box{background:#1a1f27}
body.dark .bn-popup-ft{background:#222831;color:#c2cad4}