#header{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	background:#e7f6e7;
}

#header .top{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	background:#fff;
}

#header .top .inner{
	width:1180px;
	margin:0 auto;
}

#header .top .inner .topMenu{
	display:inline-block;
}
#header .top .inner .topMenu li{
	display:inline-block;
	padding:12px 20px;
	border-right:1px solid #e5e5e5;
	font-size:15px;
	color:#777;
	font-family:'nanumsquare';
	box-sizing:border-box;
}



#header .top .inner .topMenu li a{
	color:#777;
}
#header .top .inner .topMenu li:first-child{
	border-left:1px solid #e5e5e5;
}

#header .top .inner .topMenu li:first-child a{
	color:#222;
	font-weight:bold;
}




#header .gnb{
	width:1180px;
	margin:0 auto;
	padding:30px 0px;
}

#header .gnb .inner{
	width:100%;
	display:inline-block;
}


#header .gnb .inner .logo{
	width:136px;
	display:inline-block;
}

#header .gnb .inner .logo img{
	width:100%;
}


#header .gnb .inner .menu{
	display:inline-block;
	float:right;
	margin-top:8px;
}


#header .gnb .inner .menu li{
	display:inline-block;
	margin-left:60px;
	font-size:18px;
	font-family:'nanumsquare';
	position:relative;
	
}

#header .gnb .inner .menu li:first-child{
	margin-left:0px;
	font-size:20px;
}


#header .gnb .inner .menu li .dropMenu{
	display:none;
	position:absolute;
	background:#fff;
	margin-top:20px;
	left:50%;
	transform:translateX(-50%);
	width:420px;
	border:1px solid #e5e5e5;
	z-index:2;
	
}
#header .gnb .inner .menu li .dropMenu dd{
	width:100%;
	display:inline-block;
	font-family:'nanumsquare';
	border-right:1px solid #e5e5e5;
	place-self:center;
	padding:15px 0px;

}
#header .gnb .inner .menu li .dropMenu dd:last-child{
	border-right:0px solid #e5e5e5;
}


#header .gnb .inner .menu li .dropMenu dd a{
	width:100%;
	font-size:16px;
	text-align:center;
	display:block;
	color:#777
}

#header .gnb .inner .menu .menu07 .dropMenu{
	left:auto;
	left:50%;
	transform:translateX(-80%);
	
}


#header .gnb .inner .moMenu{
	display:none;
}
#header .gnb .inner .menu .on{
	font-weight:bold;
}

#header .gnb .inner .menu .on a{
	color:#f0793f
}


#header .moSlideMenu{
	width:100%;
	position:fixed;
	background:#fff;
	z-index:999;
	height:100%;
	bottom:0;
	overflow-y:scroll;
	right:-100%;
	transition:all 1s;
	display:block;
}


#header .moSlideMenu .menuClose{
	width:30px;
	display:inine-block;
	float:right;
	margin:3% 3% 0% 0%
}

#header .moSlideMenu .menuClose img{
	width:100%;
}



#header .moSlideMenu .menuList{
	width:100%;
}


#header .moSlideMenu .menuList dd a{
	width:100%;
	padding:25px 3%;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	font-size:15px;
	display:inline-block;
}




#footer{
	width:100%;
	padding:50px 0px;
	border-top:1px solid #e5e5e5;
}


#footer .inner{
	width:1180px;
	margin:0 auto;
}

#footer .inner .top{
	width:100%;
	display:inline-block;
}

#footer .inner .top .footLogo{
	width:136px;
	display:inline-block;
	opacity:0.8;
	filter:grayscale(100%)
}



#footer .inner .top .footMenu{
	display:inline-block;
	float:right;
}

#footer .inner .top .footMenu li{
	display:inline-block;
	margin-left:20px;
	font-size:15px;
	font-family:'nanumsquare'
}


#footer .inner .top .footMenu li a{
	color:#777;
	
}

#footer .inner .top .footMenu .orange a{
	color:#f18e24
}





#footer .inner .copy{
	width:100%;
	margin-top:30px;
	font-family:'nanumsquare';
	color:#777;
	font-size:14px;
	line-height:23px;
}