@charset "utf-8";

#main_popup {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);  z-index: 999; background: #fff;    border-radius: 1rem 1rem 0 0; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);  width: 100%; height: 100%;  max-width: 52.3rem; max-height: 59.1rem;}
.popup_sld { width: 100%; height: 100%; border-radius: 1rem 1rem 0 0; overflow: hidden; }
.popup_sld .swiper-slide {display: flex; align-items: center; justify-content: center;}
.popup_sld .swiper-slide a{width:100%; height:100%; display:block;}
.popup_sld .swiper-slide img{width:100%; height:100%;}

.main_popup_footer {position:relative; padding: 1rem 1.5rem;min-height: 5rem;background: #333;border-radius: 0 0 1rem 1rem;display: flex;align-items: center;justify-content: space-between;}
.sld_navi{display: flex;align-items: center; gap:1rem;}
.sld_naviBtn{display:flex;align-items:center;gap: 0.5rem;}
.sld_naviBtn .btn {position:relative;margin-top:0;height:100%;left: auto;right: auto;width: 1.5rem;}
.sld_naviBtn .btn .icon {position:relative;display:block;width:1.5rem;height:2rem;line-height: normal;}
.sld_naviBtn .btn .icon:before,
.sld_naviBtn .btn .icon:after {content:"";position:absolute;left:0;display:block;width:1rem;height:2px;background:#fff;border-radius:2rem;}
.sld_naviBtn .btn.prev .icon:before {top:0.6rem;transform:rotate(-45deg);}
.sld_naviBtn .btn.prev .icon:after {bottom:0.6rem;transform:rotate(45deg);}
.sld_naviBtn .btn.next .icon:before {top:0.6rem;transform:rotate(45deg);}
.sld_naviBtn .btn.next .icon:after {bottom:0.6rem;transform:rotate(-45deg);}
.sld_naviBtn .swiper-button-next:after, .sld_naviBtn .swiper-button-prev:after{display:none;}
.popup_counter {color: #fff;font-size: 1.4rem;display: flex; align-items: center; gap: 0.5rem;}
.popup_counter span{color:#fff;}

.main_popup_footer .sld_control{display:flex;}
.main_popup_footer label {display: flex; align-items: center; gap: 0.8rem;margin-right: 1.5rem;color:#fff;font-size: 1.4rem;}
.main_popup_footer label input[type="checkbox"]{width:1.5rem; height:1.5rem;border-color: #fff;}
.main_popup_footer label input[type='checkbox']:checked{width:1.5rem; height:1.5rem;background-color: #333;box-shadow: 0 0 0 0.1rem #333;}
.main_popup_footer .popup_closeBtn .icon {position:relative;display:block;width:1.5rem;height:1.5rem;}
.main_popup_footer .popup_closeBtn .icon:before,
.main_popup_footer .popup_closeBtn .icon:after {content:"";position:absolute;top:50%;left:50%;margin:-0.1rem 0 0 -1rem;display:block;width:1.5rem;height:0.2rem;background:#fff;}
.main_popup_footer .popup_closeBtn .icon:before {transform:rotate(45deg);}
.main_popup_footer .popup_closeBtn .icon:after {transform:rotate(-45deg);}

    
    @media screen and (max-width:480px) {
    	#main_popup {width: calc(100vw - 4rem); height: calc((100vw - 4rem) * 591 / 523);}
    }