/* common */
.evt_wrap { position:relative; max-width:640px; margin:0 auto; overflow:hidden; } 
.evt_wrap img:not(.slider-lazy-image) { display:block; width:100% } 
.evt_wrap img { vertical-align:top; width:100%; } 
.clear::after { content:''; display:block; clear:both; } 
.p_r { position: relative; } 
.mt-1 { margin-top: -1px; } 

/* TIMER */
.time_w {top: 0; left: 0; padding: 3% 0; background: #222; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 10;}
.time_w .timeText_w {display: flex; align-items: center; font-size: 5vw; line-height: 1; color: #ccc; letter-spacing: 1px;} 
.time_w .timeText_w span > span { color: #fff; font-weight: bold; } 
.time_w > .timer_txt {color: #9b9b9b; font-size: 3vw; letter-spacing: -1px; text-align: center; margin-right: 3%;} 
.gisu_txt {width: 100%; margin-top: 1%; font-size: 0.6rem; letter-spacing: -1px; background-color: #222; color: #9b9b9b; text-align: center;} 
.gisu_txt p{letter-spacing: 0;} 

.bx-wrapper .bx-controls-direction a{z-index: 9 !important;}

.con01 .pos_img{width: 100%; position: absolute; top: 0; left: 0;}

.con02 .sys_f{position: absolute; top: 1.5%; right: 21.2%; font-size: 3.2vw; color: #fff; z-index: 1; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;}

.con03 .bx-wrapper .bx-controls-direction a{width: 10vw; height: 10vw; top: unset; bottom: 5%;}
.con03 .bx-wrapper .bx-controls-direction a.bx-prev{left: 37%; background: url(https://dev-cdn.hackers.com/m/img/event/2024/09/0500/con03_prev.png) no-repeat center; background-size: contain;}
.con03 .bx-wrapper .bx-controls-direction a.bx-next{right: 37%; background: url(https://dev-cdn.hackers.com/m/img/event/2024/09/0500/con03_next.png) no-repeat center; background-size: contain;}

.con04 .bx-wrapper .bx-controls-direction a{width: 10vw; height: 6vw; top: 19.5%; background: url(https://dev-cdn.hackers.com/m/img/event/2024/09/0500/con04_arrow.png) no-repeat center; background-size: contain;}
.con04 .bx-wrapper .bx-controls-direction a.bx-prev{left: 4%; transform: scale(-1);}
.con04 .bx-wrapper .bx-controls-direction a.bx-next{right: 4%;}

.con05 .bx-wrapper .bx-controls-direction a {width: 8.5vw; height: 8.5vw; top: 26%; background:url("https://dev-cdn.hackers.com/m/img/event/2024/09/0500/con05_arrow.png") center no-repeat; background-size: cover;}
.con05 .bx-wrapper .bx-controls-direction a.bx-prev { left: 13.5%; transform: scale(-1);} 
.con05 .bx-wrapper .bx-controls-direction a.bx-next { right: 61%;} 
.con05 .tab_area .tab_menu{width: 50%; padding: 1% 0; position: absolute; top: 31%; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-around; background: #fff; border-radius: 50px;}
.con05 .tab_area .tab_menu li{width: 45%;}
.con05 .tab_area .tab_menu li a{display: block; padding: 7% 0; font-size: 4vw; font-weight: bold; color: #333339;}
.con05 .tab_area .tab_menu li.on a{color: #fff; background: #6355ff; border-radius: 50px;}
.con05 .tab_area .tab_con{display: none; width: 100%; position: absolute; bottom: 0; left: 0;}
.con05 .tab_area .tab_con.on{display: block;}
.con05 .btn_area{width: 85%; height: 9%; padding: 0; position: absolute; bottom: 11%; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; align-items: center;}
.con05 .btn_area li{height: 100%;}
.con05 .btn_area li:first-child{width: 61%;}
.con05 .btn_area li:last-child{width: 37%;}
.con05 .btn_area li a{display: block; height: 100%;}

.con06 .btn_area{width: 80%; height: 29vw; padding: 0; position: absolute; bottom: 12%; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; justify-content: space-between;}
.con06 .btn_area li{width: 100%; height: 45%;}
.con06 .btn_area li a{display: block; height: 100%;}
.con06_slide { width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);} 
.con06_slide li img { width: 100%; } 
.con06_slide .swiper-slide { opacity: 0.5; transition: opacity .5s; overflow: hidden; } 
.con06_slide .swiper-slide-active { opacity: 1; }

.con07 .sd_box{width: 100%; position: absolute; bottom: 0; left: 0;}
.con07 .bx-wrapper .bx-pager{bottom: 11%;}
.con07 .bx-wrapper .bx-pager.bx-default-pager a{width: 30px; height: 6px;}
.con07 .bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #107aff;}

.con09 .sd_box { width: 100%; margin-top: -4%; background: url(https://dev-cdn.hackers.com/m/img/event/2024/09/0500/con09_bg.jpg) no-repeat center; background-size: cover; } 
.con09 .sd_box .bx-wrapper .bx-controls-direction a { bottom: -45%; } 
.con09 .sd_box .bx-wrapper .bx-controls-direction a.bx-prev { left: 15%; } 
.con09 .sd_box .bx-wrapper .bx-controls-direction a.bx-next { right: 15%; } 

.con09 .sd_box li { width: calc(100%/3); margin-right: 20px } 
.con09 .sd_box .bx-viewport { overflow: visible !important; } 

/* 적중 리스트 */
.book_slide {width: 90%; margin: 0 auto;}
.book_slide li{width: 158px;}
.book_slide .book_swiper{padding-bottom: 20%;}
.book_slide .swiper-horizontal>.swiper-scrollbar {bottom: 15%; background: #fff; width: 100%; left: 50%; transform: translateX(-50%);}
.book_slide .swiper-scrollbar-drag{background: #ff5a67;padding: 0.5%;border-radius: 10px;margin-top: -0.5%;}

.con10 .bg{background: url(https://dev-cdn.hackers.com/m/img/event/2024/09/0500/con10_bg.jpg) no-repeat center; background-size: cover;}
.con10 .bx-wrapper .bx-controls-direction a{width: 9vw; height: 9vw; top: unset; bottom: 5%;}
.con10 .bx-wrapper .bx-controls-direction a.bx-prev {left: 35%; background: url(https://dev-cdn.hackers.com/m/img/event/2024/09/0500/con10_prev.png) no-repeat center; background-size: cover;} 
.con10 .bx-wrapper .bx-controls-direction a.bx-next {right: 35%; background: url(https://dev-cdn.hackers.com/m/img/event/2024/09/0500/con10_next.png) no-repeat center; background-size: cover;} 

.con11 .bg{padding-bottom: 10%; background: url(https://dev-cdn.hackers.com/m/img/event/2024/09/0500/re_240913/con11_bg.jpg) no-repeat center; background-size: cover;}
.con11 .sd_box { width: 100%;} 
.con11 .sd_box .bx-wrapper {width: 100% !important;max-width: 100% !important;}
.con11 .sd_box .bx-wrapper .bx-viewport{overflow: visible !important;width: 100%;}
.con11 .sd_box li{ width: 35% } 
.con11 .sd_box img { width: 100%; } 

.con12__gisu{position: absolute;top: 11%; right: 70%;color: #fff;font-size: 4.9vw; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.con12_2 .benefit-img{position: absolute; display: flex; top: 34%;left: 50%;transform: translateX(-50%);width: 70%;justify-content: space-between;align-items: center;}
.con12_2 .benefit-img div{width: 49%;}

.vod_slide {width: 100%; margin-top: 10%;}
.vod_slide .bx-wrapper .bx-viewport { overflow:visible !important; } 
.vod_slide li { width: 80vw !important; opacity: 0.7;} 
.vod_slide li.active { opacity: 1;} 
.vod_slide .bx-wrapper .bx-controls-direction a{background: url(//cdn.hackersut.com/m/img/event/2023/09/0200/arrow.png) center no-repeat; background-size: cover; width: 10vw; height: 10vw; top: 45%;}
.vod_slide .bx-wrapper .bx-controls-direction a.bx-prev{left: -12.5%;transform:scaleX(-1);}
.vod_slide .bx-wrapper .bx-controls-direction a.bx-next{right: -12.5%;}

/* 합격생 리스트 */
.winlist_wrap{padding-bottom: 5%; background: url(https://cdn.hackersut.com/m/img/event/2024/09/0500/re_240913/winlist_bg.jpg) center no-repeat; background-size: cover; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.winlist_wrap .win_list p,
.winlist_wrap .win_list .list_hk_v2 li p {
    color: #222 !important;
    font-size: 2.8vw;
    line-height: 1.6;
    letter-spacing: -0.5px;
    font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

.con11 .sd_box2 .bx-wrapper .bx-controls-direction a{width: 8vw; height: 10vw; top: 44.5%; background: url(https://dev-cdn.hackers.com/m/img/event/2024/09/0500/con11_arrow.png) no-repeat center; background-size: contain;}
.con11 .sd_box2 .bx-wrapper .bx-controls-direction a.bx-prev{left: 2%; transform: scale(-1);}
.con11 .sd_box2 .bx-wrapper .bx-controls-direction a.bx-next{right: 2%;}

.con13 .sys_f{position: absolute; top: 1.5%; right: 18.5%; font-size: 3.2vw; color: #fff; z-index: 1; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;}

/* 기출특강 모아보기 */
.lec_list{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10;}
.lec_list .bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.7);}
.lec_list .lec_con{display: none; width: 90%; padding: 2%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 5px solid #aaa; border-radius: 15px;}
.lec_list .lec_con ul li{margin: 2% 0; text-align: center;}
.lec_list .lec_con ul li.tit{margin-bottom: 3%; font-size: 4vw; font-weight: bold; text-align: center;}
.lec_list .lec_con ul li a{font-size: 2.9vw; color: #333;}
.lec_list .lec_con ul li a:hover{text-decoration: underline;}
.lec_list .close{display: block; padding: 1% 3%; position: absolute; top: 0; right: 0; font-size: 6vw; font-weight: bold; color: #000;}

/* lect */
.lect .js-tab-type1{width: 80%; position: absolute; top: 7%; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; align-items: center; z-index: 1;}
.lect .js-tab-type1 li a{display: block; padding-bottom: 5%; text-align: center; font-size: 4.2vw; font-weight: bold; color: #afafaf; border-bottom: 2px solid #afafaf;}
.lect .js-tab-type1 li.on a{color: #0f3dd4; border-bottom: 3px solid #0f3dd4;}

.lect .dc {position: absolute; bottom: 38.7%; right: 11.8%; font-size: 2.7vw; color: #fff; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.lect .fixed_price {position: absolute; bottom: 32%; left: 15%; font-size: 5vw; color: #b7b7b7; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.lect .price {position: absolute; bottom: 29%; left: 42%; color: #000; font-weight: bolder; font-size: 9.2vw; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;} 
.lect .add_option { position: absolute; top: 43%; left: 50%; transform: translateX(-50%); width: 80%; } 
.lect .add_option li { margin-bottom: 2%; font-weight: bolder; color: #000; width: 100%; } 
.lect .add_option li input+label { width: 100%; background: #f3f3f3; border-radius: 10px; padding: 3% 0; display: flex; justify-content: space-around; align-items: center; } 
.lect .add_option li label span { text-align: right; flex: .5; font-size: 4vw; } 
.lect .add_option li input { display: none; } 
.lect .submit_btn { position: absolute; right: 10%; bottom: 3%; width: 33%; height: 11%; } 

.lect #lect3 .dc{right: 12.7%; font-size: 2.9vw;}

.lect #lect6 .dc{right: 8.7%;}
.con13 .lect .fixed_price {bottom: 24%;} 
.con13 .lect .price {bottom: 22%;} 
.con13 .lect .dc {bottom: 31.2%; right: 7.5%;} 

/* 근거문구 */
.reason, .open_reason.reason { position: absolute; width:95%; top:8%; left:50%; padding: 5%; box-sizing: border-box; background:rgba(0,0,0,0.9); 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:4vw; height:4vw; top:4%; right:1.5%; 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); } 

/* 레이어 팝업 용 */
.layer_wrap { display:none; } 
.layer_bg { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50); opacity:0.5; z-index:999; } 
.layer_wrap .layer_pop { position: fixed; top: 20%; left: 50%; transform: translateX(-50%); z-index: 9999; width: 95%; max-width: 690px; } 
.layer_wrap:not(#evt_pop0) .layer_pop { background-color: #d2eafc; border-radius: 10px; overflow: hidden;} 
.layer_wrap:not(#evt_pop0) .pop_add_tit { color:#0055e3; font-size: 5vmin; text-align: center; margin-top: 10%; } 
.layer_wrap:not(#evt_pop0) .pop_add_tit em { font-size: 2vmin; } 
.layer_wrap:not(#evt_pop0) .pop_add_tit span { color:#222 } 
.layer_wrap:not(#evt_pop0) .sale_txt {font-size: 4.5vmin; font-weight: bold; color: #0078ff; padding-top: 20px; margin-bottom: 3%;} 
.layer_wrap .layer_pop img { max-width:100%; } 
.layer_wrap .layer_close { position:absolute; top:0; right:0; margin-top:-20px; } 
.layer_wrap .layer_close a { color:#fff; font-size:16px; padding:10px 5px; } 

.pop_add_wrap { padding: 0 4% 4%; text-align:center; background: #fff; } 
.layer_wrap:not(#evt_pop0) .pop_add_wrap {margin-top: 5%; background: #d2eafc; } 
.pop_add_wrap .file_wrap { background-image: url('//dev-cdn.hackers.com/m/img/event/2024/09/0500/popup_bg.jpg'); background-size: cover; } 
.pop_add_wrap .file_wrap strong { color:#222; font-size:16px; } 
.pop_add_wrap .file_wrap input { margin-left:15px; margin-bottom: 10px; } 
.pop_add_wrap .user_info { width:100%; height:100px; overflow-y: scroll; margin-top: 5%; padding:10px; background:#b5ddfa; box-sizing: border-box; text-align:left; color:#679bc3; line-height:18px; font-size:11px; } 
.pop_add_wrap .btn_wrap { text-align:center; margin-top:20px; } 

.pop_add_wrap .file_wrap { text-align:center; } 
.pop_add_wrap .file_wrap input[type="file"] + label { display: flex; align-items: center; width: 500px; height: 45px; position: relative; margin: 0 auto; overflow: hidden; border-radius: 5px; } 
.pop_add_wrap .file_wrap input[type="file"] + label::after { content: "파일선택"; font-size: 18px; color:#fff; width: 105px; height: 47px; line-height: 47px; position: absolute; right: 0; top: 0; background: #222; } 
.pop_add_wrap .file_wrap input[type="text"]:disabled { background: #f3f3f3; width: 100%; height: 100%; border: 1px solid #e2e2e2; margin-left:15px; border-radius: 5px; padding-left: 10px; box-sizing: border-box; } 
.pop_add_wrap .user_info strong { font-size: 14px; color:red; } 
.pop_add_wrap .user_info li { text-align:left; color:#777; line-height:23px; font-size:11px; } 
.pop_add_wrap .user_info li.first { font-size:14px; font-weight:bold; padding-bottom:5px; } 


.layer_pop a.close {position: absolute; right: 3%; top: 3%; width: 5%; height: 5%; z-index: 10000;}
/* .layer_pop .pop_add_tit { width: 100%; line-height: 2.5; color: #fff; font-weight: bold; font-size: 18px; text-align: center; } 
.layer_pop .pop_add_tit em { font-size: 1vmin; }  */
.layer_pop .sale_txt { font-weight: bold; color: #f83f5e; } 
.infoBox_text_w { display:block; padding-top:10px; text-align: left; } 
.layer_pop .table_select { display: flex; justify-content: space-between; padding-bottom: 12px; } 

/* 강의리스트 팝업 */
#evt_pop0 .pop_add_wrap {padding: 22px 20px 30px; height: 300px; overflow-y: scroll; border-radius: 0 0 10px 10px;} 
.pop_add_wrap select#lect_list { width: 95%; text-align: center; height: 40px; color: #217bff; border-radius: 5px; background: #e7e7e7; font-size: 14px; font-weight: bold; border: 0; -webkit-appearance:none; /* 크롬 화살표 없애기 */-moz-appearance:none; /* 파이어폭스 화살표 없애기 */appearance:none /* 화살표 없애기 */ } 
.pop_add_wrap select#lect_list option { background: #eee; } 
.pop_add_wrap .lec_txt { margin: 30px 0 10px; width: 100%; text-align: left; } 
.pop_add_wrap .lec_txt li { font-size: 14px; color: #aaa; padding: 2px; } 
.pop_add_wrap .lec_txt li b.lec_date { color: #217bff; } 
.pop_add_wrap .lec_tit {margin-bottom: 20px; padding: 0 3px; display: flex; justify-content: space-between; align-items: center;} 
.pop_add_wrap .lec_tit h2 { font-size: 4.2vw; color: #000; text-align: left; } 
.pop_add_wrap .lec_tit select {padding: 2% 0; font-size: 3.3vw; color: #666; border: 1px solid #bebebe; border-radius: 5px; text-indent: 5px;} 
.pop_add_wrap .lect_table { width: 100%; position: relative; } 
.pop_add_wrap .lect_table th { height: 40px; background: #606060; color: #fff; border-right: 1px solid #fff; font-size: 14px; } 
.pop_add_wrap .lect_table td { height: 40px; background: #d2e9ff; color: #000; font-size: 13px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } 
.pop_add_wrap .lect_table td:nth-child(4) { padding: 5px; box-sizing: border-box; } 
.pop_add_wrap .lect_table th:last-child,.pop_add_wrap .lect_table td:last-child { border-right:0; } 


.table_layout { height:auto; max-height: 500px; overflow-y: scroll; -ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */width: 100%; } 
.table_layout::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } 
.table_layout table { width:100%; border-top: 1px solid #fff; border-left: 1px solid #fff; } 
.table_layout table th { background:rgb(128,128,128); font-size:16px; font-weight:bold; color:#fff; } 
.table_layout table td { background:#fff; font-size:14px; color:#505050; } 
.table_layout table th, .table_layout table td { padding:5px 10px; word-break: keep-all; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } 

.table_bg_g1 td { background: rgb(226, 239, 217) !important; } 
.table_bg_g2 td { background: rgb(197, 224, 178) !important; } 
.table_bg_g3 td { background: rgb(169, 209, 141) !important; } 
.table_bg_b1 td { background: rgb(222, 235, 246) !important; } 
.table_bg_b2 td { background: rgb(188, 214, 238) !important; } 
.table_bg_y1 td { background: rgb(255, 243, 203) !important; } 
.table_bg_y2 td { background: rgb(255, 231, 153) !important; } 
.table_bg_y3 td { background: rgb(255, 218, 101) !important; } 

.q_ban{display: none; position: fixed;right: 2.5%;top: 30%;width: 20%;max-width: 110px;z-index: 9;}
.q_ban a{display: block;}
.q_ban a img{display: block;width: 100%;}

.fl_ban{position: fixed;bottom: 0;left: 0;}
.fl_ban .btn-wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;}
.fl_ban .btn-wrap a{display: inline-block;width: 50%;height: 100%;}

@media (min-width:520px) and (max-width: 720px){
 .rol_list .list_hk_v2 { height:250px; } 
 }

@media (min-width:721px) and (max-width: 1024px){
 .rol_list .list_hk_v2 { height:300px; } 
 }


@media all and (min-width:750px){
    .con01 .sys_f{font-size: 29px;}
    .time_w .timeText_w span > span { font-size: 50px; } 
    .time_w > p.timer_txt3 { font-size: 20px; } 
    .js-tab-type1-con .price { font-size: 70px; top: 61.5%; } 
    .js-tab-type1-con .price p > span { font-size: 40px; } 
    .con15 .lect .price .origin { font-size: 30px; } 
}

@media all and (max-width:750px) {
    .time_w > p.timer_txt2,
    .time_w > p.timer_txt{font-size: 3.6vw;}
    
    .time_w .timeText_w span > span{font-size: 7vw;}
    }