/* BASIC css start */
#popup-event.type-01 { width: 100%; max-width: 430px; position: absolute; bottom: 0; left: 0; margin: 0 auto; padding: 0; border-radius: 17px 17px 0 0; overflow: hidden; background: transparent !important; }
#popup-event.type-01 dt { text-align: center; }
#popup-event.type-01 dt a { position: relative; display: block; vertical-align: top; }
#popup-event.type-01 dt a .cont-btn { display: block; position: relative; width: 100%; height: 38px; line-height: 38px; background: #000; color: #fff; text-align: center; font-size: 14px; }
#popup-event.type-01 dt a .cont-btn:after { content: ""; position: absolute; top: 11px; background: url(//xexymix.jpg3.kr/xexymix/2020/main/title_more_wh.png) no-repeat; background-size: cover; width: 16px; height: 16px; margin-left: 3px; }
#popup-event.type-01 dt .swiper { position: relative; width: 100%; height: 100%; }
#popup-event.type-01 dt .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#popup-event.type-01 dt .popevt-pagination { top: 5%; right: 5%; width: 50px; border-radius: 10px; }
#popup-event.type-01 dt .popevt-pagination .swiper-pagination-current { font-weight: bold; }
#popup-event.type-01 dt img { max-width:100%; }
#popup-event.type-01 dt img#pop_img { max-width: 100%; }
#popup-event.type-01 dd { background: #fff; position: relative; overflow: hidden; zoom: 1; padding: 0 20px; }
#popup-event.type-01 dd a { height: 48px; line-height: 48px; color: #898989; border:0; }
#popup-event.type-01 dd a.btn-white1 { font-size: 12px; float: left; text-align: left; }
#popup-event.type-01 dd a.btn-white2 { font-size: 12px; float: right; text-align: right; }
#popup-event.type-01 dd img.checked { margin-left: 3px; margin-top: 5px; margin-right: 5px; width: 18px; height: 18px; }

#popup-event .swiper.popevtSwiper { overflow:hidden;}
#popup-event .swiper-pagination { position: absolute; text-align: center; width: 100%; }
#popup-event .swiper-pagination .swiper-pagination-switch { display: inline-block; margin: 0 4px; width: 8px; height: 8px; border-radius: 10px; background: #f1f1f1; }
#popup-event .swiper-pagination .swiper-active-switch { background: #000; }

#popup-event .swiper.popevtSwiper .swiper-img-init { position: absolute; transform: translate3d(-100%, -100%, 0px); }
#popup-event .swiper.popevtSwiper .swiper-img-init.swiper-slide-duplicate + .swiper-img-init:not(:first-child) { position: relative; transform: none; }

#layer_pop_wrap0, 
#layer_pop_wrap1, 
#layer_pop_wrap2, 
#layer_pop_wrap3, 
#layer_pop_wrap4, 
#layer_pop_wrap5, 
#layer_pop_wrap6, 
#layer_pop_wrap7, 
#layer_pop_wrap8, 
#layer_pop_wrap9, 
#layer_pop_wrap10,
#layer_pop_wrap11,
#layer_pop_wrap12,
#layer_pop_wrap13,
#layer_pop_wrap14,
#layer_pop_wrap15,
#layer_pop_wrap16,
#layer_pop_wrap17,
#layer_pop_wrap18,
#layer_pop_wrap19,
#layer_pop_wrap20 { width: 100%!important; }



/* ¿øµ¥ÀÌƯ°¡ ŸÀÌ¸Ó */
.timer_popup { position: absolute; top: 67%; left: 4%; width: 91%; text-align: center; font-weight:500; font-family: 'Montserrat'; z-index: 10; }
.timer_popup .countTimer2 { display: contents; font-size: 36px; }
.timer_popup .countTimer2 font { display: none !important; }
.timer_popup .countTimer2 .timeel { display: inline-block; color: #fff; }
.timer_popup .countTimer2 .hours, 
.timer_popup .countTimer2 .minutes, 
.timer_popup .countTimer2 .seconds { width: 50px; font-weight:600; }
.timer_popup a { display: block; }
/* BASIC css end */