@charset "utf-8";
/* popup_zone */
#popup_zone{visibility: hidden;position: fixed;top: 0;left: 0;padding: 11rem 0;width: 100%;height: 100%;opacity: 0;transition: .35s opacity;z-index: 25;}
.blind-on-popup #popup_zone{visibility: visible;opacity: 1}
#popup_zone>.inner{display: flex;overflow-y:auto;align-items: center;padding: 3.5rem 0;width: 100%;height: 100%;}
#popup_zone .layout{margin:auto;padding:0 10.5rem;max-width:1400px;}
#popup_zone .popup_title{display:flex;flex-wrap: wrap;justify-content:center;}
#popup_zone .popup_title strong{color:#fff;font-family:"Montserrat";font-size:4rem;text-align:center;}
#popup_zone .popup_title strong>span{font-weight:700;}
#popup_zone .popup_slide{position:relative;margin-top:3.5rem;}
#popup_zone .slide_move{position: absolute;top:calc(50% - 2rem);width: 4rem;height: 4rem;border: 0}
#popup_zone .slide_move .image-icon{display:block;width:100%;height:100%;}
#popup_zone .slide_prev{right:calc(100% + 3.5rem)}
#popup_zone .slide_prev .image-icon:before{background-image:url(/_html/images/popup/prev.svg)}
#popup_zone .slide_prev .image-icon:after{background-image:url(/_html/images/popup/prev-ov.svg)}
#popup_zone .slide_next{left:calc(100% + 3.5rem)}
#popup_zone .slide_next .image-icon:before{background-image:url(/_html/images/popup/next.svg)}
#popup_zone .slide_next .image-icon:after{background-image:url(/_html/images/popup/next-ov.svg)}
#popup_zone .slide_wrap{overflow: hidden;margin:0 -1.25rem}
#popup_zone .slide_wrap .swiper-wrapper{}
#popup_zone .slide_wrap .swiper-wrapper .swiper-slide{padding: 0 1.25rem;width: calc(100% / 3);height: auto}
#popup_zone .slide_wrap .swiper-wrapper .swiper-slide>a{display: block;position: relative;width: 100%;padding-top: 107.5%}
#popup_zone .slide_wrap .swiper-wrapper .swiper-slide>a>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
#popup_zone .popup_info{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem 2.5rem;margin-top:4.5rem;}
#popup_zone .popup_info_item{display:flex;align-items:center;padding:1.1rem 2.3rem;background-color:#000;border-radius:5rem;color:#fff;font-size:1.6rem;}
#popup_zone a,
#popup_zone button{column-gap:1.8rem;font-weight:500;line-height:1}
#popup_zone a i,
#popup_zone button i{font-size:2.4rem;line-height:1;}
#popup_zone .popup_total_count{margin:0 .1rem 0 .5rem;color:#db0101;font-weight:500;}

@media(max-width: 1339px) {
	#popup_zone .slide_wrap{margin: 0 -2rem}
	#popup_zone .layout{padding:0 6rem;}
	#popup_zone .slide_prev{right:calc(100% + 2rem)}
	#popup_zone .slide_next{left:calc(100% + 2rem)}
	#popup_zone .slide_wrap .swiper-wrapper .swiper-slide{padding: 0 2rem}
}
@media(max-width: 767px) {
	#popup_zone .slide_wrap{margin: 0 -1rem}
	#popup_zone .slide_wrap .swiper-wrapper .swiper-slide{padding: 0 1rem}	
	#popup_zone.length1 .slide_wrap .swiper-wrapper .swiper-slide{width:calc(100% / 2)}
}
@media(max-width:479px) {
	#popup_zone.length1 .slide_wrap .swiper-wrapper .swiper-slide{width:calc(100%)}	
}

/* 슬라이드 3개 이하 */
#popup_zone.no_loop .popup_title .slide_util{display: none}
#popup_zone.no_loop .slide_wrap .swiper-wrapper{justify-content: center}
@media(min-width: 480px) {
	#popup_zone.length2 .popup_title .slide_util{display: none}
	#popup_zone.length2 .slide_wrap .swiper-wrapper{justify-content: center}
}
@media(min-width: 1024px) {
	#popup_zone.length3 .popup_title .slide_util{display: none}
}

@media(max-height:1023px) {
	#popup_zone{padding:0}
}