@media screen and (max-width: 1180px) {
	#header{
		width:100%;
		position:absolute;
		padding:1.5em 3%;
		box-sizing:border-box;
		border-bottom:1px solid rgba(255,255,255,0.3);
	}
	
	#header .logo{
		width:220px;
		display:inline-block;
		vertical-align:Middle;
	}
	
	#header .logo img{
		width:100%;
	}
	
	#header .menu{
		display:inline-block;
		float:right;
		margin-top:10px;
		display:none;
	}
	
	#header .menu li{
		display:inline-block;
		margin-left:80px;
		color:#fff;
		font-size:18px;
	}
	
	#header .menu li a{
		color:#fff;
	}
	
	#header .moMenu{
		display:inline-block;
		float:right;
		width:20px;
		margin-top:5px;
		cursor:pointer;
	}
	
	#header .moMenu img{
		width:100%;
	}
	
	
	
		
		
	#header .moSlideMenu{
		width:100%;
		height:100%;
		position:fixed;
		background:rgba(0,0,0,0.8);
		top:0;
		z-index:2;
		right:-100%;
		transition:0.5s;
	}
	
	
	#header .moSlideMenu .top{
		width:100%;
		padding:1.5em 3%;
		box-sizing:border-box;
		border-bottom:1px solid rgba(255,255,255,0.3);
		display:inline-block;
	}
	
	
	
	#header .moSlideMenu .top .logo{
		width:220px;
		display:inline-block;
		vertical-align:Middle;
	}
	
	#header .moSlideMenu .top .logo img{
		width:100%;
	}
	
	#header .moSlideMenu .top .menuClose{
		width:20px;
		display:inline-block;
		vertical-align:Middle;
		float:Right;
		margin-top:5px;
	}
	
	
	#header .moSlideMenu .moMenuList{
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		text-align:Center;
		width:100%;
	}
	
	#header .moSlideMenu .moMenuList li{
		font-size:22px;
		color:#fff;
		margin-top:30px;
		font-weight:bold;
	}
	
	#header .moSlideMenu .moMenuList li a{
		color:#fff;
	}
	
	#header .moSlideMenu .moMenuList li:first-child{
		margin-top:0px;
	}

	
	
	
	
	
	#footer{
		width:100%;
		border-top:1px solid #e5e5e5;
		padding:50px 0px;
	}
	
	#footer .inner{
		width:94%;
		margin:0 auto;
	}
	
	#footer .inner .container{
		width:100%;
		display:inline-block;
	}
	
	#footer .inner .container .infoA{
		display:inline-block;
	}
	
	#footer .inner .container .infoA .nm{
		font-size:18px;
		color:#222;
		font-weight:bold;
		font-family:'montserrat';
	}
	
	#footer .inner .container .infoA .info{
		font-size:14px;
		color:#777;
		line-height:24px;
		margin-top:20px;
	}
	
	#footer .inner .container .copy{
		display:inline-block;
		float:right;
		font-size:14px;
		color:#777;
		font-family:'montserrat';
	}

}














@media screen and (max-width:767px) {
	#header{
		width:100%;
		position:absolute;
		padding:1.5em 3%;
		box-sizing:border-box;
		border-bottom:1px solid rgba(255,255,255,0.3);
	}
	
	#header .logo{
		width:180px;
		display:inline-block;
		vertical-align:Middle;
	}
	
	#header .logo img{
		width:100%;
	}
	
	#header .menu{
		display:inline-block;
		float:right;
		margin-top:10px;
		display:none;
	}
	
	#header .menu li{
		display:inline-block;
		margin-left:80px;
		color:#fff;
		font-size:18px;
	}
	
	#header .menu li a{
		color:#fff;
	}
	
	#header .moMenu{
		display:inline-block;
		float:right;
		width:20px;
		margin-top:5px;
		cursor:pointer;
	}
	
	#header .moMenu img{
		width:100%;
	}
	
	
	
		
		
	#header .moSlideMenu{
		width:100%;
		height:100%;
		position:fixed;
		background:rgba(0,0,0,0.8);
		top:0;
		z-index:2;
		right:-100%;
		transition:0.5s;
	}
	
	
	#header .moSlideMenu .top{
		width:100%;
		padding:1.5em 3%;
		box-sizing:border-box;
		border-bottom:1px solid rgba(255,255,255,0.3);
		display:inline-block;
	}
	
	
	
	#header .moSlideMenu .top .logo{
		width:180px;
		display:inline-block;
		vertical-align:Middle;
	}
	
	#header .moSlideMenu .top .logo img{
		width:100%;
	}
	
	#header .moSlideMenu .top .menuClose{
		width:20px;
		display:inline-block;
		vertical-align:Middle;
		float:Right;
		margin-top:5px;
	}
	
	
	#header .moSlideMenu .moMenuList{
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		text-align:Center;
		width:100%;
	}
	
	#header .moSlideMenu .moMenuList li{
		font-size:20px;
		color:#fff;
		margin-top:30px;
		font-weight:bold;
	}
	
	#header .moSlideMenu .moMenuList li a{
		color:#fff;
	}
	
	#header .moSlideMenu .moMenuList li:first-child{
		margin-top:0px;
	}

	
	
	
	
	
	#footer{
		width:100%;
		border-top:1px solid #e5e5e5;
		padding:50px 0px;
	}
	
	#footer .inner{
		width:94%;
		margin:0 auto;
	}
	
	#footer .inner .container{
		width:100%;
		display:inline-block;
	}
	
	#footer .inner .container .infoA{
		display:inline-block;
		width:100%;
	}
	
	#footer .inner .container .infoA .nm{
		font-size:18px;
		color:#222;
		font-weight:bold;
		font-family:'montserrat';
	}
	
	#footer .inner .container .infoA .info{
		font-size:14px;
		color:#777;
		line-height:24px;
		margin-top:20px;
	}
	
	#footer .inner .container .copy{
		display:inline-block;
		clear:both;
		width:100%;
		margin-top:20px;
		font-size:14px;
		color:#777;
		font-family:'montserrat';
		word-break:keep-all;
	}

}