@keyframes mouseDown {
	0% {
		-webkit-transform: translate(-50%, 0);
		        transform: translate(-50%, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(-50%, 10px);
		        transform: translate(-50%, 10px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes mouseDown {
	0% {
		-webkit-transform: translate(-50%, 0);
		        transform: translate(-50%, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(-50%, 10px);
		        transform: translate(-50%, 10px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.mouse::before {
    -webkit-animation: mouseDown 2s infinite;
    animation: mouseDown 2s infinite;
}

@-webkit-keyframes floatUp {
	0% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
	50% {
		-webkit-transform: translatey(-15px);
		        transform: translatey(-15px);
	}
	100% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
}

@keyframes floatUp {
	0% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
	50% {
		-webkit-transform: translatey(-15px);
		        transform: translatey(-15px);
	}
	100% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
}

@-webkit-keyframes floatUp02 {
	0% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
	50% {
		-webkit-transform: translatey(-10px);
		        transform: translatey(-10px);
	}
	100% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
}

@keyframes floatUp02 {
	0% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
	50% {
		-webkit-transform: translatey(-10px);
		        transform: translatey(-10px);
	}
	100% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
}

@-webkit-keyframes floatDown {
	0% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
	50% {
		-webkit-transform: translatey(15px);
		        transform: translatey(15px);
	}
	100% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
}

@keyframes floatDown {
	0% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
	50% {
		-webkit-transform: translatey(15px);
		        transform: translatey(15px);
	}
	100% {
		-webkit-transform: translatey(0px);
		        transform: translatey(0px);
	}
}

@-webkit-keyframes arrowSide {
	0% {
		-webkit-transform: translateX(0px);
		        transform: translateX(0px);
	}
	100% {
		-webkit-transform: translateX(5px);
		        transform: translateX(5px);
	}
}

@keyframes arrowSide {
	0% {
		-webkit-transform: translateX(0px);
		        transform: translateX(0px);
	}
	100% {
		-webkit-transform: translateX(5px);
		        transform: translateX(5px);
	}
}

@-webkit-keyframes fadeUp01 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		        transform: translateY(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		        transform: translateY(0px);
	}
}

@keyframes fadeUp01 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		        transform: translateY(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		        transform: translateY(0px);
	}
}

@-webkit-keyframes fadeUp02 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		        transform: translateY(0px);
	}
}

@keyframes fadeUp02 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		        transform: translateY(0px);
	}
}

@-webkit-keyframes fadeUp03 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(15px);
		        transform: translateY(15px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		        transform: translateY(0px);
	}
}

@keyframes fadeUp03 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(15px);
		        transform: translateY(15px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		        transform: translateY(0px);
	}
}

@keyframes scaleVisual {
	0% {
		background-size: 100%;
	}
	100% {
		background-size: 104%;
	}
}

/* btnGo */
.btnGo span::after {
	-webkit-animation: arrowSide .5s linear 0s infinite alternate;
	        animation: arrowSide .5s linear 0s infinite alternate;
}

/* fadeUp */
.fadeUp {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

.mainSection .index01 {
	-webkit-animation: fadeUp01 1.3s forwards;
	        animation: fadeUp01 1.3s forwards;
}

.mainSection .index02 {
	-webkit-animation: fadeUp02 1.3s forwards;
	        animation: fadeUp02 1.3s forwards;
	-webkit-animation-delay: .2s;
	        animation-delay: .2s;
}

.mainSection .index03 {
	-webkit-animation: fadeUp03 1.3s forwards;
	        animation: fadeUp03 1.3s forwards;
	-webkit-animation-delay: .4s;
	        animation-delay: .4s;
}

/* visualArea .subTitleArea */
.visualArea .subTitleArea {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
	-webkit-animation: fadeUp01 .8s forwards;
	        animation: fadeUp01 .8s forwards;
}

/* visualArea .subDescArea */
.visualArea .subDescArea p {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
	-webkit-animation: fadeUp01 .8s forwards;
	        animation: fadeUp01 .8s forwards;
	-webkit-animation-delay: .2s;
	        animation-delay: .2s;
}

/* visualArea .inner.type03 */
.visualArea > .inner.type03 .subDescArea.type02 p {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.visualArea > .inner.type03 .subDescArea.type02 p:first-of-type {
	-webkit-animation: fadeUp01 .8s forwards;
	        animation: fadeUp01 .8s forwards;
	-webkit-animation-delay: .05s;
	        animation-delay: .05s;
}

.visualArea > .inner.type03 .subDescArea.type02 p:nth-of-type(2) {
	-webkit-animation: fadeUp01 .8s forwards;
	        animation: fadeUp01 .8s forwards;
	-webkit-animation-delay: .08s;
	        animation-delay: .08s;
}

.visualArea > .inner.type03 .subDescArea.type02 p:nth-of-type(3) {
	-webkit-animation: fadeUp01 .8s forwards;
	        animation: fadeUp01 .8s forwards;
	-webkit-animation-delay: .11s;
	        animation-delay: .11s;
}

.visualArea > .inner.type03 .subDescArea.type02 p:nth-of-type(4) {
	-webkit-animation: fadeUp01 .8s forwards;
	        animation: fadeUp01 .8s forwards;
	-webkit-animation-delay: .15s;
	        animation-delay: .15s;
}

.next {
	-webkit-animation: floatUp02 3s infinite;
	        animation: floatUp02 3s infinite;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/*  */
#wrap.blueVer .visualArea > .inner {
	-webkit-animation: scaleVisual 5s forwards;
	        animation: scaleVisual 5s forwards;
	-webkit-animation-delay: .05s;
	        animation-delay: .05s;
}