/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 22 2025 | 07:56:21 */
/* 홈(261) 페이지의 Elementor 이미지 캐러셀만 타겟 */
.page-id-261 .elementor-widget-image-carousel .swiper {
  width: min(100vw);
  /* 너무 커지지 않게 상한선 1200px */
  aspect-ratio: 2 / 1;
  /* 2:1 비율 고정 */
  margin: 0 auto;
  /* 가운데 정렬(선택) */
  height: 640px;
}
.page-id-261 .elementor-widget-image-carousel .swiper-wrapper,
.page-id-261 .elementor-widget-image-carousel .swiper-slide {
  height: 100%;
  /* 컨테이너 비율 높이에 맞추기 */
}
.page-id-261 .elementor-widget-image-carousel .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 꽉 채우기 */
  object-position: center -800px;
  /* 위쪽부터 보이게 */

  display: block;
}
/* 모바일에서 너무 높으면 답답하니, 최대 높이도 한 번 더 캡(선택) */
@media (max-width: 768px) {
  .page-id-261 .elementor-widget-image-carousel .swiper {
    height: clamp(180px, 40vw, 360px);
    /* 상황에 맞게 조절 가능 */
    aspect-ratio: auto;
    /* 높이 고정 시 비율 자동 해제 */
  }
  .page-id-261 .elementor-widget-image-carousel .swiper-wrapper,
  .page-id-261 .elementor-widget-image-carousel .swiper-slide {
    height: 100%;
  }
}
.elementor-element.elementor-element-0736db8 {
  padding-top: 10px !important;
  /* 위쪽 패딩 최소화 */
  --padding-top: 0 !important;
}

/* 홈(261) 페이지의 특정 섹션(d38b3b0)을 전체 폭 + 높이 고정 */
.page-id-261 .elementor-element.elementor-element-d38b3b0.e-con-boxed {
  --content-width: 100% !important; /* Boxed 제한 해제 */
  max-width: 100% !important; /* 가로 100% */
  /* width: 100% !important; */
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
