/* common */
body { overflow-x:hidden; } 
.re_f_wrap { margin-top:0; } 
.evt_wrap { overflow:hidden; } 
.ov { overflow:hidden; } 
.in { width:750px; margin:0 auto; position:relative; text-align:center; } 
.in_wide { width:2560px; position:relative; text-align:center; left:50%; margin-left:-1280px; } 
.pos_r { position:relative; } 
.pos_a { position:absolute; } 
map { cursor:pointer; } 
.hidden { display: none; } 
.fs24 { font-size: 24px; } 
.bold { font-weight: bold; } 

.con00__ani1,
.con00__ani2 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 1s ease; } 
.con00__ani2 { color: #fff; font-size: 30px; } 
.con00.show .con00__ani1 { top: 30px; transform: translateX(-50%); opacity: 1; } 
.con00.show .con00__ani2 { top: 180px; transform: translateX(-50%); opacity: 1; transition: all 1s ease; transition-delay: 1s; } 

/* cont01 */ 
.cont01 .sys_font2 { bottom: 3.1%; left: 1105px; color: #fff; font-size: 2.3rem; z-index: 2; } 

.cont01_add .sd_box { width: 750px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 

.rol_list_wrap.t2 { width: 300px; margin: 0 auto; border-radius: 15px; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); } 
.rol_list_wrap.t2 .list_hk_v2 { width: 100%; margin: 0 auto; box-sizing: border-box; overflow: hidden; background:transparent; height: 250px; line-height: 35px; } 
.rol_list_wrap.t2 .list_hk_v2 ul { padding:5%; } 
.rol_list_wrap.t2 .list_hk_v2 li p { text-align: center; font-size: 25px; color:#fff; width: 100%; line-height: 40px; } 

.cont04 .sd_box { width: 100%; margin: 0 auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 
.cont04 .sd_box .bx-wrapper .bx-viewport { height: 300px !important; } 
.cont04 .bx-wrapper .bx-controls-direction a { top: 330px; width: 66px; height: 66px; background: url(https://cdn.hackersut.com/www/images/event/2025/02/0702/re_250226/con02_arrow.png) no-repeat center center / contain; } 
.cont04 .bx-wrapper .bx-controls-direction a.bx-prev { left: 43%; transform: scale(-1); } 
.cont04 .bx-wrapper .bx-controls-direction a.bx-next { right: 43%; } 

.cont05 .sd_box { margin: 0 auto; position: absolute; top: 190px; left: 50%; transform: translateX(-50%); width: 1200px; } 
.cont05 .sd_box .bx-wrapper .bx-viewport { height: 338px !important; } 
.cont05 .bx-wrapper .bx-pager { left: 50%; transform: translateX(-50%); bottom: 60px; } 

.cont07 .pub_vid_box { width: 609px; height: 342px; position: absolute; left: 50%; transform: translateX(-50%); top: 258px; border-radius: 16px; overflow: hidden; } 

.con08__aos { position: absolute; top: 240px; display: flex; flex-wrap: wrap; left: 50%; transform: translateX(-50%); width: 790px; } 
.con08__aos li { width: calc(100%/2 - 10px); margin-bottom: 10px; } 
.con08__aos li:nth-child(2n-1) { text-align: right; margin-right: 15px; } 
.con08__aos li:nth-child(2n) { text-align: left; } 

.cont10 .sd-box { position: absolute; top: 830px; left: 50%; transform: translateX(-50%); } 
.cont10 .bx-wrapper .bx-pager { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } 
.cont10 .bx-wrapper .bx-pager.bx-default-pager a { width: 40px; background: #d0d0d0; border-radius: 10px; } 
.cont10 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #111; } 


.con11__lect { position: relative; width: 690px; margin: 0 auto 20px; } 
.con11__lect input { position: absolute; top: 76px; left: 40px; } 
.con11__lect input[type="radio"] { accent-color: #0a72ff; width: 20px; height: 20px; } 
.con11__label { border: 1px solid #c8c8c8; display: block; background: #fff; padding: 50px 80px; border-radius: 17px; box-sizing: border-box; } 
.con11__lect input:checked + label { background: #e8f2ff; border: 1px solid #0a72ff; } 
.con11__lect .col01 { border-bottom: 1px solid #cccccc; display: flex; justify-content: space-between; padding-bottom: 30px; } 
.con11__lect .col01__left { font-size: 40px; color: #111; text-align: left; letter-spacing: -1px; } 
.con11__lect .col01__left p { font-weight: bold; } 
.con11__lect .col01__left .point { color: #0a72ff; } 
.con11__lect .col01__right { text-align: right; } 
.con11__lect .col01__right .badge { background: #0a72ff; color: #fff; padding: 5px 20px; border-radius: 20px; font-size: 22px; display: inline-block; } 
.con11__lect .col01__right .ori_price { font-size: 36px; text-decoration: line-through; color: #111; } 
.con11__lect .col01__right .dis_price { font-size: 40px; color: #111; font-weight: bold; } 
.con11__lect .col02 { margin-top: 30px; } 
.con11__lect .col02__col { display: grid; grid-template-columns: 20% 80%; text-align: left; font-size: 25px; } 
.con11__lect .col02 p:nth-of-type(1) { color: #515151; } 
.con11__lect .col02 p:nth-of-type(2) { color: #111; } 

.con11__entire-price { padding-bottom: 10px; border-bottom: 1px solid #111; color: #111; display: flex; justify-content: space-between; width: 690px; margin: 30px auto; align-items: center; } 
.con11__entire-price p { font-size:30px } 
.con11__entire-price p:nth-of-type(2) { font-size: 50px; font-weight: bold; } 
.con11__btn { margin: 20px auto 100px; display: block; position: relative; } 
.con11__arrow { position: absolute; top: 80%; right: 5%; animation: move 1s infinite alternate; transition: 1s all; } 

@keyframes move { 
 0% { transform: translate(-10px,-10px); } 
100% { transform: translate(0,0); } 
 }

.right_ban { width:12%; text-align:center; position:fixed; right:2%; top:26%; z-index:9; } 
.ban_bottom { width:100%; text-align:center; position:fixed; left:0; bottom:0; z-index:5; } 

.quick_bnr { left: 2% !important; transform: none !important; margin-left: 0 !important; } 

.info_pop { position: fixed; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 5555; width: 650px; } 
.info_pop .img_box { width: 100%; display: block; max-width: 640px; } 
.info_pop .img_box img { display: block; width: 100%; } 
.info_pop a.close_btn { position: absolute; top:-10px; right: 0; width: 50px; height: 50px; z-index: 55; } 

.pop-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: none; } 
.pop-wrap .pop-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.4); } 
.apply_pop { background:#fff; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 3; width: 750px; border: 1px solid #ddd; border-radius: 20px; padding: 20px 10px; box-sizing: border-box; } 
.apply_pop .sys_f { text-align: center; font-size: 50px; font-weight: bold; color: #111; margin-bottom: 40px; } 
.apply_pop .sys_f p:nth-of-type(2) { color: #157cdb; } 
#cont_form .table_wrap th { font-size: 30px; color: #111; padding: 10px 0; text-align: left; } 
#cont_form .table_wrap table { width: 90%; margin: 0 auto; } 
#cont_form .table_wrap .underline { height: 1px; width: 100%; padding: 20px 0; border-bottom: 1px solid #ddd; } 

#cont_form .table_wrap tr { margin-bottom: 10px; } 
#cont_form .table_wrap tr td { width: 100%; font-size: 1.03rem; padding: 5px 0; color: #111; } 
#cont_form .table_wrap tr td .flex-box { display: flex; justify-content: space-between; align-items: center; } 
#cont_form .table_wrap tr td .flex-box .checkbox { display: flex; justify-content: space-between; align-items: center; font-size: 20px; font-weight: bold; } 
#cont_form .table_wrap tr td .flex-box .checkbox span { color: #157cdb; } 
#cont_form .table_wrap tr td .flex-box input { display: none; } 
#cont_form .table_wrap tr td .flex-box input+label { background: url('https://cdn.hackersut.com/www/images/event/2025/02/0702/pop_radio.png')0 0/cover no-repeat; width: 30px; height: 30px; display: block; margin-right: 20px; } 
#cont_form .table_wrap tr td .flex-box input:checked+label { background-position-y: 100%; } 
#cont_form .table_wrap tr td .flex-box a { border: 1px solid #b3b3b3; border-radius: 3px; color: #111; padding: 10px 20px; } 

#cont_form .table_wrap tr td input { width: 100%; background: #f5f5f5; border: 1px solid #dcdcdc; border-radius: 10px; color: #3f3f3f; font-size: 25px; box-sizing: border-box; padding: 10px; } 
#cont_form .table_wrap tr td label input { display: inline-block; margin-right: 4px; } 
#cont_form .table_wrap tr td a { display: block; padding: 40px 0; } 
#cont_form .table_wrap tr td a img { width: 100%; display: block; } 

#cont_form .agree_area { display: none; } 
#cont_form .agree_area td { padding: 10px; } 
#cont_form .infoBox_text { padding: 10px; box-sizing: border-box; background: #f2f2f2; } 

/* 팝업배너 */
.pop_ban { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 5; } 
.pop_ban .pop_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: -1; } 
.pop_ban img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.pop_ban .sys_f { position: absolute; top: 51.2%; left: 50.5%; transform: translate(-50%, -50%); font-size: 21px; color: #fbfbfb; } 


.apply_pop .close { position: absolute; width:20px; height:20px; top:2%; right:2%; cursor: pointer; z-index: 2; } 
.apply_pop .close::before, .apply_pop .close::after { content:''; display:block; width:100%; height:1px; background:#111; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg); } 
.apply_pop .close::after { transform: translate(-50%,-50%) rotate(-45deg); } 


.popup-wrap { position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 102; } 
.popup-bg { position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 102; background: rgba(0,0,0,0.6); } 
.popup-con { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 103; } 
.close-btn { position: absolute; top: 10%; right: 5%; font-size: 30px; color: #111; } 

/* 퀵배너 */
.q_ban{position: fixed; top: 300px; right: 15px; z-index: 1;}
.q_ban a{display: block;}
.q_ban .close{padding: 0px 8px; position: absolute; top: -15px; right: -5px; font-size: 20px; font-weight: bold; color: #8854c1; background: #fff; border: 1px solid #8854c1; border-radius: 50px;}
.q_pop{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10;}
.q_pop .bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5);}
.q_pop .pop_con{width: 500px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.q_pop .pop_con a{display: block;}
.q_pop .pop_con img{width: 100%;}
.q_pop .pop_con a.close{padding: 0px 8px; position: absolute; top: -15px; right: -10px; font-size: 22px; font-weight: bold; color: #7a7a7a; background: #fff; border: 2px solid #7a7a7a; border-radius: 50px;}