/* Timer */ .evt_box .timer_box{background:#020624;} .evt_box .timer_box span[data-format="label"]{background:url(//image.hackersjob.com/mobile/event/2018/0320/start_end_bg.png) no-repeat 0 0;background-size: 80px auto;} .evt_box .timer_box .tx_info{display:none;} .p_r{position: relative;} /* ½½¶óÀÌ´õ */ .slideBox{width: 90%;margin: 0 auto;} .bx-wrapper .bx-pager{top: 105%;} .popup{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;z-index: 1;display: none;} .popup button{width:5%;padding-top: 5%;display: block;position: absolute;right: 13%;top: 9.5%;} .cont01{width:100%; position:relative;} .cont01 .basis_text{top:16%;} .cont04{position: relative;background: #01aafd;} .cont04 .bxslider-default {width: 92%; margin: 0 auto;padding-top: 25% !important;border-radius:0 !important;} .cont04 .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item {width: 32.65%;margin-right: 1%;} .cont04 .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item:nth-child(3n){margin-right: 0;} .cont04 .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item:nth-last-child(-n+3){margin-bottom: 0;} .cont04 .bxslider-default.tab_slide{padding-top:15%;border-radius: 3% 3% 0 0; overflow: hidden;} .cont04 .bxslider-default.tab_slide .bx-wrapper .bx-pager .bx-pager-item a{height: 0;padding-top: 31%;border-radius: 9.1vw;margin-bottom: 7%;box-shadow: 0 0.5vw 1vw 0 #0074ad;} .cont04 .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item a[data-slide-index="0"]{background: url("//image.hackersjob.com/mobile/event/2020/1229/re_220622/cont03_tab1.png") 0 0/100%;} .cont04 .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item a[data-slide-index="1"]{background: url("//image.hackersjob.com/mobile/event/2020/1229/re_220622/cont03_tab2.png") 0 0/100%;} .cont04 .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item a[data-slide-index="2"]{background: url("//image.hackersjob.com/mobile/event/2020/1229/re_220622/cont03_tab3.png") 0 0/100%;} .cont04 .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item a[data-slide-index="3"]{background: url("//image.hackersjob.com/mobile/event/2020/1229/re_220622/cont03_tab4.png") 0 0/100%;} .cont04 .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item a[data-slide-index="4"]{background: url("//image.hackersjob.com/mobile/event/2020/1229/re_220622/cont03_tab5.png") 0 0/100%;} .cont04 .bxslider-default.tab_slide.tab3 .bx-pager .bx-pager-item a[data-slide-index="5"]{background: url("//image.hackersjob.com/mobile/event/2020/1229/re_220622/cont03_tab6.png") 0 0/100%;} .cont04 .bxslider-default.tab_slide .bx-wrapper .bx-pager{top: -28%; bottom: auto;} .cont04 .bxslider-default.tab_slide .bx-pager {margin-left:0;left:0;} .cont04 .bxslider-default.tab_slide .bx-pager .bx-pager-item a{display: block;width: 100%; margin: 0;border-radius: 0%;} .cont04 .bxslider-default.tab_slide .bx-pager .bx-pager-item a:hover, .cont04 .bxslider-default.tab_slide .bx-pager .bx-pager-item a.active{background-position-y:100% !important;} .cont_v{position: relative;} .cont_v .v_wrap{position: absolute;width: 92%;height: 48vw;top: 35.8%;left: 50%;transform: translateX(-50%);background: #000;border-radius: 0.6vw;display: none;} .cont_v .v_wrap video{width:100%; height:100%; position: absolute; top:0; left:0;} .cont06{position: relative;background: #f5f5f7;} .cont06 .bxslider-default{width:100%;margin:0 auto} .cont06 .bxslider-default .bx-wrapper .bx-pager{top: -5%;z-index: 9999 !important;} .cont06 .bxslider-default .bx-pager .bx-pager-item a{width: 2vw;height: 2vw;background:#cacacb;border-radius: 2vw;} .cont06 .bxslider-default .bx-pager .bx-pager-item a.bx-pager-link.active{background:#0d6bff} .cont06_1 {background: #fff;padding-bottom: 10%;} .cont06_1 .v_wrap {border-radius: 2vw; overflow: hidden; width: 92%; margin: 0 auto; height: 51.8vw;} /*tab_click_area*/ /* .tab_click_area ul::after{content:''; display:block; clear: both;} .tab_click_area .tab_tit{width:90%; margin:0 auto;} .tab_click_area .tab_tit li{float:left; display:block; } .tab_click_area .tab_tit.col4 li{width:calc(97%/4); margin-right:1%; margin-bottom:1%; text-align: center; font-size:13px; line-height: 3; background:#ccd1d6; color:#848e97; border-radius: 5px;} .tab_click_area .tab_tit.col4 li:nth-child(4n){margin-right: 0%;} .tab_click_area li.on{background-position-y: 100% !important;} .tab_click_area .tab_tit.col4 li.on{background: #000; color:#fffc2e;} .tab_con_box{display:none; position: relative;} .tab_con_box.active{display:block;} */ .basis_text{width:80%; padding:3%; border:1px solid #ddd; position:absolute; left:10%; background-color:#fff; font-size:11px; box-sizing:border-box; display:none; word-wrap:break-word;} .cont07{position: relative;} .cont07 .basis_text{top:34%;} .recommend_lect {background:#004272;} .recommend_lect .scroll_box{width:92%; background:#fff; margin: 0 auto; height:70vw; overflow-y: auto;border-radius: 2vw;box-shadow: 0 1vw 3.5vw 0vw #001d30;} .recommend_lect .sys_txt{width: 100%;padding: 2.5% 5.5% 0;font-size: 2vw;color: #81bae4;opacity: 0.9;box-sizing: border-box;} .map {background:#004272;padding-bottom: 13%;} .map .map_box{width:92%; background:#fff; margin: 0 auto; height:auto;border-radius: 2vw;box-shadow: 0 1vw 3.5vw 0vw #001d30;} .map .map_box img{width: 100%;border-radius: 2vw;} /* °­ÀǸ®½ºÆ® ¿¬µ¿ °øÅë css */ .scorll_box ul{list-style:none;} .scroll_box .btn_blue{display:block;text-align:center;border-radius:5px;border:1px solid #2a6ee2;padding:11px 0 12px 0;font-weight:bold;font-size:0.9rem;width:100%;background:#2a6ee2;color:#fff;box-sizing:border-box;} .scroll_box .btn_end{background:#fff;color:#ff2f43;text-align:center;border-radius:5px;border:1px solid #ff2f43;display:block;padding:11px 0 12px 0;font-weight:bold;font-size:0.9rem;width:100%;box-sizing:border-box;} .scroll_box .btn_wait{background:#fff;color:#019424;text-align:center;border-radius:5px;border:1px solid #019424;display:block;padding:11px 0 12px 0;font-weight:bold;font-size:0.9rem;width:100%;box-sizing:border-box;} .scroll_box .btn_white{display:inline-block;text-align:center;border-radius:5px;border:1px solid #2a6ee2;padding:11px 0 12px 0;font-weight:bold;font-size:0.9rem;width:100%;background:#fff;color:#2a6ee2;box-sizing:border-box;} .scroll_box li{border-top:1px solid #ccc;padding:15px 0;} .scroll_box li:first-child{border-top:0;} .scroll_box li .txt_box{display:table;width:100%;table-layout: fixed} .scroll_box li .img_load{display:table-cell;width:140px;vertical-align:middle;text-align:center;padding:0 15px 0 10px;} .scroll_box li .txt_load{display:table-cell;width:80px;vertical-align:middle;padding:0 10px;text-align:center;overflow:hidden;word-wrap:break-word} .scroll_box li .txt_h{height:43px;} .scroll_box li dl{display:table-cell;} .scroll_box li dl dt{font-weight:bold;color:#1b1b1b;} .scroll_box li dl dd{color:#1b1b1b;margin-top:1px;} .scroll_box li dl dd ul{width:100%;margin-top:5px;} .scroll_box li dl dd ul li{color:#909090;font-size:0.85rem;border-top:0;padding:0;} .scroll_box li dl dd ul li:first-child{padding-left:0;border-left:0;} .scroll_box li .no_txt_box p{text-align:center;padding:60px 0 60px 0;color:#909090;font-size:0.9rem;} .scroll_box li .no_txt_box ul {margin-top:0;overflow:hidden;width:100%;} .scroll_box li .no_txt_box ul li{width:49%;margin-left:5px;} .scroll_box li .no_txt_box ul li:first-child{margin-left:0;} .scroll_box li .favorite_area{position:relative;margin-top:15px;padding-right:55px;} .scroll_box li .favorite_area li{width:100%;border-top:0;padding:0;} .scroll_box li .favorite_area li.last{width:30px;position:absolute;top:0;right:10px;} .scroll_box li .favorite_area li.last a{padding:8px 0;} .scroll_box .check-radio{position:absolute;top:11px;left:0;width:24px;height:24px;} .scroll_box li.btn_more{text-align:center;padding:0;} .scroll_box li.btn_more a{display:block;color:#909090;font-size:0.85rem;padding:8px 0;} .scroll_box li.btn_more .icon_arow{display:inline-block;position:relative;top:-1px;left:5px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #909090;} .scroll_box .cp_dc{color:#2a6ee2;position:relative;padding-left:10px;} .scroll_box .cp_dc:before{content: '';width: 1px;height: 12px;background-color:#909090;display:inline-block;position: absolute;left:4px;top:4px;} /*°áÁ¦°ü¸® Àå¹Ù±¸´Ï*/ .scroll_box.pay_basket li{ position:relative;} .scroll_box.pay_basket li .img_load{padding-left:30px;width:130px;padding-right:15px;} .banner div{width: 90%;margin: 5% auto;} .banner div img{border: 1px solid #000;}