/* BASIC css start */
.event_inner { backdrop-filter: blur(2px); }

#popup-event.type-01 { width: 80%; max-width: 430px; position: absolute; top: 50%; left: 50%; padding: 0; overflow: hidden; transform: translate(-50%, -50%); 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 { position: relative; overflow: hidden; zoom: 1; }
#popup-event.type-01 dd a { width: auto; height: 36px; line-height: 36px; color: #ccc; border:0; padding: 0 15px; }
#popup-event.type-01 dd a.btn-white1 { position: relative; font-size: 12px; float: left; text-align: left; }

#popup-event.type-01 dd a.btn-white2 { position: relative; font-size: 12px; float: right; text-align: right; }
#popup-event.type-01 dd a.btn-white2 button { position: relative; background: none; border: none; width: 17px; height: 17px; margin-right: 3px; padding: 0; font-size: 0; text-indent: 0; color: #a5a5a5; }
#popup-event.type-01 dd a.btn-white2 button:after,
#popup-event.type-01 dd a.btn-white2 button:before { content: ""; width: 12px; height: 1.5px; position: absolute; top: 45%; right: 0; background: #a5a5a5; transition: 0.4s; }
#popup-event.type-01 dd a.btn-white2 button:after { transform: rotate(45deg); }
#popup-event.type-01 dd a.btn-white2 button:before { transform: rotate(135deg); }

#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; }

input[type="radio"], input[type="checkbox"] { width: 13px; height: 13px; }

#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: 70%; left: 5%; width: 91%; text-align: center; background: #fff; font-weight:500; font-family: 'Montserrat'; z-index: 10; }
.timer_popup .timerEventP { padding: 3% 0; font-size: 30px; }
.timer_popup .timerEventP font { display: none !important; }
.timer_popup .timerEventP .timeel { display: inline-block; color: #000; }
.timer_popup .timerEventP .hours, 
.timer_popup .timerEventP .minutes, 
.timer_popup .timerEventP .seconds { width: 40px; font-weight:600; }

/* BASIC css end */