/* 관리자 사이트관리(팝업·배너)에서 등록한 콘텐츠가 실제로 노출되는 자리 — 지금은 홈에서만 쓰지만
   페이지 전용 CSS가 아니라 shared에 둔다(다른 페이지에도 배너를 붙일 가능성 대비, panel.css와 동일 관례). */

.site-banners { padding: 16px 0 0; }
.site-banners__list { display: flex; flex-direction: column; gap: 12px; }
.site-banner { display: block; border-radius: var(--radius-md); overflow: hidden; line-height: 0; }
.site-banner img { width: 100%; height: auto; display: block; }

.site-popup__window { max-width: 420px; padding: 0; overflow: hidden; }
.site-popup__window .modal-close { z-index: 1; }
.site-popup__window:has(.site-popup__img) .modal-close { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
.site-popup__window .modal-title,
.site-popup__window .modal-desc,
.site-popup__window .site-popup__dismiss { padding-left: 28px; padding-right: 28px; }
.site-popup__window .modal-title { margin-top: 28px; }
.site-popup__img-link, .site-popup__img { display: block; width: 100%; height: auto; }
.site-popup__body { white-space: pre-line; text-align: left; }
.site-popup__dismiss { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--text-mute); padding-bottom: 20px; padding-top: 4px; cursor: pointer; }