@charset "utf-8";
/* animation keyframes */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

@keyframes flyIcon {
    0% {
        transform: translate(0, 0px); /* 처음 위치 */
    }
    25% {
        transform: translate(0, 8px); /* 천천히 위로 */
    }
    50% {
        transform: translate(0, 16px); /* 가장 높은 위치 */
    }
    75% {
        transform: translate(0, 8px); /* 다시 내려옴 */
    }
    100% {
        transform: translate(0, 0px); /* 처음 위치로 */
    }
}

@keyframes flyIcon02 {
    0% {
        transform: translate(0, 0px); /* 처음 위치 */
    }
    25% {
        transform: translate(0, -8px); /* 천천히 아래로 */
    }
    50% {
        transform: translate(0, -16px); /* 가장 낮은 위치 */
    }
    75% {
        transform: translate(0, -8px); /* 다시 위로 올라옴 */
    }
    100% {
        transform: translate(0, 0px); /* 처음 위치로 */
    }
}

@keyframes title_point_left {
    0% {
        transform: translateY(0px); /* 처음 위치 */
    }
    25% {
        transform: translateY(-4px); /* 천천히 아래로 */
    }
    50% {
        transform: translateY(-8px); /* 가장 낮은 위치 */
    }
    75% {
        transform: translateY(-4px); /* 다시 위로 올라옴 */
    }
    100% {
        transform: translateY(0px); /* 처음 위치로 */
    }
}
@keyframes title_point_middle {
    0% {
        transform: translate(-50%, 0px); /* 처음 위치 */
    }
    25% {
        transform: translate(-51%, -6px); /* 천천히 아래로 */
    }
    50% {
        transform: translate(-52%, -12px); /* 가장 낮은 위치 */
    }
    75% {
        transform: translate(-51%, -6px); /* 다시 위로 올라옴 */
    }
    100% {
        transform: translate(-50%, 0px); /* 처음 위치로 */
    }
}
@keyframes title_point_right {
    0% {
        transform: translateY(0px); /* 처음 위치 */
    }
    25% {
        transform: translateY(4px); /* 천천히 위로 */
    }
    50% {
        transform: translateY(8px); /* 가장 높은 위치 */
    }
    75% {
        transform: translateY(4px); /* 다시 내려옴 */
    }
    100% {
        transform: translateY(0px); /* 처음 위치로 */
    }
}