.ww {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 50px;
}

.ww_pc {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 30px;
  display: flex;
  gap: 20px;
  align-items: stretch;
}

.ww_pc_left {
  flex: 3;
  min-width: 0;
}

.ww_pc_right {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;

  padding: 0 0 0 16px;
}

/* 오른쪽 컬럼(소식지)은 아이템이 1개뿐이므로 4분할 캐러셀이 아니라
   컬럼 폭을 꽉 채우는 한 장짜리 카드로 표시한다. */
.ww_pc_right .gallery-carousel .xet-content__gallery > .item {
  flex: 0 0 100%;
}

.ww_mo {
  flex: 3;
  min-width: 0;
  display: none;
}

@media (max-width: 768px) {
  .ww {
    padding: 0px;
    box-sizing: border-box;
  }

  /* 모바일: 왼쪽(공지·성명)은 숨기고 ww_mo(소식)로 대체.
     소식지(ww_pc_right)는 스크립트로 소식 갤러리 아래로 이동된다. */
  .ww_pc {
    flex-direction: column;
  }

  .ww_pc_left {
    display: none;
  }
  .ww_mo {
    display: block;
  }
  /* 소식 갤러리 아래로 옮겨진 소식지: 전체 폭으로 표시 */
  .ww_pc_right {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 50px;
    padding: 0px;
  }
}

/* 가로로 흐르는 배너 슬라이더 */
.banner-slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.banner-track {
  display: flex;
  width: max-content;
  animation: banner-scroll 90s linear infinite;
}

.banner-slider .banner-item {
  height: 70px !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto;
  margin-right: 20px;
  object-fit: cover;
  border-radius: 8px;
}

/* 마우스를 올리면 멈춤 */
.banner-slider:hover .banner-track {
  animation-play-state: paused;
}

@keyframes banner-scroll {
  from {
    transform: translateX(0);
  }
  to {
    /* 원본 9개(이미지 + 마진)만큼 이동 후 복제본이 이어져 무한 반복 */
    transform: translateX(-50%);
  }
}

@media (max-width: 768px) {
  .banner-slider .banner-item {
    height: 60px !important;
    margin-right: 12px;
  }
}