/* swiper_latest _20260309추가 */
/* Swiper container */
.uutheme-swiper { width: 100%; box-sizing: border-box; padding: 30px 0px; }
.uutheme-swiper .swiper-wrapper { align-items: flex-start; }

/* 슬라이드(갤러리 아이템) */
.uutheme-swiper .swiper-slide {
  width: auto; /* slidesPerView로 제어 */
  box-sizing: border-box;
  padding: 0 12px;
  outline: none;
}

/* 정사각(1:1) 박스 */
.kboard-hwaikeul-gallery-thumb-square {
  position: relative;
  width: 100%;
  padding-top: 100%; /* 1:1 비율 */
  overflow: hidden;
  border-radius: 20px; /* 원하시면 바꾸세요 */
  box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.5);
/*   background-color: #ffffff; */
}

/* 이미지: 캔버스처럼 채우기 */
.kboard-hwaikeul-gallery-thumb-square img {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  user-select: none;
  -webkit-user-drag: none;
}

/* no-image 박스 스타일 */
.kboard-hwaikeul-gallery-thumb-square.no-image {
  background: linear-gradient(180deg,#f6f6f8,#fff);
}

/* 오버레이: 기본 흰색 불투명 */
.kboard-hwaikeul-gallery-foreground.overlay {
  position: absolute;
  inset: 0;
  display: block;
  background: rgba(255,255,255,0);
  transition: opacity 240ms ease;
  pointer-events: none;
  border-radius: 22px;
}

/* 검색아이콘 레이어(원래 있던 요소 스타일 유지) */
.kboard-hwaikeul-gallery-foreground-search {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* hover 또는 focus-within 시 오버레이 투명(사라짐) */
.uutheme-swiper .swiper-slide:hover .overlay,
.uutheme-swiper .swiper-slide:focus-within .overlay {
  opacity: 0;
}

/* 제목/날짜 숨김 (원하면 주석 해제하여 보이게) */
.kboard-hwaikeul-gallery-latest-title,
.kboard-hwaikeul-gallery-latest-date {
  display: none !important;
}

/* Swiper 기본 네비/페이징 숨김 (안보이게) */
.uutheme-swiper .swiper-pagination,
.uutheme-swiper .swiper-button-prev,
.uutheme-swiper .swiper-button-next {
  display: none !important;
}

/* 마우스 포인터, 드래그 힌트 */
.uutheme-swiper .swiper { cursor: grab; }
.uutheme-swiper .swiper:active { cursor: grabbing; }


/* === Swiper 적용 시 기존 플로트/폭 규칙을 무력화하고 슬라이드형 레이아웃으로 전환 === */
#kboard-hwaikeul-gallery-latest.uutheme-swiper { overflow: visible; }

/* .swiper-wrapper는 flex로 동작하므로 기존 float 규칙 무시 */
#kboard-hwaikeul-gallery-latest.uutheme-swiper .kboard-hwaikeul-gallery-latest-item {
  float: none !important;           /* 기존 float 제거 */
  width: auto !important;           /* 기존 % 폭 제거 */
  padding: 0 12px !important;       /* 슬라이드 간격 조절 */
  box-sizing: border-box !important;
}

/* thumbnail 영역은 슬라이드 전체 너비 차지하도록 */
#kboard-hwaikeul-gallery-latest.uutheme-swiper .kboard-hwaikeul-gallery-latest-item .kboard-hwaikeul-gallery-thumbnail {
  float: none !important;
  width: 100% !important;           /* 30%에서 100%로 변경 */
  height: auto !important;
  display: block;
  box-sizing: border-box;
  padding: 0 !important;
}

/* 컨테이너 비율을 1:1(정사각)으로 강제 */
#kboard-hwaikeul-gallery-latest.uutheme-swiper .kboard-hwaikeul-gallery-container,
#kboard-hwaikeul-gallery-latest.uutheme-swiper .kboard-hwaikeul-gallery-container.latest {
  padding-bottom: 100% !important;  /* 1:1로 변경 (원하면 100% 대신 원하는 비율) */
  height: 0 !important;
  border-radius: 12px;
}

/* 기존 이미지 스타일은 유지하되 영역을 꽉 채우게 */
#kboard-hwaikeul-gallery-latest.uutheme-swiper .kboard-hwaikeul-gallery-thumbnail img {
  position: absolute !important;
  top: 0; left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

/* 오버레이 동작 유지(hover에서 사라지게) */
#kboard-hwaikeul-gallery-latest.uutheme-swiper .kboard-hwaikeul-gallery-foreground,
#kboard-hwaikeul-gallery-latest.uutheme-swiper .kboard-hwaikeul-gallery-foreground-search {
  display: none; /* 기본은 JS/CSS로 컨트롤하므로 우선은 숨김 */
}
#kboard-hwaikeul-gallery-latest.uutheme-swiper .swiper-slide:hover .kboard-hwaikeul-gallery-foreground {
  display: block;
  background: rgba(255,255,255,0.75); /* 필요시 대체 */
}

/* Swiper 슬라이드 기본 규칙 보정 (이미 추가하셨다면 조정만) */
.uutheme-swiper .swiper-slide {
  min-width: 200px; /* 화면에 따라 조절(작으면 이미지 작아짐) */
  box-sizing: border-box;
  padding: 0 12px;
}

/* 모바일/반응형: 슬라이드 간격 줄이기 */
@media (max-width: 767px) {
  #kboard-hwaikeul-gallery-latest.uutheme-swiper .kboard-hwaikeul-gallery-latest-item { padding: 0 8px !important; }
  .uutheme-swiper .swiper-slide { min-width: 160px; }
}



section.wrapper-m.sec1 {
  overflow: visible; /* 안전: 섹션 단위만 visible */
  position: relative; /* 내부 절대/상대 위치 조정을 위해 */
}

/* --- 2. move the swiper block to the right (visual shift) --- */
/* 데스크탑: 많이 오른쪽으로, 태블릿/모바일은 적게 */
.uutheme-swiper {
  position: relative;   /* left 이동을 위해 */
/*   left: 120px;   */
  box-sizing: border-box;
}
/* 브레이크포인트별 오프셋(필요시 조정) */
/* @media (max-width: 1199px) and (min-width: 992px) {
  .uutheme-swiper { left: 90px; }
}
@media (max-width: 991px) and (min-width: 768px) {
  .uutheme-swiper { left: 60px; }
}
@media (max-width: 767px) {
  .uutheme-swiper { left: 20px; }
} */