@keyframes letterFadeDown{
	0%{ transform: translateY(-100%); opacity: 0; }
	100%{ transform: translateY(0); opacity: 1; }
}

@keyframes scrollDown01{
	0%{ clip-path: inset(0 0 100% 0); -webkit-clip-path: inset(0 0 100% 0); }
	25%{ clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }
	50%{ clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }
	100%{ clip-path: inset(100% 0 0 0); -webkit-clip-path: inset(100% 0 0 0); }
}

@keyframes scrollDown02{
	0%{ height: var(--before); top: -700%; transform: translateY(-700%); }
	25%{ height: var(--before); }
	50%{ height: var(--after); top: 100%; transform: translateY(100%); }
	100%{ height: var(--after); top: 700%; transform: translateY(700%); }
}

@keyframes scrollDown03{
	0%{ transform: translateY(-100%); opacity: 0; }
	25%{ transform: translateY(0); opacity: 1; }
	75%{ transform: translateY(0); opacity: 1; }
	100%{ transform: translateY(100%); opacity: 0; }
}

@keyframes rotate360{
	0%{ transform: translate(-50%, -50%) rotate(0); }
	100%{ transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes textBg{
	0% { background-position: 100%; }
	50% { opacity: 1; }
	100% { opacity: 1; background-position: 0; }
}

@keyframes textClip{
	0%{ transform: translateY(100%); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
	100%{ transform: translateY(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}

@keyframes numCount01{
	0%{ top: 2.6em; transform: translateY(-100%); }
	100%{ top: 0; transform: translateY(0); }
}

@keyframes numCount02{
	0%{ top: 0; transform: translateY(0); }
	100%{ top: 1.3em; transform: translateY(-100%); }
}

@keyframes floatingMap{
	0%{ transform: translateY(-10px); }
	30%{ transform: translateY(0); }
	50%{ transform: translateY(0); }
	70%{ transform: translateY(0); }
	100%{ transform: translateY(-10px); }
}

@keyframes circleMap{
	0%{ transform: scale(0); opacity: 0; }
	35%{ transform: scale(1); opacity: 1; }
	50%{ transform: scale(1); opacity: 1; }
	65%{ transform: scale(1); opacity: 1; }
	100%{ transform: scale(0); opacity: 0; }
}

@keyframes orginRight{
	0%{ transform: translateX(0); }
	50%{ transform: translateX(-100%); }
	50.01%{ transform: translateX(100%); }
	100%{ transform: translateX(0); }
}

@keyframes cloneRight{
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-200%); }
}