/* ============================================================
   home/home.css — 메인 홈 페이지 전용 스타일
============================================================ */

/* ---------- 히어로 배경 이미지 확대 애니메이션 ---------- */
@keyframes slow-zoom {
    from { transform: scale(1); }
    to   { transform: scale(1.08); }
}
.animate-slow-zoom { animation: slow-zoom 20s ease-out infinite alternate; }

/* ---------- 부유 애니메이션 ---------- */
@keyframes float {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}
.animate-float { animation: float 4s ease-in-out infinite; }

/* ---------- 네이비 그라디언트 오버레이 ---------- */
.navy-gradient-overlay {
    background: linear-gradient(
        to right,
        rgba(10, 25, 49, 0.8) 0%,
        rgba(10, 25, 49, 0.4) 60%,
        rgba(10, 25, 49, 0.1) 100%
    );
}

/* ---------- 비즈니스 카드 호버 ---------- */
.business-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.business-card:hover {
    transform: translateY(-10px);
    border-color: var(--main-blue);
    box-shadow: 0 20px 25px -5px rgba(0, 98, 255, 0.1), 0 10px 10px -5px rgba(0, 98, 255, 0.04);
}

/* ---------- 세로 롤링 전광판 ---------- */
@keyframes ticker-vertical {
    0%   { transform: translateY(0); }
    100% { transform: translateY(-50%); }
}
.ticker-v-content {
    display: flex;
    flex-direction: column;
    animation: ticker-vertical 30s linear infinite;
}
.ticker-v-item {
    padding: 1.2rem 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    font-weight: 600;
}