.gate-menu .gate-menu-top{background:#454c52;margin:0;font-size:14px;position:relative}.gate-menu .gate-menu-top>ul{position:absolute;top:50%;right:50px;transform:translateY(-50%)}.gate-menu .gate-menu-top>ul>li{float:left}.gate-menu .gate-menu-top>ul>li:after{content:"";vertical-align:-2.5px;background:#ffffff80;width:1px;height:15px;margin:0 10px;display:inline-block}.gate-menu .gate-menu-top>ul>li:last-child{margin-right:0}.gate-menu .gate-menu-top>ul>li:last-child:after{display:none}.gate-menu .gate-menu-top>ul>li>a{color:#fff;font-weight:400}.gate-menu{z-index:9999;width:100vw;height:100vh;display:none;position:fixed;top:0;right:0}.gate-menu *{font-family:malgun gothic;line-height:1.25}.gate-menu ul{list-style:none}.gate-menu .gate-menu-top{text-align:center;background:#454c52;padding:18px 0;position:relative}.gate-menu .gate-menu-top .tit{width:30%;margin:0 auto;display:block}.gate-menu .gate-menu-top .tit>img{width:100%}.gate-menu .gate-menu-top .menu_logo{width:115px;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.gate-menu .gate-menu-top .gate-menu_close{float:right;width:20px;height:20px;display:block;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.gate-menu .gate-menu-top .gate-menu_close span{background:#fff;width:25px;height:1px;position:absolute;top:50%;left:50%}.gate-menu .gate-menu-top .gate-menu_close span:first-of-type{transform:translate(-50%,-50%)rotate(45deg)}.gate-menu .gate-menu-top .gate-menu_close span:last-of-type{transform:translate(-50%,-50%)rotate(-45deg)}.gate-menu .gate-tab{box-sizing:border-box;background:#fff;border-bottom:2px solid #f3f4f6;width:100%;margin:0;padding:0;position:relative}.gate-menu .gate-tab>li{text-align:center;vertical-align:top;letter-spacing:normal;border-top:4px solid #fff;width:32.5%;padding:15px 0;font-size:14px;font-weight:700;display:inline-block}.gate-menu .gate-tab>li.active{color:#0080c9;border-top:4px solid #0080c9;font-weight:700}.gate-menu .gate-tab-cont{height:100%;margin:0;padding:0;position:relative}.gate-menu .gate-tab-cont>li{height:100%}.gate-menu .gate-tab-cont>li>div{float:left}.gate-menu .gate-tab-cont>li .depth1{color:#fff9;background:#8c98a6;width:33.3333%;height:100%;padding:30px 0 110px;overflow-y:auto}.gate-menu .gate-tab-cont>li .depth1 .menu_logo{width:60px}.gate-menu .gate-tab-cont>li .depth1 ul li{word-break:break-all;border-bottom:.5px solid #ffffff80;margin-left:20%;padding:15px 18% 15px 0;font-size:14px}.gate-menu .gate-tab-cont>li .depth1 ul li.active{color:#fff;background:url(//gscdn.hackers.co.kr/champ/img/common/m/menu_active.png) 92%/15px no-repeat;border-bottom:1px solid #fff;font-weight:500}.gate-menu .gate-tab-cont>li .depth2{text-align:right;box-sizing:border-box;background:#fff;width:66.6666%;height:100%;padding-left:30px;overflow:scroll}.gate-menu .gate-tab-cont>li .depth2 .depth2-menu{clear:both;text-align:left;letter-spacing:normal}.gate-menu .gate-tab-cont>li .depth2 .depth2-menu:first-child{padding-top:30px}.gate-menu .gate-tab-cont>li .depth2 .depth2-menu h4{color:#0080c9;letter-spacing:normal;border-bottom:1px solid #0080c9;padding:15px 0;font-size:14px}.gate-menu .gate-tab-cont>li .depth2 .depth2-menu ul{padding-top:10px}.gate-menu .gate-tab-cont>li .depth2 .depth2-menu ul li{padding:15px 0}.gate-menu .gate-tab-cont>li .depth2 .depth2-menu ul li a{color:#000;font-size:16px;display:block}.gate-menu .gate-tab-cont .basis-text{text-align:center;padding:20px 0}.gate-menu .gate-tab-cont .basis-text p{text-align:left;color:#4a515a;word-break:break-all;padding:0 10% 0 20%;font-size:10px;line-height:1.5;display:inline-block}.clear:after{content:"";clear:both;display:block}
.m_lnb ol,.m_lnb ul,.m_lnb li{margin:0;padding:0;list-style:none}.m_lnb *{box-sizing:border-box;font-family:Pretendard;word-break:keep-all!important}.m_lnb a{display:block}.m_lnb img{width:100%}.m_lnb .p_r{position:relative}.m_lnb .p_c{position:absolute;left:50%;transform:translate(-50%)}.lnb_area{width:100%}.lnb_area .lnb_top{background:#1d84fb;border-bottom:1px solid #ffffff4d;justify-content:right;align-items:center;gap:2%;width:100%;padding:3%;display:flex;position:relative}.lnb_area .lnb_top a{color:#fff;width:38%;font-size:calc(1.05 * var(--lnb-rem));border-radius:calc(3.25 * var(--lnb-rem));background:#00000014;justify-content:center;align-items:center;gap:5%;padding:1% 4%;display:flex}.lnb_area .lnb_top a:first-of-type{width:38%}.lnb_area .lnb_top a span{width:calc(2.3 * var(--lnb-rem));display:block}.lnb_area .lnb_top a.close{width:calc(2 * var(--lnb-rem));height:calc(2 * var(--lnb-rem));background:0 0;border-radius:0;padding:0;font-size:0;position:absolute;top:30%;left:3%}.lnb_area .lnb_top a.close:after,.lnb_area .lnb_top a.close:before{content:"";background:#fff;width:100%;height:1px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.lnb_area .lnb_top a.close:after{transform:translate(-50%,-50%)rotate(-45deg)}.lnb_area .lnb_top button.close{width:calc(2 * var(--lnb-rem));height:calc(2 * var(--lnb-rem));background:0 0;border-radius:0;padding:0;font-size:0;position:absolute;top:30%;left:3%}.lnb_area .lnb_top button.close:after,.lnb_area .lnb_top button.close:before{content:"";background:#fff;width:100%;height:1px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.lnb_area .lnb_top button.close:after{transform:translate(-50%,-50%)rotate(-45deg)}.lnb_area .lnb_menu{background:#1d84fb;justify-content:space-between;width:100%;padding:2% 5% 4%;display:flex}.lnb_area .lnb_menu li{width:25%}.lnb_area .lnb_menu li a{flex-wrap:wrap;justify-content:center;width:100%;display:flex}.lnb_area .lnb_menu li a img{width:45%;margin:0 auto}.lnb_area .lnb_menu li a span{color:#fff;text-align:center;width:100%;font-weight:400;font-size:calc(1.15 * var(--lnb-rem));display:block}.all_menu_dep_wrap{justify-content:space-between;align-items:start;height:100vh;display:flex}.all_menu_dep_wrap .all_menu_dep{background:#f3f3f3;width:32%;height:100%;padding:0}.all_menu_dep_wrap .all_menu_dep>ul{padding-top:15%}.all_menu_dep_wrap .all_menu_dep li a{width:100%;font-size:calc(1.35 * var(--lnb-rem));color:#999;padding:11% 0 11% 10%}.all_menu_dep_wrap .all_menu_dep a.active{color:#1d84fb;background:#fff;font-weight:800}.all_menu_dep_wrap .cateBox{background:#fff;width:68%;padding-top:5%}.all_menu_dep_wrap .cateBox .depth2_box{text-align:left;width:100%}.all_menu_dep_wrap .cateBox .depth2_box>ul>li a{width:100%;font-size:calc(1.45 * var(--lnb-rem));color:#222;padding:5% 0 5% 15%;font-weight:800;position:relative}.all_menu_dep_wrap .cateBox .depth2_box>ul>li a.active{color:#333}.all_menu_dep_wrap .cateBox .depth2_box>ul>li a.cont_arrow:after{content:"";width:calc(1.2 * var(--lnb-rem));height:calc(1.2 * var(--lnb-rem));background:url(//cdn.hackers.co.kr/images/main/snb/arrow.png) 0 0/100% no-repeat;display:block;position:absolute;top:35%;left:7%}.all_menu_dep_wrap .cateBox .depth2_box>ul>li .fl.full a.cont_arrow:after{left:7%}.all_menu_dep_wrap .cateBox .depth2_box>ul>li a.cont_arrow.active:after{transform:scaleY(-1)}.all_menu_dep_wrap.app{display:none}.all_menu_dep_wrap.app.active{display:flex}.favoriteBox{width:100%;display:none}.favoriteBox.active{display:block}.favoriteBox .cateBox{width:100%}.all_menu_dep_wrap.app .cateBox .depth2_box>ul>li .fl{width:80%}.all_menu_dep_wrap.app .cateBox .depth2_box>ul>li .fl.full{width:100%}.all_menu_dep_wrap.app .cateBox .depth2_box>ul>li .fl.full a{padding-left:15%}.all_menu_dep_wrap.app .cateBox .depth2_box>ul>li .fr{width:20%}.all_menu_dep_wrap.app .cateBox .depth2_box>ul>li a{width:100%;font-size:calc(1.45 * var(--lnb-rem));color:#222;padding:5% 0 5% 10%;font-weight:800;position:relative}.all_menu_dep_wrap.app .cateBox .depth2_box>ul>li.highlight a{color:#1d84fb;background:#ebf8ff;border-radius:15px;width:74%;margin:3% auto;position:relative;left:-3%}.all_menu_dep_wrap.app .cateBox .depth2_box>ul>li.highlight a:after{content:"";width:calc(1.25 * var(--lnb-rem));height:calc(1.25 * var(--lnb-rem));background:url(//cdn.hackers.co.kr/images/main/snb/arrow02.png) 0 0/100% no-repeat;display:block;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.all_menu_dep_wrap.app .cateBox .depth2_box>ul>li a.favorite{width:calc(2.3 * var(--lnb-rem));height:calc(2.3 * var(--lnb-rem));cursor:pointer;float:right;background:url(//cdn.hackers.co.kr/images/main/icon/icon_favorite_gray.png) 0 0/contain no-repeat;border:none;padding:0;top:2.5vw;right:5vw}.all_menu_dep_wrap.app .cateBox .depth2_box>ul>li.highlight a.favorite{margin-top:1.5vw;margin-right:4.6vw}.all_menu_dep_wrap.app .cateBox .depth2_box>ul>li.highlight a.favorite:after{background:0 0}.all_menu_dep_wrap.app .cateBox .depth2_box>ul>li a.favorite.active{background:url(//cdn.hackers.co.kr/images/main/icon/icon_favorite.png) 0 0/contain no-repeat}.favoriteBox .cateBox .depth2_box>ul>li a{width:80%;font-size:calc(1.45 * var(--lnb-rem));color:#222;float:left;padding:5% 0 5% 10%;font-weight:800;position:relative}.favoriteBox .cateBox .depth2_box>ul>li a.favorite{width:calc(2.3 * var(--lnb-rem));height:calc(2.3 * var(--lnb-rem));cursor:pointer;float:right;background:url(//cdn.hackers.co.kr/images/main/icon/icon_favorite_gray.png) 0 0/contain no-repeat;border:none;padding:0;top:2.5vw;right:5vw}.favoriteBox .cateBox .depth2_box>ul>li a.favorite.active{background:url(//cdn.hackers.co.kr/images/main/icon/icon_favorite.png) 0 0/contain no-repeat}.test_day a span{color:#1d84fb;font-size:calc(1.5 * var(--lnb-rem));font-weight:900}.depth2_3_style li a{width:100%;font-size:calc(1.45 * var(--lnb-rem));color:#999;padding:5% 0 5% 15%;font-weight:800;position:relative}.aside_top{background-color:#293c4d;height:60px;padding:20px 50px 20px 15px;position:relative}.aside_top h1{color:#fff;font-family:NanumGothic,나눔고딕;font-size:18px;font-weight:400}.aside_top a{display:block;position:absolute;top:22px;right:15px}.aside_top .icon_refresh{top:19px;right:48px}#m_lnb .aside_top a img{width:17px;height:17px}#m_lnb .aside_top a.icon_refresh img{width:22px;height:22px}.lnb_evt{cursor:pointer;position:absolute;top:9px;right:12px}.lnb_evt .lnb_posi{vertical-align:middle;width:20px;display:inline-block;position:relative}.lnb_evt .evt_point{text-align:center;color:#fff;min-width:25px;font-family:Arial;font-weight:700;font-size:calc(.7 * var(--lnb-rem));background:#2864ca;border-radius:50%;padding:5px 2px;display:inline-block;position:absolute;bottom:-12px;left:-10px}.cateBox{display:none}.cateBox.active{display:block}.depth3_box{display:none}.depth3_box.active{display:block}.depth2_box .depth3_style ul li{position:relative}.depth2_box .depth3_style ul li>a{color:#999;font-size:calc(1.25 * var(--lnb-rem));width:90%;padding:4.1% 15%;font-weight:700;display:block}.depth2_box .depth3_style ul li span.mark_on{clear:both;background:url(//gscdn.hackers.co.kr/hackers/images/main/ico/v3/favor_icon.gif) 50%/13.5px no-repeat;width:10%;height:44px;display:block;position:absolute;top:0;right:0}.depth2_box .depth3_style ul li span.mark_on.active{background:url(//gscdn.hackers.co.kr/hackers/images/main/ico/v3/favor_icon_on.gif) 50%/13.5px no-repeat}.depth2_box .test_day a{width:100%;font-size:calc(1.45 * var(--lnb-rem));color:#222;padding:5% 0 5% 15%;font-weight:700;position:relative}.depth2_box .test_day a:after{content:"";width:calc(1.2 * var(--lnb-rem));height:calc(1.2 * var(--lnb-rem));background:url(//cdn.hackers.co.kr/images/main/snb/arrow.png) 0 0/100% no-repeat;display:block;position:absolute;top:35%;left:7%}.depth2_box .test_day a.active:after{transform:scale(-1)}.depth2_box .test_day a span{color:#1d84fb;font-size:calc(1.5 * var(--lnb-rem));font-weight:900}.depth2_box .depth3_style .test_day_cont{display:block}.depth2_box .depth3_style li.test_day_cont{background:#ebf8ff;border-radius:15px;width:74%;margin:3% auto;position:relative}.depth2_box .depth3_style li.test_day_cont a{color:#1d84fb;font-size:calc(1.35 * var(--lnb-rem));padding:8%;font-weight:700;display:block;position:relative}.depth2_box .depth3_style li.test_day_cont a:after{content:"";width:calc(1.25 * var(--lnb-rem));height:calc(1.25 * var(--lnb-rem));background:url(//cdn.hackers.co.kr/images/main/snb/arrow02.png) 0 0/100% no-repeat;display:block;position:absolute;top:50%;right:0%;transform:translateY(-50%)}.depth2_box .depth3_style li.test_day_cont .fl a:after{right:5%}.depth2_box .depth3_style li.link a{color:#999;font-size:calc(1.25 * var(--lnb-rem));width:90%;padding:4.1% 15%;font-weight:700;display:block}.depth2_box .depth3_style li.test_day_cont .fl{background:#ebf8ff;border-radius:15px;width:74%;margin:3% auto;position:relative;left:-3%}.depth2_box .depth3_style li.test_day_cont .fr{width:100%;margin:4% auto;position:relative;left:17.8%}.depth2_box .depth3_style li.test_day_cont .fr a:after{background:0 0}.all_menu_dep_wrap.app .cateBox .depth2_box .depth3_style>ul>li .fl{width:80%}.all_menu_dep_wrap.app .cateBox .depth2_box .depth3_style>ul>li .fr{width:20%}.all_menu_dep_wrap.app .cateBox .depth2_box .depth3_style>ul>li a{width:100%}.all_menu_dep_wrap.app .cateBox .depth2_box .depth3_style>ul>li a.favorite{width:calc(2.3 * var(--lnb-rem));height:calc(2.3 * var(--lnb-rem));cursor:pointer;float:right;background:url(//cdn.hackers.co.kr/images/main/icon/icon_favorite_gray.png) 0 0/contain no-repeat;border:none;margin-top:2.5vw;margin-right:5vw;padding:0}.all_menu_dep_wrap.app .cateBox .depth2_box .depth3_style>ul>li a.favorite.active{background:url(//cdn.hackers.co.kr/images/main/icon/icon_favorite.png) 0 0/contain no-repeat}.pop_menu_wrap{border-top:10px solid #f0f0f0;overflow:hidden}.pop_depth1{overflow:hidden}.pop_depth1 ul{background:url(//gscdn.hackers.co.kr/hackers/images/main/ico/v3/bd_line.gif) 0 0 repeat-x;width:100%;overflow:hidden}.pop_depth1 ul li{float:left;border-top:1px solid #e4e4e4;width:50%}.pop_depth1 ul li:first-child{border-right:1px solid #e4e4e4}.pop_depth1 ul li>a{letter-spacing:-.07em;height:39px;padding:0 5%;line-height:39px;display:block}.pop_depth1 ul li a.cont_arrow{position:relative}.pop_depth1 ul li a.cont_arrow:after{content:"";clear:both;background:url(//gscdn.hackers.co.kr/hackers/images/main/ico/v3/s_arrow.jpg) 50%/9px no-repeat;width:33px;height:38px;display:block;position:absolute;top:0;right:0}.pop_depth1 ul li a.cont_arrow.active{color:#0086ff;font-weight:700}.pop_depth1 ul li a.cont_arrow.active:after{background:url(//gscdn.hackers.co.kr/hackers/images/main/ico/v3/s_arrow_on.jpg) 50%/9px no-repeat}.pop_depth2 ul li{background-color:#f8f8f8;border-top:1px solid #e4e4e4;position:relative}.pop_depth2 ul li>a{color:#3e3e3e;width:90%;padding:14px 3%;font-size:12px;display:block}.pop_depth2 ul li span.mark_on{clear:both;background:url(//gscdn.hackers.co.kr/hackers/images/main/ico/v3/favor_icon.gif) 50%/13.5px no-repeat;width:10%;height:44px;display:block;position:absolute;top:0;right:0}.pop_depth2 ul li span.mark_on.active{cursor:pointer;background:url(//gscdn.hackers.co.kr/hackers/images/main/ico/v3/favor_icon_on.gif) 50%/13.5px no-repeat}.lnb_banner{border-top:10px solid #f0f0f0;border-bottom:10px solid #f0f0f0}.lnb_footer{background-color:#2f2f2f;width:100%;padding:20px 3%}.lnb_footer a{letter-spacing:-.1em;text-align:center;color:#c7c7c7;width:32%;font-size:14px;display:inline-block}.lnb_footer a:first-child{border-right:1px solid #656565}.lnb_footer a:last-child{border-left:1px solid #656565}.icon_wrap{border-top:10px solid #f0f0f0}.icon_wrap ul>li{float:left;text-align:center;border:1px solid #e2e2e2;border-left:0;width:33.3333%}.icon_wrap ul>li .icon_img{width:100%;display:inline-block}.icon_wrap ul>li .icon_img img{height:100%}.icon_wrap ul>li .content_name{color:#666;white-space:nowrap;margin-top:5%;font-size:12px}.icon_wrap .icon_tit{border:none;width:275px;margin:5px 0;font-size:16px;font-weight:700;background-position-x:5%!important;padding:6px 10px!important}.lnb_evt_cate span.reset_i{vertical-align:-4px;width:16.5px;display:inline-block}.lnb_evt_cate>.icon_login{width:70%!important}@media (min-width:750px){.all_menu_dep_wrap .all_menu_dep{height:200%}}.m_lnb{--lnb-rem:14px}@media (max-width:750px){.m_lnb{--lnb-rem:14px}}@media (max-width:580px){.m_lnb{--lnb-rem:12px}}@media (max-width:460px){.m_lnb{--lnb-rem:11px}}@media (max-width:380px){.m_lnb{--lnb-rem:10px}}.m_lnb .ico_state{vertical-align:middle;color:#fff;text-align:center;background:#ff3b30;margin-left:1.5%;font-weight:700;line-height:1;display:inline-block}.m_lnb .ico_state_fixed{width:calc(1.3 * var(--lnb-rem));height:calc(1.3 * var(--lnb-rem));line-height:calc(1.3 * var(--lnb-rem));font-size:calc(.9 * var(--lnb-rem));border-radius:50%}.m_lnb .ico_state_custom{font-size:calc(.95 * var(--lnb-rem));border-radius:1em;padding:.25em .6em}.m_lnb .ico_state_new{width:auto;height:auto;line-height:1;font-size:calc(.8 * var(--lnb-rem));background:#ff6c00;border-radius:1em;padding:.25em .6em}
[data-scope~=hackers_m_main] .navi [class^=gra-]{background:#fffc;width:30px;height:42px}[data-scope~=hackers_m_main] .navi .gra-right{right:0}[data-scope~=hackers_content_school_schoolRenew] .school_info_wrap{background:#fff}.full_event .teps_evt_btn{position:static;left:auto;transform:none}.hackers-event-attend-gtelp .hide{display:none}