$(document).ready(function () {


    const swiperMainPort = new Swiper('.swiperMainPort', {
        direction: getDirection(),
        loop: true,
        slidesPerView: 3,
        centeredSlides: true,
        spaceBetween: 20,
        breakpoints: {
            600: { 
                spaceBetween: 40,
            },
            900: { //900 ÀÌ»óÀÏ °æ¿ì 
                spaceBetween: 60,
            },
        },
        navigation: {
            nextEl: '.swiperMainPortNext',
            prevEl: '.swiperMainPortPrev',
        },
        on: {
            resize: function () {
                swiperMainPort.changeDirection(getDirection());
            },
        },


    });


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


        return direction;
    }
});