@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@100;500;900&display=swap');

/*퀵배너 숨김*/
.quick-wrap{display:none;}
.footer{margin:0 auto 80px;}

/*공통*/
.react-scroll:not([data-type="line"]):not([data-type="count"]){opacity:0;}
article{box-sizing: border-box;}
video[poster]{width:100%;height:100%;}
path {stroke-linecap: round;}
table{table-layout: fixed;}
#container{overflow: hidden;}
#container *{font-family: 'Noto Sans KR';line-height:1.4;}
.inner{width:1280px;margin:0 auto;}
.inner_w { width: 2560px; position: relative; text-align: center; left: 50%; transform: translateX(-50%); margin: 0; } 
.nav-section .inner{width:1000px;}
.title_icon{display:block;margin-bottom:10px;}
.title_icon:before,
.title_icon:after{content:'';display:inline-block;width:10px;height:28px;background:#0060ff;transform:skewX(-30deg);}
.title_icon:after{margin-left:13px;}
.bg_img.scroll_fixed{position:fixed !important;}
.tab_area{position: relative;width:100%;height:100%;}
.tab_area.scroll_fixed{position:fixed;}
.tab_area .tab_button{position: absolute;top:50%;right:30px;transform:translate(50%,-50%);z-index: 5;}
.tab_area .tab_button li{width:5px;height:38px;background:#808081;margin-bottom:12px;transition:0.1s;cursor: pointer;}
.tab_area .tab_button li:last-of-type{margin-bottom:0;}
.tab_area .tab_button li.on{height:68px;background:#5efcf3;}
.tab_area .tab_button:hover li{width:10px;box-shadow:inset 0 0 2px rgba(0,0,0,0.15), 0 0 5px rgba(0,0,0,0.15);}
.tab_area .tab_cont{display:none;position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;}
.tab_area .tab_cont:nth-of-type(1){display:block;}
.tab_area .tab_cont .slide_text{color:#fff;position:absolute;left:0;}
.tab_area .tab_cont .slide_text > h2{font-size:48px;margin-bottom:35px;letter-spacing: -3px;}
.tab_area .tab_cont .slide_text > h2 .eng_space{letter-spacing:0;}
.tab_area .tab_cont .slide_text > p{font-size:26px;letter-spacing:-3px;}
.tab_area .tab_cont .slide_text > p .source_text{font-size:16px;font-weight:300;letter-spacing: -1px;opacity:0.7;line-height:2.5 !important;}

@font-face {
    font-family: 'LAB디지털';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/LAB디지털.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#container .inner{width:1280px;position:relative;}
.alt_hiddenbox {display: block;height: 1px;width: 1px;line-height: 0;margin: 0 !important;padding: 0;overflow: hidden;}

/*메인비주얼*/
#main_visual{width:100%;height:950px;overflow: hidden;position: relative}
.main_text{width:1100px;margin:0 auto;display: none;z-index: 10;position: relative;}
.main_text img{margin-top:100px;}
#main_visual p{position: absolute;text-align: center;color: #fff;bottom: 20px;left: 50%;margin-left: -170px;}

#main_visual video {position: fixed;bottom: 0;right: 0;min-width: 1200px;width: 100%;z-index: -1;}
#main_visual .main_visual_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;}

/*cont01*/
.cont01{background:#000518;}
.cont01 .number{position: absolute;top: 380px;right:355px;}
.cont01 .number span{font-family: 'LAB디지털'!important;font-size:130px;color:#e9f1f8;text-shadow: 0 0 5px #e9f1f8, 0 0 7px #e9f1f8, 0 0 13px #e9f1f8, 0 0 25px #003094, 0 0 50px #003094, 0 0 60px #003094, 0 0 70px #003094, 0 0 100px #003094;letter-spacing: 20px;}

/*cont02*/
.cont02{background:#000724 url('//gscdn.hackers.co.kr/hrd/img/event/2022/0607/cont02_bg.jpg')no-repeat center 0;}
.cont02_text{position: absolute;top: 100px;left: 90px;opacity: 0.2;transition: all 1s}
.animation_bar{width: 0px;height: 12px;border-radius: 0 6px 6px 0;background: #fff;position: absolute;z-index: 20;top: 387px;left: 315px;box-shadow: 0 0 5px #e9f1f8, 0 0 7px #e9f1f8;transition: all 1s}

/*cont03*/
.cont03{background:url('//gscdn.hackers.co.kr/hrd/img/event/2022/0607/cont03_bg.jpg')no-repeat center 0;}
.cont03_img{position: absolute;top: 130px;left: 0;display: none;}
.cont03_text{position: absolute;top: 690px;right: 0;display: none;}

/*cont04*/
.inner2{width:1600px;margin:0 auto;position: relative}
.inner2>img{margin-left:160px;}
.cont04{background:url('//gscdn.hackers.co.kr/hrd/img/event/2022/0607/cont04_bg.jpg')no-repeat center 0;padding-bottom:100px;height:860px;}
.cont04 .bxslider{margin-left:640px;}
.cont04 .bx-viewport{padding:75px 0}
.cont04 .bxslider li{transition: 0.25s ease;position: relative;z-index: 1;opacity: 0.4;box-shadow:7px 7px 15px rgba(0,0,0,0.15);margin-right:20px;}
.cont04 .bxslider li img{display: block}
.cont04 .cont04_text{position: absolute;width: 100%;height: 37px;background: rgba(0,0,0,0.7);bottom: 0px;left: 0;text-align: center;}
.cont04 .cont04_text p{line-height: 37px !important; font-size:13px;color: #fff;letter-spacing: 0px;}
.cont04 .bxslider li.active{transform:scale(1.4);position: relative;z-index: 2;opacity: 1}

.gradient_box{width:300px;height:300px;position: absolute;top: 408px;}
.box1{left:0;background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));}
.box2{right:0;background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));}

.bx-wrapper .bx-controls-direction a {position: absolute;top: 107%;margin-top: 0px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9;}
.bx-wrapper .bx-controls-direction a.bx-prev{width: 0;height: 0;border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-right: 9px solid #ccc;left: 50%;margin-left: -116px;}
.bx-wrapper .bx-controls-direction a.bx-next{width: 0;height: 0;border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-left: 9px solid #ccc;left: 50%;margin-left: 119px;}
.bx-wrapper .bx-controls-direction a.bx-prev:hover{border-right: 9px solid #000;}
.bx-wrapper .bx-controls-direction a.bx-next:hover{border-left: 9px solid #000;}

.cont04 .current{position: absolute;bottom: -40px;left: 50%;margin-left: -100px;font-size: 16px;font-weight: 600;color: #000;}
.cont04 .all{position: absolute;bottom: -40px;left: 50%;margin-left: 95px;font-size: 16px;font-weight: 600;color: #000;}

.cont04 .page_bar{width: 160px;height: 5px;background: #ccc;position: absolute;bottom: -35px;left: 50%;margin-left: -75px;}
.cont04 .current_bar{width:20px;height:5px;background: #000;display: inline-block}

/*cont06*/
.cont06{height:960px;}
.cont06 .bx-wrapper .bx-controls-direction a {top: 99.4%;}
.cont06 .current{position: absolute;bottom: -10px;left: 50%;margin-left: -100px;font-size: 16px;font-weight: 600;color: #000;}
.cont06 .all{position: absolute;bottom: -10px;left: 50%;margin-left: 95px;font-size: 16px;font-weight: 600;color: #000;}

.cont06 .page_bar{width: 160px;height: 5px;background: #ccc;position: absolute;bottom: -3px;left: 50%;margin-left: -75px;}
.cont06 .current_bar{width:40px;height:5px;background: #000;display: inline-block}

/*cont07*/
.cont07{background:#000518 url('https://cdn.hackershrd.com/hrd/images/event/2022/0607/re_250821/cont07_bg.jpg')no-repeat center 0;padding-bottom:80px;height:980px;}
.inner3{width:1600px;margin-left:310px;position: relative; top:370px}
.cont07 .bxslider li{margin-right:20px;cursor: pointer}
.deco{position: absolute;top: -14px;;left: -20px;}
.cont07 .bx-viewport{padding:0px 0 65px}
.cont07 .bxslider li img{display: block}
.cont07 .bxslider li.active{box-shadow: 5px 20px 40px rgba(0,68,217,0.6)}
.cont07_text{position: absolute;top: 265px;left: 1px;opacity: 0.3;transition: all 1s}

/*cont08*/
.cont08{background:#000518;height:750px;position: relative;z-index: 10}

/*cont09*/
.cont09{background:#000;height:1300px;position: relative}
.cont09 .bg_img{position:absolute;left:50%;transform: translateX(-50%);top:0}
.bg_img.scroll_fixed{position:fixed !important;}
.tab_area{position: relative;width:100%;height:100%;}
.tab_area.scroll_fixed{position:fixed;}
.tab_area .tab_button{position: absolute;top:50%;right:30px;transform:translate(50%,-50%);z-index: 5;}
.tab_area .tab_button li{width:5px;height:38px;background:#808081;margin-bottom:12px;transition:0.1s;cursor: pointer;}
.tab_area .tab_button li:last-of-type{margin-bottom:0;}
.tab_area .tab_button li.on{height:68px;background:#1fcbf7;}
.tab_area .tab_button:hover li{width:10px;box-shadow:inset 0 0 2px rgba(0,0,0,0.15), 0 0 5px rgba(0,0,0,0.15);}
.tab_area .tab_cont{display:none;position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;margin-left:0}
.tab_area .tab_cont:nth-of-type(1){display:block;}

/*cont09*/
#lecture{position:relative;height:1000px;}
#lecture .inner{width:1000px;}
#lecture .colorful_text{margin:0;}
#lecture .bg_img{position:absolute;top:-300px;left:50%;transform: translateX(-50%);}
#lecture .tab_button{top:50%;}
#lecture .tab_cont .slide_bg{position: absolute;}
#lecture .tab_cont:nth-of-type(1) .slide_bg{top:90px;left:620px;}
#lecture .tab_cont:nth-of-type(2) .slide_bg{top:110px;left:710px;}
#lecture .tab_cont:nth-of-type(3) .slide_bg{top:40px;left:585px;}
#lecture .tab_cont:nth-of-type(4) .slide_bg{top:160px;left:700px;}
#lecture .tab_cont:nth-of-type(5) .slide_bg{top:100px;left:710px;}
#lecture .tab_cont .slide_text{top:170px;transform: translateY(0);}
#lecture .tab_cont .slide_text > b{font-size:28px;letter-spacing: -1px;}
#lecture .tab_cont .slide_text > h2{font-size:80px;color:#000;line-height:1.2;}
#lecture .tab_cont .slide_text > p{color:#000;}

#lecture .video_area>div{position:absolute;top:290px;left:0}
#lecture .video_area>img{position: absolute;top:55px;right: 0;width: 380px;z-index: 20}
#lecture .jw-icon-display.jw-button-color{background:url('//gscdn.hackers.co.kr/hrd/img/event/2022/0607/play_btn.png');width:91px;height:91px;color:transparent}
#player1, #player2, #player3, #player4{border-style: solid;border-image: linear-gradient(to bottom, #23217b, #05a7fb);border-image-slice: 1;border-width: 1px;}
#lecture .video_area .jw-preview{background:#222 no-repeat 50% 50%}
#lecture p.notice_text{position: absolute;bottom: 200px;left: 45px;font-size: 24px;color: #dedede;letter-spacing: 1px;}

/*cont10*/
.cont10{background:#000518 url('//gscdn.hackers.co.kr/hrd/img/event/2022/0607/cont10_bg.jpg')no-repeat center 0;}
.cont10_text{position: absolute;top: 80px;left: 50%;opacity: 0.3;transition: all 1s;margin-left: -200px;}

/*cont11*/
.cont11{padding-bottom: 100px;}
.cont11 ul{width:855px; box-sizing: border-box; border: 1px solid #ddd; margin: 0 auto; display: flex; flex-wrap: wrap;}
.cont11 ul::after{display: block;content: "";clear:both}
.cont11 ul li{position:relative;width: 50%;box-sizing: border-box;}
.cont11 ul li:nth-of-type(1) {border-bottom: 1px solid #ddd;}
.cont11 ul li:first-child a{cursor: auto}
.cont11 ul li img{display: block}
.cont11 ul li span.info_btn{display: block;width:61px;height:61px;position: absolute;bottom:30px;right:30px;background: url('//gscdn.hackers.co.kr/hrd/img/event/2022/0607/info_btn_off.jpg')no-repeat 0 0;transition: all 0.2s}
.cont11 ul li:hover span.info_btn{background: url('//gscdn.hackers.co.kr/hrd/img/event/2022/0607/info_btn_on.jpg')no-repeat 0 0;}

/*cont12*/
.cont12{background:url('//gscdn.hackers.co.kr/hrd/img/event/2022/0607/cont12_bg.jpg')no-repeat center 0;}

/* popup */
.pop_wrap {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.pop_wrap.hide {display: none;}
.pop_wrap .bg {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 100;}
.pop_wrap .pop_cont {width: 500px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 101;}