@charset "utf-8";

.gnb_wrap{font-size:0; line-height:0; padding-top:2px; position:fixed; left:0; top:181px; display:none; width:100%; background-color: #fff;}
.gnb_wrap > li{position:relative; width:100%; border-bottom:1px solid #ececec; overflow: hidden; transition:border 0s;}
.gnb_wrap > li > a{font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.025em; color:#000; font-weight:bold;
    padding-right:30px; padding-left:30px; padding-top:30px; padding-bottom:30px; display:block; transition:border 0s;
    background-color:#fff;
    background-image: url('../img/academy/gnb_1depth_icon.png');
    background-repeat: no-repeat;
    background-position: right 30px center;}
.gnb_wrap > li.active > a{color:#e7302a;
    background-image: url('../img/academy/gnb_1depth_icon_active.png');
}
.gnb_wrap > li.active > ul{height:auto; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.gnb_wrap > li.active > ul > li.active > a{color:#e7302a;}
.gnb_wrap > li.active{border-bottom:none;}
.gnb_wrap > li.on{border-bottom:none;}
.gnb_wrap > li.on > a{color:#e7302a; background-image: url('../img/academy/gnb_1depth_icon_active.png');}
.gnb_wrap > li.on > ul > li.active > a{color:#e7302a;}
.gnb_wrap > li.on > ul{height:auto; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.gnb_wrap > li.child_none > a{background-image: none;}
.gnb_wrap > li > ul{/*height:0; */background-color:#f1f1f1; transition: border 0s; padding-top:16px; padding-bottom: 16px; }
.gnb_wrap > li > ul > li{text-align: left;}
.gnb_wrap > li > ul > li > a{font-size:20px; font-size:2.0rem; line-height:44px; line-height:4.4rem; letter-spacing: -0.05em; color:#000; font-weight:400;
    display:block; padding-right:30px; padding-left:30px;}


.main .gnb_wrap > li.active > ul{/*height:0; */border-top:none; border-bottom:none;}
.main .gnb_wrap > li.on > a{color:#e7302a; background-image: url('../img/academy/gnb_1depth_icon_active.png');}
.main .gnb_wrap > li.on > ul{height:auto; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.main .gnb_wrap > li.active{border-bottom:1px solid #ececec;}


@media all and (min-width:992px){
    .gnb_wrap{position: static; display:block; background-color: transparent;}
    .gnb_wrap > li{display:inline-block; vertical-align: middle; padding-left:70px; width:auto; border-bottom:none; overflow: visible;}
    .gnb_wrap > li:first-child{padding-left:0; width: 130px;}
    .gnb_wrap > li > a{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; color:#fff; font-weight:500;
        display:inline-block; padding-bottom:30px; padding-right:0; padding-left:0; padding-top:0; border-bottom:3px solid transparent; background-color: transparent; background-image: none;}
    .gnb_wrap > li > ul{position: absolute; width:100%; top:100%; height:auto; background-color: transparent; border-top:none; padding-top:0; padding-bottom: 0;}
    .gnb_wrap > li > ul > li{text-align: center;}
    .gnb_wrap > li > ul > li:first-child{padding-top:13px;}
    .gnb_wrap > li > ul > li:last-child{padding-bottom:13px;}
    .gnb_wrap > li > ul > li > a{font-size:16px; font-size:1.6rem; line-height:40px; line-height:4.0rem; letter-spacing: -0.01em; font-weight:300; padding-top:0; padding-bottom:0; padding-right:0; padding-left:0;}


    /* 웹 hover, active 컨트롤 */
    .gnb_wrap > li:hover > a{border-bottom-color:#e7302a; background-image: none;}
    .gnb_wrap > li.active > a{border-bottom-color:#e7302a; background-image: none;}
    .gnb_wrap > li.on > a{border-bottom-color:#e7302a; background-image: none;}
    .main .gnb_wrap > li.active > a{border-bottom-color:transparent; color:#fff;}
    .main .gnb_wrap > li:hover > a{border-bottom-color:#e7302a; color:#fff;}
    .main .header_wrap.header_fixed .gnb_wrap > li:hover > a{border-bottom-color:#e7302a; color:#000;}
    .main .header_wrap.active .gnb_wrap > li > a{color:#000;}
    .gnb_wrap > li.active > ul{border-top:none; border-bottom:none;}
    .gnb_wrap > li > ul > li:hover > a{color:#e7302a; font-weight:bold;}
    .gnb_wrap > li > ul > li.active > a{color:#e7302a; font-weight:bold;}

    .header_wrap.header_fixed .gnb_wrap > li > a{color:#000;}
    .header_wrap.active .gnb_wrap > li > a{color:#000;}
    .main .gnb_wrap > li.active > a{color:#fff;}
    .main .header_wrap.header_fixed .gnb_wrap > li.active > a{color:#000;}
    /* 서브 */
    .sub .gnb_wrap > li > a{color:#000;}
    .main .gnb_wrap > li.active > a{background-image: none;}
}