window.addEventListener('load', function(){
  // Banner Slide
  let bnrSlide = new Swiper('.sec01 .swiper', {
    slidesPerView: 1,
    loop: true,
    watchOverflow: false,
    observer: true,
    observeParents: true,
    speed:1000,
    autoplay: {
      delay: 5000,
      disableOnInteraction: false,
    },
    pagination: {
      el: '.sec01 .pagination',
      bulletClass: 'swiper-pagination-bullet-custom',
      bulletActiveClass: 'swiper-pagination-bullet-custom--active',
      renderBullet: function (index, className) {
        return `<div class="${className}" data-index="${index}">
                  <svg viewbox="0 0 20 20">
                    <circle r="9" cx="10" cy="10" fill="none" stroke-width="1" stroke="#fff"/>
                  </svg>
                </div>`;
      },
      clickable: true,
    },
    on: {
      init: function () {
        const _self = this;
        _self.autoplay.stop();
        _self.params.autoplay.delay = 5000;
        _self.el.style.setProperty('--delay', _self.params.autoplay.delay);
      },
      slideChange: function () {
        const _self = this;
        _self.params.autoplay.delay = 5000;
        _self.el.style.setProperty('--delay', _self.params.autoplay.delay);
      },
    }
  });


  // Business Slide
  let bizSlide = null;

  function initBizSlide() {
    if(window.innerWidth <= 768) {
      if(!bizSlide) {
        bizSlide = new Swiper('.sec03 .swiper', {
          slidesPerView: 1.3,
          spaceBetween: 8,
          breakpoints: {
            577 : {
              slidesPerView: 2,
              spaceBetween: 16,
            }
          }
        });
      }
    } else {
      if(bizSlide) {
        bizSlide.destroy(true, true);
        bizSlide = null;
      }
    }
  }

  initBizSlide();
  window.addEventListener('resize', initBizSlide);

  // Case Slide
  let caseSlide = new Swiper('.sec04 .swiper', {
    slidesPerView: 1.3,
    spaceBetween:8,
    breakpoints: {
      1025: {
        slidesPerView: 3,
        spaceBetween: 24,
      },
      769 : {
        slidesPerView: 2,
        spaceBetween: 16,
      },
      577 : {
        slidesPerView: 2,
        spaceBetween: 16,
      }
    }
  })
}, false);


function setCookie(key, value, expiredays) {
  var todayDate = new Date();
  todayDate.setDate(todayDate.getDate() + expiredays);
  document.cookie = key + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function getCookie(key) {
  var result = null;
  var cookie = document.cookie.split(';');
  cookie.some(function (item) {
    // 공백을 제거
    item = item.replace(' ', '');

    var dic = item.split('=');

    if (key === dic[0]) {
      result = dic[1];
      return true;    // break;
    }
  });
  return result;
}
/* Popup Event */
function popupClose(seq) {
  // var popupLayer = document.querySelector('.popup-layer');
  // console.log(popupLayer);

  var value = $('#popup-close_' + seq).val();

  setCookie(seq, value, 1);

  $("#popup_" + seq).hide();

}

/* Popup Event */
function popupClose2(seq) {
  // var popupLayer = document.querySelector('.popup-layer');
  // console.log(popupLayer);


  $("#popup_" + seq).hide();

}