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

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

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

/* ===== 비디오 영역 ===== */
.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:50%;
  transform:translate(-50%,-50%);
  z-index:3;

  width: 65%;
  max-width:80%;
  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;
}

div.visual .caption{ top:38%; font-size:60px; }
div.visual .caption2{ top:52%; font-size:28px; }

/* ===== 반응형 ===== */
@media (max-width:768px){
  div.visual .caption{ font-size:28px; }
  div.visual .caption2{ font-size:16px; }
}