$(document).ready(function(){
 
  // navbtn
  let $header = $('#header'),
  $gnb = $header.find('.gnb'),
  $menu = $header.find('.menu');
 
    $menu.click(function(){
    $gnb.fadeToggle();
    $menu.toggleClass('on');

    });

    //메인 슬라이드
    var swiper = new Swiper(".mySwiper", {
      spaceBetween:30,  
      loop:true,
      loopAdditionalSlides : 1,
      speed: 1500,
      effect : 'fade',
      autoplay: {    
      delay: 2800, 
      disableOnInteraction: false, 
      },
      pagination: {
        el: ".swiper-pagination", 
        clickable: true, 
      },
      navigation : { 
        nextEl : '.swiper-button-next', 
        prevEl : '.swiper-button-prev', 
      },
    });

    $('.slick_rooms').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
      pauseOnFocus: false,
      pauseOnHover: false, 
      responsive: [
        {breakpoint: 768, //화면 넓이 768px 이상
         settings: {
          slidesToShow: 1,
          slidesToScroll: 1
         }}]
    });

		    
    $('.slick_notice').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
      pauseOnFocus: false,
      pauseOnHover: false,
      responsive: [
        {breakpoint: 768, //화면 넓이 768px 이상
         settings: {
          slidesToShow: 2,
          slidesToScroll: 1
         }}
      ]   
    });
   
// 서브페이지 룸 슬라이드

    var swiper = new Swiper('.swiper', {
     
      loop: true,
      autoplay: true,
      disableOnInteraction: false,
       pagination: {
      el: '.swiper-pagination',
      },
  
      navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
  
  });


      // topbtn
      let $topBtn = $('.top-btn');        
      $topBtn.hide();

      $(window).scroll(function(){
        if ($(this).scrollTop() > 100 ) {
          $topBtn.fadeIn();
        } else {
          $topBtn.fadeOut();
        }
      });
      $topBtn.click(function(){
        $('html, body').stop().animate({
        scrollTop: 0
        }, 500);
     });



    });