@charset "utf-8";
/* [2026-09-29] 팝업레이어(bbs/newwin.inc.php, mobile/newwin.inc.php) — 퍼블 CSS에 그누보드 기본 팝업 스타일이 없어 별도 추가 */
#hd_pop { position: relative; z-index: 99999; width: 0; height: 0; margin: 0; padding: 0; }
#hd_pop h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
#hd_pop .sound_only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.hd_pops { position: fixed; z-index: 99999; background: #fff; box-shadow: 0 6px 24px rgba(0,0,0,.25); }
/* 높이는 내용(이미지)에 맞춤 — 관리자 높이값이 이미지보다 크면 흰 여백이 생기므로 */
.hd_pops_con { overflow: auto; height: auto !important; max-height: calc(100vh - 200px); }
.hd_pops_con p { margin: 0; }
.hd_pops_con img { display: block; max-width: 100%; height: auto; }
.hd_pops_footer { display: flex; background: #222; }
.hd_pops_footer button { height: 44px; padding: 0 14px; border: 0; background: transparent; color: #fff; font-size: 14px; cursor: pointer; }
.hd_pops_footer .hd_pops_reject { flex: 1 1 auto; text-align: left; }
.hd_pops_footer .hd_pops_close { flex: 0 0 auto; background: #444; }

/* 모바일: 관리자 좌표·크기(PC 기준)를 무시하고 화면 중앙 90% 폭으로 */
@media (max-width: 768px) {
    .hd_pops { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); width: 90%; max-width: 420px; }
    .hd_pops_con { width: 100% !important; height: auto !important; max-height: calc(100vh - 140px); }
    .hd_pops_footer button { height: 42px; font-size: 13px; }
}