$(document).ready(function(){

  // navbtn
  let $btn = $("#bttn"),
   $nav = $("#nav");

    $btn.click(function(){
      $btn.toggleClass("active");
      $nav.toggleClass("active");
    })
        

  //메뉴

      $('#nav>ul>li').mouseover(function(){
        $(this).find('.submenu').stop().slideDown(500);
    })
    $('#nav>ul>li').mouseout(function(){
        $(this).find('.submenu').stop().slideUp(500);
    });
      
 
  // 메인슬라이드
    var swiper = new Swiper(".mySwiper", {
      spaceBetween: 30, 
      slidesPerView : 'auto',
      centeredSlides: true, 
      autoplay: {    
        delay: 3500, 
        disableOnInteraction: false, 
      },
      loop : false,  
      loopAdditionalSlides : 1,
      effect: 'fade',
      fadeEffect: {
        crossFade: true
      },
      pagination: { 
        el: ".swiper-pagination", 
        clickable: true, 
      },
      navigation: {  
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });

     // 룸 슬라이드
     var swiper2 = new Swiper(".room_Swiper", {
      slidesPerView : 'auto',
      centeredSlides: true, 
      autoplay: {    
        delay: 3000, 
        disableOnInteraction: false, 
      },
      loop : false,  
      loopAdditionalSlides : 1,
      
      pagination: { 
        el: ".swiper-pagination", 
        clickable: true, 
      },
      navigation: {  
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });






  // quick menu
   let $topBtn = $('.top-btn');
  let $bottomBtn = $('.bottom-btn')     
  

  $topBtn.click(function(){
    $('html, body').animate({scrollTop:0}, '700');
    return false;
 });

  $bottomBtn.click(function(){
    $('html, body').animate({scrollTop:document.body.scrollHeight}, '700');
    return false;
  });


  });