$('.slider-for').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    asNavFor: '.slider-nav'
    });
$('.slider-nav').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    asNavFor: '.slider-for',
    dots: true,
    centerMode: true,
    accessibility: true,
    draggable: true,
    responsive: [ // 반응형 웹 구현
    {  
      breakpoint: 1200, //화면 사이즈
        settings: {
        slidesToShow: 3
    } 
    },
    { 
      breakpoint: 600, //화면 사이즈
        settings: {    
        slidesToShow:2,
    }
    
    }
]
    });