@charset "utf-8";

/*! 모달 반응형 — .popup flex로 배너 화면 중앙 정렬 */
.popup{z-index:4000;position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.75)}
.popup.is-open{display:flex}
.popup-inner{position:relative;width:300px;max-width:100%;border-radius:var(--bs-border-radius);background:var(--bs-primary);overflow:hidden}

.popup-reject,.popup-close{display:block;padding:.4rem .4rem;color:#fff;font-size:.875rem;font-weight:500;text-align:center;background:var(--bs-tertiary)}
.popup-reject:hover,.popup-close:hover{color:#fff;background:var(--bs-primary)}
@media(min-width:768px){
.popup-inner{width:400px}
}

/*! Swiper — 팝업 좌우 화살표 */
.swiper-popup{position:relative}
.swiper-popup .swiper-slide img{display:block;width:100%;height:auto}
.swiper-popup .swiper-button-prev,
.swiper-popup .swiper-button-next{z-index:4010;top:50%;width:20px;height:50px;margin-top:-25px;color:var(--bs-primary);background:#fff;border-radius:0}
.swiper-popup .swiper-button-prev::after,
.swiper-popup .swiper-button-next::after{font-size:.875rem;font-weight:700}
.swiper-popup .swiper-button-prev:hover,
.swiper-popup .swiper-button-next:hover{color:#fff;background:var(--bs-primary)}
.swiper-popup .swiper-button-prev{left:0;border-radius:0 var(--bs-border-radius) var(--bs-border-radius) 0}
.swiper-popup .swiper-button-next{right:0;border-radius:var(--bs-border-radius) 0 0 var(--bs-border-radius)}
@media (min-width:768px){
.swiper-popup .swiper-button-prev,
.swiper-popup .swiper-button-next{width:26px;height:60px;margin-top:-30px}
.swiper-popup .swiper-button-prev::after,
.swiper-popup .swiper-button-next::after{font-size:1.125rem}
}