/* BASIC css start */
#contentWrapper {padding:0;}
#wrap{padding-bottom:0!important;}
#ep-header .center-box {display:none;}

#main .main-logo {    
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: 300px;
    pointer-events: none;
    }
#main .main-logo img {width:100%;}

#main {width: 100%; font-size:0;}

.LogoTop{
    display:none;
    z-index: 9999;
    left: 50%;
    top:10px;
    transform: translate(-50%, 0%);
    font-size: 47px;
    position: fixed;
    opacity: 1; /* 처음에는 숨김 */
    transition: opacity 0.2s ease-in-out; /* 부드러운 페이드 효과 */
}

#main .part-1 .mainCol2{display:flex;}
#main .part-1 .mainCol2 li{position:relative; width:50%;}
body{height:max-content; position:relative;}
.intro{height:100vh;}
.intro-wrap{overflow:hidden;}
.intro .swiper-wrapper{height:100%;}
.intro .swiper-wrapper .swiper-slide{height:100%; width:100%;}
.intro1 a{
    display:block;
    background-image: url('http://magjay.co.kr///web/2025_web/main/intro11.jpg');  배경 이미지 설정
    background-size: cover; /* 요소 크기에 맞게 가득 채우기 */
    background-position: center; /* 중앙 정렬 */
    background-repeat: no-repeat; /* 반복 없음 */
    width: 100%; /* 부모 요소 크기에 맞게 */
    height: 100vh; /* 화면 전체 높이 */
}
.intro1 a video{width:100%;}
.intro2 a{display:block;
    background-image: url('https:/design/jjackiec/2025_renewal/0407/intro_2.jpg'); /* 배경 이미지 설정 */
    background-size: cover; /* 요소 크기에 맞게 가득 채우기 */
    background-position: center; /* 중앙 정렬 */
    background-repeat: no-repeat; /* 반복 없음 */
    width: 100%; /* 부모 요소 크기에 맞게 */
    height: 100vh; /* 화면 전체 높이 */    
}
.vjs_video_3-dimensions{width:100%!important;}
/* BASIC css end */