@charset "utf-8";

/* 투명 */
@-webkit-keyframes opac0 {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-webkit-keyframes opac0_50 {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}

/* Y축 이동 */
@-webkit-keyframes tranY20 {
	0% {transform:translateY(20px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-moz-keyframes tranY20 {
	0% {transform:translateY(20px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-o-keyframes tranY20 {
	0% {transform:translateY(20px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-ms-keyframes tranY20 {
	0% {transform:translateY(20px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes tranY20 {
	0% {transform:translateY(20px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}

@-webkit-keyframes tranY30 {
	0% {transform:translateY(30px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-moz-keyframes tranY30 {
	0% {transform:translateY(30px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-o-keyframes tranY30 {
	0% {transform:translateY(30px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-ms-keyframes tranY30 {
	0% {transform:translateY(30px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes tranY30 {
	0% {transform:translateY(30px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}

@-webkit-keyframes tranY80 {
	0% {transform:translateY(80px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-moz-keyframes tranY80 {
	0% {transform:translateY(80px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-o-keyframes tranY80 {
	0% {transform:translateY(80px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-ms-keyframes tranY80 {
	0% {transform:translateY(80px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes tranY80 {
	0% {transform:translateY(80px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
/**********************/
@-webkit-keyframes tranY0_40 {
	0% {transform:translateY(0); opacity:0;}
	50% {transform:translateY(40px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-moz-keyframes tranY0_40 {
	0% {transform:translateY(0); opacity:0;}
	50% {transform:translateY(40px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-o-keyframes tranY0_40 {
	0% {transform:translateY(0); opacity:0;}
	50% {transform:translateY(40px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-ms-keyframes tranY0_40 {
	0% {transform:translateY(0); opacity:0;}
	50% {transform:translateY(40px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes tranY0_40 {
	0% {transform:translateY(0); opacity:0;}
	50% {transform:translateY(40px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
/**********************/
@-webkit-keyframes tranY0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateY(50px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-moz-keyframes tranY0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateY(50px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-o-keyframes tranY0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateY(50px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-ms-keyframes tranY0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateY(50px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes tranY0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateY(50px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
/**********************/
@-webkit-keyframes tranY0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateY(50px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-moz-keyframes tranY0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateY(50px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-o-keyframes tranY0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateY(50px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-ms-keyframes tranY0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateY(50px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes tranY0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateY(50px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
/**********************/
@-webkit-keyframes tranYm20 {
	0% {transform:translateY(-20px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-moz-keyframes tranYm20 {
	0% {transform:translateY(-20px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-o-keyframes tranYm20 {
	0% {transform:translateY(-20px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-ms-keyframes tranYm20 {
	0% {transform:translateY(-20px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes tranYm20 {
	0% {transform:translateY(-20px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}

/* X축 이동 */
@-webkit-keyframes tranX80 {
	0% {transform:translateX(80px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
@-moz-keyframes tranX80 {
	0% {transform:translateX(80px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
@-o-keyframes tranX80 {
	0% {transform:translateX(80px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
@-ms-keyframes tranX80 {
	0% {transform:translateX(80px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
@keyframes tranX80 {
	0% {transform:translateX(80px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
/**********************/
@-webkit-keyframes tranX0_40 {
	0% {transform:translateX(0); opacity:0;}
	50% {transform:translateX(40px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
@-moz-keyframes tranX0_40 {
	0% {transform:translateX(0); opacity:0;}
	50% {transform:translateX(40px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
@-o-keyframes tranX0_40 {
	0% {transform:translateX(0); opacity:0;}
	50% {transform:translateX(40px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
@-ms-keyframes tranX0_40 {
	0% {transform:translateX(0); opacity:0;}
	50% {transform:translateX(40px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
@keyframes tranX0_40 {
	0% {transform:translateX(0); opacity:0;}
	50% {transform:translateX(40px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
/**********************/
@-webkit-keyframes tranX0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateX(50px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
@-moz-keyframes tranX0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateX(50px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
@-o-keyframes tranX0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateX(50px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
@-ms-keyframes tranX0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateX(50px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}
@keyframes tranX0_50 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translateX(50px); opacity:0;}
	100% {transform:translateX(0); opacity:1;}
}

/* X, Y축 이동 */
@-webkit-keyframes tranXY0_80 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translate(80px, -80px); opacity:0;}
	100% {transform:translate(0); opacity:1;}
}
@-moz-keyframes tranXY0_80 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translate(80px, -80px); opacity:0;}
	100% {transform:translate(0); opacity:1;}
}
@-o-keyframes tranXY0_80 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translate(80px, -80px); opacity:0;}
	100% {transform:translate(0); opacity:1;}
}
@-ms-keyframes tranXY0_80 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translate(80px, -80px); opacity:0;}
	100% {transform:translate(0); opacity:1;}
}
@keyframes tranXY0_80 {
	0% {transform:translate(0); opacity:0;}
	60% {transform:translate(80px, -80px); opacity:0;}
	100% {transform:translate(0); opacity:1;}
}