@charset "utf-8";

.header_wrap{height:90px; position:fixed; z-index: 9999; padding-top:28px; transition:border 0s; background-color:#fff;}
.header_wrap.active{overflow: visible;}
.header_wrap.shadow{overflow: visible;}
.header_wrap.shadow:after{content:""; position:absolute; width:100%; height:100%; box-shadow:1px 4px 28px 0 rgba(0, 0, 0, 0.2); bottom:0; left:0; z-index: 2;}
.sub .header_wrap{overflow: visible;}
.sub .header_wrap:after{content:""; position:absolute; width:100%; height:100%; box-shadow:1px 4px 28px 0 rgba(0, 0, 0, 0.2); bottom:0; left:0; z-index: 2;}
.header_wrap .header_inner{overflow: visible; z-index: 3; background-color:#fff; transition:border 0s;}
.header_wrap.active .header_inner{overflow: visible; border-bottom:1px solid #e0e0e0;}
.header_wrap .header_contents{z-index: 2; overflow: visible;}
.header_util_wrap{font-size:0; line-height:0; text-align: right; margin-bottom:24px; overflow: hidden; }
.header_util_wrap .header_util_item_con{display:block; width:50%; float:left; box-sizing: border-box; text-align: center; background-color:#fff;
    background-image: url('../img/academy/util_menu_seperate_line.png'); background-repeat: no-repeat; background-position: right center; padding-top:30px; padding-bottom:30px;}
.header_util_wrap .header_util_item_con:last-child{background-image: none;}
.header_util_wrap .header_util_item{font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.01em; color:#000;
    display:inline-block; vertical-align: middle; padding-left:40px; opacity: 0.6; filter:alpha(opacity=60);
    background-repeat: no-repeat; background-position: left center;}
.header_util_wrap .header_util_item.login{background-image: url('../img/academy/login_icon_m.png');}
.header_util_wrap .header_util_item.logout{background-image: url('../img/academy/logout_icon_m.png');}
.header_util_wrap .header_util_item.sitemap{background-image: url('../img/academy/sitemap_icon_m.png');}

.header_contents_wrap{background-color:#fff;}
.header_contents_wrap .header_util_wrap{display:none; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; margin-bottom:0;}
.header_contents_wrap .logo_con{float:left;}
.header_contents_wrap .logo_con .default_logo{display:none;}
.header_contents_wrap .logo_con .black_logo{display:none;}
.header_contents_wrap .logo_con .mobile_logo{display:inline;}
.header_contents_wrap .gnb_container{float:right;}
.header_contents_wrap .mobile_gnb_icon{cursor: pointer;}


/* 서브페이지 또는 아래로 스크롤 1px이상 했을 시 header_fixed 부여 */
.header_wrap.header_fixed{background-color:#fff;}
.header_wrap.header_fixed .header_util_item{color:#000;}
.header_wrap.header_fixed .header_contents_wrap .logo_con .default_logo{display:none;}
.header_wrap.header_fixed .header_contents_wrap .logo_con .black_logo{display:none;}

/* 서브페이지 또는 아래로 스크롤 1px이상 했을 시 header_fixed 부여 */
.header_wrap.active{background-color:#fff;}
.header_wrap.active .header_util_item{color:#000;}
.header_wrap.active .header_contents_wrap .logo_con .default_logo{display:none;}
.header_wrap.active .header_contents_wrap .logo_con .black_logo{display:none;}

/* 서브페이지 또는 아래로 스크롤 1px이상 했을 시 header_fixed 부여 */
.sub .header_wrap{background-color:#fff;}
.sub .header_wrap .header_util_item{color:#000;}
.sub .header_wrap .header_contents_wrap .logo_con .default_logo{display:none;}
.sub .header_wrap .header_contents_wrap .logo_con .black_logo{display:none;}

.header_dim{position: fixed; top:131px; width:100%; height:190px; background-color:#fff; z-index: 1; display:none;}
.header_wrap.active .header_dim{display:block;}


@media all and (min-width:992px){
    /*.header_contents_wrap .gnb_container{display:block;}*/
    .header_wrap{height:130px; overflow:hidden; padding-top:27px; background-color:transparent;}
    .header_wrap .header_inner{background-color: transparent; overflow: hidden;}
    .header_contents_wrap{background-color: transparent;}
    .header_contents_wrap .mobile_gnb_icon{display:none;}

    .header_util_wrap .header_util_item_con{display:inline-block; vertical-align: middle; margin-left:35px; float:none; width:auto; background-image: none; padding-top:0; padding-bottom:0; background-color: transparent;}
    .header_util_wrap .header_util_item_con:first-child{margin-left:0;}
    .header_util_wrap .header_util_item{font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; padding-left:18px; color:#fff;}


    .header_util_wrap .header_util_item.login{background-image: url('../img/academy/login_icon.png');}
    .header_util_wrap .header_util_item.logout{background-image: url('../img/academy/logout_icon.png');}
    .header_util_wrap .header_util_item.sitemap{background-image: url('../img/academy/sitemap_icon.png');}

    /* 서브페이지 또는 아래로 스크롤 1px이상 했을 시 header_fixed 부여 */
    .header_wrap.header_fixed{background-color:#fff;}
    .header_wrap.header_fixed .header_util_item{color:#000;}
    .header_wrap.header_fixed .header_util_item.login{background-image: url('../img/academy/login_icon_black.png');}
    .header_wrap.header_fixed .header_util_item.logout{background-image: url('../img/academy/logout_icon_black.png');}
    .header_wrap.header_fixed .header_util_item.sitemap{background-image: url('../img/academy/sitemap_icon_black.png');}
    .header_wrap.header_fixed .header_contents_wrap .logo_con .black_logo{display:inline;}

    /* 서브페이지 또는 아래로 스크롤 1px이상 했을 시 header_fixed 부여 */
    .header_wrap.active{background-color:#fff;}
    .header_wrap.active .header_util_item{color:#000;}
    .header_wrap.active .header_util_item.login{background-image: url('../img/academy/login_icon_black.png');}
    .header_wrap.active .header_util_item.logout{background-image: url('../img/academy/logout_icon_black.png');}
    .header_wrap.active .header_util_item.sitemap{background-image: url('../img/academy/sitemap_icon_black.png');}
    .header_wrap.active .header_contents_wrap .logo_con .black_logo{display:inline;}

    /* 서브페이지 또는 아래로 스크롤 1px이상 했을 시 header_fixed 부여 */
    .sub .header_wrap{background-color:#fff;}
    .sub .header_wrap .header_util_item{color:#000;}
    .sub .header_wrap .header_util_item.login{background-image: url('../img/academy/login_icon_black.png');}
    .sub .header_wrap .header_util_item.logout{background-image: url('../img/academy/logout_icon_black.png');}
    .sub .header_wrap .header_util_item.sitemap{background-image: url('../img/academy/sitemap_icon_black.png');}
    .sub .header_wrap .header_contents_wrap .logo_con .black_logo{display:inline;}

    .header_wrap.shadow:after{position:absolute;}
    .sub .header_wrap:after{position:absolute;}

    .header_contents_wrap .logo_con .default_logo{display:inline;}
    .header_contents_wrap .logo_con .black_logo{display:none;}
    .header_contents_wrap .logo_con .mobile_logo{display:none;}

    .header_contents_wrap .header_util_wrap{display:none;}

}