/* ===== 기본 영역 ===== */
div.visual{
  position:relative;
  margin-top:90px;
  background:#fff;
  width:100%;
  overflow:hidden;
}

/* ===== 슬라이드 기본 ===== */
div.visual .full-wide-slider{
  position:relative;
  width:100%;
  height:100vh;
  min-height:520px;
  overflow:hidden;
}

div.visual .slick-slide{
  position:relative;
  height:100vh;
  min-height:520px;
}

/* ===== 비디오 영역 ===== */
.slide-media{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}

.slide-video{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ===== 오버레이 이미지 ===== */
.video-overlay{
  position:absolute;
  top:50%;
  left:55%;
  transform:translate(-50%,-50%);
  z-index:3;

  width:min(1200px,90vw);
  max-width:100%;
  height:auto;
  pointer-events:none;
}

/* ===== 어두운 필터 (영상 위 가독성용) ===== */
div.visual .slick-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:#000;
  opacity:.3;
  z-index:1;
}

/* ===== 캡션 ===== */
div.visual .caption,
div.visual .caption2{
  position:absolute;
  width:100%;
  text-align:center;
  z-index:2;
  color:#fff;
  left:50%;
  transform:translateX(-50%);
}

div.visual .caption{
  top:38%;
  font-size:clamp(28px,5vw,60px);
}

div.visual .caption2{
  top:52%;
  font-size:clamp(16px,2vw,28px);
}

/* ===== 노트북 대응 ===== */
@media (max-width:1400px){
  div.visual{
    margin-top:90px;
  }

  .video-overlay{
    width:min(1000px,88vw);
  }
}

/* ===== 태블릿 ===== */
@media (max-width:1024px){
  div.visual .full-wide-slider{
    height:90vh;
  }

  div.visual .slick-slide{
    height:90vh;
  }

  .video-overlay{
    width:min(800px,85vw);
  }
}

/* ===== 모바일 ===== */
@media (max-width:768px){

  div.visual{
    width:100vw !important;
    max-width:none !important;
    transform:translateX(calc(50vw - 50%));
    margin:0 !important;
    padding:0 !important;
    left:auto !important;
  }

  div.visual .full-wide-slider{
    height:70vh;
    min-height:420px;
  }

  div.visual .slick-slide{
    height:70vh;
    min-height:420px;
  }

  .video-overlay{
    width:92vw;
    max-width:92vw;
  }

  #bbob-full-wide-slider,
  #bbob-full-wide-slider .slick-list{
    overflow:hidden;
  }

  #bbob-full-wide-slider .slick-track{
    transform:translate3d(0,0,0);
    will-change:transform;
  }
}