.video-wrapper {
  --radius: 17;
  --padding: 7;
  --bgcolor: #ffffff;
  position: relative;
  width: 100%;
  max-width: var(--maxwidth, 85%);
  aspect-ratio: 16/9;
  background-color: var(--bgcolor);
  border-radius: calc(var(--radius) * 1px);
  padding: calc(var(--padding) * 1px);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  margin: 0 auto;  /* 중앙정렬 */
}
.video-wrapper iframe {
  width: 100%;
  height: 100%;
  outline: 2px solid var(--bgcolor);
  border-radius: calc((var(--radius) - var(--padding)) * 1px);
  background-color: var(--bgcolor);
  display: block;
  min-width: 0 !important;
}
/* 모바일 대응 */
@media (max-width: 768px) {
  .video-wrapper {
    max-width: 100%;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
  }

  .video-wrapper iframe {
    border-radius: 0;
    outline: none;
  }
}