@charset "utf-8";

.section02 {
  width: 100%;
  position: relative;
  padding: 5% 6.25vw 0;
  margin: 0 auto 10.4vw;
  max-height: 40.3645vw;
  overflow: hidden;
}

.section02 .swiper-slide .inner {
  display: flex;
  gap: 5.2vw;
}
.section02 .inner .text {
  background: #FCF8F4;
  position: relative;
  padding-top: 10px;
}
.section02 .inner .roomlist-img {
  width: 30.73vw;
  max-width: 590px;
}
.section02 .text h2 {
  margin: 3.125vw 0 8.7vw;
}
.section02 .text h3 {
  font-size: 30px;
  font-weight: 400;
  line-height: 2.1666;
}
.section02 .text h3 strong {
  font-size: 1.5em;
  line-height: 0.82em;
  font-weight: 400;
  margin: 0px 3px 0px;
  vertical-align: text-top;
}
.section02 .text h3 small {
  font-size: 0.66em;
  vertical-align: text-top;
}
.section02 .shadow-title.bottom .shadow-text {
  bottom: -1.818vw;
}
.section02 .swiper-control-box {
  left: 50%;
  width: 320px;
}
.section02 .swiper-pagination-number {
  width: 258px;
}
.section02 .swiper-pagination-progressbar {
  left: 49.8% !important;
  width: 210px !important;
}
.section02 .right-box {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
}
.section02 .right-box img {
  margin: 0 auto;
  width: 13vw;
  max-width: 250px;
  border-radius: 126px 126px 0px 0px;
  filter: brightness(1.5);
}
.section02 .right-box p {
  text-align: center;
  margin-top: 60px;
}
@media (max-width:1700px){
  .section02 .text h2 {
      margin: 3.125vw 0 4vw;
  }
  .section02 .swiper-control-box {
    left: 53%;
  }
  .section02 .swiper-pagination-progressbar {
    left: 52.8% !important;
  }
}
@media(max-width:1400px){
  .section02 .swiper-control-box {
    left: 55%;
  }
  .section02 .swiper-pagination-progressbar {
    left: 54.8% !important;
  }
  .section02 .text h2 {
      margin: 0 0 2vw;
  }
  .section02 .right-box {
    right: 5%;
  }
}
@media (max-width:1200px){
  .section02 { height: 40vw;}
  .section02 .right-box { display: none;}
  .section02 .swiper-control-box {
    left: 61%;
    bottom: 10px;
  }
  .section02 .swiper-pagination-progressbar {
    left: 60.8% !important;
    bottom: 10px;
  }
}
@media (max-width:768px){
  .section02 { 
    height: 75vw;
    margin-bottom: 60px;
    padding: 0 6.25vw 0 0;
    max-height: 150vw;
  }
  .section02 .swiper-slide .inner {
    gap: 8.25vw;
  }
  .section02 .inner .roomlist-img { width: 50vw;}
  .section02 .text h2 {
      margin: 0 0 10vw;
  }
  .section02 .text h3 { 
    font-size: 3.75vw;
    line-height: 4.75vw;
  }
  .section02 .text p { 
    font-size: 2.6vw;
    margin-top: 15px;
  }
  .section02 .swiper-control-box {
    left: 50%;
    bottom: 32px;
  }
  .section02 .swiper-pagination-progressbar {
    left: 49.8% !important;
    bottom: 32px;
  }
}
/* section02 끝*/