.re_f_wrap { margin-top:0; } 
.evt_wrap { overflow:hidden; } 
.in { width:1000px; margin:0 auto; position:relative; text-align:center; } 
.in750 { width:750px; margin:0 auto; position:relative; text-align:center; } 
.in_wide { width:2560px; position:relative; text-align:center; left:50%; margin-left:-1280px; } 
:focus { outline: none; } 
.pos_r { position: relative; } 
.t_r { text-align: right; } 
.t_c { text-align: center!important; } 
.mt-1{margin-top: -1px;}

.bx-wrapper .bx-viewport { background: transparent !important; } 

/* timer css*/
.timer_wrap { position: static; top: 0; left: 50%; background-color: #242424; width:100%; z-index: 10;} 
.timer_wrap img { display: block; } 
.timer_wrap .in { width: 1000px; text-align: left; } 
.timer_wrap .timer { position: absolute; top: 42%;left: 39.7%; transform: translateY(-50%); } 
.timer_wrap .timer span { display:inline-block; font-size:44px; color:#fff; letter-spacing: 0.55em; font-weight:bold; } 
.timer_wrap .timer span.time1 { margin-right: 52px; } 
.timer_wrap .timer span.time2, .timer_wrap .timer span.time3, .timer_wrap .timer span.time4 { margin-right: 17px; } 
.timer_wrap .gisu { border: 2px dashed #5fffa5; color: #5fffa5; width: 120px; height: 35px; line-height: 35px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); text-align: center; font-size: 19px; font-weight: bold; } 
.timer_wrap .timer_txt { position: absolute; left:34%; top: 45%; transform: translateY(-50%); color: #9b9b9b; font-size: 16px; font-weight: bold; } 
.timer_wrap .timer_txt p:last-child { color:#9b9b9b; text-align: center; font-size: 1.15rem; } 
.timer_wrap .gisu_txt {color: #ccc;position: absolute;left: 50%; bottom: 0;width: 800px;text-align: left;display: flex; justify-content: center; align-items: center;font-size: 12px;word-break: keep-all;transform: translateX(-50%);} 
.timer_wrap .gisu_txt p:nth-of-type(1){margin-right: 10px;}
.timer_wrap .apply_btn {width: 165px; height: 60px; line-height: 20px; position: absolute; top: 19px; right: 34.3%; cursor: pointer; border-radius: 30px;}

/*근거문구 팝업*/
.reason { position: absolute; width:1000px; top:120px; left:50%; transform: translateX(-50%); padding:35px; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:14px; line-height: 1.5; letter-spacing: -0.04em; display:none } 
.reason .close { position: absolute; width:20px; height:20px; top:10px; right:10px; cursor: pointer; } 
.reason .close::before, .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 { transform: translate(-50%,-50%) rotate(-45deg); } 

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

.con02__gisu{position: absolute; top: 84px; left: 41.8%; color: #fff;font-size: 36px;}
.con02 .benefit-img{position: absolute;display: flex;top: 42%;left: 50%; transform: translateX(-50%);}
.con02 .benefit-img img:nth-of-type(1){margin-right: 20px;}

.con06 .js-tab-type1{position: absolute; top: 325px; left: 37%; display: block;}
.con06 .js-tab-type1 li{margin-bottom: 10px;}
.con06 .js-tab-type1 li a{display: block; font-size: 36px; 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: 55%; position: absolute; top: 40%; right: 0;}

.con06 .sd_box .bx-wrapper .bx-viewport .bxslider li{width: 312px !important;}
.con06 .sd_box .bx-wrapper .bx-controls-direction a {width: 58px; 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: -15%; transform: scale(-1)} 
.con06 .sd_box .bx-wrapper .bx-controls-direction a.bx-next {right: unset; left: -10%;}

.con08{background: #ff7e00;}
.con08 .sd_box .sys_f{font-size: 36px; color: #fff; margin-bottom: 15px;}
.con08 .sd_box .bx-wrapper .bx-controls-direction a {width: 71px; 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 .sd_box .bx-wrapper .bx-controls-direction a.bx-prev {left: 5%; transform: scale(-1)} 
.con08 .sd_box .bx-wrapper .bx-controls-direction a.bx-next {right: 5%;}

.dundun{position: fixed; top: 35%; left: 5%; z-index: 100;display: flex;flex-direction: column;}
.dundun li{margin-bottom: 50px;}
.dundun_pop{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 102;}
.dundun_pop .bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5);}
.dundun_pop .dundun_con{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 700px; overflow-y: auto;}
.dundun_pop .close{position: absolute; top: 70px; right: 34%; transform: translateX(50%);}

/* lect */
.lect .js-tab-type1{width: 420px; justify-content: space-between; position: absolute; top: 40px; 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: 15px; font-size: 24px; font-weight: bold; color: #c8c9c8; border-bottom: 3px solid #c8c9c8;}
.lect .js-tab-type1 li.on a{color: #141514; border-bottom: 4px solid #141514;}

.lect .price_area{position: absolute; top: 82px; left: 55.5%; transform: translateX(-50%); text-align: right;}
.lect .price_area .price{font-size: 30px; color: #fff;}
.lect .price_area .dc_price{font-size: 56px; font-weight: bold; color: #fff;}

.lect #option2_price{top: 33.4%;}
.lect #option3_price{top: 64.4%;}
.lect #option4_price{top: 88px;}
.lect #option5_price{top: 34%;}
.lect #option6_price{top: 65.5%;}

.lect .lect_list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; } 
.lect .lect_list li { width: 33.3333%; } 
.lect .lect_list li .price { font-size: 42px; font-weight: bold; margin-top: 174px; margin-right: 55px; text-align: right; } 
.lect .lect_list li .price .fixed_price { display: inline-block; font-size: 28px!important; color: #8e8e8e!important; } 
.lect .lect_list li .price .dc { position: absolute; top: -25px; left: 59%; transform: translateX(-50%); color: #fff; background: #000; font-size: 18px; } 
.lect .lect_list li .price .dc_price { margin-left: 25px; } 
.lect .lect_list li a { display: block; width: 315px; text-indent: -9999px; } 
.lect .lect_list li a.submit_btn { height: 70px; margin:17px auto 5px } 
.lect .lect_list li a.view_btn { height: 40px; margin:0 auto; width: 150px; } 
.lect .lect_list li .dc_txt { position: absolute; left: 29.5%; bottom: 80px; transform: translateX(-50%); font-size: 18px; color: #fff; } 

.lect .lect_list li:nth-child(1) .price { color:#0871ff } 
.lect .lect_list li:nth-child(2) .price { color:#16b717 } 
.lect .lect_list li:nth-child(3) .price { color:#a241d4 } 

.lect .lect_list li:nth-child(1) .dc_txt { background:#1282ff } 
.lect .lect_list li:nth-child(2) .dc_txt { background:#4ac511 } 
.lect .lect_list li:nth-child(3) .dc_txt { background:#c047e1 } 

/* 레이어 팝업 용 */
.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: 50%; left: 50%; transform: translate(-50%, -50%); z-index:9999; width:90%; max-width: 690px; border-radius: 35px; overflow: hidden;} 
.layer_wrap:not(#evt_pop0) .layer_pop { background: #fef2f4 url('https://dev-cdn.hackers.com/ingang/images/event/2025/04/0900/pop_bg.png') 0 0 no-repeat; height: 700px;} 
.layer_wrap:not(#evt_pop0) .pop_add_tit { color:#f83f5e; font-size: 32px; text-align: center; margin-top: 40px; } 
.layer_wrap:not(#evt_pop0) .pop_add_tit em { font-size: 20px; } 
.layer_wrap:not(#evt_pop0) .pop_add_tit span { color:#222 } 
.layer_wrap:not(#evt_pop0) .sale_txt { font-size: 30px; font-weight: bold; color:#f83f5e; margin-bottom: 15px; } 
.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:30px 15px 30px; text-align:center; } 
.pop_add_wrap .file_wrap { text-align:center; } 
.pop_add_wrap .file_wrap strong { color:#222; font-size:20px; display: block; width: 90px; } 
.pop_add_wrap .file_wrap input[type="file"] { display: none; } 
.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 { width: 610px; max-height:100px; overflow-y: auto; padding:10px; background:#f3dde1; box-sizing: border-box; text-align:left; color:#b1828b; line-height:1.2; font-size:14px; border-radius: 10px; } 
.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:15px; top:15px; width:35px; height:35px; } 
.infoBox_text_w { display:block; text-align: left; width: 610px; margin-left: 30px; margin-top: 15px; } 
.infoBox_text_w input[type="checkbox"] { width: 28px; height: 28px; vertical-align: middle; margin-bottom: 5px; } 
.infoBox_text_w input[type="checkbox"] + label { font-size: 20px; color:#735056; padding-left: 10px; vertical-align: middle; display: inline-block; margin-bottom: 5px; } 

/* 강의리스트 팝업 */
#evt_pop0 .pop_add_wrap {position: relative; margin-top: -20px; padding: 22px 20px 30px; background: #fff; border-radius: 25px 25px 0 0; z-index: 1;} 
.pop_add_wrap select#lect_list { width: 95%; text-align: center; height: 40px; color: #217bff; border-radius: 5px; background: #e7e7e7; font-size: 15px; 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: 22px; color: #000; text-align: left; } 
.pop_add_wrap .lec_tit select {padding: 10px; color: #666; border: 1px solid #bebebe; border-radius: 5px;} 
.pop_add_wrap .lect_table { width: 100%; position: relative; } 
.pop_add_wrap .lect_table th { height: 40px; background: #f04626; 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: 400px; 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; } 

/* 플로팅 배너 - 관리자단 연동 */
.ban_bottom{width:100%;text-align:center;position:fixed;left:0;bottom:0;z-index:99;}
.ban_bottom .bg {position: absolute;bottom: 0;height: 120px;width: 100%;}

/* 퀵배너 (base: quick_banner_220923_2.php inline style) */
.quick_220923_2 {position:absolute; top:60px; right: 3%; z-index: 1000; display: none;}
.quick_220923_2.on {position:fixed; top:100px;transition: all .5s; display: none;}
.evt_wrap .quick_220923_2{display: block; z-index: 999 !important;}
.evt_wrap .quick_220923_2.on{display: block;}
.quick_220923_2 .close_btn{position: absolute;top: 0;right: 0;background: #ff4f11; color: #fff;width: 20px;height: 20px;text-align: center;font-weight: bold;line-height: 20px;}