/*----------------------------------------------
	common
---------------------------------------------*/
@keyframes loop {
	0% {
		transform: translateX(100%);
	}

	to {
		transform: translateX(-100%);
	}
}
@keyframes loop2 {
	0% {
		transform: translateX(0);
	}

	to {
		transform: translateX(-200%);
	}
}
@keyframes bound {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	75% {
		opacity: 1;
		transform: translateY(-5px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes zoom {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	75% {
		opacity: 1;
		transform: scale(0.95);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
/*----------------------------------------------
	mv
---------------------------------------------*/
@keyframes mv_update {
	0% {
		opacity: 0;
		transform: scale(1.1);
	}
	50% {
		opacity: 1;
		transform: scale(1);
	}
	75% {
		opacity: 1;
		transform: scale(1.05);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes mv_update_bg {
	0% {
		background-size: 0% auto;
	}
	100% {
		background-size: 100% auto;
	}
}
/*----------------------------------------------
	modal
---------------------------------------------*/
@keyframes modal {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}