https://www.kam.or.kr/html/user/core/view/reaction/footer/400/inc/js/index.js?ver=2026100222

1$(function() {
2    // -------------------------------- 하단 슬라이더 Slick 플러그인 --------------------------------
3    const $slider                   = $('.spon_slider');
4    let isPlaying                   = true;
5    
6    // Slick Slider 초기화
7    $slider.slick({
8        slidesToShow:               6,
9        slidesToScroll:             1,
10		speed :                     1000,
11        autoplay:                   true,
12        autoplaySpeed:              4000,
13        infinite:                   true,
14        dots:                       false,
15        arrows:                     false,      // 기본 화살표 제거
16	    responsive:
17        [
18            {
19                breakpoint:         1520,
20                settings: {
21                    slidesToShow:   5,
22                    slidesToScroll: 1,
23                }
24            },
25            {
26                breakpoint:         1280,
27                settings: {
28                    slidesToShow:   4,
29                    slidesToScroll: 1,
30                }
31            },
32            {
33                breakpoint:         1080,
34                settings: {
35                    slidesToShow:   3,
36                    slidesToScroll: 1,
37                }
38            },
39            {
40                breakpoint:         650,
41                settings: {
42                    slidesToShow:   2,
43                    slidesToScroll: 1,
44                }
45            },
46            {
47                breakpoint:         430,
48                settings: {
49                    slidesToShow:   1,
50                    slidesToScroll: 1,
51                }
52            }
53	    ]
54    });
55
56    // 사용자 정의 prev, next 버튼 제어
57    $('.prev').on('click', () => { $slider.slick('slickPrev') });
58    $('.next').on('click', () => { $slider.slick('slickNext') });
59
60    // 자동 재생 시작/정지 버튼
61    $('.start_stop').on('click', function() {
62      $('.start_stop').toggleClass('sstop');
63        if( isPlaying ){
64            $slider.slick('slickPause');        // 자동 재생 멈춤
65        } else {
66            $slider.slick('slickPlay');         // 자동 재생 시작
67        }
68        isPlaying = !isPlaying;                 // 상태 토글
69    });
70});