스크립트에서 전환되는 방법 수정이요~

$(document).ready(function(){

    $('.main_location_slide').slick({
        slidesToShow: 1,
        centerPadding: "0",
        dots: true,
        arrows: true,
        centerMode: true,
        autoplay: true,
        speed: 800,
        pauseOnHover: false,
        pauseOnFocus: false,
        autoplaySpeed: 3000,
        responsive: [
            {
                breakpoint: 1700,
                settings: {
                    centerPadding: "0",
                }
            },
            {
                breakpoint: 1600,
                settings: {
                    slidesToShow: 1,
                    centerPadding: "0",
                }
            },
            {
                breakpoint: 1500,
                settings: {
                    slidesToShow: 1,
                    centerPadding: "0",
                }
            },
            {
                breakpoint: 1400,
                settings: {
                    slidesToShow: 1,
                    centerPadding: "0",
                }
            },
            {
                breakpoint: 1300,
                settings: {
                    slidesToShow: 1,
                    centerPadding: "0",
                }
            },
            {
                breakpoint: 1200,
                settings: {
                    slidesToShow: 1,
                     centerPadding: "0",
                }
            },
            {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 1,
                    centerPadding: "0",
                }
            },
            {
                breakpoint: 992,
                settings: {
                    slidesToShow: 1,
                    centerPadding: "0",
                }
            }
        ]
    });

    var mainlocationSlideLength = $('.main_location_slide .slick-dots li').length,
        mainlocationSlideDotsWidth = (1 / mainlocationSlideLength) * 100 + "%";

    $('.main_location_slide .slick-dots li').css({
        "width": mainlocationSlideDotsWidth
    });

    $('.main_location_slide').on('breakpoint', function(event, slick){
        var mainlocationSlideLength = $('.main_location_slide .slick-dots li').length,
            mainlocationSlideDotsWidth = (1 / mainlocationSlideLength) * 100 + "%";

        $('.main_location_slide .slick-dots li').css({
            "width": mainlocationSlideDotsWidth
        });
    });

});