/* 반응형 유튜브 비디오 - 페이지 구성과 어울리도록 폭 제한 */
.video-wrap {
  width: 100%;
  max-width: 880px;        /* 페이지 레이아웃에 맞춘 최대 너비(필요시 조정) */
  margin: 16px auto;       /* 가운데 정렬, 위아래 여백 */
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
  clear: both;
}

/* 내부 16:9 비율 유지 컨테이너 (안정적 폴백) */
.video-wrap-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  border-radius: 6px;
  background:#000; /* 로딩 시 검은 배경으로 깜박임 완화 */
  max-height: 70vh; /* 화면 높이 대비 제한 */
}

.video-wrap-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* 작은 화면에서 여백/비율 보정 */
@media (max-width: 600px) {
  .video-wrap { padding-left: 12px; padding-right: 12px; max-width: calc(100% - 24px); }
  .video-wrap-inner { padding-top: 66.66%; } /* 폰에서 세로 확보 */
}

/* 필요시 소형 레이아웃용 클래스: .video-wrap.narrow */
.video-wrap.narrow { max-width: 640px; }