@charset "utf-8";

.vs_swiper .image_box {width:100%;height:100%;}
/* .vs_swiper .slide1 .image_box {background:url(../../../img/main1.jpg)no-repeat center/cover;background-attachment: fixed;}
.vs_swiper .slide2 .image_box {background:url(../../../img/main2.jpg)no-repeat center/cover;background-attachment: fixed;}
.vs_swiper .slide3 .image_box {background:url(../../../img/main3.jpg)no-repeat center/cover;background-attachment: fixed;} */
.vs_swiper .image_box img {width:100%;height:100%;object-fit: cover;z-index:-1;}
.vs_swiper .text_box {position:absolute; z-index: 1;}
.vs_swiper .text_box span {font-family:'Daehan';font-weight:500;color:#fff;font-size:8.4rem;letter-spacing: -0.05em;display:inline-block;text-shadow: rgba(0, 0, 0, 0.7) 0px 18px 50px -10px;}
.vs_swiper .text_box span.text1{font-size:4rem;}
.vs_swiper .text_box img{margin-left:1rem;margin-top:-2rem;}
.vs_swiper .slide1 .text_box {top:50%;left:12.5%;transform:translateY(-50%);}
.vs_swiper .slide2 .text_box {top:35%;right:12.5%;transform:translateY(-50%);}
.vs_swiper .slide3 .text_box {top:50%;right:12.5%;transform:translateY(-50%);}
.vs_swiper .slide4 .text_box {top:50%;left:12.5%;transform:translateY(-50%);}
.vs_swiper .slide5 .text_box {top:45%;right:12.5%;transform:translateY(-50%);}
.vs_slide_btn button {background:transparent;border:none;font-size:2rem;position:absolute;margin-top:2px;}
.vs_wrap {width:100%;height:100vh;position:relative;margin:0 auto;}
.vs_swiper {width:100%;height:100%;}
.vs_swiper .swiper-container {width:100%;height:100%;}
.vs_swiper .swiper-slide {width:100%;height:100%;position:relative;}
.vs_slide_btn button.d_start {display:none;}
.nav_wrap {display:flex;}
.vs_slide_btn {margin-left:1rem;}


.vs_pager {width:14rem;position:absolute;bottom:calc(10rem + 4rem);left:12.5%}
.vs-next,.vs-prev {width:auto !important;height:auto !important;position:absolute !important;top:50% !important;transform:translateY(-50%) !important;z-index:100 !important;cursor:pointer;margin-top:0 !important}
.vs-next{right:0 !important}
.vs-prev{left:0 !important}
.vs-next img, .vs-prev img {height:1rem;}

.vs_main_btn_wrap {
  display:flex;
  color:#fff;font-family:'LEMON MILK';font-weight:400;font-size:1.6rem;letter-spacing: 0.04em;
  position:absolute;right:12.5%;bottom:9rem;z-index: 2;
}

.vs_main_btn_wrap>div {margin:0 2rem;}
.reservation_btn {line-height:4rem;display:flex;cursor:pointer;}
.reservation_btn h3 {font-weight:400;font-size:1.6rem;font-family:'LEMON MILK'}
.reservation_btn>div {margin:0 1.5rem;}
.reservation_btn>div img {margin-top:-0.5rem;height:2.6rem;}
.vs_main_btn_wrap .line {width:3px;height:2rem;background:rgba(255,255,255,0.6);position:relative;top:1rem;}

.swiper-button-next, .swiper-container-rtl, .swiper-button-prev {background-image:none !important}

@keyframes scaleX {
0% { transform: scaleX(0); }
100% { transform: scaleX(1); }
}

.vs_swiper .progress-bar-wrap {width:45rem;height:2px;position:absolute;bottom:10rem;left:12.5%;}
.vs_swiper .swiper-progress-bar {
    position: relative;
    width: 100%;
    display: block;
    z-index: 100;
    height: 2px;
    position: absolute;
    bottom:20%;right:0%;
    z-index: 100;
  }
  .vs_swiper .swiper-progress-bar .slide_progress-bar {
    position: absolute;
    height: 2px;
    background: #bbb;
    width: auto;
    clear: both;
    opacity: 0;
    bottom:10%;right:0;left:0;
    
  }
  .vs_swiper .swiper-progress-bar .slide_progress-bar:after {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    height: 100%;
    width: 0;
    content: "";
    transition: 0.1s width linear;
  }
  .vs_swiper .swiper-progress-bar.active .slide_progress-bar {
    opacity: 1;
  }
  .vs_swiper .swiper-progress-bar.animate .slide_progress-bar:after {
    transition: width linear;
    transition-delay: unset;
    width: 100%;
    transition-duration: 5s;
  }
  .vs_swiper .swiper-pagination {font-family:'LEMON MILK';width:14rem;text-align:center;font-size:1.4rem;display:inline-block;color:#ddd;font-weight:400;position:absolute !important;left:12.5% !important;bottom:calc(10rem + 3rem) !important}
  
  @media screen and (max-width: 1441px) {
    .vs_swiper .swiper-pagination {left:3% !important;}
    .vs_pager, .vs_swiper .progress-bar-wrap {left:3%;}
    .vs_main_btn_wrap {right:3%;}
    .vs_swiper .slide1 .text_box, .vs_swiper .slide4 .text_box {left:3%;top:50%;}
    .vs_swiper .slide2 .text_box, .vs_swiper .slide5 .text_box {right:3%;top:50%;}
  }
  
  @media screen and (max-width: 1281px) {

  }
  
  @media screen and (max-width: 961px) {
    .vs_swiper .progress-bar-wrap {width:35rem;}
  }

  
@media screen and (max-width:821px){
  .vs_swiper .progress-bar-wrap {width:calc(100% - 6%);}

  .vs_swiper .slide1 .text_box, .vs_swiper .slide4 .text_box {left:-3%;}
  .vs_swiper .slide2 .text_box, .vs_swiper .slide5 .text_box {right:-3%;}
  .vs_swiper .progress-bar-wrap {bottom:3rem;}
  .vs_pager {bottom:7rem}
  .vs_swiper .swiper-pagination {bottom:6rem !important}
  .vs_main_btn_wrap {bottom:5rem;}


}

  
@media screen and (max-width:641px){
  .vs_swiper .slide2 .text_box,   .vs_swiper .slide4 .text_box {top:34%}
  .vs_swiper .slide1 .text_box, .vs_swiper .slide4 .text_box {left:-10%;}
  .vs_swiper .slide2 .text_box, .vs_swiper .slide5 .text_box {right:-10%;}
  .vs_swiper .text_box img {transform:scale(0.7)}
  .vs_main_btn_wrap {flex-wrap:wrap;width:calc(100% - 19rem);}
  .vs_main_btn_wrap .line {display:none;}
  .vs_main_btn_wrap>div {width:100%;margin:0;justify-content: right;}
  #top_weather {justify-content: right;}

}
  
@media screen and (max-width:430px){
  .vs_swiper .slide1 .text_box, .vs_swiper .slide4 .text_box {left:-15%;}
  .vs_swiper .slide2 .text_box, .vs_swiper .slide5 .text_box {right:-15%;}

}