body {
    /* 이미지 크기가 커진 만큼 본문을 더 아래로 밀어줍니다 (기존 180px에서 변경) */
    padding-top: 230px !important; 
}


/* 1. PC 기준: 카피 이미지 중앙 정렬 및 750px 고정 */
.navbar-copy-wrap {
    clear: both !important;        /* 로고/메뉴의 float 간섭 차단 */
    display: block !important;     /* 한 줄 전체 차지 */
    width: 100% !important;
    text-align: center !important; /* 내부 요소 중앙 정렬 */
    padding: 15px 0 !important;
}

.navbar-copy {
    display: inline-block !important; /* 이미지 크기만큼만 영역 확보 */
    width: auto !important;
}

.navbar-copy img {
    /* PC에서 절대로 줄어들지 않도록 px로 강제 지정 */
    width: 750px !important; 
    max-width: 750px !important; 
    min-width: 750px !important;   /* 브라우저 축소 방어 핵심 */
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
}


/* 영상 래퍼 */
.video_wrap {
    position: relative;
    width: 100%;
    margin: 0 !important;
    /* 16:9 비율 유지 (1920x1080) */
    aspect-ratio: 16 / 9;
    
}

/* 메인 영상 */
#mainVideo {
    width: 100%;
    height: 100%;
    object-fit: contain;    /* 영상 전체가 화면에 맞고 잘림 방지 */
    background-color : #000
    display: block;
}





/* 화살표 스타일 */
.video_nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.3);
    color: white;
    border: none;
    font-size: 30px;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 20;
    transition: 0.3s;
}
.video_nav button:hover { background: rgba(0, 0, 0, 0.7); }
.prev_btn { left: 10px; }
.next_btn { right: 10px; }






/* ================= 모바일 ================= */
@media screen and (max-width: 640px) {
body {
        padding-top: 140px !important; /* 모바일은 기존대로 유지 */
    }
/* 모바일에서는 영상 영역을 꽉 채움 */
    .home_section .container-fluid, 
    .home_section .row,
    .home_content {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 2. 영상 래퍼 설정 */
    .video_wrap {
        position: relative;
        width: 100vw !important; /* 화면 가로폭을 100% 꽉 채움 */
        margin-left: 0 !important;
        left: 0 !important;
        height: 250px;
        background: #000;
        overflow: hidden;
    }

    #mainVideo {
        width: 100%;
        height: 100%;
        object-fit: cover; /* 화면을 꽉 채우되 비율 유지 */
    }



/* 모바일 카피 이미지 크기 조정 */
    .navbar-copy-wrap {
        padding: 0px 0 !important;
    }

    .navbar-copy img {
        width: 100% !important;
        max-width: 280px !important; /* 모바일에서 보기 적당한 크기 */
        min-width: 0 !important;      /* 고정 해제 */
    }




    /* 3. 화살표 위치 다시 조정 */
    .video_nav button {
        z-index: 100;
        font-size: 20px;
        padding: 8px 12px;
    }
    .prev_btn { left: 5px !important; }
    .next_btn { right: 5px !important; }
    } 

}