@keyframes scrollDown{
	0%{ top: 0; transform: translate(-50%, 0); }
	40%{ top: 100%; transform: translate(-50%, -100%); }
	80%{ top: 0; transform: translate(-50%, 0); }
	100%{ top: 0; transform: translate(-50%, 0); }
}

@keyframes scrollDown2{
	0%{ top: 0; transform: translateY(0); }
	80%{ top: 100%; transform: translateY(200%); }
	100%{ top: 100%; transform: translateY(200%); }
}

@keyframes bgScale{
	0%{ transform: scale(1.1); }
	100%{ transform: scale(1); }
}

@keyframes bgSclaeX{
	0%{ transform: scaleX(1); }
	100%{ transform: scaleX(0); }
}

@keyframes fadeUp{
	0%{ opacity: 0; transform: translateY(var(--aosP)); }
	100%{ opacity: 1; transform: translateY(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 bgClip{
	0%{ clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); }
	100%{ clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }
}

@keyframes mapCircle01{
	0%{ transform: scale(0); opacity: 1; }
	25%{ transform: scale(0.5); opacity: 1; }
	50%{ transform: scale(1); opacity: 0; }
	100%{ transform: scale(1); opacity: 0; }
}

@keyframes mapCircle02{
	0%{ transform: scale(0); opacity: 1; }
	50%{ transform: scale(0); opacity: 1; }
	75%{ transform: scale(0.5); opacity: 1; }
	100%{ transform: scale(1); opacity: 0; }
}