@charset "utf-8";

.vs_wrap {width:87%;aspect-ratio:1650/726;position:relative;margin:17rem auto 0;}

.vs_swiper .image_box {width:100%;height:100%;overflow: hidden;}
/* .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_slide_btn button {background:transparent;border:none;font-size:2rem;position:absolute;margin-top:2px;}

.vs_swiper {width:100%;height:100%;}
.vs_swiper .swiper-container {width:100%;height:100%;}
.vs_swiper .swiper-slide {width:100%;height:100%;position:relative;overflow: hidden;}
.vs_slide_btn button.d_start {display:none;}
.nav_wrap {display:flex;}
.vs_slide_btn {margin-left:1rem;}


.vs_pager {width:13rem;position:absolute;bottom:13%;right: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;font-size: 2rem;}
.vs-next{right:0 !important}
.vs-prev{left:0 !important}
.vs-next img, .vs-prev img {height:2.4rem;}

.vs_main_cont_wrap {
  position:absolute;left:5%;bottom:10%;
  color:#fff;z-index: 100;
}

.vs_main_text h2 {
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 160%;
  letter-spacing: -0.02em;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.vs_main_text h3 {
    font-family: 'KBIZgo';
    font-weight: 600;
    font-size: 7.2rem;
    line-height: 110%;
    letter-spacing: -0.04em;
    text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
    margin-top:-2rem;
}
.vs_main_text h3 svg {max-width:100%;}

.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;}

/* .contents-wrap .text-wrap .vr_icon_wrap {
  text-align: center;
  color: #fff;
  position: absolute;
  top: -120%;
  right: -170%;
  z-index: 100;
  cursor: pointer;
  transition: all 0.4s;
}

.contents-wrap .text-wrap .vr_icon_wrap:hover {
  transform:translateY(-5px)
}
.contents-wrap .text-wrap .vr_icon_wrap img {
  height:6.9rem;
}
.contents-wrap .text-wrap .vr_icon_wrap h2 {
  font-family: 'NanumSquareNeo', sans-serif;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 700;
  font-size: 2rem;
  line-height: 160%;
  letter-spacing: -0.05em;
  color: #FFFFFF;
  margin-top:0.5rem;
} */


.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;
  }
@media screen and (max-width: 1440px) {
  .vs_swiper .index-top-contents .contents-wrap .swiper-slide .img-box img {
    width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.swiper-wrapper {
  position: relative;
}
.swiper-slide ul {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 40%;
  left: 50%;
  font-family: 'NanumSquareNeo', dotum, sans-serif;
  word-break: keep-all;
  word-wrap: break-word;
  text-align: center;
  font-size: 3rem;
  line-height: 1.4;
  color: #FFFFFF;
}
@media  screen and (max-width:729px) {
  .swiper-slide ul {
    top: 58%;
    font-size: 2.5rem;
  }
}
.swiper-slide ul strong {
  font-size: 5.5rem;
  font-weight: 800;
}

  /* .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}
   */
.vs_slide_btn2 {margin-left:10px;}
.vs_slide_btn2 button {background:transparent;border:none;font-size:20px;position:absolute;margin-top:2px;}
.vs_slide_btn2 button.start {display:none;}
.vs_slide_btn2 button.start .vs_slide_btn2 button.stop {cursor:none;}
.vs_btn_wrap {position:absolute;display:flex;right:calc(10% + 477px);bottom:calc(10% + 21px);z-index: 100;}
.vs_btn_wrap i {color:#fff;}

.next_prev_wrap {position:absolute;right:10%;bottom:calc(10% + 18px);width:120px;}
.vs-next,.vs-prev {color:#fff;width:auto !important;height:auto !important;z-index:100 !important;cursor:pointer;margin-top:0 !important}
.vs-prev {left:0 !important}
.vs-next {right:0 !important}

.main_slide_txt {position:absolute;bottom:8%;left:10%;color:#fff;}
.main_slide_txt>h1 {line-height:1.2;font-family:'montserrat'}
.main_slide_txt>h2 {margin-top:10px;font-weight: 300;}

.main-text-wrap {position:absolute;left:10%;top:25%;z-index: 100;}
.main_txt_img {position:relative;}
.main_txt_img img{height:76px;}
.main_txt_img:after {content:'';display:block;width:225px;height:308px;background:url(../../../img/cg.png) no-repeat center/contain;position:absolute;z-index: 10;right:-35%;top:-100px;}
.main-sub-text {color:#fff;letter-spacing: -0.025em;line-height:1.4;margin-top:30px;padding-left:10px;position:relative;z-index: 11;}
.main-sub-text p span.f-22  {font-weight:300;color:#fff;}
.main-sub-text p span.f-26  {font-weight:500;margin-right:20px;}


.main_slide_txt_center {bottom:unset !important;top:50%;transform:translateY(-50%);}
.vs_slide_btn button {background:transparent;border:none;font-size:20px;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%;}
.vs_swiper .swiper-slide[data-swiper-slide-index="0"] .img-box {position:relative;}
/* .vs_swiper .swiper-slide[data-swiper-slide-index="0"] .img-box::after {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(to right, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.2));} */
.vs_swiper .swiper-slide[data-swiper-slide-index="0"] .main_txt_img::after {background-image:url('../../../img/cg2.png');} 
.vs_swiper .img-box {width:100%;height:100%;margin:0 auto;position:relative;}
.vs_swiper .img-box img{width:100%;height:100%;object-fit:cover;}
.vs_swiper .img-box span{color:#333;font-size:20px;font-weight:bold;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform:rotate(-6deg);}
.vs_slide_btn button.d_start {display:none;}
.nav_wrap {display:flex;}
.vs_slide_btn {margin-left:10px;}
.vs_pager a {font-size:20px;position:absolute;bottom:0;right:0;}

.swiper_counter_wrap {bottom:10%;right:10%;z-index: 199;position:absolute;font-size:24px;color: #fff;}
.swiper_counter_wrap>span {font-size: 24px;color: #fff;}

.sl_index_2 {font-size:16px;display:inline-block;color:#ccc;}
.sl_index_2 span {font-size:16px;color:#ccc;}
.swiper-counter-middle {margin:0 7px;font-size:16px !important;color:#ccc;}

.behind_info {z-index:50;position:absolute;color:#fff;bottom:10%;left:4.5%;}
.behind_info h3 {font-weight:600;margin-bottom:15px;}
.behind_info p {font-weight:300;margin-bottom:5px;}

.main_info {position:absolute;z-index:50;color:#fff;font-family:KOHINanum !important;left:12%;top:12%;text-align:center;}
.main_info h1 {font-weight:300;}
.main_info h2 {font-weight:700;margin:20px 0 30px 0;}

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

@keyframes scaleX {
0% { transform: scaleX(0); }
100% { transform: scaleX(1); }
}
.progress-bar-wrap {width:500px;height:3px;position:absolute;bottom:7%;right:10%;}
.swiper-progress-bar {
    position: relative;
    width: 100%;
    display: block;
    z-index: 100;
    height: 2px;
    position: absolute;
    bottom:15%;right:0;
    z-index: 100;
  }
  .swiper-progress-bar .slide_progress-bar {
    position: absolute;
    height: 2px;
    background: #fff;
    width: auto;
    clear: both;
    opacity: 0;
    bottom:15%;right:0;left:0;
    
  }
  .swiper-progress-bar .slide_progress-bar:after {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--mc1);
    height: 100%;
    width: 0;
    content: "";
    transition: 0.1s width linear;
  }
  .swiper-progress-bar.active .slide_progress-bar {
    opacity: 1;
  }
  .swiper-progress-bar.animate .slide_progress-bar:after {
    transition: width linear;
    transition-delay: unset;
    width: 100%;
    transition-duration: 5s;
  }
  .swiper-pagination {font-family:'montserrat';font-size:16px;display:inline-block;color:#fff;font-weight:600;position:absolute !important;left:unset !important;width:auto !important;right:calc(10% + 35px) !important;bottom:11% !important}
  .swiper-pagination-current {color:#fff;font-size:16px;}
  

  @media screen and (max-width:1441px) {
    .main-text-wrap {transform:scale(0.8) translateX(-13%);left:3%;}
  }

  @media screen and (max-width: 961px) {
    .main-text-wrap {transform: scale(0.7) translateX(-22%);}
  }
  @media screen and (max-width: 768px) {
    .next_prev_wrap {width:200px;}
    .swiper-pagination {right: calc(10% + 78px) !important;}
    .main-text-wrap {top:35%;}
    .main_txt_img:after {right:unset;left:-20px;top:-260px;transform:scale(0.6)}
  }
  @media screen and (max-width: 641px) {
    .vs_wrap {width:100% !important;}
    .vs-prev {left:10px !important;width:30px !important;}
    .vs-prev img {width:100%;}
    .vs-next {right:10px !important;width:30px !important;}
    .vs-next img {width:100%;}
    .swiper-pagination {right: calc(10% + 57px) !important;font-size:13px;}
    .progress-bar-wrap {width:80%;}
    .vs_btn_wrap {right:unset;left:calc(10% + 15px);}
    .main_txt_img img {height:57px;}
    .main-sub-text {margin-top:10px;}
    .next_prev_wrap {width:150px;}
    .main-sub-text p span.f-26 {margin-right:10px;}
    .main-text-wrap {top:40%;}
  }
  @media screen and (max-width: 376px) {
    .main-text-wrap {transform: scale(0.6) translateX(-34%);}
  }