/* 팝업존 — 설계서(SCIA-1778) 카드형: 딤 위 흰 박스(제목·건수·슬라이드·오늘하루 체크박스·닫기). 자동재생 없음. main.html 전용 로드 (2026-10-13 재작업) */
.popupzone { position: fixed; inset: 0; z-index: 999999; display: flex; justify-content: center; align-items: center; padding: 2rem; background-color: rgba(0, 0, 0, .55); }
.popup-inner { width: 100%; max-width: 86rem; padding: 2.8rem 3.2rem 3.2rem; background-color: #fff; border-radius: 1.6rem; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .25); } /* overflow 금지 — 좌우 화살표가 박스 테두리에 반쯤 걸치는 구조 */
.popup-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 2rem; }
.popup-tit { font-weight: 700; font-size: 2.2rem; color: var(--gray-17); }
.popup-count { font-size: 15px; color: var(--gray-66); }
.popup-count .num { font-weight: 700; color: var(--primary500); }
.popup-list { position: relative; }
.popup-list .swiper-slide .img-wrap { position: relative; height: 0; padding-bottom: 100%; border: 1px solid var(--gray-e9); border-radius: .8rem; overflow: hidden; }
.popup-list .swiper-slide .img-wrap img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.popup-list .swiper-btn a { position: absolute; top: 50%; z-index: 2; display: flex; justify-content: center; align-items: center; width: 3.6rem; height: 3.6rem; background-color: #fff; border: 1px solid var(--gray-cc); border-radius: 50%; box-shadow: 0 .2rem .6rem rgba(0, 0, 0, .12); transform: translateY(-50%); }
.popup-list .swiper-prev-btn { left: -5rem; } /* 박스 패딩 3.2rem — 원(3.6rem) 중심이 박스 테두리에 오도록 */
.popup-list .swiper-next-btn { right: -5rem; }
.popup-list .swiper-btn a i::before { font-weight: 700 !important; color: var(--gray-44); }
.popup-list .swiper-btn a:hover, .popup-list .swiper-btn a:focus { background-color: var(--gray-f5); }
.popup-list .swiper-btn a.swiper-button-lock { display: none; } /* 슬라이드가 한 화면에 다 들어오면 화살표 숨김(watchOverflow) */
.popup-foot { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: .8rem; margin-top: 2.4rem; }
.popup-foot .day-chk-label { display: inline-flex; align-items: center; height: 4rem; padding: 0 1.4rem; border: 1px solid var(--gray-cc); border-radius: .6rem; } /* 체크박스는 KRDS krds-form-check 컴포넌트 사용 */
.popup-foot .day-chk-label label { font-size: 15px; color: var(--gray-44); }
.popup-foot .close { display: inline-flex; align-items: center; gap: .4rem; height: 4rem; padding: 0 1.6rem; font-weight: 600; font-size: 15px; color: #fff; background-color: var(--primary500); border-radius: .6rem; transition: background-color .2s; }
.popup-foot .close:hover, .popup-foot .close:focus { background-color: var(--primary600); }
.popup-foot .close i::before { font-weight: 700 !important; }

@media only screen and (max-width: 767px) {
	.popup-inner { padding: 2rem; }
	.popup-head { margin-bottom: 1.4rem; }
	.popup-tit { font-size: 1.9rem; }
	.popup-list .swiper-prev-btn { left: .8rem; } /* 좁은 화면에선 화살표를 슬라이드 위로 */
	.popup-list .swiper-next-btn { right: .8rem; }
	.popup-foot { margin-top: 1.6rem; }
}