@charset "utf-8";
/* 메인 스크롤 다운 */
@keyframes scrollDown {
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }
    50% {
        transform: translateY(0px);
        opacity: 1;
    }
    100% {
        transform: translateY(10px);
        opacity: 0;
    }
}





/* 서브 타이틀 헤더  */
/* st0 */
@keyframes st0_point_left {
    0% {
        transform: translateX(0px);
    }
    25% {
        transform: translateX(-10px) rotate(5deg);
    }
    50% {
        transform: translateX(10px) rotate(0deg);
    }
    75% {
        transform: translateX(-5px)  rotate(5deg);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes st0_point_right {
    0% {
        transform: translateX(0px);
    }
    25% {
        transform: translateX(10px) rotate(-5deg);
    }
    50% {
        transform: translateX(-10px) rotate(0deg);
    }
    75% {
        transform: translateX(5px) rotate(-5deg);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes st0_point_people {
    0% {
        transform: translateY(0px);
    }
    30% {
        transform: translateY(-10px);
    }
    40% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(0px);
    }
}


/* st1 */
@keyframes st1_point_left {
    0% {
        transform: translate(0px, 0px);
    }
    25% {
        transform: translate(-8px, -8px);
    }
    50% {
        transform: translate(-12px, 12px);
    }
    75% {
        transform: translate(-8px, -8px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes st1_point_right {
    0% {
        transform: translate(0px, 0px);
    }
    25% {
        transform: translate(8px, -8px);
    }
    50% {
        transform: translate(12px, 12px);
    }
    75% {
        transform: translate(8px, -8px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes st1_point_people {
    0% {
        transform: translateY(0px);
    }
    30% {
        transform: translateY(-10px);
    }
    40% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(0px);
    }
}


/* st2 */
@keyframes st2_point_left {
    0% {
        transform: translateX(0px);
    }
    25% {
        transform: translateX(-10px);
    }
    50% {
        transform: translateX(-20px);
    }
    75% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes st2_point_right {
    0% {
        transform: translateX(0px);
    }
    25% {
        transform: translateX(10px);
    }
    50% {
        transform: translateX(20px);
    }
    75% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes st2_point_people {
    0% {
        transform: translateY(0px);
    }
    30% {
        transform: translateY(-10px);
    }
    40% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(0px);
    }
}


/* st3 */
@keyframes st3_point_left {
    0% {
        transform: translateX(0px);
    }
    25% {
        transform: translateX(-5px) rotate(5deg);
    }
    50% {
        transform: translateX(-10px) rotate(0deg);
    }
    75% {
        transform: translateX(-5px) rotate(3deg);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes st3_point_right {
    0% {
        transform: translateX(0px);
    }
    25% {
        transform: translateX(5px) rotate(-5deg);
    }
    50% {
        transform: translateX(10px) rotate(0deg);
    }
    75% {
        transform: translateX(5px) rotate(-3deg);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes st3_point_people {
    0% {
        transform: translateY(0px);
    }
    30% {
        transform: translateY(-10px);
    }
    40% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(0px);
    }
}



/* st4 */
@keyframes st4_point_left {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(-14px);
    }
    75% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes st4_point_right {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(14px);
    }
    75% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes st4_point_people {
    0% {
        transform: translateY(0px);
    }
    30% {
        transform: translateY(-10px);
    }
    40% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* st5 */
@keyframes st5_point_left {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(-14px);
    }
    75% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes st5_point_right {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(14px);
    }
    75% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes st5_point_people {
    0% {
        transform: translateY(0px);
    }
    30% {
        transform: translateY(-10px);
    }
    40% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(0px);
    }
}


/* Hover */
@keyframes hover {
    0% {
          transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}