/* PC 및 공통 스타일 (영상 배너 전용) */
.video-banner{position:relative;background-color:#03021d;overflow:hidden}
.video-banner .banner-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;z-index:0}
.video-banner > a{position:relative;z-index:2;display:block;width:100%;height:100%}
.video-banner .visual-layer{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;padding-left:340px!important;padding-bottom:50px!important;box-sizing:border-box!important}
.video-banner .title-img{max-width:400px;max-height:400px;width:auto;height:auto;object-fit:contain}
.video-banner .text-area,.video-banner .fg-png{display:none!important}
#mainVisual .bar{bottom:8%!important}
#mainVisual .swiper-slide::after{content:'';display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-color:rgba(0,0,0,0.1)!important;z-index:1!important;pointer-events:none!important}
#mainVisual ul li::after,#mainVisual ul li::before{display:none!important}
.mobile-only{display:none!important}.pc-only{display:block!important}
/* PC 전용: 좌우 그라데이션 + 오버레이 */
#mainVisual .swiper-slide.video-banner::after{content:'';display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:1!important;pointer-events:none!important;mix-blend-mode:overlay!important;background:linear-gradient(to right,rgba(3,2,29,0.7) 0%,rgba(3,2,29,0) 20%,rgba(3,2,29,0) 80%,rgba(3,2,29,0.7) 100%)!important}

/* 모바일 (768px 이하) */
@media screen and (max-width:768px){
.pc-only{display:none!important}.mobile-only{display:block!important}
/* ★ 높이 420px 수정! 기존 배너에 적용 */
#mainVisual{overflow:visible!important;height:420px!important;padding-bottom:0!important;margin-bottom:60px!important}
#mainVisual .swiper-slide,#mainVisual ul li{height:420px!important;overflow:hidden!important}
#mainVisual .swiper-slide::after{display:none!important}
.video-banner{background-color:#03021d!important;background-image:none!important;overflow:hidden!important}
/* 영상 확대(320%) 및 위치(-150%) */
.video-banner .banner-video{transform:none!important;width:320%!important;min-width:320%!important;height:auto!important;min-height:auto!important;left:-150%!important;top:0!important;object-fit:cover!important}
/* 모바일 그라데이션 */
#mainVisual .swiper-slide.video-banner::after{content:'';display:block!important;position:absolute!important;top:0!important;transform:none!important;width:320%!important;min-width:320%!important;left:-150%!important;height:100%!important;mix-blend-mode:normal!important;background:linear-gradient(to top,#03021d 0%,#03021d 30%,rgba(3,2,29,0.8) 30%,transparent 100%)!important;z-index:1!important;bottom:auto!important}
.video-banner .visual-layer,.video-banner span.visual-layer{display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;margin:0!important;width:100%!important;height:100%!important;box-sizing:border-box!important;position:absolute!important;top:0!important;left:0!important}
.video-banner .visual-layer .title-img,.video-banner .visual-layer img{width:80%!important;max-width:none!important;height:auto!important;margin:0!important;padding:120px 0 0 30px!important;box-sizing:border-box!important;object-fit:contain!important;transform:scale(1.35)!important;transform-origin:center center!important;position:static!important}
.video-banner > a{z-index:2!important}
/* ★ margin-top: 0으로 흰 여백 제거 */
#mainVisual .btn-area{position:absolute!important;top:100%!important;margin-top:0!important;bottom:auto!important;left:0!important;transform:none!important;z-index:10!important;width:100%!important;max-width:100%!important;display:block!important;height:auto!important;padding:15px 10px 20px 10px!important;background:#fff!important;box-sizing:border-box!important}
#mainVisual .btn-area > div:first-child{margin:0!important;padding:0!important}
#mainVisual .bar{position:relative!important;left:0!important;height:auto!important;bottom:auto!important;width:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;background:transparent!important;gap:8px!important;padding:0!important;margin:0!important}
#mainVisual .bar *{margin:0!important;padding:0!important}
#mainVisual .bar .swiper-pagination{position:static!important;width:auto!important;left:auto!important;color:#333!important;order:1!important;display:flex!important;align-items:center!important}
#mainVisual .autoplay-progress{position:relative!important;width:70%!important;flex:none!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;background-color:#ddd!important;height:4px!important;order:2!important}
#mainVisual .bar .pause-button{position:static!important;color:#333!important;order:3!important}
#mainVisual .progress-bar{background-color:#ff6624!important;height:100%!important}
#mainVisual .bar .swiper-pagination span,#mainVisual .bar .swiper-pagination.c-gs0,#mainVisual .bar .pause-button.c-gs0{position:static!important;margin:0!important;padding:0!important;color:#333!important}
#mainVisual .swiper-slide > a{margin:0!important;padding:0!important}
}