@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

.sound_only {
    display: none;
}

body {
    font-family: 'Noto Sans KR', sans-serif;
}


/* ===== FADEIN 애니메이션 - 공통 사용 가능 ===== */

/* FadeIn Up 애니메이션 - 재사용 가능한 클래스 */
.fadein-up {
    opacity: 0 !important;
    transform: translateY(40px) !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  
  .fadein-up.show {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  
  /* FadeIn Right 애니메이션 - 카드용 */
  .fadein-right {
    opacity: 0 !important;
    transform: translateX(-60px) !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  
  .fadein-right.show {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }

  /* 애니메이션 지연 시간 */
.fadein-up[data-delay="0"] { transition-delay: 0s !important; }
.fadein-up[data-delay="100"] { transition-delay: 0.1s !important; }
.fadein-up[data-delay="200"] { transition-delay: 0.2s !important; }
.fadein-up[data-delay="300"] { transition-delay: 0.3s !important; }
.fadein-up[data-delay="400"] { transition-delay: 0.4s !important; }
.fadein-up[data-delay="500"] { transition-delay: 0.5s !important; }
.fadein-up[data-delay="600"] { transition-delay: 0.6s !important; }
.fadein-up[data-delay="700"] { transition-delay: 0.7s !important; }
.fadein-up[data-delay="800"] { transition-delay: 0.8s !important; }
.fadein-up[data-delay="900"] { transition-delay: 0.9s !important; }
.fadein-up[data-delay="1000"] { transition-delay: 1s !important; }

.fadein-right[data-delay="0"] { transition-delay: 0s !important; }
.fadein-right[data-delay="100"] { transition-delay: 0.2s !important; }
.fadein-right[data-delay="200"] { transition-delay: 0.2s !important; }
.fadein-right[data-delay="300"] { transition-delay: 0.4s !important; }
.fadein-right[data-delay="400"] { transition-delay: 0.4s !important; }
.fadein-right[data-delay="500"] { transition-delay: 0.5s !important; }
.fadein-right[data-delay="600"] { transition-delay: 0.6s !important; }
.fadein-right[data-delay="700"] { transition-delay: 0.7s !important; }
.fadein-right[data-delay="800"] { transition-delay: 0.8s !important; }


/* Line Clamp */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}