/* 위아래 */
.scrollRemoveDown{
	position:absolute;z-index:3;
	width:100%;top:0;height:100%;
	transform-stylepreserve-3d;
	transform-origin: 50% 0%;
	animation: scrollRemoveDown 0.7s linear 0s 1 alternate forwards;
}
@keyframes scrollRemoveDown{
	0%	{transform:perspective(1000px) rotateX(0deg)	;z-index:1;}                    
	15%	{transform:perspective(1000px) rotateX(-10deg)	;}                              
	80% {transform:perspective(1000px) rotateX(0deg) translateZ(-300px);}               
	100%{transform:perspective(1000px) translateZ(-300px) translatey(-10%);z-index:1;}  
}

.scrollMoveDown{
	position:absolute;z-index:2;
	width:100%;top:0;height:100%;
	transform-stylepreserve-3d;
	transform-origin: 50% 50%;
	animation: scrollMoveDown 0.7s linear 0s 1 alternate both;
}
@keyframes scrollMoveDown{
	0%	{top:100%}                    
	100%{top:0%}                              
}







.scrollRemoveUp{
	position:absolute;z-index:3;
	width:100%;top:0;height:100%;
	transform-stylepreserve-3d;
	transform-origin: 50% 100%;
	animation: scrollRemoveUp 0.7s linear 0s 1 alternate forwards;
}
@keyframes scrollRemoveUp{
	0%	{transform:perspective(1000px) rotateX(0deg)	;z-index:1;}                          
	15%	{transform:perspective(1000px) rotateX(10deg)	;}                                    
	80%	{transform:perspective(1000px) rotateX(0deg) translateZ(-300px);}                     
	100%{transform:perspective(1000px) translateZ(-300px) translatey(10%);z-index:1;}         
}

.scrollMoveUp{
	position:absolute;z-index:2;
	width:100%;top:0;height:100%;
	transform-stylepreserve-3d;
	transform-origin: 50% 50%;
	animation: scrollMoveUp 0.7s linear 0s 1 alternate both;
}
@keyframes scrollMoveUp{
	0%	{top:-100%}                    
	100%{top:0%}                              
}







.scrollRemoveRight{
	position:absolute;z-index:3;
	width:100%;top:0;height:100%;
	transform-stylepreserve-3d;
	transform-origin: 50% 50%;
	animation: scrollRemoveRight 0.7s linear 0s 1 alternate forwards;
}
@keyframes scrollRemoveRight{
	0%	{margin-left:0;transform:perspective(1000px) translateZ(0px);}
	15%	{margin-left:0;transform:perspective(1000px) translateZ(-200px);}
	80%{margin-left:-100%;transform:perspective(1000px) translateZ(-200px);}
	100%{margin-left:-100%;transform:perspective(1000px) translateZ(-200px);}
}

.scrollMoveRight{
	position:absolute;z-index:2;
	width:100%;top:0;height:100%;
	transform-stylepreserve-3d;
	transform-origin: 50% 50%;
	animation: scrollMoveRight 0.7s linear 0s 1 alternate both;
}
@keyframes scrollMoveRight{
	0%	{margin-left:100%;transform:perspective(1000px) translateZ(-200px);}
	15%	{margin-left:100%;transform:perspective(1000px) translateZ(-200px);}
	80%	{margin-left:0%;transform:perspective(1000px) translateZ(-200px);}
	100%{margin-left:0%;transform:perspective(1000px) translateZ(0px);}
}






.scrollRemoveLeft{
	position:absolute;z-index:3;
	width:100%;top:0;height:100%;
	transform-stylepreserve-3d;
	transform-origin: 50% 50%;
	animation: scrollRemoveLeft 0.7s linear 0s 1 alternate forwards;
}
@keyframes scrollRemoveLeft{
	0%	{margin-left:0;transform:perspective(1000px) translateZ(0px);}
	15%	{margin-left:0;transform:perspective(1000px) translateZ(-200px);}
	80%{margin-left:100%;transform:perspective(1000px) translateZ(-200px);}
	100%{margin-left:100%;transform:perspective(1000px) translateZ(-200px);}
}

.scrollMoveLeft{
	position:absolute;z-index:2;
	width:100%;top:0;height:100%;
	transform-stylepreserve-3d;
	transform-origin: 50% 50%;
	animation: scrollMoveLeft 0.7s linear 0s 1 alternate both;
}
@keyframes scrollMoveLeft{
	0%	{margin-left:-100%;transform:perspective(1000px) translateZ(-200px);}
	15%	{margin-left:-100%;transform:perspective(1000px) translateZ(-200px);}
	80%	{margin-left:0%;transform:perspective(1000px) translateZ(-200px);}
	100%{margin-left:0%;transform:perspective(1000px) translateZ(0px);}
}






/* photoMotion 관련 */
.scrollRemoveNo{
	position:absolute;z-index:2;
	width:100%;top:0;height:100%;
}
.scrollMoveNo{
	position:absolute;z-index:3;
	width:100%;top:0;height:100%;
}
.photoMC{
	position:relative;overflow:hidden;
	height:100%;
	background-repeat:no-repeat;
	background-position:-10000% -10000%;
	background-size:5px;
}
.photoMC li{
	position:relative;display:inline-block;float:left;overflow:hidden;
	background-image:inherit;
	background-position:center;
	background-size:cover;
	transition:all 0.7s;
	transition-property:transform, opacity;
}
.photoMC .MOVE{
	transform:translateX(0px) translateY(0px) scale(1) rotate(0) !important;
	opacity: 1.0 !important;
}
.photoMC li p{
	display:inline-block;
	position:absolute;left:0;top:0;
	background-image:inherit;
	background-position:inherit;
	background-size:inherit;
}