.evt_wrap { position:relative; min-width:320px; margin:0 auto; overflow: hidden; max-width: 750px;} 
.evt_wrap * { letter-spacing: -1px } 
.evt_wrap img { vertical-align:top; width:100%; min-width:auto; } 
.clear::after { content:''; display:block; clear:both; } 
.p_r { position: relative; } 
.ov { overflow: hidden; } 
.green { color: #00967b; } 
.fc_red { color:#ff0000 !important; } 
* { font-family: 'Noto Sans KR', sans-serif !important; } 
.evt_wrap .bx-wrapper .bx-pager { bottom: -3%} 
.mt-1{margin-top:-2px;}

/* 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: 2;}
.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;} 

.con03__gisu{position: absolute;top: 12.5%;right: 68%;font-size: 4.8vw;color: #fff;}
.con03 .benefit-img{position: absolute;top:38%;left: 50%;transform: translateX(-50%);width: 85%;display: flex;justify-content: space-between;}
.con03 .benefit-img div{width: 49%;}

.con04 .rol_list{width: 80%;margin: 0 auto;border-radius: 15px;position: absolute;bottom: 9.5%;left: 50%;transform: translateX(-50%);}

.rol_list_wrap .list_hk_v2 { width: 100%; margin: 0 auto; box-sizing: border-box; overflow: hidden; background:transparent; height: 30vw; line-height: 30px; } 
.rol_list_wrap .list_hk_v2 ul { padding:5%; } 
.rol_list_wrap .list_hk_v2 li p { text-align: center; font-size: 3.5vw; color:#fff; width: 100%; } 

.con05 .sys_f{position: absolute; top: 40.5%; left: 8%; font-size: 6vw; font-weight: bold; color: #fff;}
.con05 .sys_f.v2{left: 58%;}
.con05 .sys_f.v3{top: 68%;}
.con05 .sys_f.v4{top: 68%; left: 58%;}

.con06{margin-top:-1vw;}

.con07 iframe{display: none; width: 89%; height: 50vw; position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); border-radius: 15px; border: 1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #e4365b 0%, #64ccdb 100%); background-origin: border-box; background-clip: content-box, border-box;}

.con10{background-color: #f2f2f2;}
.con10 .bx-wrapper .bx-controls-direction a{width: 8vw; height: 8vw; background: url(https://dev-cdn.hackers.com/m/img/event/2024/12/1700/bx_arrow.png) no-repeat center center / contain;}
.con10 .bx-wrapper .bx-controls-direction a.bx-prev{left: 2%; transform: scale(-1);}
.con10 .bx-wrapper .bx-controls-direction a.bx-next{right: 3%;}

/* 가격단 */
.lect_content .js-tab-type1-con {position: relative;} 
.lect_content .js-tab-type1 {width: 80%;text-align: center;margin:0 auto;} 
.lect_content .js-tab-type1 > li { width: calc(100%/2);height:0;padding-bottom: 10%; } 
.lect_content .js-tab-type1 li a { display: block; border-bottom: 1px solid #888888; font-weight: bold; font-size: 5vw; color:#888888;  } 
.lect_content .js-tab-type1 li.on a { border-bottom: 3px solid #111; color:#111 } 

.lect_content .price1{position: absolute; top: 64.3%; left: 44.5%; font-size: 4vw; color: #888; text-decoration: line-through;}
.lect_content .price2{position: absolute; top: 68%; left: 50%; transform: translateX(-50%); color: #1e86ff; font-size: 4.8vw; font-weight: bold;}
.lect_content .price3{position: absolute; top: 70.5%; left: 50%; transform: translateX(-50%); font-size: 8.5vw; color: #1e86ff;}

.lect_content .price1.v2{top: 60.3%;}
.lect_content .price2.v2{top: 64.5%; color:#f5066c;}
.lect_content .price3.v2{top: 67.5%; color:#f5066c;}

/* 레이어 팝업 용 */
.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%; border-radius: 20px; overflow: hidden;} 
.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: 0 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; } 


/* 강의리스트 팝업 */
#evt_pop7 .pop_add_wrap { padding: 22px 20px 30px; height:50%; overflow-y: scroll; } 
.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: 2% 0; width: 100%; text-align: left; } 
.pop_add_wrap .lec_txt li { font-size: 13px; color: #aaa; padding: 2px; } 
.pop_add_wrap .lec_txt li b.lec_date { color: #217bff; } 
.pop_add_wrap h2 { line-height: 2; font-size: 3vmin; color: #000; text-align: left; } 
.pop_add_wrap .lect_table { position: relative; display: block; width: 100%; height: 30vh; overflow-y: scroll; } 
.pop_add_wrap .lect_table th { height: 40px; background: #606060; color: #fff; border-right: 1px solid #fff; font-size: 3vmin; } 
 .pop_add_wrap .lect_table th:first-child { border-radius: 10px 0 0 10px; } 

 .pop_add_wrap .lect_table th:last-child { border-radius: 0 10px 10px 0; } 
.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_new td { background:#f7f7f7 !important; } 

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

#evt_pop0 .pop_add_tit{display: flex;margin-top:-2% ;position: relative;z-index: 1;color: #111;background: #fff;align-items: center;justify-content: center;border-radius: 20px 20px 0 0;padding: 3% 0;font-size: 4vw;}
#evt_pop0  #big_type{margin-left: 2%;padding: 1%;width: 50%;box-sizing: border-box;}

.pop_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none } 
.pop_wrap .bg { background: #222; opacity: 0.7; width: 100%; height: 100%; } 
.pop_wrap .pop_con { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 95%; } 
.pop_wrap .pop_con a { font-weight: bold; color:#fff; right: 2%; top: 2%; width: 10%; height: 0; padding-top: 10%; position: absolute; display: block; } 

.layer_mov_pop { z-index: 999 !important; } 

.bt_ban { position:fixed; bottom:0; left:0%; width:100%; z-index: 1; } 
.bt_ban a { display: block; font-size: 0; position: relative;} 
.bt_ban a span{width: 25.5%;position: absolute;left: 9%; transform: translateY(-50%); top: 17%;font-size: 22px;text-align: center;font-family:noto, sans-serif;font-weight: bold;color:#222;}
.bt_ban img { width: 100%; } 
.pop_carry{position: fixed; top: 23%; right: 1%; z-index: 999;}

/* 구매 전 확인 사항 팝업 */
.lect_info_pop{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9;}
.lect_info_pop .bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5);}
.lect_info_pop .pop_con{width: 95%; height: 80%; padding-bottom: 5%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; overflow-y: scroll;}
.lect_info_pop .pop_con h2{padding: 3% 0; text-align: center; color: #fff; background: #8d969d;font-size: 4vw;}
.lect_info_pop .pop_con .close{padding: 0 3%; position: absolute; top: 0; right: 0; font-size: 5vw; font-weight: bold; color: #fff;}

.lect_info_pop .js-tab-type1{margin: 1% 0 5%; display: flex; justify-content: space-between; align-items: center;}   
.lect_info_pop .js-tab-type1 li{width: 33%; list-style: none;}
.lect_info_pop .js-tab-type1 li a{display: block; padding: 3% 0; text-align: center; text-decoration: none; font-size: 3.5vw; color: #888; background: #fff; border: 2px solid #ccc;}
.lect_info_pop .js-tab-type1 li.on a{color: #fff; background: #1190e6; border: 2px solid transparent;}

.lect_info_pop table th{color: #666; background: #eee; font-size: 13px; font-weight: normal; border: 0.5px solid #ddd; word-break: keep-all;}
.lect_info_pop table thead th{padding: 10px 0; font-size: 3.5vw; font-weight: bold;}
.lect_info_pop table td{padding: 1%; font-size: 3.5vw; color: #333; text-align: left; line-height: 1.5; border: 0.5px solid #ddd; word-break: keep-all;}
#lect_info2 table{width: 100%;}

/* .bt_ban { position:fixed; bottom:0; left:0%; width:100%; z-index: 1; }  */
.fl_ban{position: fixed;bottom: 0;left: 0;width: 100%; z-index: 1;}

/* 우측 퀵배너 */
.quick_ban{width: 18%; position: fixed; top: 40%; right: 1%; z-index: 1;}
.quick_ban .close{position: absolute; top: -20px; right: 0; width: 18px; height: 18px; background: #111; color: #fff; text-align: center; line-height: 18px; border-radius: 50%;}