/* made by KimEunJi in INET*/
/* 페이드 */
.scrollRemoveFade{
	transform-origin: 50% 50%;
	animation: scrollRemoveFade 0.7s linear 0s 1 alternate forwards;
}
@keyframes scrollRemoveFade{
	0%	{z-index:1;opacity:1;}
	100%{z-index:1;opacity:1;}
}
.scrollMoveFade{
	position:absolute;
	width:100%;top:0;height:100%;
	transform-origin: 50% 50%;
	animation: scrollMoveFade 0.7s linear 0s 1 alternate both;
}
@keyframes scrollMoveFade{
	0%	{z-index:2;opacity:0;}
	100%{z-index:2;opacity:1;}
}

/* 위아래 
.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%	{opacity:1.00;transform:perspective(1000px) rotateX(0deg)	;z-index:1;}                    
	15%	{opacity:0.80;transform:perspective(1000px) rotateX(-10deg)	;}                              
	80% {opacity:0.15;transform:perspective(1000px) rotateX(0deg) translateZ(-300px);}               
	100%{opacity:0.00;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%	{opacity:0.00;top:100%}                    
	100%{opacity:1.00;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%	{opacity:1.00;transform:perspective(1000px) rotateX(0deg)	;z-index:1;}                          
	15%	{opacity:0.80;transform:perspective(1000px) rotateX(10deg)	;}                                    
	80%	{opacity:0.15;transform:perspective(1000px) rotateX(0deg) translateZ(-300px);}                     
	100%{opacity:0.00;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%	{opacity:0.00;top:-100%}                    
	100%{opacity:1.00;top:0%}                              
}
*/

/* 좌우 */
.scrollRemoveDown{
	position:absolute;
	width:100%;top:0;height:100%;
	transform-origin: 50% 50%;
	animation: scrollRemoveDown 0.7s ease-in 0s 1 alternate forwards;
}
@keyframes scrollRemoveDown{
	0%	{z-index:2;}
	100%{z-index:2;}
}
.scrollMoveDown{
	position:absolute;
	width:100%;top:0;height:100%;

	transform-origin: 50% 50%;
	animation: scrollMoveDown 0.7s linear 0s 1 alternate both;
}
@keyframes scrollMoveDown{
	0%	{z-index:3;transform:scale(0.8);opacity:0;}
	100%{z-index:3;transform:scale(1);opacity:1;}
}
.scrollRemoveUp{
	position:absolute;
	width:100%;top:0;height:100%;
	transform-origin: 50% 50%;
	animation: scrollRemoveUp 0.7s linear 0s 1 alternate forwards;
}
@keyframes scrollRemoveUp{
	0%	{z-index:3;transform:scale(1);opacity:1;}
	100%{z-index:3;transform:scale(0.8);opacity:0;}
}
.scrollMoveUp{
	position:absolute;
	width:100%;top:0;height:100%;
	transform-origin: 50% 50%;
	animation: scrollMoveUp 0.7s linear 0s 1 alternate both;
}
@keyframes scrollMoveUp{
	0%	{z-index:1;}
	100%{z-index:1;}
}


/* 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-size:0px;
	background-position:center;
}
.photoMC li{
	position:relative;display:inline-block;float:left;overflow:hidden;
	background-image:inherit;
	background-position:inherit;
	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;
}