@charset "utf-8";

/*
 * NOTICE 서브페이지 애니메이션 모음
 * ---------------------------------------------------------
 * 적용 페이지: notice_subpage/notice_index.html
 *
 * 이 파일은 NOTICE 서브페이지에서 패널이 나타나는 효과와
 * 히어로 영역 안내 화살표 움직임만 따로 모아둔 곳입니다.
 */

/* 뉴스/이벤트 패널이 아래에서 위로 부드럽게 나타나는 효과 */
@keyframes panel-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

/* 히어로 영역 아래 안내 화살표가 위아래로 움직이는 효과 */
@keyframes arrow-bounce {
    0%,
    100% {
        opacity: 0.35;
        transform: translateY(0);
    }

    50% {
        opacity: 1;
        transform: translateY(9px);
    }
}