@charset "utf-8";

.header_wrap{height:90px;}
.header_wrap .logo_con{float:left; display:block; padding-top:16px; padding-bottom:14px; height:60px; line-height:60px; margin-right:30px; position: absolute; z-index: 2; width:100%; text-align: center;}
.header_wrap .menu_wrap{float:right; margin-top:29px; position: relative; z-index: 3;}
.header_wrap .menu_wrap .menu_icon{width:32px; height:32px; position: relative; overflow: hidden;}
.header_wrap .menu_wrap .menu_icon span{width:22px; height:2px; background-color:#000; position: absolute; top:50%; margin-top:-1px; left:5px;}
.header_wrap .menu_wrap .menu_icon:before{content:""; position: absolute; top:8px; left:5px; width:22px; height:2px; background-color:#000;}
.header_wrap .menu_wrap .menu_icon:after{content:""; position: absolute; bottom:8px; left:5px; width:22px; height:2px; background-color:#000;}
.header_wrap .menu_wrap .gnb_wrap{float:left;}
.header_wrap .menu_wrap .gnb_wrap > li{float:left; position: relative;}
.header_wrap .menu_wrap .gnb_wrap > li > a{font-size:13px; font-size:1.3rem; line-height:60px; line-height:6.0rem; font-weight:500; color:#000;
    display:block; position: relative; padding-right:20px; padding-left:20px; padding-top:18px; padding-bottom:12px;}
.header_wrap .menu_wrap .gnb_wrap > li > a:after{content:""; position: absolute; bottom:0; border-bottom:4px solid #000; left:0; opacity: 0; filter:alpha(opacity=0); width:100%;}
.header_wrap .menu_wrap .gnb_wrap > li:hover > a:after{opacity: 1; filter:alpha(opacity=100);}
.header_wrap .menu_wrap .gnb_wrap > li.active > a:after{opacity: 1; filter:alpha(opacity=100);}


@media all and (min-width:768px){
    .header_wrap{height:auto;}
    .header_wrap .logo_con{width:auto; position: relative;}
    .header_wrap .menu_wrap{float:left; margin-top:0;}
}