@charset "utf-8";
@import url(font.css);
@import url(all.css);
@import url(reset.css);
.swiper {
  width: 100%;
  position: relative; 
  top: -90px; 
  padding-bottom: 50px; /* 스와이퍼 하단에 충분한 공간 추가 */
}
.swiper-wrapper {
  display: flex; /* 슬라이드들이 가로로 나란히 배치되도록 설정 */
  width: 100%; /* 슬라이드 컨테이너의 너비를 100%로 설정 */
  transition: transform 0.3s ease-in-out; /* 슬라이드 전환 시 부드러운 애니메이션 효과 추가 */
}
.swiper-slide {
    width: 100%;
    display: flex;
    flex-direction: column; /* 세로 방향으로 정렬 */
    align-items: center;
    text-align: center; /* 제목을 가운데 정렬 */
    padding: 0 2%; /* 좌우 여백 추가 */
    box-sizing: border-box; /* padding을 포함한 너비 계산 */

}

.swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: 39vw;
  object-fit: cover;
padding:8%;

}

.swiper-button-prev, .swiper-button-next{
    width: auto; 
    height: auto; 
   color: #9777ba;
   top: 40%;
}
.swiper-button-prev {
    left: 15%; 
    top: 60%;
  }
  
  .swiper-button-next {
    right: 12%;
    top: 60%;
  }
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
  position: absolute;
  
  }
 /* 기본 불릿 색상 */
.swiper-pagination-bullet {
    background-color: #9777ba; 
    width: 7px; 
  height: 7px; 
  border-radius: 50%; 
  }
  
  /* 활성화된 불릿 색상 */
  .swiper-pagination-bullet-active {
    background-color: #6a4a8d; 
    width: 22px; 
    height: 7px; 
    border-radius: 12px; 
  }
  
  .swiper-horizontal>.swiper-pagination-bullets, 
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    --swiper-pagination-color: #9777ba; 
    --swiper-pagination-bullet-inactive-color: #9777ba; 
    --swiper-pagination-bullet-active-color: #6a4a8d; 
  }
/* 우측 글자영역 */
.slide-body {
    display: flex;
    flex-direction: row;
    align-items: center; /* 세로 중앙 정렬 */
    justify-content: center; /* 가로 중앙 정렬 */
    width: 100%;
    gap: 0.5rem; 
    padding: 0; 
}
.slide-content {
    width: 100%;
    display: flex;
    flex-direction: column; /* 세로 방향으로 정렬 */
    align-items: center;
    text-align: left;
justify-content: flex-start;
margin-bottom: -5%;
  }
  
  .slide-description {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    color: #000; 
    margin-top: 18%;
   
  }
  .swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height:0;
}
  .slide-0{
    font-size: 5rem;
    font-family: var(--font-secondary);
    font-weight: 100;
    color: #9777ba;
    display: flex;
    align-items: center;
    text-align: center;
     margin-top: 2.7rem;
     margin-top: 3%;
  }
  .slide-0 > span{
    position: relative; /* 요소의 위치를 상대적으로 설정 */
    top:3rem; /* 요소를 원래 위치에서 20px 아래로 이동 */
  }
  .slide-1 > h1{
    font-weight: 600;
    font-size: 2.2rem;
    line-height:160%;
    padding: 5px 8px 8px 8px !important;
  }
  .slide-2 > span{
    font-weight: 600;
  }
  .slide-1{
    margin-bottom:5%;
  }
  .slide-2{
    line-height:141%;

  }
  .slide-body img{
    padding: 5% 8% 8% 8% !important;
  }
  .slide-body .slide-description{
    margin-top: -5% !important;
  }