@font-face {
font-family: 'noto';
font-style: normal;
font-weight: 400;
src: url(/webfont/notokr-regular.eot); /* IE9 Compat Modes */
src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
url(/webfont/notokr-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(/webfont/notokr-regular.woff2) format('woff2'), /* Super Modern Browsers */
url(/webfont/notokr-regular.woff) format('woff'); /* Modern Browsers */
}

@font-face {
font-family: 'noto';
font-style: normal;
font-weight: 600;
src: url(/webfont/notokr-bold.eot); /* IE9 Compat Modes */
src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
url(/webfont/notokr-bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(/webfont/notokr-bold.woff2) format('woff2'), /* Super Modern Browsers */
url(/webfont/notokr-bold.woff) format('woff'); /* Modern Browsers */
}

*{font-family:'noto' !important;font-size:13px; letter-spacing:-1px}
a{color:#000;}
.clear:after{content:'';display:block;clear:both;}
.inner{width:1100px;margin:0 auto;}
.h_effect{position:relative;display:inline-block;line-height:1;}
.h_effect:after{content:'';display:block;position:absolute;left:50%;transform:translate(-50%);width:0;transition:width 0.3s;margin-top:2px;border-bottom:1px solid #3cf6f8;}
.h_effect:hover:after{content:'';width:100%;}

/* ¸ÞÀÎ ºñÁÖ¾ó */
.main_visual{position:relative;width:100%;height:678px;overflow:hidden;}
.main_visual video{position:fixed;bottom:0;right:0;min-width:1920px;width:100%;z-index:-1;background:#000 url(//www.hackers.com/images/main/renew/bg_main.jpg) no-repeat center 0;}
.main_visual .header_bg{position:absolute;top:0;left:0;width:100%;height:97%;background:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)) no-repeat; background-size:100% 120px;}
.main_visual .header_bg.v2{background:rgba(0,0,0,0.5);}
.main_visual .header_new{padding-top:23px;height:50px;line-height:50px;}
.main_visual .header_new .logo{vertical-align: middle;margin-right:20px;}
.main_visual .header_new > a{display:inline-block;vertical-align: middle;color:#fff;line-height: 1.2;font-size:15px;}
.main_visual .header_new > a span{color:#52fdff;font-size:15px;}
.main_visual .header_new > ul{float:right;margin-top:14px;}
.main_visual .header_new > ul > li{float:left;line-height:1;}
.main_visual .header_new > ul > li:after{display:inline-block;margin:0 10px;width:1px;height:15px;content:"";background:rgba(255,255,255,0.5);vertical-align:-2px;}
.main_visual .header_new > ul > li:nth-of-type(3):after,
.main_visual .header_new > ul > li:nth-of-type(4):after{display:none;}
.main_visual .header_new > ul > li > a{color:#fff;font-size:15px;transition:0.3s;}
.main_visual .header_new > ul > li > a:hover{color:#3cf6f8;}
.main_visual .header_new > ul > li.eng_site > a{margin-left:19px;padding:3px 10px;border:1px solid rgba(255,255,255,0.5);border-radius:4px;font-size:13px;}
.main_visual .header_new > ul > li.eng_site > a:hover{border-color:rgba(60,246,248,0.8);}
.main_visual .title{position:absolute;top:140px;left:50%;transform: translateX(-50%);width:960px;}
.main_visual .title li{float:left;margin-right:55px;margin-top:25px;opacity:0;}
.main_visual .title li:last-of-type{margin-right:0;}
.main_visual .hot_site{position:absolute;bottom:80px;width:100%;text-align: center;opacity:0;}
.main_visual .hot_site ul{display: inline-block;}
.main_visual .hot_site ul li{float:left;margin:10px;}
.main_visual .hot_site ul li:first-of-type{padding:0 19px;height:30px;line-height:28px;border:1px solid #fff;border-radius:30px;vertical-align: middle;color:#fff;font-weight:bold;font-size:20px;}
.main_visual .hot_site ul li:last-of-type{margin-right:0;}
.main_visual .hot_site ul li a{position:relative;display:block;padding:0 19px;height:32px;line-height:32px;background:#3cf6f8;border-radius:50px;font-size:16px;transition:0.3s;}
.main_visual .hot_site ul li a:hover{transform:translateY(-3px);}
/* °Ë»ö */
.search_area{position:relative;margin-top:-80px;width:100%;height:60px;text-align:center;}
.search_area .search_area_in{background:#0080c9;width:100%;height:100%;padding-top:10px;opacity:0.9;box-sizing:border-box;}
.search_area .search_area_in input{width:430px;height:40px;background:none;border:0;color:#fff;font-size:24px;text-align: center;vertical-align: middle;transition:width 0.3s}
.search_area .search_area_in input::placeholder{color:#fff;}
.search_area .search_area_in input::-ms-input-placeholder{color:#fff;}
.search_area .search_area_in input:focus::placeholder{color:transparent;}
.search_area .search_area_in input:focus{outline: none;}
.search_area .search_area_in a{display:inline-block;vertical-align: middle;margin-left:10px;}

/* »çÀÌÆ® ¸®½ºÆ® */
.nav_area{padding:7px 0 50px;background:#fff;}
.nav_area .nav_map h2{float:left;width:17%;line-height:40px;margin-right:3%;border-top:1px solid #7fbfe4;color:#0080c9;font-weight:normal;text-align: left;font-size:22px;padding-top:10px;;}
.nav_area .nav_map ul{float:left;width:80%;border-top:1px solid #e0e0e0;padding:20px 0;}
.nav_area .nav_map ul li{float:left;width:20%;height:30px;line-height:30px;text-align: left;}
/* ÀÚ°ÝÁõ ¸Þ´º ºÎºÐ ¼¼·Î¹öÀü */
.nav_area .pass_map .nav_pass_box{display:flex;}
.nav_area .pass_map .nav_pass_box ul{width:16.6%;display:flex;flex-direction:column;}
.nav_area .pass_map .nav_pass_box ul li{width:auto;height:30px;}
.nav_area .pass_map .nav_pass_box ul li:first-child {height:40px}
.nav_area .pass_map .nav_pass_box ul li h4{font-size:18px;}

.nav_area .nav_map ul li a{font-size:15px;letter-spacing:-1.3px;transition:0.3s;}
.nav_area .nav_map ul li a.searched{background-color: #ffff00;}
.nav_area .nav_map ul li a:hover{color:#0080c9;}
.nav_area .nav_map ul li a:after{border-color:#0080c9;}
.nav_area.academy {background:#e9eff3;}
.nav_area.academy .nav_map h2{color:#222;border-top:none;}
.nav_area.academy .nav_map ul{border-top:none;}
.nav_area.academy .nav_map ul li{width:100%;height:auto;padding:15px 0;border-bottom:1px solid #c1c5c8;}
.nav_area.academy .nav_map ul li:first-of-type{padding-top:0;}
.nav_area.academy .nav_map ul li:last-of-type{border-bottom:none;}
.nav_area.academy .nav_map ul li div{float:left;margin-right:49px;}
.nav_area.academy .nav_map ul li div h3{display:inline-block;padding:6px 12px;background:#a3b1b7;color:#fff;border-radius:50px;font-size:14px;line-height:1;margin-right:10px;font-weight:normal;}
.nav_area.academy .nav_map ul li div a{margin-right:10px;}

/* ÇØÄ¿½º À̽´ */
.issue{padding:140px 0;background:#fff;}
.issue h1{text-align: center;font-size:50px;margin-bottom:20px;}
.issue .mv_area{position:relative;margin-bottom:80px;}
.issue .mv_area .tab_con{position:relative;height:500px;}
.issue .mv_area .tab_con > div{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;overflow:hidden;}
.issue .mv_area .tab_con > div > a{display:block;width:100%;height:100%;transition:background-position 0.3s ease-in-out;background-position-y:0 !important;}
.issue .mv_area .tab_con > div > a > img{position:absolute;top:70px;left:50%;margin-left:-560px;}
.issue .mv_area .tab_con > div.tab_con_01 > a{background:url('http://www.hackers.com/images/main/renew/v11/issue_mv1_bg.jpg') center 0 no-repeat;}
.issue .mv_area .tab_con > div.tab_con_02 > a{background:url('http://www.hackers.com/images/main/renew/v2/issue_mv1_bg.jpg') center 0 no-repeat;}
.issue .mv_area .tab_con > div.tab_con_03 > a{background:url('http://www.hackers.com/images/main/renew/v2/issue_mv2_bg.jpg') center 0 no-repeat;}
.issue .mv_area .tab_con > div.tab_con_04 > a{background:url('http://www.hackers.com/images/main/renew/v2/issue_mv4_bg.jpg') center 0 no-repeat;}
.issue .mv_area .tab_con > div.tab_con_05 > a{background:url('http://www.hackers.com/images/main/renew/v4/issue_mv5_bg.jpg') center 0 no-repeat;}
.issue .mv_area .tab_con > div.tab_con_06 > a{background:url('http://www.hackers.com/images/main/renew/v4/issue_mv6_bg.jpg') center 0 no-repeat;}
.issue .mv_area .tab_con > div.tab_con_07 > a{background:url('http://www.hackers.com/images/main/renew/v2/issue_mv6_bg.jpg') center 0 no-repeat;}
.issue .mv_area .tab_btn{position:absolute;top:0;left:50%;margin-left:370px;margin-bottom:2px;}
.issue .mv_area .tab_btn > li{position:relative;padding:10px 0 0 20px;width:180px;height:70.2px;line-height:1.3;font-size:19px;color:#707070;background:url("http://www.hackers.com/images/main/renew/issue_tab_bg.png") no-repeat 0 0;margin-bottom:1.5px;cursor:pointer;box-sizing:border-box;overflow:hidden;}
.issue .mv_area .tab_btn > li:last-of-type{margin-bottom:0;}
.issue .mv_area .tab_btn > li:not(.active):hover,
.issue .mv_area .tab_btn > li.active{padding:10px 0 0 36px;width:195.9px;color:#fff;margin-left:-16px;background-position-x:right;}
.issue .mv_area .tab_btn > li > img{position:absolute;bottom:10px;left:150px;transition:0.3s;opacity:0}
.issue .mv_area .tab_btn > li.active > img,
.issue .mv_area .tab_btn > li:not(.active):hover > img{left:160px;opacity:1}
.issue .banner_area .bxslider-default ul li a{display:block;float:left;margin:0 7px 7px 0;}
.issue .banner_area .bxslider-default ul li a:nth-of-type(3n){margin-right:0}
.issue .banner_area .bxslider-default .bx-wrapper .bx-pager{bottom:-35px;}
.issue .banner_area .bx-wrapper .bx-pager.bx-default-pager a{margin:0 10px;text-indent:0;font-size:16px;background:none;}
.issue .banner_area .bx-wrapper .bx-pager.bx-default-pager a.active{color:#35b9ed;border-bottom:2px solid #35b9ed;padding:5px 0;border-radius:0;}
/* ÁÂÃø ÅÇ 5°³ */
/* .issue .mv_area .tab_btn > li{height: 98.8px;background-size: 209% 100%;} */
/* .issue .mv_area .tab_btn > li.active{background-size: 192% 100%;} */

/* »ç¾÷¿µ¿ª */
.business{background:#dee2e4;padding:80px 0;}
.business ul{margin-top:30px;}
.business ul li{position:relative;float:left;width:272px;margin:0 3px 3px 0;}
.business ul li img:nth-of-type(2){display:none;position:absolute;top:0;left:0;}
.business ul li img:nth-of-type(3){position:absolute;top:50%;left:0px;transform:translateY(-50%);opacity:0;box-shadow:0 10px 30px 0;transition:0.3s;z-index:1;}
.business ul li:hover img:nth-of-type(3){opacity:1;}

/*1À§ÇØÄ¿½º*/
.first_hackers{background:linear-gradient(180deg, #f0f0f0, #fff);padding-bottom:50px;}
.first_hackers .inner div{width:700px;margin:0 auto;text-align: center;}
.first_hackers .txt_box{height:50px;overflow: hidden;}
.first_hackers .txt_box p{font-size: 14px;line-height: 30px;}
.first_hackers .btn{background: url('http://www.hackers.com/images/main/renew/btn_bg.png') no-repeat center top;background-size: 500px 100%;height:50px;position: relative;top:-30px;}
.first_hackers .btn a{position: absolute; left: 50%; margin-left: -17.5px; bottom: -10px; }
.first_hackers .txt_box,
.first_hackers .txt_box.active{transition: all 0.3s;}
.first_hackers .txt_box.active ~ .btn{background: inherit;}
.first_hackers .txt_box.active ~ .btn a{transform: rotate(180deg);}


/*ÇÕ°Ý»ý ÀÎÅͺä*/
.share.interview{background:#50a590;}
.share.interview .slide_area{margin-top:50px;}
.share.interview .bx-wrapper .bx-viewport{padding:20px 0 100px;left:0;}
.share.interview .movie_slide li{width:313px !important;height:505px;box-shadow:0 0 0 0;transition:0.3s;}
.share.interview .movie_slide li:hover{box-shadow:0 20px 30px -10px;margin-top:-20px;}
.share.interview .movie_slide li a{position:relative;}
.share.interview .movie_slide li a img{position:absolute;top:0;left:0;width:314px;}
.share.interview .movie_slide li a img:first-of-type{display:none;z-index:5;}
.share.interview .bx-wrapper img{max-width:none;}

/*³ª´®È°µ¿*/
.share{background: #83a4b1;padding-top:80px;}
.share .slide_area{margin-top:50px;}
.share .bx-wrapper .bx-viewport{padding:20px 0 100px;left:0;}
.share .list_winner li{width:313px !important;height:610px;box-shadow:0 0 0 0;transition:0.3s;}
.share .list_winner li:hover{box-shadow:0 20px 30px 0;margin-top:-20px;}
.share .list_winner li a{position:relative;}
.share .list_winner li a img{position:absolute;top:0;left:0;width:314px;}
.share .list_winner li a img:first-of-type{display:none;z-index:5;}
.share .bx-wrapper img{max-width:none;}

/* Contact */
.contact {height:680px;padding-top:80px;background:#fff;}
.contact ul > li{float:left;width:25%;text-align:center;margin-top:-20px;opacity:0;}
.contact ul > li > h3{font-size:26px;font-weight:bold;margin-top:30px;}
.contact ul > li > p{font-size:18px;margin-top:10px;margin-bottom: 30px;}
.contact ul > li > a{display:block;width:208px;height:54px;line-height:54px;border:1px solid #000;margin:0 auto 10px;font-size:20px;transition:0.5s;}
.contact ul > li > a:hover{background:#222;color:#fff;}

/*CS*/
.cs_wrap{background:#0080c9;padding-top: 80px;}
.cs_wrap .inner .title{color: #fff;line-height: 1;padding-bottom: 25px;}
.cs_wrap .inner .cs_time{text-align: center;color: #fff;font-size: 20px;padding-bottom: 40px;}

/*footer*/
/* .footer_renew .footer_top{background: #0080c9;}
.footer_renew .footer_top p{float:left;height:130px;line-height:130px;font-size:36px;color:#fff;}
.footer_renew .footer_top p b{font-size:40px;}
.footer_renew .footer_top p span{font-size:36px;}
.footer_renew .footer_top p span.time{font-size:20px;margin-left:30px;vertical-align:5px;} */
.footer_renew .footer_bottom .app{display: inline-block;padding-top: 27px;}
.footer_renew .footer_bottom .app li{float:left;margin-right:8px;width:45px;height:45px;overflow:hidden;}
.footer_renew .footer_bottom .app li:last-of-type{margin-right:0;}
.footer_renew .footer_bottom .app li a{width:100%;height:100%;display:block;}
.footer_renew .footer_bottom .app li a:hover{background-position-y:100%;}
.footer_renew .footer_bottom .app li:nth-of-type(1) a{background-image:url('http://www.hackers.com/images/main/renew/v10/blog.png');}
.footer_renew .footer_bottom .app li:nth-of-type(2) a{background-image:url('http://www.hackers.com/images/main/renew/v10/facebook.png');}
.footer_renew .footer_bottom .app li:nth-of-type(3) a{background-image:url('http://www.hackers.com/images/main/renew/v10/instagram.png');}
.footer_renew .footer_bottom .app li:nth-of-type(4) a{background-image:url('http://www.hackers.com/images/main/renew/v10/twitter.png');}
.footer_renew .footer_bottom .app li:nth-of-type(5) a{background-image:url('http://www.hackers.com/images/main/renew/v10/youtube.png');}
.footer_renew .footer_bottom{background: #e4eaed;padding:60px 0;text-align: center;}
.footer_renew .footer_bottom .f-list{display: inline-block;margin-top:20px;}
.footer_renew .footer_bottom .f-list li{float: left;}
.footer_renew .footer_bottom .f-list li a{font-size: 16px;color:#222;}
.footer_renew .footer_bottom .f-list li:nth-child(3) a{color:#0080c9;}
.footer_renew .footer_bottom .f-list li:after{content: '¡¤';padding:0 10px;}
.footer_renew .footer_bottom .f-list li:last-of-type:after{content:'';padding:0;}
.footer_renew .footer_bottom .inner > p{font-size: 12px;margin-top:10px;color:#666;}
.footer_renew:after{content:'';clear:both;}

/* ¿µ»óÆ˾÷ */
#mv_pop .con_mv{clear:both;}

/* ½ÅûÆ˾÷ */
#apply_pop .con_apply{background:#fff;border-radius:30px;}
#apply_pop .con_apply h2{background:#8c9395;padding:20px;font-size:24px;color:#fff;font-weight:bold;text-align:center;border-radius:30px 30px 0 0;text-indent:35px;}
#apply_pop .con_apply .con_in{padding:30px;}
#apply_pop .con_apply .con_in table td{height:30px;padding:5px 0;font-size:14px;}
#apply_pop .con_apply .con_in table input,
#apply_pop .con_apply .con_in table select{width:100%;height:100%;border:1px solid #ccc; border-radius:5px;box-sizing:border-box;text-indent:10px;}
#apply_pop .con_apply .con_in table input[type="date"]{width:148px;text-indent:5px;}
#apply_pop .con_apply .con_in table select{width:148px;}
#apply_pop .con_apply .con_in table textarea{width:100%;height:100px;border:1px solid #ccc;resize:none;}
#apply_pop .con_apply .con_in .info{padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:10px;}
#apply_pop .con_apply .con_in .info li{float:left;width:33.3333%;border-right:1px solid #ccc;text-align:center;box-sizing:border-box;}
#apply_pop .con_apply .con_in .info li:last-of-type{border-right:none;}
#apply_pop .con_apply .con_in .info li span{font-size:0.9em;color:#555;}
#apply_pop .con_apply .con_in .pop_bottom{padding-top:30px;text-align:center;}
#apply_pop .con_apply .con_in .pop_bottom input[type="checkbox"]{display:none;}
#apply_pop .con_apply .con_in .pop_bottom input[type="checkbox"] + label{display:inline-block;width:24px;height:24px;background:url('http://www.hackers.com/images/main/renew/check.png') 0 0 no-repeat;background-size:200%;margin-right:5px;}
#apply_pop .con_apply .con_in .pop_bottom input[type="checkbox"]:checked + label{background-position-x:100%;}
#apply_pop .con_apply .con_in .pop_bottom label{vertical-align:middle;}
#apply_pop .con_apply .con_in .pop_bottom p{color:#0080c9;font-size:0.85em;}
#apply_pop .con_apply .con_in .pop_bottom button{width:50%;height:50px;line-height:50px;color:#fff;background:#0080c9;font-size:20px;font-weight:bold;margin-top:20px;border-radius:5px;}
#apply_pop .con_apply .con_in table .date{width: 148px;text-indent: 5px;}

/* ´Þ·Â */
input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
input[type="date"]::-webkit-clear-button
{
    display: none; /* Hide the button */
    -webkit-appearance: none; /* turn off default browser styling */
}
input[type="date"]::-ms-clear {
 display: none;
}

/* Æ˾÷ */
.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;}
.popup .bg{width:100%;height:100%;background:rgba(0,0,0,0.7);}
.popup .con{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);}
.popup .con .close_btn{float:right;}

/* ¼½¼Ç ŸÀÌƲ */
.title{font-size: 40px;text-align: center;line-height:1.2;}
.title.tit_w{color:#fff;}
.title span{display: inline-block;margin-top:10px;font-size: 20px;font-weight: 400;}


/* ´Ý±â ¹öÆ° */
.close_btn{position:relative;float:right;display:block;width:35px;height:35px;}
.close_btn:after{content:"";clear:both;display:block;}
.close_btn span{position:absolute;top:50%;left:50%;width:30px;height:1px;background:#fff;}
.close_btn span:first-of-type{transform:translate(-50%,-50%) rotate(45deg);}
.close_btn span:last-of-type{transform:translate(-50%,-50%) rotate(-45deg);}


/* Àü°ú¸ñÆ˾÷ */
.left_popup{display:block;position:absolute;top:240px;left:10%;z-index:10;}
.left_popup .banner{display:block;background:rgba(255,223,48,0.9);padding:20px 35px;border-radius:12px;font-size:18px;font-weight: bold;}
.left_popup .banner::before{position:absolute;display:block;content:"";width:2px;height:45px;background:#593707;top:24px;left:20px;}
.left_popup .banner::after{position:absolute;display:block;content:"";width:17px;height:17px;background:url("https://www.hackers.com/images/arw_btn.png");top:51px;left:89px;}
.left_popup .close{position:absolute;top:-24px;right:0;}
.left_popup .popupclose{display:block;position:absolute;right:0;top:-26px;}
.left_popup .allsubBtn{display:block;width:130px;height:78px;background:#00000055;position:relative;}
.left_popup .allsubBtn p{font-size:17px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;}
.layer-inner .layer_btm{height:35px;border-radius:0 0 12px 12px;}

#allsub_pop .layer-inner .layer-content{height:560px;overflow-y:scroll;overflow-x:hidden;background:#f9f9f9;padding:35px 40px;box-sizing:border-box;}
#allsub_pop .layer-inner .layer-content .event_bnr_wrap .layer-content_tit{font-size: 22px;padding-bottom:20px;}
#allsub_pop .layer-inner .layer-content .event_bnr_wrap{display: flex;justify-content:space-between;flex-wrap:wrap;}
#allsub_pop .layer-inner .layer-content .event_bnr_wrap > li{width:32%;margin-bottom:15px;}
#allsub_pop .layer-inner .layer-content .event_bnr_wrap .event_bnr_btn li{background:#482e16;padding:0 15px;margin-bottom: 13px;box-sizing:border-box;border-radius:10px;}
#allsub_pop .layer-inner .layer-content .event_bnr_wrap .event_bnr_btn li a{display:block;padding:15px 0;}
#allsub_pop .layer-inner .layer-content .event_bnr_wrap .event_bnr_btn li a p{color:#fff;}
#allsub_pop .layer-inner .layer-content .event_bnr_wrap .event_bnr_btn li a h4{color:#f6ec4a;font-size: 18px;}
#allsub_pop .layer-inner .layer_btm{height:35px;border-radius:0 0 12px 12px;background:#f9f9f9;}
#allsub_pop .close_btn{cursor:pointer;}