@charset "utf-8";

/* MAIN_SWCF_6 - 비디오 갤러리 영역 */
.MAIN_SWCF_6 {
  overflow: hidden;
  position: relative;
  background-color: transparent;
  padding-top: 12rem;
  padding-bottom: 12rem; background-color: #fff
}

/* ========================================
   SPGX 헤더 스타일
======================================== */
.MAIN_SWCF_6 .spgx-header {
  width: 100%;
  margin-bottom: 60px;
}

.MAIN_SWCF_6 .spgx-header-inner {
  max-width: 1560px;
  margin: 0 auto;
  padding: 0 0px;
}

.MAIN_SWCF_6 .spgx-textset {
  text-align: center;
}

.MAIN_SWCF_6 .spgx-subtit {
  display: block;
 font-size:calc(var(--tx-sm-size) * 0.9);
  font-weight: 600;
  color: var(--main-color, #00c896);
  letter-spacing: 0.1em;
  margin-bottom: 16px;
}

.MAIN_SWCF_6 .spgx-title {
font-size:calc(var(--tit-md-size) * 1.1);
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 24px;
  line-height: 1.2;
}

.MAIN_SWCF_6 .spgx-desc {
font-size:calc(var(--tx-sm-size) * 0.9);
  color: #666;
  line-height: 1.8;
}

/* ========================================
   기존 텍스트셋 스타일 (하위 호환)
======================================== */
.MAIN_SWCF_6 .textset {
  text-align: center;
}

.MAIN_SWCF_6 .textset .textset-tit {
  font-weight: var(--fw-medium);
}

.MAIN_SWCF_6 .textset .textset-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
}

.MAIN_SWCF_6 .textset .textset-link:hover span {
  background: var(--primary);
}

.MAIN_SWCF_6 .textset .textset-link span {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: var(--black);
  transition: 0.3s;
}

.MAIN_SWCF_6 .textset .textset-link span::before {
  font-size: 1.2rem;
  color: var(--white);
}

.MAIN_SWCF_6 .contents-group {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-top: 6rem;
}

.MAIN_SWCF_6 .contents-tit {
  display: inline-block;
  margin-bottom: 1.2rem;
  padding: 0 1.2rem;
  font-weight: var(--fw-bold);
}

.MAIN_SWCF_6 .videoset {
  border-radius: 3.2rem;
  overflow: hidden;
}

.MAIN_SWCF_6 .videoset .videoset-img {
  transition: transform 0.4s ease;
}

.MAIN_SWCF_6 .videoset:hover .videoset-img {
  transform: scale(1.1);
}

.MAIN_SWCF_6 .videoset .videoset-button {
  height: 100%;
  position: relative;
}

/* 텍스트 오버레이 */
.MAIN_SWCF_6 .videoset-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 50px;
  z-index: 2;
}

.MAIN_SWCF_6 .videoset-title {
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1rem;
  line-height: 1.3;
}

/*.MAIN_SWCF_6 .videoset-title::before {
  content: '';
  display: block;
  width: 4px;
  height: 60px;
  background: var(--main-color, #3b82f6);
  margin-bottom: 1.2rem;
  border-radius: 2px;
}*/

.MAIN_SWCF_6 .videoset-desc {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.7;
}

/* 우측 비디오 텍스트 - 좌측과 동일한 크기 */
.MAIN_SWCF_6 .contents-right .videoset-text {
  padding: 50px;
}

.MAIN_SWCF_6 .videoset-button .videoset-icon {
  width: 8rem;
  height: 8rem;
}

.MAIN_SWCF_6 .videoset-button .videoset-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.MAIN_SWCF_6 .videoset-button .videoset-img {
  object-position: top left;
}

.MAIN_SWCF_6 .contents-left {
  width: 100%;
  max-width: calc(50% + 13rem);
}

.MAIN_SWCF_6 .contents-left .videoset {
  height: 68rem;
}

.MAIN_SWCF_6 .contents-left .video-group {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}

.MAIN_SWCF_6 .contents-right {
  width: 100%;
  max-width: calc(50% - 13rem);
}

.MAIN_SWCF_6 .contents-right .videoset {
  height: 33rem;
}

.MAIN_SWCF_6 .contents-right .videoset+.videoset {
  margin-top: 2rem;
}

@media (max-width: 1280px) {
  .MAIN_SWCF_6 .contents-left .videoset {
    height: 58rem;
  }

  .MAIN_SWCF_6 .contents-right .videoset {
    height: 28rem;
  }
}

@media (max-width: 992px) {
  .MAIN_SWCF_6 {
    padding-top: 6rem;
    padding-bottom: 3rem;
  }

  /* SPGX 헤더 반응형 */
  .MAIN_SWCF_6 .spgx-header {
    margin-bottom: 40px;
  }

  .MAIN_SWCF_6 .spgx-title {
    font-size: 28px;
  }

  .MAIN_SWCF_6 .spgx-desc {
    font-size: 14px;
  }

  .MAIN_SWCF_6 .textset .textset-link {
    gap: 0.8rem;
  }

  .MAIN_SWCF_6 .textset .textset-link span {
    width: 3.2rem;
    height: 3.2rem;
  }

  .MAIN_SWCF_6 .textset .textset-link+.textset-desc {
    margin-top: 0.2rem;
  }

  .MAIN_SWCF_6 .contents-group {
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 3.6rem;
  }

  .MAIN_SWCF_6 .contents-tit {
    margin-bottom: 0.8rem;
  }

  .MAIN_SWCF_6 .videoset {
    border-radius: 1.6rem;
  }

  .MAIN_SWCF_6 .videoset-button .videoset-icon {
    width: 6rem;
    height: 6rem;
  }

  .MAIN_SWCF_6 .contents-left,
  .MAIN_SWCF_6 .contents-right {
    max-width: 100%;
  }

  .MAIN_SWCF_6 .contents-left .video-group {
    flex-direction: column;
    gap: 1.5rem;
  }

  /* 모바일: 좌측/우측 비디오 동일 사이즈 */
  .MAIN_SWCF_6 .contents-left .videoset,
  .MAIN_SWCF_6 .contents-right .videoset {
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .MAIN_SWCF_6 .contents-right .videoset+.videoset {
    margin-top: 1.5rem;
  }

  /* 텍스트 오버레이 반응형 - 좌측/우측 동일 */
  .MAIN_SWCF_6 .videoset-text,
  .MAIN_SWCF_6 .contents-right .videoset-text {
    padding: 2rem;
  }

  .MAIN_SWCF_6 .videoset-title {
    font-size: 1.8rem;
  }

  .MAIN_SWCF_6 .videoset-title::before {
    height: 40px;
    margin-bottom: 1rem;
  }

  .MAIN_SWCF_6 .videoset-desc {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .MAIN_SWCF_6 {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .MAIN_SWCF_6 .contents-group {
    gap: 1.2rem;
    margin-top: 2.4rem;
  }

  .MAIN_SWCF_6 .contents-left .video-group {
    gap: 1.2rem;
  }

  .MAIN_SWCF_6 .contents-right .videoset+.videoset {
    margin-top: 1.2rem;
  }

  .MAIN_SWCF_6 .videoset {
    border-radius: 1.2rem;
  }

  /* 모바일: 모든 비디오 동일한 비율 */
  .MAIN_SWCF_6 .contents-left .videoset,
  .MAIN_SWCF_6 .contents-right .videoset {
    aspect-ratio: 16 / 9;
  }

  /* 텍스트 오버레이 - 모두 동일 패딩 */
  .MAIN_SWCF_6 .videoset-text,
  .MAIN_SWCF_6 .contents-right .videoset-text {
    padding: 1.5rem;
  }

  .MAIN_SWCF_6 .videoset-title {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }

  .MAIN_SWCF_6 .videoset-desc {
    font-size: 1.1rem;
    line-height: 1.5;
  }
}

/* ========================================
   관리자 인라인 편집 스타일
======================================== */
.MAIN_SWCF_6 .wg_edit_txt,
.MAIN_SWCF_6 .wg_edit_img {
  position: relative;
  z-index: 10;
  cursor: pointer;
  display: block;
}

.MAIN_SWCF_6 .wg_edit_txt,
.MAIN_SWCF_6 .wg_edit_txt:hover {
  background-color: transparent !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.MAIN_SWCF_6 .wg_edit_img,
.MAIN_SWCF_6 .wg_edit_img:hover {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.MAIN_SWCF_6 .wg_edit_link,
.MAIN_SWCF_6 .wg_edit_link:hover {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}