$(document).ready(function() {
// mainImg :
const mainSwiperEl = document.querySelector('.mainImg');

if (mainSwiperEl) { // ⭐ 이 조건 추가
  const slideCount = mainSwiperEl.querySelectorAll('.swiper-slide').length;

  var section01Slider = new Swiper(mainSwiperEl, { 
    slidesPerView: 1,
    speed: 1200,

    loop: slideCount > 1,
    allowTouchMove: slideCount > 1,
    draggable: slideCount > 1,

    autoplay: slideCount > 1 ? {
      delay: 3000,
      disableOnInteraction: false,
    } : false,

    pagination: {
      el: mainSwiperEl.querySelector('.pager'),
      clickable: true,
    },
    navigation: {
      nextEl: mainSwiperEl.querySelector('.swiper-button-next'),
      prevEl: mainSwiperEl.querySelector('.swiper-button-prev'),
    },
  });
}



// mainImg END

/* partner */
var swiper = new Swiper('#m_partner', { 
  navigation: { 
    nextEl: '.f-partner .swiper-button-next', 
    prevEl: '.f-partner .swiper-button-prev', 
  }, 
  scrollbar: {
    el: ".swiper-scrollbar",
    hide: false,
  },
  slidesPerView: "auto", //화면에 보여질 슬라이드 갯수	
  //slidesPerView: 2,
  spaceBetween: 40,
  speed: 1500,
  // centeredSlides: true,
  //loop: true,
  autoplay: { 
  delay: 4000, 
  disableOnInteraction: false, 
    }, 			
  breakpoints: {    
    521: {				
      spaceBetween: 40,
    },
    769: {
      spaceBetween: 60,
      }, 
    1281: {
      spaceBetween: 80,
      }, 	 
    
    }
    
});  /* partner END */


/* banner */
var mainSwiper = new Swiper(".mainBanner", {
  autoplay: {
    delay: 3000,
    disableOnInteraction: false
  },
  speed: 500,
  loop: true,
  parallax: true,

  // ⭐ pagination (01 / 02)
  pagination: {
    el: ".mainBanner .swiper-pagination",
    type: 'custom',
    renderCustom: function (swiper, current, total) {
      const format = (num) => String(num).padStart(2, '0');
      return `
        <span>${format(current)}</span>
        <span class="line"></span>
        <span class="swiper-pagination-total">${format(total)}</span>
      `;
    }
  },

  navigation: {
    nextEl: ".mainBanner .swiper-button-next",
    prevEl: ".mainBanner .swiper-button-prev"
  },

  // ⭐ 이벤트 안에 play/pause 포함
  on: {
    init: function () {
      const swiper = this;

      const pauseBtn = document.getElementById("pause");
      const playBtn = document.getElementById("play");

      if (!pauseBtn || !playBtn) return;

      // 초기 상태
      playBtn.style.display = "none";

      pauseBtn.addEventListener("click", () => {
        swiper.autoplay.stop();
        pauseBtn.style.display = "none";
        playBtn.style.display = "flex";
      });

      playBtn.addEventListener("click", () => {
        swiper.autoplay.start();
        playBtn.style.display = "none";
        pauseBtn.style.display = "flex";
      });
    }
  }
});
/* banner END */







// product-slide
var swiper = new Swiper("#product-slide", {
		slidesPerView:  1, //화면에 보여질 슬라이드 갯수	
    spaceBetween: 16,
		//freeMode: true,
		navigation: { 
			nextEl: '.swiper-product-button .swiper-button-next', 
			prevEl: '.swiper-product-button .swiper-button-prev', 
		 }, 
        loop: true,
        //centeredSlides: false,
        speed : 1500,
         scrollbar: {
              el: ".swiper-scrollbar",
              hide: false,
          },
        autoplay: { 
        delay: 3000, 
        disableOnInteraction: false, 
           }, 
           
         breakpoints: {
            540: {
			       slidesPerView: 2,
             spaceBetween: 30,           
            }, 
            1024: {
              slidesPerView:3,
              spaceBetween: 30,         
             }, 
            1280: {
              slidesPerView: 'auto',
              spaceBetween: 30,   
              centeredSlides: true,          
             },                
           
            }
            
}); // product-slide END






  

}); // END