/* 공통 */
.swiper-type-1 {
    margin-top: 100rem;
    box-sizing: border-box;
    padding-bottom: 60rem;
  }
  .swiper-type-1 .swiper .swiper-wrapper .swiper-slide {
    cursor: pointer;
    flex-direction: column;
    background: transparent;
    opacity: 0.6;
    z-index: 1;
    transition: all 0.3s;
  }
  .swiper-type-1 .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
    opacity: 1;
    z-index: 2;
  }
  .swiper-type-1 .swiper .swiper-wrapper .swiper-slide .img-box {
    width: 100%;
  }
  .swiper-type-1 .swiper .swiper-wrapper .swiper-slide > h1 {
    font-size: 28rem;
    width: 100%;
    margin-top: 40rem;
  }
  .swiper-pagination {
    position: relative;
    top: 40rem;
    bottom: 0 !important;
    z-index: 3 !important;
  }
  .swiper-pagination .swiper-pagination-bullet {
    width: 14rem !important;
    height: 14rem !important;
    background: #d9d9d9 !important;
    opacity: 1 !important;
    margin: 0 16rem !important;
  }
  .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #F37320 !important;
  }
  .swiper-button-prev,
  .swiper-button-next {
    transform: translateY(-50%) !important;
    width: 60rem !important;
    height: 60rem !important;
    margin-top: 0 !important;
    z-index: 3 !important;
  }
  .swiper-button-prev {
    left: 80rem !important;
    right: auto !important;
    top: 40%;
  }
  .swiper-button-next {
    left: auto !important;
    right: 80rem !important;
    top: 40%;
  }
  .swiper-button-prev::after,
  .swiper-button-next::after {
    display: none !important;
  }
  .swiper-button-prev::before,
  .swiper-button-next::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
  }
  .swiper-button-prev::before {
    background: url(../img/arrow-left.svg) no-repeat center center/cover;
  }
  .swiper-button-next::before {
    background: url(../img/arrow-right.svg) no-repeat center center/cover;
  }


  .swiper-slide {
    transition: filter 0.3s ease; /* 부드러운 전환 효과 */
  }
  /* 활성 슬라이드(중앙)는 블러 없음 */
  .ytb-area .swiper-slide-active {
    filter: none;
  }
  /* 비활성 슬라이드(좌우)에 블러 적용 */
  .ytb-area .swiper-slide:not(.swiper-slide-active) {
    filter: blur(15rem); 
    opacity: 0.7; 
  }
  .ytb-area .video-thumb {
    cursor: pointer;
  }

  .ytb-text {
    font-size: 20rem;
    padding-top: 20rem;
  }
  @media (max-width: 1200px) {
    .ytb-text {
      font-size: 17rem;
      padding-top: 16rem;
    }
  }

  @media (max-width: 767px) {
    .ytb-text {
      font-size: 15rem;
      padding-top: 12rem;
    }
  }

  @keyframes rotate1 {
    to {
      transform: rotate(360deg);
    }
  }
  
  @keyframes bounce1 {
    50% {
      transform: translate3d(0, 10%, 0);
    }
  }
  
  @media (max-width: 1400px) {
    .swiper-type-1 {
      padding: 0 80rem 60rem 80rem;
    }
    .swiper-button-prev {
      left: 0 !important;
    }
    .swiper-button-next {
      right: 0 !important;
    }
    .modal-area-3 .swiper-button-prev {
      left: 30rem !important;
      top: 30%
  }
  .modal-area-3 .swiper-button-next {
      right: 30rem !important;
      top: 30%
  }
  }
  
  @media (max-width: 1320px) {
    .swiper-type-1 {
      margin-top: 80rem;
      padding: 0 32rem 60rem 32rem;
      padding-bottom: 36rem;
    }
    .swiper-type-1 .swiper .swiper-wrapper .swiper-slide > h1 {
      font-size: 20rem;
      margin-top: 24rem;
      line-height: 140%;
    }
    .swiper-pagination .swiper-pagination-bullet {
      width: 11rem !important;
      height: 11rem !important;
      margin: 0 8rem !important;
    }
    .swiper-button-prev,
    .swiper-button-next {
      width: 44rem !important;
      height: 44rem !important;
    }
  }
  
  @media (max-width: 767px) {
    .swiper-type-1 {
      margin-top: 28rem;
      padding: 0 24px 60px 24rem;
      padding-bottom: 32rem;
    }
    .swiper-type-1 .swiper .swiper-wrapper .swiper-slide > h1 {
      font-size: 15rem;
      margin-top: 16rem;
    }
    .swiper-pagination .swiper-pagination-bullet {
      width: 8rem !important;
      height: 8rem !important;
      margin: 0 4rem !important;
    }
    .swiper-pagination {
      top: 20rem;
    }
    .swiper-button-prev,
    .swiper-button-next {
      width: 28rem !important;
      height: 28rem !important;
    }
    .swiper-button-next {
      right: -10rem!important;
      top: 36%;
    }
    .swiper-button-prev{
      left: -10rem!important;
      top: 36%;
    }
  }