/* BASIC css start */
#MAKESHOPLY0, #MAKESHOPLY1, #MAKESHOPLY2, #MAKESHOPLY3, #MAKESHOPLY4, #MAKESHOPLY5, #MAKESHOPLY6, 
#MAKESHOPLY7, #MAKESHOPLY8, #MAKESHOPLY9, #MAKESHOPLY10, #MAKESHOPLY11, #MAKESHOPLY12, #MAKESHOPLY13, 
#MAKESHOPLY14, #MAKESHOPLY15, #MAKESHOPLY16, #MAKESHOPLY17, #MAKESHOPLY18, #MAKESHOPLY19, #MAKESHOPLY20 { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: rgba(0, 0, 0, 0.7) !important; overflow: auto !important; }

.event_inner { backdrop-filter: blur(4px); }

/* #specialEvt { background: #fff url(/images/d3/modern_simple/pop_special_evt_bg.gif) repeat 0 0; } */

#specialEvt { z-index:99; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#specialEvt .tit-pop { text-align: center; }
#specialEvt .cont-pop { width: 460px; margin: 0 auto; overflow: hidden; }
#specialEvt .cont-pop .cont { padding: 0px 0px; }
#specialEvt .cont-pop .cont a img { width: 100%; }
#specialEvt .cont-pop .cont a { position: relative; display: block; vertical-align: top; }
#specialEvt .cont-pop .cont a .cont-btn { display: block; position: relative; width: 100%; height: 45px; line-height: 45px; background: #000000; color: #fff; text-align: center; font-size: 16px; }
#specialEvt .cont-pop .cont a .cont-btn:after { content: ""; position: absolute; top: 12px; background: url(//xexymix.jpg3.kr/xexymix/2020/main/title_more_wh.png) no-repeat; background-size: cover; width: 20px; height: 20px; margin-left: 5px; }
#specialEvt .close-wrap { position: relative; color: #aaa; height:50px; }
#specialEvt .close-wrap .close { position: relative; }
#specialEvt .close-wrap .close ul { overflow: hidden; }
#specialEvt .close-wrap .close li { float: left; width: 50%; height:49px; line-height: 49px; text-align: left; font-size: 14px; }
#specialEvt .close-wrap .close li:last-child { text-align: right; }
#specialEvt .close-wrap .close li input[type="checkbox"] { background-color: #f29c9f; }
#specialEvt .close-wrap .close li label { display: block; float: left; padding: 0 15px; cursor: pointer; }
#specialEvt .close-wrap .close .btn-close { float: right; line-height: 49px;  padding: 0 15px; font-size: 14px; color: #aaa; }
#specialEvt .close-wrap .close .btn-close button { position: relative; background: none; border: none; width: 17px; height: 17px; margin-right: 3px; padding: 0; font-size: 0; text-indent: 0; color: #a5a5a5; }
#specialEvt .close-wrap .close .btn-close button:after,
#specialEvt .close-wrap .close .btn-close button:before { content: ""; width: 14px; height: 1.5px; position: absolute; top: 45%; right: 0; background: #a5a5a5; transition: 0.4s; }
#specialEvt .close-wrap .close .btn-close button:after { transform: rotate(45deg); }
#specialEvt .close-wrap .close .btn-close button:before { transform: rotate(135deg); }


/* ŸÀÌ¸Ó */
.timer_popup { position: absolute; top: 72%; left: 5%; width: 91%; text-align: center; background: #fbfbfb; font-weight:500; font-family: 'Montserrat'; z-index: 10; }
.timer_popup .timerEventP { padding: 3% 0; font-size: 38px; }
.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: 50px; font-weight:600; }

/* BASIC css end */