$(document).ready(function () {


    // const swiperMainCnt = new Swiper('.swiperMainCnt', {
    //     slidesPerView: 'auto',  // 'auto'·Î ¼³Á¤ÇÏ¿© ½½¶óÀ̵尡 CSS¿¡ µû¶ó ÀÚµ¿À¸·Î Å©±â°¡ Á¶Á¤µÊ
    //     spaceBetween: 20,
    //     direction: getDirection(),
    //     loop: false,
    //     preventClicks: false,
    //     preventClicksPropagation: false,
    //     // autoplay: {
    //     //     delay: 3000,
    //     // },
    //     navigation: {
    //         nextEl: '.swiperMainCntNext',
    //         prevEl: '.swiperMainCntPrev',
    //     },
    //     breakpoints: {
    //         1199: { 
    //             spaceBetween: 40,
    //         },
    //     },
    //     on: {
    //         resize: function () {
    //             swiperMainCnt.changeDirection(getDirection());
    //         },
    //     },
    // });


    const swiperCert = new Swiper('.swiperCert', {
        slidesPerView: 2,
        spaceBetween: 20,
        direction: getDirection(),
        loop: true,
        preventClicks: false,
        preventClicksPropagation: false,
        autoplay: {
            delay: 3000,
        },
        breakpoints: {
            599: {
                slidesPerView: 3,
            },
            1199: {
                slidesPerView: 4,
                spaceBetween: 20,
            },
            1440: {
                slidesPerView: 5,
                spaceBetween: 40,
            },
        },
        on: {
            resize: function () {
                swiperCert.changeDirection(getDirection());
            },
        },
    });


    const swiperOffice = new Swiper('.swiperOffice', {
        slidesPerView: 1,
        spaceBetween: 20,
        direction: getDirection(),
        loop: true,
        preventClicks: false,
        preventClicksPropagation: false,
        navigation: {
            nextEl: '.swiperOfficeNext',
            prevEl: '.swiperOfficePrev',
        },
        autoplay: {
            delay: 3000,
        },
        breakpoints: {
            599: {
                slidesPerView: 2,
            },
        },
        on: {
            resize: function () {
                swiperOffice.changeDirection(getDirection());
            },
        },
    });



    function getDirection() {
        var windowWidth = window.innerWidth;
        var direction = window.innerWidth <= 0 ? 'vertical' : 'horizontal';


        return direction;
    }
});