/* common */
body { overflow-x:hidden; } 
.re_f_wrap { margin-top:0; } 
.evt_wrap { overflow:hidden; } 
.ov { overflow:hidden; } 
.in_wide { width:2560px; position:relative; text-align:center; left:50%; margin-left:-1280px; } 
.in { width:750px; position:relative; text-align:center;margin:0 auto;} 

.inner { width: 1000px; margin: 0 auto;text-align:center; } 
:focus { outline:none; } 
.pos_r { position:relative; } 
.fc_red { color:#ff0000 !important; } 
.f_col { display: flex; flex-direction: column; align-items: center; } 
.hidden { display: none; } 

.evt_wrap .js-tab-type1-con{padding-bottom: 0;}
/* .js-tab-type1-con { padding-bottom: 0; }  */

.evt_wrap .bx-wrapper .bx-controls-direction a {width: 31px; height: 49px; background: url(https://cdn.hackersut.com/www/images/event/2023/12/0500/arrow.png) 0 0 no-repeat;}
.evt_wrap .bx-wrapper .bx-controls-direction a.bx-prev{left: -2%;transform: scale(-1);}
.evt_wrap .bx-wrapper .bx-controls-direction a.bx-next{right: -2%;}

/* sys_txt */
.con02 .sys_f{position: absolute;top: 70px;left: 50%;transform: translateX(-50%);font-weight: bolder;font-size: 50px;color: #111;}
.con02 .col01{color:#009b78;}
.con02 .col02{top: 140px;}

.con03 .sys_f{position: absolute;top: 48.7%;left: 52.2%;transform: translateX(-50%);}
.con03 .col01{display: flex;color: #111;font-size: 44px;font-weight: bold;align-items: center;letter-spacing: -0.5rem;}
.con03 .col01 span{background: #fff;padding: 5px 10px;margin-right: 10px;font-weight: 500;border-radius: 5px;font-size: 20px;}
.con03 .col02{top: 180px;color: #111;font-size: 19px;}
.con03 .col02 span{color:#0067e7;}
.con03 .col03{top: 266px;display: flex;justify-content: space-between;width: 17%;align-items: center;}
.con03 .col03 .price{color: #869195;font-size: 40px;font-weight: bolder;}
.con03 .col03 .dc_price{color: #0067e7;font-size: 40px;font-weight: bolder;}
.con03 .col03 .dc_price span{font-size: 55px;}
.con03 .col04{border: 1px solid #64747a; color: #64747a; border-radius: 25px; padding: 10px 25px; top: 89%; left: 59.2%; font-size: 18px; background-color: #e3f7ff;}

.con04 .js-tab-type1{position: absolute;top: 230px;left:50%;transform: translateX(-50%);width: 750px;justify-content: space-between;display: flex;z-index: 2;}
.con04 .js-tab-type1 li{width: calc(100%/3);}
.con04 .js-tab-type1 li a{width: 100%;height: 0;background: url('https://cdn.hackersut.com/www/images/event/2024/02/0502/re_251111/con04_tab.png') 0 0/200% no-repeat;display: block;padding-bottom: 252px;}
.con04 .js-tab-type1 li:nth-of-type(2) a{background-position-y: 48.5%;}
.con04 .js-tab-type1 li:nth-of-type(3) a{background-position-y: 97%;}
.con04 .js-tab-type1 li.on a{background-position-X: 100%;}

.con05{background: url('https://cdn.hackersut.com/www/images/event/2024/02/0502/re_250213/con05.jpg') center no-repeat;}
.con05 .tab_wrap{left: 50%;transform: translateX(-50%);width: 800px; margin-top:-8px;}
.con05 .tab_wrap .js-tab-type1{width: 650px;justify-content: space-between;display: flex;margin: 0 auto;}
.con05 .tab_wrap .js-tab-type1 li{width: calc(100%/2);}
.con05 .tab_wrap .js-tab-type1 li a{width: 100%;height: 0;background: url('https://cdn.hackersut.com/www/images/event/2024/02/0502/re_250213/con05_tab.png') 0 0/200% no-repeat;display: block;padding-bottom: 104px;}
.con05 .tab_wrap .js-tab-type1 li:nth-of-type(2) a{background-position-x: 100%;}
.con05 .tab_wrap .js-tab-type1 li.on a{background-position-y: 100%;}
.con05 .tab_wrap .js-tab-type1-con{padding-bottom: 0;}
.con05_gif{background-color: #deffe6;padding-top: 30px;}

.con06 .bx-pager{left: 50%;transform: translateX(-50%);bottom: 72px;}
.con06 .bx-wrapper .bx-pager.bx-default-pager a{background: #b3b3b3;border-radius: 50%;}
.con06 .bx-wrapper .bx-pager.bx-default-pager a.active{background: #2f57d3;width: 30px;border-radius: 20px;}

.con07{background: #f8f8f8;}
.con07 .bx-pager{left: 50%;transform: translateX(-50%);bottom: 72px;}
.con07 .bx-wrapper .bx-pager.bx-default-pager a{background: #b3b3b3;border-radius: 50%;}
.con07 .bx-wrapper .bx-pager.bx-default-pager a.active{background: #00a791;width: 30px;border-radius: 20px;}

.cont07 .sd_box{width: 800px; margin: 0 auto 40px;}

.con09 .sys_txt{position: absolute;top: 23.8%;left: 50%;transform: translateX(-50%);font-size: 2.1rem;font-weight: bold;color: #fff;}

.con10 .sys_f { position: absolute; }
.con10 .col01 { color: #111; font-size: 42px; font-weight: bold; align-items: center; top: 793px; left: 52.1%; }
.con10 .col01 span { background: #e7e7e7; padding: 5px 10px; margin-right: 10px; font-weight: 500; border-radius: 5px; font-size: 20px; }
.con10 .col02 { top: 571px; font-size: 36px; left: 39.5%; text-align: left; font-weight: bold; color: #0067e7; }
.con10 .col02 span { color:#0067e7; }
.con10 .col03 { top: 628px; left: 50.7%; }
.con10 .col03 .price { color: #869195; font-size: 40px; font-weight: bolder; }
.con10 .col03 .dc_price { color: #0067e7; font-size: 40px; font-weight: bolder; }
.con10 .col03 .dc_price span { font-size: 55px; }
.con10 .col04 { border: 1px solid #64747a; color: #64747a; border-radius: 25px; padding: 10px 25px; top: 80.8%; left: 59.2%; font-size: 18px; background-color: #e3f7ff; }



.quick{position: fixed;left: 4%;top: 50%;transform: translateY(-50%);z-index: 2;width: 160px;}
.quick img{width: 100%;}
.quick .btn_wrap{position: absolute;top: 19%;left: 0;display: flex;flex-wrap: wrap;width: 100%;height: 81%;}
.quick .btn_wrap a{width: 100%;height: 22%;display: block;}

/* 플로팅배너 - 신청단 */
.ban_bottom{position: fixed;bottom: 0;left: 0;z-index: 2;width: 100%;}
.ban_bottom .input_area{width: 25%; position: absolute; top: 35px; left: 42.5%;}
.ban_bottom .input_area ul{display: flex; justify-content: space-between;}
.ban_bottom .input_area ul li{text-align: left; list-style: none;}

.ban_bottom .input_area ul.top{width: 70%;}
.ban_bottom .input_area ul.top li{width: 50%; text-align: left; list-style: none;}
.ban_bottom .input_area ul.top li input{width: 60%; height: 30px; border-radius: 3px; border: none; text-indent: 10px;}
.ban_bottom .input_area ul.top li.num{display: flex; justify-content: space-between;}
.ban_bottom .input_area ul.top li.num input{width: 30%;}

.ban_bottom .input_area ul.bottom{width: 100%; margin-top: 15px;}
.ban_bottom .input_area ul.bottom li{width: 33.33%;}
.ban_bottom .input_area ul.bottom li:nth-of-type(2){margin-left: 15px;}
.ban_bottom .input_area ul.bottom li select{width: 64%; height: 30px; border: none; border-radius: 3px;}
.ban_bottom .input_area ul.bottom li a{margin-left: 3px; color: #fff;}
.ban_bottom .input_area ul.bottom li:nth-of-type(3){display: flex; align-items: center;}

.consulting_pop{display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5);}
.consulting_pop > div{width:660px;position:fixed;left:50%;margin-left:-350px;top:250px;background-color:#fff;z-index:9999;text-align: left; padding:20px;}
.consulting_pop h3{color:#000;font-size:18px;}
.consulting_pop .cst_box{background-color:#eef0f3;height:160px;overflow:hidden;border-radius:5px;margin:15px 0;}
.consulting_pop .cst_box > div{padding:15px 20px;height:130px;overflow-y:auto;}
.consulting_pop  .radio_img{line-height:25px;}
.consulting_pop .csb_btn{display:block;width:100%;text-align:center;background-color:#d50057;height:58px;line-height:58px;color:#fff;font-weight:bold;margin-top:15px;font-size:18px;border-radius:7px;}
.consulting_pop .csb_close{position:absolute;right:20px;top:10px;font-weight:bold;font-size:19px;}
.consulting_pop input[type=checkbox] + label { display: inline-block; cursor: pointer;padding-left:30px; background: url('//cdn.hackersut.com/www/images/main/2020/radio_con_off.png') 0 center no-repeat; background-size: contain; font-size: 14px;}
.consulting_pop input[type=checkbox]:checked + label { background-image: url('//cdn.hackersut.com/www/images/main/2020/radio_con_on.png'); }

.ban_bottom input[type=checkbox] { display:none; }
.input_area input[type=checkbox] + label { display: inline-block; cursor: pointer;padding-left:25px; background: url(//cdn.hackersut.com/www/images/event/2024/02/0502/chk_off.png) 0 center no-repeat; background-size: contain; font-size: 14px; color: #fff;}
.input_area input[type=checkbox]:checked + label { background-image: url('//cdn.hackersut.com/www/images/event/2024/02/0502/chk_on.png'); }
/*//빠른신청 상담*/

.ml10{margin-left: 10px;}
.pop_form{display: none; position: fixed; top: 0; left: 0; width: 100%;height:100%; background: rgba(0, 0, 0, 0.5); z-index: 999;}
.form{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 800px; max-height: 800px; padding: 3% 0; background: #fff; border-radius: 10px; overflow-y: auto; overflow-x: hidden;}
.form::-webkit-scrollbar {width: 10px;}
.form::-webkit-scrollbar-track {background-color: #eee;}
.form::-webkit-scrollbar-thumb { background-color: #ddd;border-radius: 5px;}
.form::-webkit-scrollbar-button {display: none;}
.form h2{text-align: center;font-size: 2rem;}
.form .input_area{height: 500px; padding: 0 5%; overflow-y: scroll;}
.form table{margin-top: 5%;width: 100%;}
.form table th{padding-bottom: 3%; text-align: left; font-size: 1.3rem;}
.form table td{padding-bottom: 3%;}
.form table td.phone{display: flex;justify-content: space-between;}
.form table td.phone input{width: 32%;}
.form table td > input{width: 100%; padding: 2%;box-sizing: border-box;font-size: 18px;}
.form table td select{width: 100%; padding: 2%; color: #111;box-sizing: border-box;font-size: 18px;}
.form table td.agree .flex_box{display: flex; align-items: center;}
.form table td.agree .flex_box input[type="checkbox"]{display: none;}
.form table td.agree .flex_box input[type="checkbox"]:checked + label{background-image: url('//cdn.hackersut.com/www/images/main/2020/radio_con_on.png');}
.form table td.agree .flex_box label{margin: 0 3% 0 0; font-size: 1.5rem;color: #111;}
.form table td.agree .flex_box a{font-size: 1rem; color: #c2c2c2;}
.form table .infoBox_text{height: 150px; padding: 3%; font-size: 1.1rem; border-radius: 5px; background: #f5f5f5; overflow-y: scroll;}
.form table .infoText_select{display: flex; align-items: center;}
.form table .infoText_select input[type="checkbox"]{display: none;}
.form table .infoText_select input[type="checkbox"]:checked + label{background-image: url('//cdn.hackersut.com/www/images/main/2020/radio_con_on.png');}
.form table .infoText_select label{margin-left: 1%; font-size: 1.1rem;color: #111;}
.form .form_btn{display: block; margin-top: 20px; text-align: center;}
.form .close{position: absolute; top: -5px; right: -5px; padding: 1% 3%; font-size: 2rem; font-weight: bold;}