﻿
/****************************************************
		모션
****************************************************/
	.-mos {
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000px;		
		backface-visibility: hidden;
		perspective: 1000px;
	}
	.-trans {
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	.-moslow {
		
		-webkit-transition: all 0.50s ease; 
		-moz-transition: all 0.50s ease; 		
		-o-transition: all 0.50s ease;
		-khtml-transition : all 0.50s ease;
		-ms-transition : all 0.50s ease;
		 transition: all 0.50s ease; 
	}
	.-mofast {
		
		-webkit-transition: all 0.20s ease; 
		-moz-transition: all 0.20s ease; 		
		-o-transition: all 0.20s ease;
		-khtml-transition : all 0.20s ease;
		-ms-transition : all 0.20s ease;
		 transition: all 0.20s ease; 
	}

	/*
		왼쪽에서 오른쪽으로
	*/
	@-webkit-keyframes cycleprev {
		0% {
			opacity:1;
			-moz-transform: scale(1) translate(0, 0px);
			-webkit-transform: scale(1) translate(0, 0px);
			-o-transform: scale(1) translate(0, 0px);
			-ms-transform: scale(1) translate(0, 0px);
			transform: scale(1) translate(0, 0px);
		}
		50% {
			opacity:0.7;
			-moz-transform: scale(1) translate(5px, 0px);
			-webkit-transform: scale(1) translate(5px, 0px);
			-o-transform: scale(1) translate(5px, 0px);
			-ms-transform: scale(1) translate(5px, 0px);
			transform: scale(1) translate(5px, 0px);
		}
		100% {
			opacity:1;
			-moz-transform: scale(1) translate(0, 0px);
			-webkit-transform: scale(1) translate(0, 0px);
			-o-transform: scale(1) translate(0, 0px);
			-ms-transform: scale(1) translate(0, 0px);
			transform: scale(1) translate(0, 0px);
		}
	}


	@keyframes -rotate {
		0% { opacity:1; 
			-webkit-transform-origin: center center;
			-moz-transform-origin: center center;
			-o-transform-origin: center center;
			transform-origin: center center;
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-o-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
		}
		100% { opacity:1; 
			-moz-transform: scale(1) rotate(-90deg);
			-webkit-transform: scale(1) rotate(-90deg);
			-o-transform: scale(1) rotate(-90deg);
			-ms-transform: scale(1) rotate(-90deg);
			transform: scale(1) rotate(-90deg);
		}
	}

	@keyframes -rotate {
		0% { opacity:1; 
			-webkit-transform-origin: center center;
			-moz-transform-origin: center center;
			-o-transform-origin: center center;
			transform-origin: center center;
			-moz-transform: scale(1) translate(0, 0px) rotate(0deg);
			-webkit-transform: scale(1) translate(0, 0px) rotate(0deg);
			-o-transform: scale(1) translate(0, 0px) rotate(0deg);
			-ms-transform: scale(1) translate(0, 0px) rotate(0deg);
			transform: scale(1) translate(0, 0px) rotate(0deg);
		}
		100% { opacity:1; 
			-moz-transform: scale(1) translate(0, 0px) rotate(-90deg);
			-webkit-transform: scale(1) translate(0, 0px) rotate(-90deg);
			-o-transform: scale(1) translate(0, 0px) rotate(-90deg);
			-ms-transform: scale(1) translate(0, 0px) rotate(-90deg);
			transform: scale(1) translate(0, 0px) rotate(-90deg);
		}
	}