/*문자열설정*/
@charset "utf-8";

.media-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;    /* 추가 */
  margin: 50px auto;
  max-width: 1300px;
  box-sizing: border-box;
  padding: 0 15px;
}

.media-item {
  box-sizing: border-box;
  flex: 1 1 50%;
  padding: 0 10px;
}

/* 16:9 비율의 반응형 영상 (padding-bottom 버전) */
.video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.video-wrapper iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 65%;
  border: 0;
}

/* 이미지 전체 너비, 비율 자동 */
.image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

/* 모바일: 세로 스택 */
@media (max-width: 768px) {
  .media-item {
    flex: 1 1 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}