/* common */
* { font-family:'Noto Sans KR',sans-serif !important; } 
.event-wrap { margin:0 auto; overflow:hidden; } 
.event-wrap img { display:block; width:100% } 
.event-wrap .p_r { position:relative; } 
.p_r { position:relative; } 

.con01 .con01_txt { position: absolute; top: 8%; left: 76.4%; font-size: 4.5vw; color:#e2ff42; font-weight: 700; } 
.con01 .sd_box_on { position: absolute; top: 27vw; left: 43%; width: 58%; z-index: 999; } 

.con02 .sd_box { position: absolute; top: 41%; left: 50%; transform: translateX(-50%); width: 85%; height: 50%; } 
.con02 .sd_box .bx-wrapper .bx-controls-direction a { background: url('https://cdn.hackersut.com/m/img/event/2023/11/2100/re_240528/con02_arrow.png') 0 0 / cover no-repeat; height: 0; padding-top: 7%; width: 4%; top: 48%; } 
.con02 .sd_box .bx-wrapper .bx-controls-direction a.bx-prev { left: -7%; } 
.con02 .sd_box .bx-wrapper .bx-controls-direction a.bx-next { background-position-x: 100%; right: -7%; } 

.con03 { background: #fff6fb; } 
.con03 .sd_box { width: 100%; margin: 0 auto; position: absolute; top: 0%; left: 50%; transform: translateX(-50%); } 
.con03 .bx-wrapper .bx-viewport .bxslider li { width: 420px !important; } 
.con03 .bx-wrapper .bx-controls-direction a { background: url(https://cdn.hackersut.com/m/img/event/2023/08/1600/arrow.png) 0 0/100% no-repeat; height: 0; padding-top: 10%; width: 10%; top: 92%; } 
.con03 .bx-wrapper .bx-controls-direction a.bx-prev { left: 38%; transform: scaleX(-1); } 
.con03 .bx-wrapper .bx-controls-direction a.bx-next { right: 37%; } 

.book_list_name { display: block; margin: 10px 0; font-weight: bold; } 

.con05 { padding-bottom: 8vw; } 
.con05 .sd_book { width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); } 
.con05 .sd_book .bx-wrapper .bx-viewport .bxslider li { width: 110px !important; } 
.con05 .bx-wrapper .bx-controls-direction a { bottom: -16%; width: 53px; top: unset; height: 52px; width: 52px; } 
.con05 .bx-wrapper .bx-controls-direction a.bx-prev { left: 30%; background: url(https://cdn.hackersut.com/m/img/event/2025/07/0900/bx_prve.png) no-repeat; } 
.con05 .bx-wrapper .bx-controls-direction a.bx-next { right: 30%; background: url(https://cdn.hackersut.com/m/img/event/2025/07/0900/bx_next.png) no-repeat; } 
.con05 .sli_wrap { width: 80%; margin: 14% auto 0; } 

.list_hk_v2 { width: 100%; text-align: center; } 
.list_hk_v2 li { width: 100%; text-align: center; } 
.list_hk_v2 li p { font-size: 2.6vw !important; } 

.con07 .pop_btn { font-size: 4vw; color: #4c5baf; display: block; margin: 0 auto; width: 70%; } 

.con07 .count { position: absolute; top: 14%; left: 27%; color: #fff; font-size: 17vw; font-weight: bold; letter-spacing: 8vw; } 
.con07 .slide_box_ticker { width: 100%; } 
.con07 .event_rolling { display: flex; background-color: #222; padding: 3vw 0; height: 4vw; line-height:4vw; margin: 3vw 0; } 
.con07 .event_rolling li { font-size: 3.6vw; font-weight: 700; color: #fff; letter-spacing: 0.08rem; width: 35vw !important; } 
.con07 .event_rolling li span { color: #c5ff5f; position: relative; padding: 0 15px; } 
.con07 .event_rolling li span:after { content: ''; position: absolute; top: 2.5vw; right: 24vw; width: 0.7vw; height: 0.7vw; border-radius: 100%; background-color: #fff; } 

.close_pop { display: block; width: 6vw; height: 6vw; position: absolute; top: 0; right: 0; } 
.evt_detail,
.evt_subInfo2,
.evt_subInfo3 { position: fixed; top: 0%; left: 0%; color: #666; width: 100%; height:100%; z-index: 99; font-size: 16px; display: none; }
.pop_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); } 
.evt_detail_con { position: absolute; top: 20%; left: 50%; transform: translateX(-50%); border-radius: 20px; width: 95%; } 
.evt_subInfo { position: fixed; top: 0%; left: 0%; color: #666; width: 100%; height:100%; z-index: 99; font-size: 16px; display: none; } 
.evt_subInfo_con { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); width: 100%; } 
.evt_subInfo2 .evt_subInfo_con,
.evt_subInfo3 .evt_subInfo_con { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); overflow-y: scroll; border-radius: 20px; } 
.evt_subInfo2 .evt_subInfo_con { height: 110vw; } 
.evt_subInfo3 .evt_subInfo_con { overflow-y: auto; } 

.evt_detail .naver_url { position: absolute; top: 30%; left: 50%; transform: translateX(-50%); width: 88%; } 
.evt_detail .naver_url a { width: 24%; display: inline-block; margin-bottom: 1vw; height: 9vw; } 
.evt_detail .other_url { position: absolute; top: 78%; left: 50%; transform: translateX(-50%); width: 88%; } 
.evt_detail .other_url a { width: 46%; display: inline-block; height: 6vw; } 


#cont_form .table_wrap { width: 86%; padding:5%; } 
#cont_form .table_wrap table { width: 90%; } 
#cont_form .table_wrap .underline { margin-bottom: 1%; display: flex; justify-content: space-between; align-items: center; } 
#cont_form .table_wrap .underline th { width: 20%; font-weight: 700; } 
#cont_form .table_wrap .underline td { width: 40%; } 
#cont_form .table_wrap .underline td input { width: 90%; padding:2%; border-radius: 5px; border: none; background: #f2f2f2; } 
#cont_form .table_wrap tr { margin-bottom: 3%; font-size: 2.8vw; } 
#cont_form .table_wrap tr td { width: 100%; } 
#cont_form .table_wrap tr td label input { display: inline-block; margin-right: 4px; } 
#cont_form .table_wrap tr td a { display: inline-block; margin-right: 5px; border-radius: 5px; padding: 5px 10px; background:#eee4ff; color:#4800C6; font-size: 0.8rem; } 

#cont_form .agree_area { box-shadow: 5px 5px 22px 30px rgba(0, 0, 0, 0.05); background: #f2f2f2; width: 80%; padding: 20px; height: 40vw; overflow-x: scroll; margin: 2vw auto; } 
#cont_form .agree_area .close { position: absolute; width:20px; height:20px; top:10px; right:10px; cursor: pointer; } 
#cont_form .agree_area .close::before, #cont_form .agree_area .close::after { content:''; display:block; width:100%; height:1px; background:#000; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg); } 
#cont_form .agree_area .close::after { transform: translate(-50%,-50%) rotate(-45deg); } 

.con08 .input_wrap { position: absolute; top: 85.4%; left: 15%; width: 76%; } 
.con08 .input_wrap input { width: 78%; height: 8vw; border-radius: 10px; border: 1px solid #222; padding: 0 1vw; font-size: 2.6vw; } 
.con08 .input_wrap a { background-color: #222; color: #fff; padding: 2vw 4vw; border-radius: 10px; display: inline-block; margin-left: 1vw; } 

.con09 .con09_title { position: absolute; left: 14%; font-size: 4.8vw; font-weight: bold; color: #222; text-align: left; }
.con09 .con09_title.title1 { top: 28.4%; }
.con09 .con09_title.title2 { top: 52%; }
.con09 .con09_title.title3 { top: 75.5%; }

.con09 .con09_price { position: absolute; right: 15%; font-size: 5vw; font-weight: bold; color: #222; text-align: right; width: 30%; }
.con09 .con09_price i { text-decoration: line-through; color: #999; font-size:4vw; font-weight: 400; }
.con09 .con09_price li { height: 7vw; line-height: 7vw; }
.con09 .con09_price.price1 { top: 25.5%; }
.con09 .con09_price.price2 { top: 52%; }
.con09 .con09_price.price3 { top: 75.5%; }


.video_popup { position: fixed; top: 0%; left: 0%; width: 100%; z-index: 100; height: 100vh; display: none; } 
.bg { width: 100%; height: 100vh; background: rgba(0,0,0,0.5); } 
.video_popup .pop_video { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.video_popup .pop_video .video_area { width: 93vw; height: 46vw; } 
.video_popup .pop_video .video_close { font-size:5vw; color:#fff; position:absolute; top:-7vw; right:0; display:inline-block; cursor:pointer; }