<script>
    window.addEventListener('load', function(){
    saleItemTab();
});
   function saleItemTab() {
    var saleItem = document.querySelector('.saleItem');
    if(!saleItem) return;
    var tabButtonList = saleItem.querySelectorAll('.menu > li > .button');
    tabButtonList.forEach(function(button) {
        button.addEventListener('click', handleClickButton);
        setTitle(button);
    });
    function handleClickButton(e) {
        var currentButton = e.target;
        tabButtonList.forEach(function(button) {
            button.classList.remove('active');
        });
        currentButton.classList.add('active');
        var contentId = currentButton.getAttribute('data-id');
        var currentContent = saleItem.querySelector('#' + contentId);
        var tabContentList = saleItem.querySelectorAll('.tabContent');
        tabContentList.forEach(function(content) {
            content.classList.remove('active');
        });
        currentContent.classList.add('active');
    }
    function setTitle(button) {
        var contentId = button.getAttribute('data-id');
        var targetContent = saleItem.querySelector('#' + contentId);
        var mainTitle = targetContent.querySelector('.mainTitle');
        var title = '';
        if (mainTitle) {
            title = mainTitle.textContent;
        }
        button.innerText = title;
    }
       swiper();//슬라이드 실행
}
    
    var swiper = new Swiper(".mySwiper", {
        slidesPerView: 1.5,
        spaceBetween: 2,
        loop: false,
        centeredSlides: true,
        loopFillGroupWithBlank: true,
        autoplay: {
          delay: 2500,
          disableOnInteraction: false,
          pauseOnMouseEnter: true,
        },
        observer: true, 
        observeParents: true,
      });
</script>