@charset "utf-8";

#header {position:fixed;left:0;top:0;width:100%;z-index:9999;}
#header .header_top .header_top_content {width:100%;z-index:100;}

.header_container {position:relative;top:0px;left:0px;width:100%;min-width:300px;height:80px;background:#fff url(top_bg.jpg) repeat-x;z-index:1;}
.header_container .header_inner {position:relative;margin:0 auto;max-width:1100px;height:80px;}
.header_container .header_inner .logo {float:left;width:200px; margin-top:20px; margin-left:20px;}
.header_container .header_inner .logo img {max-width:100%;}
.header_container .header_inner .btn_mobile_gnb {position:absolute;top:20px;left:15px;display:none;}
.header_container .header_inner .btn_mobile_gnb a {position:relative;display:block;}
.header_container .header_inner .gnb {float:right;margin-top:30px; margin-right:220px;}
.header_container .header_inner .gnb > div {float:left;height:100%;}
.header_container .header_inner .gnb > div:hover > a {color:#007fe0; font-weight:800;}

.header_container .header_inner .gnb > div.btn_cate > a:after {content:'';display:block;width:0;height:2px;background:#547991;position:absolute;left:0;bottom:-30px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition: all .3s ease;-o-transition:all .3s ease;transition: all .3s ease;}
.header_container .header_inner .gnb > div.btn_cate:hover > a:after {content:'';display:block;width:100%;height:2px;background:#007fe0;position:absolute;left:0;bottom:-30px;}

.header_container .header_inner .gnb > div a {position:relative;display:inline-block;}
.header_container .header_inner .gnb > div > a {display:block;font-size:17px;text-transform:uppercase;color:#000;font-weight:600;height:20px;line-height:20px;}
.header_container .header_inner .gnb > div > a:hover {color:#007fe0; font-weight:800;}
.header_container .header_inner .gnb > div.btn_cate {width:120px; text-align:center;}
.header_container .header_inner .gnb .snb {display:none;height:auto;text-align:left;padding-top:50px;}
.header_container .header_inner .gnb .snb a {position:relative;display:block;padding:13px 5px 6px 5px;}
.header_container .header_inner .gnb .snb a span {border-bottom:#fff solid 1px; font-size:17px;line-height:1;color:#000;}
.header_container .header_inner .gnb .snb a span:hover {color:#00a9e0; border-bottom:#00a9e0 solid 1px;}
.header_container .header_inner .gnb > div.btn_cate .snb {width:120px; text-align:center;}

.header_container .gnb_mobile {position:fixed;top:0;left:-80%;width:80%;height:100%;text-align:center;z-index:2;}
.header_container .bg_mask {height:0;}
.bg_mask_back {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:10;}
.header_container .mobile_close_btn {display:none;}

@media screen and (max-width:991px){
	#header {height:80px;background:#fff; border-bottom:#ddd solid 1px;}
	#header .header_top {z-index:1;}
	#header .header_top .header_top_content {display:none;}
	.header_container {background:none;}

    .header_container {height:80px;}
	.header_container .header_inner {height:80px;}
	.header_container .header_inner .logo {position:absolute;top:0;left:50%;margin-left:-90px;width:180px;}
    .header_container .header_inner .btn_mobile_gnb {display:block;width:25px;padding-top:5px;}
	.header_container .header_inner .btn_mobile_gnb img {width:100%;}
    .header_container .header_inner .gnb {position:fixed;top:0;left:-80%;margin:0;width:80%;height:100%;overflow-y:auto;z-index:3; padding-top:70px;}
    .header_container .header_inner .gnb > div {float:none;height:auto;text-align:left;}
	
	.header_container .header_inner .gnb > div a.btn_cate_more {background:url(icon_more_black.png) no-repeat right 20px center;background-size:10px;}
	
	.header_container .header_inner .gnb .btn_cate a {padding:0 20px;width:100%;height:60px;line-height:60px;border-bottom:1px solid #ddd;font-size:17px;box-sizing:border-box;}
	.header_container .header_inner .gnb .btn_cate a:after {display:none !important;}
	
	.header_container .header_inner .gnb > div a.active{background-color:#547991;color:#fff;}
	.header_container .header_inner .gnb > div a.btn_cate_more.active {background-image:url(icon_more_not.png);}
	
	.header_container .header_inner .gnb > div.btn_cate { width:100% !important;border-top:1px solid #ddd; margin-top:-1px; text-align:left;}
	.header_container .header_inner .gnb > div.btn_cate .snb {width:100% !important; text-align:left;}

	.header_container .header_inner .gnb .snb {position:static;top:auto;left:auto;margin-top:0;display:none;height:auto;padding-top:0;}
	.header_container .header_inner .gnb .snb a {font-size:15px;line-height:20px;height:45px;background-color:#fbfbfb;color:#333;padding:13px 30px !important;border-bottom:1px dashed #eee;}
	.header_container .header_inner .gnb .snb h2 {padding:15px 20px !important;border-bottom:1px solid #ddd;margin:0 !important;}
	.header_container .gnb_mobile {background:#fff;box-sizing:border-box;}
	.header_container .mobile_close_btn {display:block;position:absolute;top:4px;right:0;width:60px;height:60px !important;z-index:10;}
	.header_container .mobile_close_btn a {border:none !important;padding:0 !important;height:60px !important;line-height:60px !important;background:url(btn_ico_close.png) no-repeat center center;background-size:20px;text-indent:-9999px;}
    .header_container .bg_mask {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;display:none;}
}