/* 배경 이미지 */
.kv-bg {
    background: url("../img/kv-bg-off.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    position: relative; /* 자식 요소를 위한 상대적 위치 설정 */
    width: 100%;  /* 부모 요소의 너비 설정 */
    height: 100vh;  /* 부모 요소의 높이 설정 */
}

@media (max-width:767px) {
    .kv-bg {
        background-size: 1500px auto;
        background-position: top left -700px;
    }
}

/* 반짝이는 이미지 설정 */
/* .glow-kv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/kv-bg-on.jpg") no-repeat;  반짝이는 이미지 경로 설정
    background-size: cover;
    background-position: center;
    opacity: 0;  초기 투명도 설정 
    animation: glowEffect 6s infinite;  애니메이션 효과 적용 
} */

/* 반짝이는 애니메이션 효과 */
/* @keyframes glowEffect {
    0%, 100% {
        opacity: 0;
    }
    25%, 75% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
} */

/* 화면이 1320px 이하일 때 적용되는 스타일 *//* 배경 위치를 오른쪽 20%로 설정 */
/* @media (max-width: 1320px) {
    .kv-bg, .glow-kv, .kv-bottom, .glow-kv-bottom {
        background-position: center right 20%; 
    }
} */
