#container{overflow: hidden;}
.evt_box{width:100%; max-width:750px;margin:0 auto;position: relative;}
.evt_box img{width:100%;max-width:100%;vertical-align:middle;} 
.p_r {position: relative;}
.banner{position: fixed;left: 50%;transform: translateX(-50%); bottom: 0; width: 100%;max-width: 750;}

/* ???????? */
.finish_mark {color: #26f7ff;}
.timer_box.foot .timer_in .finish_mark .dday1 {color: #fff !important;}

/* ani */
.ani{position: absolute;}
.cont02 .circle1{top: 17.7%;left: 4.5%;width: 91%;}
.cont02 .circle2{top: 43.5%;right: 4.5%;width: 91%;}
.cont02 .circle3{top: 69%;right: 4.5%;width: 91%;}

/* .schedule_area{background: #c2ccff;} */
.schedule_box{position: absolute;bottom: 5%;left: 50%;width: 85%;overflow: scroll; transform: translateX(-50%);}
.schedule_box .wrap{position: relative; margin: 0 auto; width: 120%;height: auto;}
.schedule_box .schedule{width: 100%;display: block; transition: .3s;cursor: pointer;}
/* ?????? */
.magnifier {width: 140px;height: 180px;position: absolute;border-radius: 10px;box-shadow: 0 0 0 1.5px #ff556fc5, 0 0 15px 1px #aaa;transform: scale(1.3);display: none;cursor: pointer;}

.cont01{position: relative;}
.cont02{position: relative;}
.cont02 .bxslider-default{width: 100%; position: absolute; top: 55%; left: 50%; transform: translateX(-50%);}

.cont07 .tab_area{margin: 0 auto; width:100%;height:auto;overflow: hidden;}
.cont07 .tab_area .tab_button{padding: 0 8%;  background: #eafac0;}
.cont07 .tab_area .tab_button::after{content:'';display:block;clear:both;}
.cont07 .tab_area .tab_button li{float:left;cursor: pointer;width:25%;padding-top:10.4%;font-size:0;background:url('//cdn.hackers.com/hackersjob_img/mpublic/images/event/2022/0118/re_231120/tab.png') 0 0;background-size:400%;}
.cont07 .tab_area .tab_button li:nth-of-type(2){background-position-x:33.33%;}
.cont07 .tab_area .tab_button li:nth-of-type(3){background-position-x:66.66%;}
.cont07 .tab_area .tab_button li:nth-of-type(4){background-position-x:100%;}
.cont07 .tab_area .tab_button li.on{background-position-y:100%;}
.cont07 .tab_area .tab_cont{display:none; text-align: center;}
.cont07 .tab_area .tab_cont img{width: 90%; }
.cont07 .tab_area .tab_cont.on{display:block;}
.cont07 .tab_area .tab_cont a{width: 60.5vw;height: 38vw;position: absolute;display: block;bottom: 10%;right: 4%;}


.cont03 .mov_box{position: absolute;top: 32.5%;right: 4%;display: none;} 
.cont03 .mov_box iframe{width: 90vw;height: 51.7vw;}

.cont05 .mov_box{position: absolute;top: 53.9%;right: 8.6%;display: none;}
.cont05 .mov_box iframe{width: 60.3vw;height: 33.95vw;}


.scroll_box{background: #f5f5f7;width:92%;height:16vw; overflow-y:scroll;box-sizing: border-box;margin:0 auto;}

/* 근거문구 */
.info_box{display: none; position: absolute;  left: 50%; transform: translateX(-50%); width: 90%; background-color: rgba(0,0,0,0.85); color: #fff; padding: 4% 2%; font-size: 2.4vw;}
.info_close{display: block; height: 10%; position: absolute; top: 0%; right: 0%;}
.info_close::after{content: ''; display: block; background-color: #fff; transform: rotate(45deg);}
.info_close::before{content: ''; display: block;  background-color: #fff; transform: rotate(-45deg);}

.cont01 .info_box{top: 10%;}
.cont01 .info_close{width: 10%;}
.cont01 .info_close::after{position: absolute; top: 1%; right: 25%;  width: 2%; height: 34%; }
.cont01 .info_close::before{position: absolute; top: 1%; right: 25%;  width: 2%; height: 34%; }

.cont10 .info_box{bottom: 2%;}
.cont10 .info_close{width: 4%;}
.cont10 .info_close::after{position: absolute; top: 3%; right: 45%;  width: 5%; height: 100%;}
.cont10 .info_close::before{position: absolute; top: 3%; right: 45%;  width: 5%; height: 100%;}


.cont10{position: relative;}

.cont11 {position: relative; background: #fffae3;padding-bottom: 7%;}
.cont11 .v_wrap {border-radius: 2vw; overflow: hidden; width: 92%; margin: 0 auto; height: 51.8vw;}
.cont11 .bxslider-default {position: relative; padding-bottom: 7%;}
.cont11 .bx-controls-direction{width: 90%;}
.cont11 .bx-controls-direction a{background: rgba(0,0,0,0.1) ; width: 8% !important; height: 22% !important; border-radius: 10px; margin-top: -4%;}
.cont11 .bx-controls-direction .bx-prev{left: 3%; top: 34%;}
.cont11 .bx-controls-direction .bx-prev::before{content: ''; display: block; position: absolute; top: 18%; left: 44%; background-color: #fff; width: 3%; height: 40%; transform: rotate(45deg);}
.cont11 .bx-controls-direction .bx-prev::after{content: ''; display: block; position: absolute; top: 45%; left: 45%; background-color: #fff; width: 3%; height: 40%; transform: rotate(-45deg);}
.cont11 .bx-controls-direction .bx-next{right: 3%; top: 34%;}
.cont11 .bx-controls-direction .bx-next::before{content: ''; display: block; position: absolute; top: 42%; left: 52%; background-color: #fff; width: 3%; height: 40%; transform: rotate(-135deg);}
.cont11 .bx-controls-direction .bx-next::after{content: ''; display: block; position: absolute; top: 15%; left: 50%; background-color: #fff; width: 3%; height: 40%; transform: rotate(135deg);}
/* .cont11 .bxslider-default  .bx-pager {bottom: 0;}
.cont11 .bxslider-default  .bx-pager.bx-default-pager a.active {background: #2727f0;} */
.cont11 .swiper{width: 100%;position: relative; padding-top: 8%;}
.cont11 .swiper-wrapper{height: auto;}
.cont11 .pagination{text-align: center;}
.cont11 .pagination a{ margin-right: 2%;}
.cont11 .pagination a:last-child{ margin-right: 0%;}
.cont11 .swiper-pagination-bullet{display: inline-block; text-indent: -99999;}
.cont11 .swiper-pagination-bullet{background: #fff7d8; border: 1px solid #00a497;}
.cont11 .swiper-pagination-bullet-active{background: #00a497; width: 4%; border-radius: 20px;}

.lecture {position: relative;}
.lecture .finish_timer {position: absolute; top: 6%; left: 50%; transform: translateX(-50%); width: 100%; padding-bottom: 5%; color: #fff; font-size: 2.6rem; letter-spacing: -.02em; font-weight: 700; text-align: center;}
.lecture .finish_timer strong { display: block; color: #daff6c;}
.lecture .price{position: absolute;bottom: 25%;;left: 50%; transform: translateX(-50%); color: #ff3b57;font-size: 3.2rem; font-weight: bold;} 
/* .lecture .sys_txt{position: absolute;top: 66.7%; right: 48.2%;color: #000;font-size: 5.5vw;font-weight: bold;letter-spacing: -0.3vw;}  */
/* .lecture .cnt{position: absolute;top: 65%;right: 17.3%;color: #fff;font-size: 8.5vw;font-weight: bold;} 
.lecture .cnt li{display: inline-flex;justify-content: center;align-items: center;width: 9.1vw;height: 11.5vw;margin-left: 1.3vw;} */
/* #lecture2 .price{top: 13%;}
#lecture2 .sys_txt{top: 73.5%;}
#lecture2 .cnt{top: 71.5%;} */

/* 근거문구 */
.reason, .open_reason.reason{position: absolute; width:95%; top:13%; left:50%; padding: 5%; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:12px; letter-spacing: -0.04em; display:none; transform: translateX(-50%);}
.reason .close, .open_reason.reason .close{position: absolute; width:20px; height:20px; top:10px; right:10px; cursor: pointer;}
.reason .close::before, .reason .close::after, .open_reason.reason .close::before, .open_reason.reason .close::after{content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.7); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg);}
.reason .close::after, .open_reason.reason .close::after{ transform: translate(-50%,-50%) rotate(-45deg);} 

/* ??? ???? */
.main_breandbox_layer{display:none}

/* ??? */
.ly_bg {background:#000;opacity:0.5;position:fixed;top:0;left:0;width:100%;height:100%;display:none; z-index: 2;}
.ly_pop{position:fixed; z-index:1000;left:50%;top:50%;transform: translate(-50%,-50%);width: 85%; display:none;}
.ly_pop .pop_close_btn{position:absolute;top:-35px;right: 0;width: 35px;height: 35px;background: url('//image.hackersjob.com/img/common/btn_close_50x46.jpg') 0 0/100%; font-size: 0;}
.ly_pop .pop_img{display:none;}

/* 영상팝업 */
.mov_pop { display:none; position:fixed; top: 0; left: 0; z-index:101; height: 100%; width: 100%; } 
.mov_pop .full_bg { width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:fixed; top:0; left:0; z-index:-1 } 
.mov_pop .layer_pop_vod { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; padding-top: 58%; height: 0; } 
.mov_pop .layer_pop_vod iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 
.mov_pop .layer_pop_vod .movie_close { font-size:50px; color:#fff; position:absolute; top:-60px; right:0; display:inline-block; cursor:pointer; } 

@media all and (max-width:680px) {
	.finish_timer p,
	.finish_timer strong{font-size: 7.5vw;}
	.lecture .price{font-size: 7.5vw;}
}