@CHARSET "UTF-8";
/*@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');*/

.floating-effect-slow,
.floating-effect,
.floating-effect2,
.floating-effect3,
.floating-effect4,
.floating-effect5,
.floating-effect6,
.floating-effect7 {
	will-change: transform;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}

.floating-effect-slow {
	animation-name: floating-effect-slow;
	-webkit-animation-name: floating-effect-slow;
	animation-duration: 3s;
	-webkit-animation-duration: 3s;
}

.floating-effect {
	animation-name: floating-effect;
	-webkit-animation-name: floating-effect;
	animation-duration: 1.8s;
	-webkit-animation-duration: 1.8s;
}

.floating-effect2 {
	animation-name: floating-effect;
	-webkit-animation-name: floating-effect;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
}

.floating-effect3,
.floating-effect4 {
	animation-name: floating-effect;
	-webkit-animation-name: floating-effect;
	animation-duration: 2.5s;
	-webkit-animation-duration: 2.5s;
}

.floating-effect5 {
	animation-name: floating-effect;
	-webkit-animation-name: floating-effect;
	animation-duration: 3s;
	-webkit-animation-duration: 3s;
}

.floating-effect6 {
	animation-name: floating-effect2;
	-webkit-animation-name: floating-effect2;
	animation-duration: 3.5s;
	-webkit-animation-duration: 3.5s;
}

.floating-effect7 {
	animation-name: floating-effect;
	-webkit-animation-name: floating-effect;
	animation-duration: 4s;
	-webkit-animation-duration: 4s;
}

/* Floating Effect */
@keyframes floating-effect {
	0% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(0, 3%, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes floating-effect {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 3%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@keyframes floating-effect2 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(0, -3%, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes floating-effect2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
	}
	50% {
		-webkit-transform: translate3d(0, -3%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}

/* Floating Effect Slow */
@keyframes floating-effect-slow {
	0% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(0, -2%, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes floating-effect-slow {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
	}
	50% {
		-webkit-transform: translate3d(0, -2%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}

/* Wobble Top */
@keyframes hvr-wobble-top {

	6.43% {
		transform: skew(-12deg) ;
	}
	12.36% {
		transform: skew(10deg);
	}
	19.8% {
		transform: skew(-6deg);
	}
	27.3% {
		transform: skew(4deg);
	}
	34.12% {
		transform: skew(-2deg);
	}
	90% {
		transform: skew(0deg);
		transform-box: fill-box;
	}
}

@-webkit-keyframes hvr-wobble-top {

	6.43% {
		-webkit-transform: skew(-12deg);
	}
	12.36% {
		-webkit-transform: skew(10deg);
	}
	19.8% {
		-webkit-transform: skew(-6deg);
	}
	27.3% {
		-webkit-transform: skew(4deg);
	}
	34.12% {
		-webkit-transform: skew(-2deg);
	}
	90% {
		-webkit-transform: skew(0deg);
		transform-box: fill-box;
	}
}

.hvr-wobble-top {
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	animation-name: hvr-wobble-top;
	-webkit-animation-name: hvr-wobble-top;
	animation-duration: 2.7s;
	-webkit-animation-duration: 2.7s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}