==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

.symbol-target { padding-top: 100px; margin-top:-99px; width: 100%; height:0px; font-size:0px; line-height:0px; display:block; }

/* SECTIONS */
.mainS1 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(./image/mainS1_bg.jpg)#ffffff repeat-x;
	height: 1400px;
	overflow:hidden; 
	
}

.mainS1 .bgac01 {position:absolute; width:502px; height:511px; top:0; right:0;}
.mainS1 .bgac02 {position:absolute; width:484px; height:866px; left:0; bottom:0;}
.mainS1 .ac01 {position:absolute; width:1200px; height:239px; margin-left:50%; top:0; left:-600px; z-index:9;  }
.mainS1 .ac02 {position:absolute; width:1200px; height:383px; margin-left:50%; top:240px; left:-600px; z-index:9; }
.mainS1 .ac03 {position:absolute; width:1200px; height:230px; margin-left:50%; top:723px; left:-600px; z-index:9; }
.mainS1 .ac04 {position:absolute; width:1200px; height:300px; margin-left:50%; top:953px; left:-600px; z-index:9; }
.mainS1 .btn a { display:block; position:absolute; width:300px; height:50px; line-height:50px; margin-left:50%; top:1250px; left:-150px; z-index:9; font-family: 'NEXON Lv1 Gothic';  font-weight: 700; font-size: 20px; color:#222; background:#fff; border-radius:30px; border:#f8f8f8 1px solid; text-align: center;  }
.mainS1 .btn a:hover {background:#222; color:#fff;}

.line {border-right:#f4f4f4 2px solid;}

.mainS2 {
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url()#f9f9f9 center top no-repeat;
	height: 1450px;
	overflow:hidden; 
	
}
.mainS2 .cont {position:relative;width: 1200px; height: 1450px; margin:0 auto;}
.mainS2 .cont .ac01 {position:absolute; width:1200px; height:250px; top:0; left:0;}
.mainS2 .cont .ac02 {position:absolute; width:1200px; height:1100px; top:250px; left:0;}
.mainS2 .cont .btn a { display:block; position:absolute; width:300px; height:50px; line-height:50px; top:1300px; left:450px; z-index:9; font-family: 'NEXON Lv1 Gothic';  font-weight: 700; font-size: 20px; color:#222; background:#fff; border-radius:30px; border:#222 1px solid; text-align: center;  }
.mainS2 .cont .btn a:hover {background:#222; color:#fff;}

.mainS3 {
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url()#ffffff center top no-repeat;
	height: 1200px;
	overflow:hidden; 
	
}
.mainS3 .cont {position:relative;width: 1200px; height: 1200px; margin:0 auto;}
.mainS3 .cont .ac01 {position:absolute; width:1200px; height:250px; top:0; left:0;}
.mainS3 .cont .ac02 {position:absolute; width:1200px; height:230px; top:250px; left:0;}
.mainS3 .cont .btn a { display:block; position:absolute; width:300px; height:50px; line-height:50px; top:1050px; left:450px; z-index:9; font-family: 'NEXON Lv1 Gothic';  font-weight: 700; font-size: 20px; color:#222; background:#fff; border-radius:30px; border:#222 1px solid; text-align: center;  }
.mainS3 .cont .btn a:hover {background:#222; color:#fff;}

.mainS4 {
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url()#f9f9f9 center top no-repeat;
	height: 804px;
	overflow:hidden;
	
}
.mainS4 .cont {position:relative;width: 1200px; height: 804px; margin:0 auto;}
.mainS4 .cont .ac01 {position:absolute; width:1200px; height:258px; top:0; left:0;}
.mainS4 .cont .ac02 {position:absolute; width:1200px; height:434px; top:258px; left:0;}

.mainS5 {
	padding-top:50px;
	padding-bottom:0;
	margin: 0;
	background:url()#ffffff center top no-repeat;
	height: 365px;
	
}
.mainS5 .cont {position:relative;width: 1200px; height: 315px; margin:0 auto;}
.mainS5 .cont .Left {float: left; width: 598px; height: 315px;}
.mainS5 .cont .Right {float: left; width: 570px; height: 315px; padding-left:30px;}