* { font-family: 'Noto Sans KR', sans-serif !important; } 
.evt_wrap { position:relative; min-width:320px; margin:0 auto; overflow: hidden; } 
.evt_wrap * { letter-spacing: -1px } 
.evt_wrap img { vertical-align:top; width:100%; } 
.clear::after { content:''; display:block; clear:both; } 
.p_r { position: relative; } 
.mt-1 { margin-top: -1px; } 
.ban_bottom{width:100%;position:fixed;bottom:0; max-width: 640px;z-index:10;}

/* TIMER */
.time_w {position: relative; padding: 3% 0; background: #222;} 
.time_w .timeText_w {display: flex; align-items: center; margin-bottom: 1%; font-size: 5vw; line-height: 1; color: #ccc; letter-spacing: 1px;justify-content: center;} 
.time_w .timeText_w span > span { color: #fff; font-weight: bold; } 
.time_w > .timer_txt {color: #fff750;font-size: 3vw;letter-spacing: -1px;text-align: center;display: flex;justify-content: center;} 
.gisu_txt {width: 100%; margin-top: 2%; font-size: 0.6rem; letter-spacing: -1px; background-color: #222; color: #9b9b9b; text-align: center;} 
.gisu_txt p{letter-spacing: 0;} 
.timer_btn{background: #fff750;padding: 3%;border-radius: 10px;font-weight: bold;position: absolute;top: 40%;transform: translateY(-50%);right: 5%;}

.con01 .pos_a{width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 2;}
.con01 .pos_a img{display: block; margin: 0 auto;}
.con01 .pos_a .con01_main{width: 90%;}
.con01 .con01_bot{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}

.con02__gisu{position: absolute;top: 12.8%;right: 69%;color: #fff;font-size: 4.9vw;}
.con02 .benefit-img{position: absolute;display: flex;top: 40%;left: 50%;transform: translateX(-50%);width: 80%;justify-content: space-between;align-items: center;}
.con02 .benefit-img div{width: 49%;}

.con06{padding-bottom: 15%; background: #ff7e00;}
.con06 .flex_wrap{display: flex; justify-content: flex-end;}
.con06 .js-tab-type1{width: 20%; padding-top: 5%;}
.con06 .js-tab-type1 li{width: 100%; float: none; margin-bottom: 10px;}
.con06 .js-tab-type1 li a{display: block; text-align: center; font-size: 5vw; font-weight: bold; color: #b85f07;}
.con06 .js-tab-type1 li.on a{color: #fff; border-bottom: 2px solid #fff;}

.con06 .js-tab-type1-con{width: 70%; margin-left: 5%;}

.con06 .sd_box .bx-wrapper .bx-viewport .bxslider li{width: 50vw !important; max-width: 312px;}
.con06 .sd_box .bx-wrapper .bx-controls-direction a {width: 8vw; max-width: 58px; height: 8vw; max-height: 58px; top: unset; bottom: 0; background: url(https://dev-cdn.hackers.com/ingang/images/event/2025/04/0900/con06_arrow.png) no-repeat center center / cover;} 
.con06 .sd_box .bx-wrapper .bx-controls-direction a.bx-prev {left: -36%; transform: scale(-1)} 
.con06 .sd_box .bx-wrapper .bx-controls-direction a.bx-next {right: unset; left: -20%;}

.con08{background: #ff7e00;}
.con08 .sys_f{text-align: center; font-size: 5vw; color: #fff; margin-bottom: 15px;}
.con08 .bx-wrapper .bx-controls-direction a {width: 10vw; max-width: 71px; height: 10vw; max-height: 71px; top: 45%; background: url(https://dev-cdn.hackers.com/ingang/images/event/2025/04/0900/con08_arrow.png) no-repeat center center / cover;} 
.con08 .bx-wrapper .bx-controls-direction a.bx-prev {left: 5%; transform: scale(-1)} 
.con08 .bx-wrapper .bx-controls-direction a.bx-next {right: 5%;}

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

.lect .price_area {position: absolute; top: 3%; right: 8vw; text-align: right; color: #fff;}
.lect .price {font-size: 4.5vw; font-weight: bold;} 
.lect .dc_price {font-size: 9vw; font-weight: bolder;}

.lect #option2_price{top: 33.1%;}
.lect #option3_price{top: 64.2%;}
.lect #option4_price{top: 3.2%;}
.lect #option5_price{top: 33.9%;}
.lect #option6_price{top: 65.3%;}

/*영상 팝업*/
.layer_mov_pop { display:none; position:fixed; top:0; left:0; z-index:999; width: 100%; height: 100%; } 
.layer_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; } 
.layer_mov_pop .layer_pop_vod { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; z-index: 2; } 
.layer_mov_pop .layer_pop_vod video { width: 100%; } 
.layer_mov_pop .layer_pop_vod .movie_close { font-size:6vw; color:#fff; position:absolute; top:-20%; right:0; display:inline-block; cursor:pointer; } 

/* 근거문구 */
.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: #fff4f6; border-radius: 10px; overflow: hidden;} 
.layer_wrap:not(#evt_pop0) .pop_add_tit { color:#f83f5e; 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: #f83f5e; 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 { background: #fff4f6; } 
.pop_add_wrap .file_wrap { background-image: url('//cdn.hackersut.com/m/img/event/2023/06/2000/popup_bg.png'); 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: 10px 0 0 0; padding:10px; background:#f3dde1; box-sizing: border-box; text-align:left; color:#b1828b; 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: 2%; width: 8%; height: 5%;} 
/* .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 {margin-top: -4px; 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.5vw; 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; } 

@media all and (min-width:750px){
    .time_w .timeText_w span > span { font-size: 50px; } 
    .time_w > p.timer_txt3 { font-size: 20px; } 
    .js-tab-type1-con .price { font-size: 60px; top: 52%; } 
    .js-tab-type1-con .price p > span { font-size: 40px; } 
}

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