@charset "utf-8";

/* 메인 direct 호버용 - 탑다운 */
@keyframes topdown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}


/* 메인 더보기 버튼용 - 회전 */
@keyframes revolve {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}


/* hover - shadow */
@keyframes hover {
  50% {
    transform: translateY(-6px) translateX(-50%) ;
  }
  100% {
    transform: translateY(-9px) translateX(-50%) ;
  }
}
@keyframes hover-shadow {
  0% {
    transform: translateY(9px) translateX(-50%) ;
    opacity: 0.4;
  }
  50% {
    transform: translateY(6px) translateX(-50%) ;
    opacity: 1;
  }
  100% {
    transform: translateY(9px) translateX(-50%) ;
    opacity: 0.4;
  }
}