@charset "utf-8";

@-webkit-keyframes fadeIn {
	0%, 20% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fadeInUp {
	0%, 20% { opacity: 0; transform: translate3d(0, 40px, 0); }
	100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes fadeInDown {
	0%, 20% { opacity: 0; transform: translate3d(0, -40px, 0); }
	100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes fadeInRight {
	0%, 20% { opacity: 0; transform: translate3d(40px, 0, 0); }
	100% { opacity: 1;transform: translate3d(0, 0, 0); }
}

@keyframes fadeInLeft {
	0%, 20% { opacity: 0; transform: translate3d(-40px, 0, 0); }
	100% { opacity: 1;transform: translate3d(0, 0, 0); }
}

.module_container > a[data-effect] {display: block;}

/* 페이드인 */
[data-effect='fade-in'] {opacity: 0;}
[data-effect='fade-in'].animate{animation:fade-in .4s cubic-bezier(.25,.46,.45,.94) both;}
@keyframes fade-in{
	100%{ opacity: 1;}
}

/* 날아오기 */
[data-effect='slide-top'] {opacity: 0;}
.normal_module:has([data-effect='slide-top']){overflow: hidden; position: relative;}
[data-effect='slide-top'].animate{animation:slide-top .37s cubic-bezier(.25,.46,.45,.94) both;}
@keyframes slide-top{
	0%{	transform:translateY(-100px); }
	100%{transform:translateY(0px); opacity: 1;}
}

[data-effect='slide-bottom'] {opacity: 0;}
.normal_module:has([data-effect='slide-bottom']){overflow: hidden; position: relative;}
[data-effect='slide-bottom'].animate{animation:slide-bottom .37s cubic-bezier(.25,.46,.45,.94) both;}
@keyframes slide-bottom {
	0%{	transform:translateY(100px); opacity: 0;}
	100%{transform:translateY(0px); opacity: 1;} 
}

[data-effect='slide-left'] {opacity: 0;}
[data-effect='slide-left'].animate{animation:slide-left .37s cubic-bezier(.25,.46,.45,.94) both;}
@keyframes slide-left {
	0%{transform:translateX(-100px);}
	100%{transform:translateX(0); opacity: 1;}
}

[data-effect='slide-right'] {opacity: 0;}
[data-effect='slide-right'].animate{animation:slide-right .37s cubic-bezier(.25,.46,.45,.94) both;}
@keyframes slide-right {
	0%{transform:translateX(100px);}
	100%{transform:translateX(0); opacity: 1;}
}

/* 나타나기 */
.normal_module:has([data-effect='mask-slide-top']){overflow: hidden; position: relative;}
[data-effect='mask-slide-top'] {opacity: 0;}
[data-effect='mask-slide-top'].animate{animation:mask-slide-top .7s cubic-bezier(.25,.46,.45,.94) both; opacity: 1;}
@keyframes mask-slide-top {
	0%{transform:translateY(-130vh);}
	100%{transform:translateY(0);}
}

.normal_module:has([data-effect='mask-slide-bottom']){overflow: hidden; position: relative;}
[data-effect='mask-slide-bottom'] {opacity: 0;}
[data-effect='mask-slide-bottom'].animate{animation:mask-slide-bottom .7s cubic-bezier(.25,.46,.45,.94) both; opacity: 1;}
@keyframes mask-slide-bottom {
	0%{transform:translateY(130vh);}
	100%{transform:translateY(0);}
}

.normal_module:has([data-effect='mask-slide-left']){overflow: hidden; position: relative;}
[data-effect='mask-slide-left'] {opacity: 0;}
[data-effect='mask-slide-left'].animate{animation:mask-slide-left .7s cubic-bezier(.25,.46,.45,.94) both; opacity: 1;}
@keyframes mask-slide-left {
	0%{transform:translateX(-100vw);}
	100%{transform:translateX(0);}
}

.normal_module:has([data-effect='mask-slide-right']){overflow: hidden; position: relative;}
[data-effect='mask-slide-right'] {opacity: 0;}
[data-effect='mask-slide-right'].animate{animation:mask-slide-right .7s cubic-bezier(.25,.46,.45,.94) both; opacity: 1;}
@keyframes mask-slide-right {
	0%{transform:translateX(100vw);}
	100%{transform:translateX(0);}
}

/*배경*/
[data-effect='img-scale-up-hor-center'].animate {animation:img-scale-up-hor-center .7s cubic-bezier(.6,.575,.565,1.000) both}
@keyframes img-scale-up-hor-center {
	0%{margin:0 10%;}
	100%{margin:0 0;}
}