@charset "utf-8";
*{
	margin:0;
	padding:0;
}
ul,li{
	list-style:none;
}
a{
	text-decoration:none;
}
body,html{
	overflow-x:hidden;
}
#wrap{width:100%;}

#header{
	width:100%;
	background:#fff;
	position:fixed;
	z-index:1000;
}
.cover{
	width:1180px;
	height:100%;
	margin:0 auto;
}
.cover .logo{
	margin:0px auto;
	width:228px;
	height:75px;
	background:url("../images/logo.png") no-repeat;
	float:left;
}

.cover #nav{
	float:right;
	width:550px;
	margin-top:15px;
}
.cover #nav ul li a{
	margin-left:30px;
	float:right;
	color:#8bbc41;
	line-height:40px;
	font-weight:550;
}

#nav ul li{
	float:left;
}

@media only screen and (max-width:1000px){
	#hedder .cover .logo{float:none;}
	#header .cover #nav{
		float:left;
	}
}





#movie_content{
	padding:0px;
	margin:0px auto;
	width:100%;
	height:100%;
	display:block;
}

.mov{
	max-width:100%;
	height:900px;
	margin-top:0px;
	background:url("../images/movie_bg.png") center no-repeat; 
}

#movie{
	width:1000px;
	height:562px;
	position:relative;
	left:50%;
	transform:translate(-50%, 35%);
}


#portfolio_content{
	padding:0px;
	margin:0 auto;
	max-width:100%;
	height:900px;
	background:url("../images/cont2.png") center no-repeat; 
	display:block;
}


#ani_content{
	padding:20px, 0, 0, 0;
	margin:0px auto;
	width:100%;
	height:1000px;
	background:url("../images/cont1.png") center no-repeat; 
	display:block;
}

#about_content{
	margin:0 auto;
	max-width:100%;
	height:900px;
	background:url("../images/cont3.png") center no-repeat; 
	display:block; 
}

#contact_content{
	margin:0 auto;
	max-width:100%;
	height:1080px;
	background:url("../images/cont4.png") center no-repeat; 
	display:block; 
}


.gallery{position: relative; width: 100%; display:block; }
/*.gallery{margin:0 auto; width:100%; height:900px; position:relative; overflow:hidden;}*/
/* Ȩ »çÀÌÁî */
.gallery .keyvisual{position: relative; width: 100%; height: 1080px; overflow: hidden;}
/* À̹ÌÁö ¿ÞÂÊÀ¸·Î À̵¿ */
.gallery .keyvisual li{position: absolute; left: 40%; top: 0; right: 0; width:100%; margin-left: -760px;
									opacity: 0; transform: translateX(50px); transition: opacity 0.5s, transform 1s;} 

.gallery .keyvisual li.current{opacity: 1; transform: translateX(0);}	
.gallery .keyvisual li img{display: inline-block;}
/* È­»ìÇ¥ */
.gallery .direction_nav{position: absolute; left: 45%; top: 40%; width: 1300px; height: 62px; 
									margin-left: -585px; margin-top: -35px;}
.gallery .direction_nav li.left{float: left;}
.gallery .direction_nav li.right{float: right;}
/*µ¿±×·¡¹Ì*/
.gallery .page{position: absolute; left: 45%; bottom: 120px; width: 500px;}
.gallery .page li{display: inline-block;}
.gallery .page li a{display: block; margin: 0 3px; width: 12px; height: 12px; background: #fff; border-radius: 50%;
								text-indent: -9999px;}
.gallery .page li.current a{background:#8BBC41;}