* { 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 .e_inner 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: 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;} 

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

.con03 .sd_box{width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.con03 .bx-wrapper .bx-controls-direction a{width: 5vw; height: 9vw; max-width: 64px; max-height: 64px; top: 9%; background: url(https://dev-cdn.hackers.com/ingang/images/event/2025/10/2900/con05_arrow.png) no-repeat center center; background-size: cover;}
.con03 .bx-wrapper .bx-controls-direction a.bx-prev{left: 8%; transform: scaleX(-1);}
.con03 .bx-wrapper .bx-controls-direction a.bx-next{right: 8%;}

.con05 .js-tab-type1{width: 90%; position: absolute; top: 30%; left: 50%; transform: translateX(-50%); justify-content: space-between;}
.con05 .js-tab-type1 li{width: 33.33%;}
.con05 .js-tab-type1 li a{display: block; padding-bottom: 3%; text-align: center; font-size: 4vw; font-weight: bold; color: #c1c1c1; border-bottom: 2px solid #c1c1c1;}
.con05 .js-tab-type1 li.on a{color: #333; border-bottom: 3px solid #333;}
.con05 .js-tab-type1-con{width: 120vw; padding-bottom: 0; position: absolute; top: 45%; left: -10vw;}
.con05 .js-tab-type1-con .bx-wrapper .bx-viewport{height: 50vw !important; max-height: 188px;}

/* 적중 리스트 */
.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: #ff8b24;padding: 0.5%;border-radius: 10px;margin-top: -0.5%;}

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

.con09 .sd_box { position: absolute; left: 50%; transform: translateX(-50%); top: 29%; width: 100%;} 
.con09 .sd_box .bx-wrapper {width: 100% !important;max-width: 100% !important;}
.con09 .sd_box .bx-wrapper .bx-viewport{overflow: visible !important;width: 100%;}
.con09 .sd_box li{ width: 35% } 
.con09 .sd_box img { width: 100%; } 

/* lect */
.lect_list {width: 90%; margin: 0 auto;} 
.lect_list li {margin-bottom: 2%; position: relative;} 
.lect_list li input + label{display: block; border: 1px solid #d6d6d6; border-radius: 10px;} 
.lect_list li input:checked + label{display: block; border: 2px solid #ff1f64; border-radius: 10px;} 
.lect_list li:nth-child(2n) input:checked + label{display: block; border: 2px solid #6642ff; border-radius: 10px;} 
.lect_list li input{display: block; width: 6vw !important; height: 5.8vw !important; max-width: 45px; max-height: 44px; position: absolute; top: 7%; right: 4%; background: url(https://dev-cdn.hackers.com/ingang/images/event/2025/10/2900/lect_chk.png) no-repeat top center / cover !important; appearance: none;}
.lect_list li:nth-child(2n) input{display: block; width: 6vw !important; height: 5.8vw !important; max-width: 45px; max-height: 44px; position: absolute; top: 7%; right: 4%; background: url(https://dev-cdn.hackers.com/ingang/images/event/2025/10/2900/lect_chk2.png) no-repeat top center / cover !important; appearance: none;}
.lect_list li input:checked{background-position-y: 100% !important;}

.lect_list li .price_area{position: absolute; top: 60%; left: 9%; text-align: left;}
.lect_list li .price_area .price{font-size: 3.5vw; color: #8c8c8c;}
.lect_list li .price_area .dc_price{font-size: 6.5vw; font-weight: bold; color: #ff1f64;}
.lect_list li:nth-child(2n) .price_area .dc_price{color: #6642ff;}
.lect_list li:nth-child(n+3) .price_area{top: 56%;}

.lect_btn{margin: 3% auto 5%; display: flex; justify-content: center; align-items: center;}
.lect_btn li:nth-child(1){width: 30%; margin: 0 2%; }
.lect_btn li:nth-child(2){width: 40%; margin: 0 2%; }
.lect_btn a{display: block; padding: 3% 0; text-align: center; font-size: 3vw; color: #727272; border: 1px solid #b8b8b8; border-radius: 8px;}

.lect .total_price{position: absolute; bottom: 28%; right: 41%; font-size: 10vw; font-weight: bold; color: #000;}

/* 롤링리스트 */
/* .rol_list_wrap { background: #f1f1f1; border-radius: 10px; width: 90%; margin: 5% auto 0; } 
.rol_list_wrap .list_hk_v2 li p { color: #000; width: 100%; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 3vw; } 
.list_hk_v2 { width: 100%; box-sizing: border-box; text-align: center; overflow: hidden; background:transparent; height: 160px; line-height: 30px; } 
.list_hk_v2 ul { padding:5%; } 
.list_hk_v2 li { display: flex; justify-content: space-around } 
.list_hk_v2 li p:nth-child(2n) { width:0%; } 
.list_hk_v2 li p:nth-child(2n+1) { width:50%; margin:0 auto; }  */

/*영상 팝업*/
.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; } 

/* 구매 전 확인 사항 팝업 */
.lect_info_pop{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000;}
.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;}
.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;}

/* 플로팅배너 관리자단 연동 */
.floating_bnr { position: fixed; bottom:0; left: 50%; transform: translateX(-50%); width:100%; max-width: 750px; z-index: 3; } 

@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: 60px; top: 52%; } 
    .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;}
    }