body *{box-sizing:border-box;}
.wrapper{width:1200px; margin:0 auto;}
#header{z-index:90; width:100%; height:149px; background:#fff; border-bottom:1px solid #eee; text-align:center; transition:0.5s ease-out;}
#header .inr{position:relative; width:1400px; margin:0 auto; }
#header h1{float:left; margin-top:38px;}
#header h1 a{display:block; width:274px; height:23px; background:url(../images/common/img_logo.svg) no-repeat 50% 50%;background-size:100%; font-size:0px;}
#header .header_top{overflow: hidden; height:50px; background:#005295}
#header .area_util{text-align:right;}
#header .area_util ul{display: block; width:auto; margin-top:12px;}
#header .area_util ul li{position:relative; display:inline-block;}
#header .area_util ul li a{position:relative; padding:0 22px; font-size:15px; font-weight:700; color:#fff; transition:all 0.3s ease-out 0s;}
#header .area_util ul li a.login:before{content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 7px; margin-top:3px; background: url(../images/common/user_w.png)no-repeat; background-size: contain; }
#header .area_util ul li a:after{content:""; position:absolute; top:2px; left:0; width:1px; height:14px; background:#ddd;}
#header .area_util ul li:first-child a:after{background:none !important;}
#header .area_util ul li:last-child a{padding-right:0}
#header .area_util ul li:first-child a{padding-left:0}
#header .gnb{text-align:right; }
#header .gnb > li{position:relative; display:inline-block; padding:0 22px;}
#header .gnb > li > a{line-height:100px; display:block;  font-size:18px; color:#333; font-weight:600}
#header .gnb > li > a:hover{color:#005295}
#header .gnb > li > .sub_menu{display:none; position:absolute; left:0; top:100px;  padding:15px 0; background:#005295; z-index:99; text-align:left;}
#header .gnb li:hover .sub_menu{display:block; }
#header .gnb .sub_menu{width:105%; animation: submenu 0.3s 1 linear; transition: ease all .2s; }
#header .gnb .sub_menu li{display:block; margin-bottom:10px;}
#header .gnb .sub_menu li a{display:block; box-sizing:border-box; padding:8px 0 0 10px; color:#fff; font-size:16px; text-align:left; word-break:keep-all; transition:0.4s;}
#header .gnb .sub_menu li a:hover{}
#header .gnb .sub_menu li:first-child a{border-top:0;}

#header .gnb .sub_menu.sb01{width:140%;}
#header .gnb .sub_menu.sb02{width:120%;}

/* mobile-menu */
.mobile_header{background:#008790; color:#333; text-align:center; padding:35px 0 10px 0;}
.btn_menu{position:absolute; z-index:90; width:25px; height:45px; right:0; top:12px;}
.btn_menu{display:none;}
.btn_menu span{display:block; width:24px; height:2px; background:#222; text-align:center;}
.btn_menu span:nth-child(1){margin-top:14px;}
.btn_menu span:nth-child(2){margin-top:7px;}
.btn_menu span:nth-child(3){margin-top:7px;}

.menu_top p{margin-top:10px; color:#949494;}
#header .m_gnb_top h1{float:none; padding:20px; }
.m_area_util{margin:70px 0 20px 0; overflow:hidden;box-sizing:border-box;}
.m_area_util ul li{float:left; width: 48%; margin:0 1%}
.m_area_util a{display:inline-block; width:100%;  height:31px; box-sizing: border-box; padding:5px 0; margin:2px 0px; background:#f6f6f6; vertical-align:middle; color:#333; text-align:center; font-size:14px;}
.m_gnb{overflow-y:auto;position:fixed;top:0px;right:-100%;width:100%;height:100%;background: #2a2a2a;transition:all 0.5s ease-out 0s;z-index: 99;}
.m_gnb > ul > li > a{display:block;position:relative;padding:15px 25px;border-bottom: 1px solid #4c4c4c;color: #fff; text-align: left; transition:all 0.3s ease 0s;}
.m_gnb > ul > li > a.open:before{content:''; display:block; position:absolute; top:25px; right:10px; width:11px; height:7px; background:url(../images/main/menu_button.png) no-repeat 50% 0; transition:all 0.4s ease 0s; background-size:100%;}
.m_gnb > ul > li > a.active{}
.m_gnb > ul > li > a.active:before{transform:rotate(180deg);}
.m_gnb > ul > li > ul{display:none; background:#f8f8f8; }
.m_gnb > ul > li > ul > li{border-bottom:1px solid #ececec;}
.m_gnb > ul > li > ul > li > a{position:relative; display:block; padding:10px 0 10px 25px; font-size:13px; text-align:left; color:#4c4c4c; }
.m_gnb > ul > li > ul > li > a br{display:none;}
.m_gnb .btn_close{opacity: 0; display: block; position:absolute; top:15px; right:-100%; width:24px; height:23px; font-size:0px; transition:0.8s;}
.m_gnb.active{right:0px;}
.m_gnb.active .btn_close{opacity:1; right:15px;}
.m_gnb_top{box-sizing:border-box; background:#00469b;}
.m_gnb_top p{background:#ddd;}
.m_gnb > ul{margin-top:0;}
.m_gnb .btn_close:before{content: '';display:block;position:absolute;top:9px;left:0px;width:100%;height:1px;background: #fff;transform:rotate(45deg);}
.m_gnb .btn_close:after{content: '';display:block;position:absolute;top:9px;left:0px;width:100%;height:1px;background: #fff;bottom: 9px;transform:rotate(-45deg);}
.m_gnb p{padding:30px 20px; background:#004d82 url(../images/sub/lnb_bg.png) no-repeat 90% 80%; color:#fff;}

#header .m_gnb .area_util{background:#111; padding:15px 0; text-align:left;}
#header .m_gnb .area_util ul{margin: 0 20px;}

.cover{position: fixed;width: 100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, 0.8);z-index: 9;display:none;}
.cover.active{display:block;}



#footer {padding: 0 0 55px 0; background: #333333; color: #fff; font-size: 16px;}
#footer .footer_top{padding:18px 0;background:#191919;}
#footer .footer_top ul li{position:relative; display:inline-block; margin-right:15px; padding-right:15px;}
#footer .footer_top ul li:before{content:''; position:absolute; right:-1.5px; top:11px; display:block; width:3px; height:3px; background:#fff; border-radius:50%; }
#footer .footer_top ul li:last-child:before{display:none;}
#footer .footer_top ul li a{color:#fff;}
.footer_bottom{padding-top:30px;}
.footer_bottom b{display:block; margin:15px 0;}
.footer_bottom ul li{position:relative; display:inline-block; margin-right:15px; padding-right:15px;}
.footer_bottom ul li:before{content:''; position:absolute; right:0; top:5px; display:block; width:1px; height:13px; background:#999; border-radius:50%; }
.footer_bottom ul li:last-child:before{display:none;}
.footer_bottom p{margin-top:15px; color:#828282;}


@media screen and (max-width:1440px){
	
	#header .inr{width:96%;}

}

@media screen and (max-width:1279px){
	
	.wrapper{width:96%;}

	#header .gnb > li > a{font-size:16px;}
	#header .gnb > li{padding:0 15px;}
	#header .gnb .sub_menu li a{font-size:14px;}
	


}
@media screen and (max-width:1200px){
	#header{height:70px;}
	#header .gnb{display:none;}
	.btn_menu{display:block;}
	#header .header_top{display:none;}
	#header h1{margin-top:24px}
}

@media screen and (max-width:767px){
	#header{height:64px;}
	#header h1{margin-left:10px; margin-top:22px;}
	#header h1 a{width:200px; height:20px;}
	#header .area_util ul li a{padding:0 15px; font-size:13px;}

	footer{font-size:13px;}	
	.wrapper{width:94%;}

	.footer_bottom ul li{width:100%; padding-right:0; margin-right:0}
	.footer_bottom ul li:before{display:none;}
	
	.btn_menu span:nth-child(3),
	.btn_menu span:nth-child(2){margin-top:4px;}
	.btn_menu span{width:20px;}

}

@media screen and (max-width:420px){

}

@media screen and (max-width:375px){
	#footer .footer_top ul li{margin-right:7px; padding-right:7px;}
	#footer .footer_top ul li:before{right:-2px; top:9px;}

}

@media all and (max-width:767px){
	body,
	p,
	li,
    a{font-family: 'Montserrat', Sans-serif; font-size:14px;}

}