$(document).ready(function () {
    //    <!-- Initialize Swiper -->
    var swiper = new Swiper(".mySwiper", {
        loop: true,
        spaceBetween: 10,
        slidesPerView: 8,
        freeMode: true,

        watchSlidesProgress: true, 
        breakpoints: { //반응형 조건 속성
        680: { //640 이상일 경우
          slidesPerView: 5,
          spaceBetween: 5 //레이아웃 2열
        }
      }
    });
    var swiper2 = new Swiper(".mySwiper2", {
        loop: true,
        autoplay: { // 자동 슬라이드 설정 , 비 활성화 시 false
            delay: 5000, // 시간 설정
            disableOnInteraction: false, // false로 설정하면 스와이프 후 자동 재생이 비활성화 되지 않음
        },
        spaceBetween: 10,
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
        thumbs: {
            swiper: swiper,
        },
    });



});