/* 공통 : 타이머*/ 
.event_section .w1070{position:relative;left:50%;margin-left:-550px;width:1070px}
.event_section .timer_pos .timer{width:100%;height:100px;background:#fff}
.event_section .timer_pos .timer .timebox{position:absolute;top:17px;left:128px;width:1070px}
.event_section .timer_pos .timer .timebox li{float:left}
.event_section .timer_pos .timer .timebox li.timer_day{margin-right:361px;font-size:50px}
.event_section .timer_pos .timer .timebox li.timer_hour{margin-right:29px}  
.event_section .timer_pos .timer .timebox li.timer_min{margin-right:29px}    
.event_section .timer_pos .timer .timebox .timer_day span{width:20px!important;color:#fff}
.event_section .timer_pos .timer .timebox [class^='n']{display:inline-block;width:72px;height:80px;font-family:arial;font-size:55px;font-weight:bold;color:#fff;line-height:64px;text-align:center} 

/* 공통타이머(renew) */
.evt_section #btmTimer img{width:100%}
.evt_section #btmTimer{position:fixed;bottom:0;left:0;width:100%;z-index:10}
.evt_section #btmTimer .time_box{position:absolute;top:4.5vw;left:23vw;width:auto;z-index:1}
.evt_section #btmTimer .time_box .time_count{width:100%;margin:0 auto;font-size:8px;text-align:center;line-height:1em}
.evt_section #btmTimer .time_box .time_count .countdown-container{height:11.25vw}
.evt_section #btmTimer .time_box .time_count .countdown-container::after{display:block;height:0;font-size:0;visibility:hidden;clear:both;content:''}
.evt_section #btmTimer .time_box .time_count .time{float:left;position:relative;width:8.12vw;height:11.25vw;margin-left:0.4vw;border-radius:5px;text-align:center;-webkit-perspective:479px;-moz-perspective:479px;-ms-perspective:479px;-o-perspective:479px;perspective:479px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.evt_section #btmTimer .time_box .time_count .count{display:block;position:absolute;top:0;overflow:hidden;width:100%;background:#202020;font-family:'Arial',sans-serif;font-size:8vw;text-align:center;color:#f8f8f8;line-height:11.7vw;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transform-style:flat;-moz-transform-style:flat;-ms-transform-style:flat;-o-transform-style:flat;transform-style:flat}
.evt_section #btmTimer .time_box .time_count .count.top{border-radius:5px 5px 0 0;height:50%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}
.evt_section #btmTimer .time_box .time_count .count.bottom{height:50%;top:50%;border-top:1px solid #000;border-bottom:1px solid #000;border-radius:0 0 5px 5px;line-height:0;background-image:linear-gradient(rgba(255, 255, 255, 0.1), transparent);background-image:-webkit-linear-gradient(rgba(255, 255, 255, 0.1), transparent);background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.1), transparent);background-image:-ms-linear-gradient(rgba(255, 255, 255, 0.1), transparent);background-image:-o-linear-gradient(rgba(255, 255, 255, 0.1), transparent);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}
.evt_section #btmTimer .time_box .time_count .label{display:block;position:absolute;bottom:-3vw;left:4vw;width:100%;font-size:1.8vw;color:#000}
.evt_section #btmTimer .time_box .time_count .count.curr.top{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}
.evt_section #btmTimer .time_box .time_count .count.next.bottom{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);z-index:2}
.evt_section #btmTimer .time_box .time_count .flip .count.curr.top{-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}
.evt_section #btmTimer .time_box .time_count .flip .count.next.bottom{-webkit-transition:all 250ms ease-in-out 250ms;-moz-transition:all 250ms ease-in-out 250ms;-ms-transition:all 250s ease-in-out 250ms;-o-transition:all 250ms ease-in-out 250ms;transition:all 250ms ease-in-out 250ms;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg)}
.evt_section #btmTimer .time_box .time_count .time.Hour1{position:relative}
.evt_section #btmTimer .time_box .time_count .time.Hour1 .label{display:none}
.evt_section #btmTimer .time_box .time_count .time.Min{margin-left:1vw}
.evt_section #btmTimer .time_box .time_count .time.Min1 .label{display:none}
.evt_section #btmTimer .time_box .time_count .time.Sec{margin-left:1vw}
.evt_section #btmTimer .time_box .time_count .time.Sec1 .label{display:none}
.evt_section #btmTimer.gray .time_box .time_count .count{background:#ccc;color:#000}
.evt_section #btmTimer.gray .time_box .time_count .count.bottom{border-color:#bbb;background-image:linear-gradient(rgba(255, 255, 255, 0.9), transparent);background-image:-webkit-linear-gradient(rgba(255, 255, 255, 0.9), transparent);background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.9), transparent);background-image:-ms-linear-gradient(rgba(255, 255, 255, 0.9), transparent);background-image:-o-linear-gradient(rgba(255, 255, 255, 0.9), transparent)}
.evt_section #btmTimer.gray .time_box .time_count .label{color:#ccc}

/* 폰트사이즈 지정: 1rem = 16px (640px기준) */
@media( min-width:320px ){ html{font-size:10px} }
@media( min-width:481px ){ html{font-size:15px} }
@media( min-width:640px ){ html{font-size:16px} }