/* °øÅë */
.evt_box { width: 100vw; font-family: 'noto' , 'sans-serif'; } 
.evt_box img { width: 100%; } 
.p_r { position: relative; } 
/* #quickTop { bottom: 9.5% !important; } */

/* cont */
.fr_banner { position: fixed; top: 75vw; right:0; z-index: 999; width:15vw; } 
.fr_bannerimg { width: 100%; } 

.cont01_01 .p_a { position: absolute; top: 43%; transform: translateX(-50%); left: 50%; width: 85%; } 
.cont01_01 .p_a .input_wrap { display: flex; align-items: center; justify-content: space-evenly; } 
.cont01_01 .p_a .input_wrap input { width: 45%; border: 1px solid #b4c3db; border-radius: 5px; padding-left: 2%; } 
.cont01_01 .p_a .input_wrap input::placeholder { color: #97a9c7; } 
.cont01_01 .p_a .notice { background: #fff; height: 28vmin; padding: 5% 1%; overflow-y: scroll; margin: 2% 0; border-radius: 5px; } 
.cont01_01 .p_a .check_box{height: 20vh;overflow-y: scroll;}
.cont01_01 .p_a .check_box .chk , .cont01_01 .p_a .check_box .chk03 .col01 { display: flex; align-items: center; } 
.cont01_01 .p_a .check_box .chk03 { align-items: flex-start; } 
.cont01_01 .p_a .check_box input { border: 1px solid #cbd6e8; } 
.cont01_01 .p_a .check_box .chk label { margin-left: 1%; color: #748196; font-size: 3vw; } 

.cont01_01 .p_a .check_box .chk03 .col01 a { background: #5d6e88; color: #fff; margin-left: 3%; border-radius: 3px; padding: 1% 3%; } 

.cont_book .tab_area { position: absolute; top:22vw; left: 50%; transform: translateX(-50%); } 
.cont_book .tab_area .tab_cont img { width:100%; } 
.cont_book .tab_area .tab_cont.on { display:block; } 
.cont_book .tab_area .tab_button_on { position:absolute; top:0; left: 50%; transform: translateX(-50%); width:95%; margin:0 auto; display: flex; justify-content: center; } 
.cont_book .tab_area .tab_button { width:92%; margin:3vw auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } 
.cont_book .tab_area .tab_button li { width: 31.33%; color: #7d90ae; margin-right: 1%; padding: 2.2vw; background: #bdcde6; text-align: center; font-size: 3.6vw; font-weight: 700; margin-bottom: 3vw; border-radius: 6px;; } 
.cont_book .tab_area .tab_button li.on { color: #2f76ea; background: #fff; box-shadow: 5px 5px 7px 0px rgba(139, 166, 255, 0.2); } 
.cont_book .tab_area .tab_cont { display:none; box-sizing: border-box; width: 94vw; margin: 15vw auto 0; } 
.cont_book .tab_area .tab_cont.on { display:block; } 

.cont07 .book_select_form { position: absolute; left: 50%; transform: translateX(-50%); top:35vw; width: 100%; } 
.cont07 .book_select_form ul { display: flex; justify-content: space-between; align-items: center; } 
.cont07 .book_select_form ul:nth-of-type(1) { width: 85%; margin: 0% auto 3vw; } 
.cont07 .book_select_form ul:nth-of-type(2) { width: 57%; margin: 0% auto } 
.cont07 .book_select_form li { display: flex; width: 45%; justify-content: center; align-items: center; } 
.cont07 .book_select_form ul:nth-of-type(2) li { width: 50%; } 
.cont07 .book_select_form input { appearance: none; width: 100%; height: 38.7vmin; position: relative; border: none;} 
.cont07 .book_select_form label { font-size: 0; } 
.cont07 .book_select_form input#SM { background: url('//cdn.hackers.com/hackersjob_img/mobile/event/2020/0409/re_230807/sel_book01.png') 0 0 no-repeat; background-size: 100%; } 
.cont07 .book_select_form input#ex { background: url('//cdn.hackers.com/hackersjob_img/mobile/event/2020/0409/re_230807/sel_book02.png') 0 0 no-repeat; background-size: 100%; } 
.cont07 .book_select_form input#koenergy { background: url('//cdn.hackers.com/hackersjob_img/mobile/event/2020/0409/re_230807/sel_book03.png') 0 0 no-repeat; background-size: 100%; } 
.cont07 .book_select_form input#LH { background: url('//cdn.hackers.com/hackersjob_img/mobile/event/2020/0409/re_230807/sel_book04.png') 0 0 no-repeat; background-size: 100%; } 
.cont07 .book_select_form input#SH { background: url('//cdn.hackers.com/hackersjob_img/mobile/event/2020/0409/re_230807/sel_book05.png') 0 0 no-repeat; background-size: 100%; } 


.chulsuk { position:relative; } 
.chulsuk_box { position: absolute; left: 50%; transform: translateX(-50%); top: 35%; width: 100%; } 
.chulsuk .stemp_off { width:85%; margin:8% auto; } 
.chulsuk .stemp_off::after { content:''; display:block; clear:both; } 
.chulsuk .stemp_off li { width:19.9vw; height: 19.9vw; line-height: 19.9vw; margin-right:2%; margin-bottom:2%; float:left; border:2px solid #fff; border-radius:50%; font-size:14px; color:#fff; text-align:center; } 
.chulsuk .stemp_off li.on { background:#2d48c6; } 
.chulsuk .stemp_off li:nth-child(4n) { margin-right:0; } 

/*ÅǸ޴º*/
.cont04{background: #C4F3F9;}
.cont04 .tab_area { width:98%; position: absolute; top: 50vw; left: 1vw; } 
.cont04 .tab_area > .tab_button { width: 100%; display: flex; justify-content: space-around; overflow: hidden; } 
.cont04 .tab_area > .tab_button > li { width:calc(100% / 3 - 2px); padding: 3% 0; font-size: 2.8vw; color:#819ac8; font-weight: bold; background:#1d3664; text-align: center; letter-spacing: 0.02em; border-radius: 10px 10px 0 0; } 
.cont04 .tab_area > .tab_button > li:last-child { margin-right:0px; } 
.cont04 .tab_area > .tab_button > li.on { color: #fff; background: #2f76ea; } 
.cont04 .tab_area > .tab_cont { width:100%; height:320px; overflow-y:scroll; } 
.cont04 .tab_area .tab_cont { display:none; height: 74vw; overflow-y: scroll; } 
.cont04 .tab_area .tab_cont.on { display:block; } 
.cont04 .video_box { position: absolute; width:95%; top:67%; left: 50%; transform: translateX(-50%); } 
.cont04 .add_txt{padding: 1%;}

.time_area { display:block; padding-top:8%; } 
.tx_info { display: none; } 

.txt_box { padding: 3%; position: absolute; background: #fff; display: none; width: 90%;  left: 5vw; top: 91vw; border-radius: 10px; box-shadow: 10px 10px 15px 2px rgba(0,0,0,0.15); } 
.cont03 .txt_box_con{overflow-y: scroll; height: 18vmin;}
.cont05 .txt_box { top:40vw } 
.txt_box span { position: absolute; top: -8.6vw; right: 0; background: #2f76ea; color: #fff; font-size: 3.3vw; display: block; padding: 1vw 2vw; border-radius: 30%; } 
.cont03 .basis_text { display:none; width:100%; height: 36vw; overflow-y: scroll; padding:3%; border:1px solid #ddd; background-color:#fff; font-size:12px; box-sizing:border-box; margin: 0 auto; } 


.cont06 .v_wrap { border-radius: 10px; overflow: hidden; width: 92%; margin: 0 auto; position:absolute; top:36vw; left: 50%; transform: translateX(-50%); } 
.cont06 .v_wrap iframe { width: 100%; height: 52vw; } 
.cont06 .v_btn { position: absolute; display: flex; width: 98vw; top:92vw; left:1vw; height: 30vw; } 
.cont06 .v_btn li { width: 48% } 
.cont06 .box { overflow-x: scroll; white-space: nowrap; margin: 0 4% 7%; } 
.cont06 .box a { margin-right: 2%; display: inline-block; width: 39%; } 
.cont06 .cont06_sd { width: 96%; position: absolute; bottom: 9vw; left: 50%; transform: translateX(-50%); } 
.cont06 .bxslider-default { width: 100%; } 
.cont06 .bx-wrapper { max-width: 100% !important; } 
.cont06 .bxslider li { width: 100% !important; height: 50vw; background: #fff; border-radius: 1vw; padding: 5%; box-sizing: border-box; } 
.cont06 .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link { border: 1px solid #84bd91; width: 5px; height: 5px; background: none; } 
.cont06 .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active { background:#84bd91; width: 10px; height: 7px; border: none; } 
.cont06 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -9%; } 

.cont08_2 .count { position: absolute; color: #fff; font-size: 18vmin; top: 26%; left: 34%; letter-spacing: 12vmin; font-weight: bold; } 

.cont08_3 .sys_f { position: absolute; top: 56%; left: 50%; transform: translateX(-50%); width: 87%; color: #8d9bb0; font-size: 2.2vw;height: 30%;overflow-y: scroll;} 
.cont08_3 .sys_f h4 { color: #566781; font-size: 3.1vw; } 
.lect_bnr { padding-bottom: 10%; background: #224582; } 
.lect_bnr .lect_bnr_wrap { display: flex; flex-wrap: wrap; width: 90%; justify-content: space-between; margin: 0 auto; } 
.lect_bnr .lect_bnr_wrap li { width: 48%;margin-bottom: 3%; } 
.lect_bnr .lect_bnr_wrap li :nth-of-type(5) , .lect_bnr .lect_bnr_wrap li :nth-of-type(6){margin-bottom: 0;}
.lect_bnr a img { width: 100%; border-radius: 10px; box-shadow: 7px 7px 10px 3px rgba(0,0,0,0.15); } 



.somun { position: relative; background:url('//image.hackersjob.com/mobile/event/2020/0409/re_210811/cont04_bg.jpg') repeat-y center/100%; } 
.somun .url_input { position: absolute; top: 92.6%; left: 50%; transform: translate(-50%,-50%); width: 84%; height: 3%; } 
.somun .info_txt { padding:5% 7%; box-sizing: border-box; font-size:2.4vw; line-height: 1.4; } 

.rumor { position: relative; } 
.rumor span { position:absolute; background:#f3f3f3; color:#666; font-size:2.5vw; left:24%; bottom:20%; letter-spacing: -0.04em; line-height: 1.5em; } 

#timer_text #s_text { display:none !important; } 

/* ÇÕ°ÝÀÚ¸í´Ü */
.win_wrap { background-color: #153266; height:75vw; } 
.win_wrap .bxslider-default { position: absolute; top:30vw; left: 50%; transform: translateX(-50%); } 
.win_wrap .winner_list li { width: 30vw !important;; height:40vw; padding-top: 5vw !important; background: #fff;; } 
.winner_list li .icon_company { width:20vw; margin:0 auto; display:block; } 
.winner_list li img { width:100%; } 
.winner_list li dl { text-align:center; } 
.winner_list li dl dt { font-size:1.5vw; color:#a5a5a5; font-weight:600 } 
.winner_list li dl dd { font-size:1.5vw; } 
.winner_list li dl dd strong { display:block; margin:8px 0; } 



/* ÇÏ´ÜÇ÷ÎÆùè³Ê */
.fl_bnr { position: fixed; width:100%; bottom:0; left:0; z-index: 9999; } 

@media screen and (max-width: 400px){
    .cont01_01 .p_a .check_box{height: 10vh;}
    .cont01_01 .p_a .check_box .chk label { font-size: 2.3vw; } 
    .cont08_3 .sys_f {font-size: 10px;}
}

@media screen and (min-width: 683px){
    .cont01_01 .p_a .check_box .chk label { font-size: 16px; } 
    .cont08_3 .sys_f {font-size: 14px;}
    .cont08_3 .sys_f h4{font-size: 18px;}
}