@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:500;font-display:swap;src:local(Noto Sans KR Medium),local(NotoSansKR-Medium),url(/layouts/hackers/_css/fonts/NotoSansKR/NotoSansKR-Medium.woff2)format("woff2"),url(/layouts/hackers/_css/fonts/NotoSansKR/NotoSansKR-Medium.woff)format("woff")}:where([data-scope~=hackers_app_app_introduce]) .clear:after{content:"";clear:both;display:block}:where([data-scope~=hackers_app_app_introduce]) .title{text-align:center;margin:20px auto 30px}:where([data-scope~=hackers_app_app_introduce]) .title a{color:#222;font-size:32px}:where([data-scope~=hackers_app_app_introduce]) .tab_area{margin-bottom:30px}:where([data-scope~=hackers_app_app_introduce]) .tab_area img{width:100%}:where([data-scope~=hackers_app_app_introduce]) .tab_area .tab_button li{float:left;cursor:pointer;color:#555;text-align:center;border-right:1px solid #ccc;width:calc(11.1111% - 1px);font-size:18px;font-weight:300;position:relative}:where([data-scope~=hackers_app_app_introduce]) .tab_area .tab_button li a{display:block}:where([data-scope~=hackers_app_app_introduce]) .tab_area .tab_button li a:hover{color:#1d84fb;font-weight:700}:where([data-scope~=hackers_app_app_introduce]) .tab_area .tab_button li:last-child{border-right:0}:where([data-scope~=hackers_app_app_introduce]) .tab_area .tab_button li.on{color:#1d84fb;font-weight:700}:where([data-scope~=hackers_app_app_introduce]) .tab_area .tab_button li:not(.all).on:after{content:"";clip-path:polygon(50% 0%,0% 100%,100% 100%);background:#1d84fb;width:15px;height:15px;position:absolute;top:43px;left:50%;transform:translate(-50%)}:where([data-scope~=hackers_app_app_introduce]) .tab_area .tab_cont{background:#f1f1f1;border:2px solid #1d84fb;margin-top:30px;padding:20px;display:none}:where([data-scope~=hackers_app_app_introduce]) .tab_area .tab_cont:not(.all).on{display:block}:where([data-scope~=hackers_app_app_introduce]) .apps li{float:left;text-align:center;background:#fff;width:150px;margin-bottom:11px;margin-left:11px;margin-right:0}:where([data-scope~=hackers_app_app_introduce]) .apps li:nth-of-type(6n-5){clear:both;margin-left:0}:where([data-scope~=hackers_app_app_introduce]) .apps li a{padding:10px;display:block}:where([data-scope~=hackers_app_app_introduce]) .apps li a p{color:#333;height:38px;margin-top:11px;font-size:16px;line-height:1.2}:where([data-scope~=hackers_app_app_introduce]) .apps li img{border-radius:35px}:where([data-scope~=hackers_app_app_introduce]) .all_apps .apps li{text-align:center;box-sizing:border-box;background:#f1f1f1;border:1px solid #e1e1e1;width:calc(16.6666% - 10px);height:205px;margin-bottom:20px;margin-left:12px}:where([data-scope~=hackers_app_app_introduce]) .all_apps li:nth-of-type(6n-5){clear:both;margin-left:0}:where([data-scope~=hackers_app_app_introduce]) .all_apps li a{padding:10px;display:block}:where([data-scope~=hackers_app_app_introduce]) .all_apps li a img{border:none;width:100%}:where([data-scope~=hackers_app_app_introduce]) .banner{margin-top:50px;display:block}:where([data-scope~=hackers_app_app_introduce]) .app_detail{background:#f1f1f1;border:1px solid #e1e1e1;padding:40px}:where([data-scope~=hackers_app_app_introduce]) .app_detail .app_info{border:0;margin-bottom:100px;position:relative}:where([data-scope~=hackers_app_app_introduce]) .app_detail .app_info>div.app_img{width:20%}:where([data-scope~=hackers_app_app_introduce]) .app_detail .app_info>div.app_img img{border-radius:50px;width:100%}:where([data-scope~=hackers_app_app_introduce]) .app_detail .app_info>div.app_txt{width:45%;position:absolute;bottom:0;left:calc(20% + 30px)}:where([data-scope~=hackers_app_app_introduce]) .app_detail .app_info>div.app_txt h2{color:#1d84fb;font-size:32px;line-height:1.2}:where([data-scope~=hackers_app_app_introduce]) .app_detail .app_info>div.app_txt p:first-of-type{border-bottom:1px solid #d3d3d3;padding-bottom:5px;font-size:24px;display:inline-block}:where([data-scope~=hackers_app_app_introduce]) .app_detail .app_info>div.app_txt p:nth-of-type(2){margin-top:10px;font-size:16px}:where([data-scope~=hackers_app_app_introduce]) .app_detail .app_info>div.app_btn{width:calc(35% - 60px);position:absolute;bottom:0;left:calc(65% + 60px)}:where([data-scope~=hackers_app_app_introduce]) .app_detail .app_info>div.app_btn img{vertical-align:-2px}:where([data-scope~=hackers_app_app_introduce]) .app_detail .app_info>div.app_btn a{text-align:center;box-sizing:border-box;border-radius:25px;width:100%;height:50px;font-size:18px;font-weight:700;line-height:50px;display:block}:where([data-scope~=hackers_app_app_introduce]) .app_detail .app_info>div.app_btn a:first-of-type{color:#fff;background:#ee3131;margin-bottom:10px}:where([data-scope~=hackers_app_app_introduce]) .app_detail .app_info>div.app_btn a:nth-of-type(2){color:#1d84fb;border:1px solid #1d84fb}:where([data-scope~=hackers_app_app_introduce]) .title2{color:#333;margin:100px auto 15px;font-size:26px}:where([data-scope~=hackers_app_app_introduce]) .title2 span{float:right;color:#ee3131;cursor:pointer;border:1px solid #ee3131;border-radius:30px;padding:5px 15px;font-size:16px;font-weight:400}:where([data-scope~=hackers_app_app_introduce]) #board_iframe{background:#fff}:where([data-scope~=hackers_app_app_introduce]) #app_popup{z-index:10005;background:#fff;width:600px;padding:35px 25px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 20px #0000004d}:where([data-scope~=hackers_app_app_introduce]) #app_popup h1{color:#0587ea;text-align:center;margin-bottom:20px;font-size:32px}:where([data-scope~=hackers_app_app_introduce]) #app_popup .close{width:30px;height:30px;display:block;position:absolute;top:10px;right:10px}:where([data-scope~=hackers_app_app_introduce]) #app_popup .close:after{content:"";clear:both;display:block}:where([data-scope~=hackers_app_app_introduce]) #app_popup .close span{background:#000;width:30px;height:1px;position:absolute;top:50%;left:50%}:where([data-scope~=hackers_app_app_introduce]) #app_popup .close span:first-of-type{transform:translate(-50%,-50%)rotate(45deg)}:where([data-scope~=hackers_app_app_introduce]) #app_popup .close span:last-of-type{transform:translate(-50%,-50%)rotate(-45deg)}:where([data-scope~=hackers_app_app_introduce]) #app_popup .input_phone .user_info{margin-bottom:10px;display:block}:where([data-scope~=hackers_app_app_introduce]) #app_popup .input_phone .user_info>*{float:left;height:50px;line-height:50px;display:block}:where([data-scope~=hackers_app_app_introduce]) #app_popup .input_phone select{color:#333;border:1px solid #e1e1e1;width:30%;padding-left:5px;font-size:18px;font-weight:700}:where([data-scope~=hackers_app_app_introduce]) #app_popup .input_phone label{color:#333;width:15%;font-size:20px}:where([data-scope~=hackers_app_app_introduce]) #app_popup .input_phone input{box-sizing:border-box;border:1px solid #e1e1e1;width:70%;padding-left:10px;font-size:18px}:where([data-scope~=hackers_app_app_introduce]) #app_popup .input_phone a{color:#fff;text-align:center;background:#0587ea;width:15%;font-size:18px;font-weight:700}:where([data-scope~=hackers_app_app_introduce]) #app_popup .agree_area{margin:20px 0}:where([data-scope~=hackers_app_app_introduce]) #app_popup .agree_area strong{font-size:14px}:where([data-scope~=hackers_app_app_introduce]) #app_popup .agree_area input[type=checkbox]{display:none}:where([data-scope~=hackers_app_app_introduce]) #app_popup .agree_area input[type=checkbox]+label{cursor:pointer;color:#333;margin:5px 15px 5px 0;padding-left:30px;font-size:18px;display:inline-block;position:relative}:where([data-scope~=hackers_app_app_introduce]) #app_popup .agree_area input[type=checkbox]+label:before{content:"";background-color:#fff;border:1px solid #ccc;width:20px;height:20px;display:inline-block;position:absolute;top:3px;left:0}:where([data-scope~=hackers_app_app_introduce]) #app_popup .agree_area input[type=checkbox]:checked+label:before{content:"✓";color:#555;text-align:center;font-size:16px;font-weight:800;line-height:18px}:where([data-scope~=hackers_app_app_introduce]) #app_popup .agree_area .detail_btn{color:#0587ea;vertical-align:2px;font-size:14px}:where([data-scope~=hackers_app_app_introduce]) #app_popup .agree_area .agree_detail{padding-left:30px;display:none}:where([data-scope~=hackers_app_app_introduce]) #app_popup .agree_area .agree_detail.on{display:block}:where([data-scope~=hackers_app_app_introduce]) #app_popup .qrcode>*{float:left;margin-right:20px}:where([data-scope~=hackers_app_app_introduce]) #app_popup .qrcode>p{color:#777;margin-top:62px;font-size:18px;font-weight:700}:where([data-scope~=hackers_app_app_introduce]) #app_popup .qrcode .qr_img p{color:#777;text-align:center;margin-bottom:5px;font-size:16px}#outer_quick{display:none}:where([data-scope~=hackers_app_app_introduce]) .quick_banner{z-index:10;width:150px;margin-left:500px;position:absolute;top:130px;left:51%}:where([data-scope~=hackers_app_app_introduce]) .quick_banner img{width:100%}:where([data-scope~=hackers_app_app_introduce]) .quick_banner h2{color:#333;text-align:left;letter-spacing:-2px;margin-bottom:5px;font-size:18px}:where([data-scope~=hackers_app_app_introduce]) .quick_banner .apps li{border:1px solid #e1e1e1;margin-left:0}:where([data-scope~=hackers_app_app_introduce]) .quick_banner .app_event li{border:1px solid #e1e1e1;display:block}:where([data-scope~=hackers_app_app_introduce]) .quick_banner .app_event li:nth-of-type(4){margin-top:10px}:where([data-scope~=hackers_app_app_introduce]) .app_slide{width:80%;margin:0 auto;position:relative}:where([data-scope~=hackers_app_app_introduce]) .app_slide li{cursor:pointer;margin-right:20px}:where([data-scope~=hackers_app_app_introduce]) .app_bxslide .bx-wrapper .bx-controls-direction a{width:30px;height:51px;margin-top:-25px}:where([data-scope~=hackers_app_app_introduce]) .app_bxslide .bx-wrapper .bx-controls-direction a:hover{background-position:0 0}:where([data-scope~=hackers_app_app_introduce]) .app_bxslide .bx-prev{background:url(//gscdn.hackers.co.kr/hackers/images/fullservice/previous_btn.png) no-repeat;left:-50px}:where([data-scope~=hackers_app_app_introduce]) .app_bxslide .bx-next{background:url(//gscdn.hackers.co.kr/hackers/images/fullservice/next_btn.png) no-repeat;right:-50px}:where([data-scope~=hackers_app_app_introduce]) #slide_popup{z-index:10005;width:100%;height:100%;display:none;position:fixed;top:0;left:0}:where([data-scope~=hackers_app_app_introduce]) #slide_popup .bg{background:#000c;width:100%;height:100%}:where([data-scope~=hackers_app_app_introduce]) #slide_popup .cont{max-width:350px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where([data-scope~=hackers_app_app_introduce]) #slide_popup .close{float:right;z-index:1;width:30px;height:30px;margin-bottom:10px;display:block;position:relative}:where([data-scope~=hackers_app_app_introduce]) #slide_popup .close:after{content:"";clear:both;display:block}:where([data-scope~=hackers_app_app_introduce]) #slide_popup .close span{background:#fff;width:30px;height:1px;position:absolute;top:50%;left:50%}:where([data-scope~=hackers_app_app_introduce]) #slide_popup .close span:first-of-type{transform:translate(-50%,-50%)rotate(45deg)}:where([data-scope~=hackers_app_app_introduce]) #slide_popup .close span:last-of-type{transform:translate(-50%,-50%)rotate(-45deg)}:where([data-scope~=hackers_app_app_introduce]) #slide_popup .close+img{clear:both;height:700px;display:block}:where([data-scope~=hackers_app_app_introduce]) .top_btn{color:#000;text-align:center;background:#fff;border:1px solid #ddd;width:150px;margin-left:520px;font-size:14px;font-weight:700;line-height:30px;display:block;position:fixed;bottom:30px;left:50%}:where([data-scope~=hackers_app_app_introduce]) .top_btn:link,:where([data-scope~=hackers_app_app_introduce]) .top_btn:visited,:where([data-scope~=hackers_app_app_introduce]) .top_btn:active,:where([data-scope~=hackers_app_app_introduce]) .top_btn:hover{color:#000}