$(document).ready(function(){
    
    //메인비주얼슬라이드
    var slider = $('.slider').slick({
        arrows: false,
        speed: 700,
        autoplay: true,
        autoplaySpeed: 4000,
		dots: true,
        draggable: false,
        pauseOnHover: false
	});

    //메인비주얼 컨트롤러
    controller();
    function controller(){
        $('.visual .pause ,.visual .slick-dots li button').on('click', function() {
            $('.visual .pause').hide();
            $('.visual .play').show();
            slider.slick('slickPause');
        });
        
        $('.visual .play').on('click', function() {
            $('.visual .play').hide();
            $('.visual .pause').show();
            slider.slick('slickPlay');
        });
    }
    /*company*/
    //메인 배너 슬라이드
    var banner = $('.banner_slide').slick({
        arrows: false,
        speed: 500,
        autoplay: true,
        autoplaySpeed: 3000,
        dots: true,
        draggable: false,
        pauseOnHover: false
	});
	//메인 배너 컨트롤러
	$('.banner .pause ,.banner .slick-dots li button').on('click', function() {
		$('.banner .pause').hide();
		$('.banner .play').show();
		$('.banner_slide').slick('slickPause');
	});
	
	$('.banner .play').on('click', function() {
		$('.banner .play').hide();
		$('.banner .pause').show();
		$('.banner_slide').slick('slickPlay');
    });

    /*communication*/
    //communication banner
    $('.service ul').slick({
        arrows: true,
        speed: 800,
        autoplay: true,
        autoplaySpeed: 3000,
		dots: true,
        draggable: false,
        pauseOnHover: false
    });

    /*value & story*/

	//스토리 슬라이드(상단슬라이드)
    $('.story_slide2').slick({
        dots: false,
        arrows: true,
        autoplay: true,
        autoplaySpeed: 3000,
        infinite: true,
        speed: 300,
        slidesToShow: 6,
        slidesToScroll: 1,
        draggable: false,
        pauseOnHover: true
    });

    //story 슬라이드(하단배너)
    var story_banner = $('.story_slide').slick({
        arrows: false,
        speed: 300,
        autoplay: true,
        draggable: false,
        dots: false,
        slidesToShow: 6,
        slidesToScroll: 1
    });

    $('.story_banner .prev').on('click', function(){
        story_banner.slick('slickPrev');
    });
    $('.story_banner .next').on('click', function(){
        story_banner.slick('slickNext');
    });

});