/* Scroll Animation (sa, 스크롤 애니메이션) */
.ani {
opacity: 0;
transition: all .5s ease;
}

/* 아래에서 위로 페이드 인 */
.ani-up {
transform: translate(0, 100px);
}
/* 위에서 아래로 페이드 인 */
.ani-down {
transform: translate(0, -100px);
}
/* 왼쪽에서 오른쪽으로 페이드 인 */
.ani-right {
transform: translate(-100px, 0);
}
/* 오른쪽에서 왼쪽으로 페이드 인 */
.ani-left {
transform: translate(100px, 0);
}
/* 왼쪽으로 회전하면서 페이드 인 */
.ani-rotateL {
transform: rotate(180deg);
}
/* 오른쪽으로 회전하면서 페이드 인 */
.ani-rotateR {
transform: rotate(-180deg);
}
/* 작아진 상태에서 커지면서 페이드 인 */
.ani-scaleUp {
transform: scale(.5);
}
/* 커진 상태에서 작아지면서 페이드 인 */
.ani-scaleDown {
transform: scale(1.5);
}

.ani.show {
opacity: 1;
transform: none;
}