/* 히어로 배너 (비디오 영역) */
.hero-banner {
    position: relative; width: 100%; height: 260px;
    background: #000; overflow: hidden;
}
.video-layer {
    position: absolute; top: 50%; left: 50%;
    width: 100%; height: 100%; object-fit: cover;
    transform: translate(-50%, -50%); opacity: 0;
    transition: opacity 1.5s ease-in-out;
}
.video-layer.active { opacity: 0.6; }

.hero-content {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    z-index: 10; color: #fff; text-align: center;
}
#hero-text { font-size: 2.8rem; font-weight: 900; letter-spacing: -1px; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }
#hero-sub-text { font-size: 1rem; opacity: 0.9; font-weight: 500; }

/* 섹션 공통 카드 */
.mt-minus { margin-top: -30px; position: relative; z-index: 20; }
.section-card {
    background: #fff; border-radius: 25px; padding: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.03);
}
.section-title { font-weight: 800; font-size: 1.1rem; color: #222; margin-bottom: 15px; }

/* 게임 센터 그리드 (2열 3행) */
.game-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.game-item {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 15px 5px; border-radius: 18px; text-decoration: none;
    transition: all 0.2s; background: #f8f9fa;
}
.game-item i { font-size: 1.8rem; margin-bottom: 8px; }
.game-item span { font-size: 0.75rem; font-weight: 700; color: #444; }
.game-item:active { transform: scale(0.95); background: #eee; }

/* 서비스 아이콘 그리드 */
.info-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px 5px; }
.grid-link {
    display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #555;
}
.grid-link i {
    width: 50px; height: 50px; background: #fff; border-radius: 15px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; margin-bottom: 5px; box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    border: 1px solid #f1f1f1;
}
.grid-link span { font-size: 0.7rem; font-weight: 600; }

/* 색상 포인트 */
.bg-soft-red { background: #fff5f5 !important; color: #C8102E !important; }
.bg-soft-gold { background: #fffdf0 !important; color: #b7950b !important; }
.bg-soft-blue { background: #f0f7ff !important; color: #0d6efd !important; }