/* common */
.evt_wrap { position:relative; margin:0 auto; overflow:hidden; } 
.evt_wrap * { font-family: 'Noto Sans KR', sans-serif; } 
.evt_wrap img:not(.slider-lazy-image) { display:block; width:100% } 
.pos_r { position: relative; } 
.fc_red { color:#FF0000; } 
.ov { overflow: hidden; } 


/* sys_txt */
.con02 .sys_f { position: absolute; top: 5%; left: 50%; transform: translateX(-50%); font-weight: bolder; font-size: 2rem; color: #111; } 
.con02 .col01 { color:#009b78; } 
.con02 .col02 { top: 10%; width: 100%; text-align: center; } 

.con03 .sys_f { position: absolute; top:10%; left: 50%; transform: translateX(-50%); } 
.con03 .col01 { display: flex; color: #111; font-size: 4.2vw; font-weight: bold; align-items: center; width: 90%; } 
.con03 .col01 span { background: #fff; padding: 5px 10px; margin-right: 10px; font-weight: 500; border-radius: 5px; font-size: 0.9rem; } 
.con03 .col02 { top: 19%; color: #111; font-size: 1rem; width: 70%; font-weight: 500; text-align: center; } 
.con03 .col02 span { color:#0067e7; } 
.con03 .col03 { top: 48.8%; left: 82.4%; display: flex; justify-content: space-between; width: 55%; align-items: center; } 
.con03 .col03 .price { color: #222; font-size: 5.5vw; font-weight: bolder; letter-spacing: -0.4rem; } 
.con03 .col03 .dc_price { color: #0067e7; font-size: 2rem; font-weight: bolder;} 
.con03 .col03 .dc_price span { font-size: 2.9rem; } 
.con03 .col04 { border: 1px solid #64747a; color: #64747a; border-radius: 20px; padding: 1.2vw 2.4vw; top: 89%; left: 80.4%; font-size: 2.3vw; background-color: #e3f7ff; } 

.con04 .js-tab-type1 { position: absolute; top: 48%; left:50%; transform: translateX(-50%); width: 90%; 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/m/img/event/2024/02/0502/re_251111/con04_tab.png') 0 0/200% no-repeat; display: block; padding-bottom: 100%; } 
.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-color: #effff3; } 
.con05 .tab_wrap { width: 90%; margin: 0 auto; } 
.con05 .tab_wrap .js-tab-type1 { width: 90%; 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: 32%; } 
.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; } 

.con06 .bx-wrapper .bx-pager { left: 50%; transform: translateX(-50%); bottom: 5%; } 
.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-wrapper .bx-pager { left: 50%; transform: translateX(-50%); bottom: 5%; } 
.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; } 

.cont09 .bx-wrapper { max-width: 322px !important; } 
.cont09 .bx-wrapper .bx-prev { left:-6vw; background: none; } 
.cont09 .bx-wrapper .bx-next { right:-6vw; } 
.cont09 .bx-wrapper .bx-controls-direction a { margin-top:0; top:40%; } 
.cont09 .bx-wrapper .bx-controls-direction a.bx-prev:after { content: ''; width: 0.4vw; height: 6vw; background-color: #333; position: absolute; top: 0; left: 0; transform: rotate(45deg); } 
.cont09 .bx-wrapper .bx-controls-direction a.bx-prev::before { content: ''; width: 0.4vw; height: 6vw; background-color: #333; position: absolute; top: 4vw; left: 0; transform: rotate(-45deg); } 
.cont09 .bx-wrapper .bx-controls-direction a.bx-next::after { content: ''; width: 0.4vw; height: 6vw; background-color: #333; position: absolute; top: 0; right: 0; transform: rotate(135deg); } 
.cont09 .bx-wrapper .bx-controls-direction a.bx-next::before { content: ''; width: 0.4vw; height: 6vw; background-color: #333; position: absolute; top: 4vw; right: 0; transform: rotate(-135deg); } 
.cont09 .bx-wrapper .bx-viewport .bxslider li { width: 320px !important; } 

.con09 .sys_txt { position: absolute; top: 24.1%; left: 50%; transform: translateX(-50%); font-size: 5vw; font-weight: bold; color: #fff; width: 76%; text-align: center; } 

.con10 .sys_f { position: absolute; }
.con10 .col01 { display: flex; color: #111; font-size: 3.9vw; font-weight: bold; align-items: center; top: 45.5%; left: 60%; }
.con10 .col01 span { background: #ddd; padding: 5px 10px; margin-right: 10px; font-weight: 500; border-radius: 5px; font-size: 0.9rem; }
.con10 .col02 { top: 31.6%; color: #0067e7; font-size: 5vw; font-weight: bold; left: 14%; }
.con10 .col02 span { color:#0067e7; }
.con10 .col03 { top: 34.6%; left: 46.5%; }
.con10 .col03 .price { color: #222; font-size: 5.5vw; font-weight: bolder; letter-spacing: -0.4rem; background-color: #c6f0ff; padding: 0 1vw; }
.con10 .col03 .dc_price { color: #0067e7; font-size: 6.8vw; font-weight: bolder; }
.con10 .col03 .dc_price span { font-size: 9vw; }
.con10 .col04 { border: 1px solid #64747a; color: #64747a; border-radius: 20px; padding: 1.2vw 2.4vw; top: 80.8%; left: 78%; font-size: 2.3vw; background-color: #e3f7ff; }
.cont09 .sys_f { width: 100%; top: 19.4%; left: 0; text-align: center; font-size: 1.4rem; color: #000; } 


.fl_ban { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9; } 
.fl_ban img { width: 100%; } 

/* 신청단 팝업 */
.pop_form { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 999; } 
.form { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 85%; max-height: 80vh; padding: 5%; background: #fff; border-radius: 10px; overflow-y: auto; } 
.form h2 { text-align: center; } 
.form table { margin-top: 5%; } 
.form table th { padding-bottom: 3%; text-align: left; font-size: 1.3rem; } 
.form table td { padding-bottom: 3%; } 
.form table td > input { width: 100%; padding: 7% 0; text-indent: 3%; } 
.form table td select { width: 100%; padding: 3% 0; text-indent: 3%; color: #666; } 
.form table td.agree .flex_box { display: flex; align-items: center; } 
.form table td.agree .flex_box label { margin: 0 3%; font-size: 1.5rem; } 
.form table td.agree .flex_box a { font-size: 1rem; color: #c2c2c2; } 
.form table .infoBox_text { padding: 3%; overflow-y: scroll; font-size: 1.1rem; border-radius: 5px; background: #f5f5f5; } 
.form table .infoText_select { display: flex; align-items: center; } 
.form table .infoText_select label { margin-left: 1%; font-size: 1.1rem; } 
.form table .form_btn { padding-top: 5%; } 
.form .close { position: absolute; top: -5px; right: -5px; padding: 1% 3%; font-size: 2rem; font-weight: bold; } 

@media all and (max-width: 394px) { html { font-size: 10px }; } 
@media all and (max-width: 560px) { html { font-size: 12px }; } 
@media all and (min-width:650px){
 .form { overflow-y: auto; } 
 }