$(document).ready(function () {


    $('.service_bg_slide').not('.slick-initialized').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: false,
        arrows: false,
        fade: true,
        cssEase: 'linear'
    });
    

    var doc_h = $(document).height();
    var win_w = $(window).width();
    var st = $(window).scrollTop();
    if (st > 200) {
        $(".subarea").addClass("side_scroll");
    } else {
        $(".subarea").removeClass("side_scroll");
    }
    $(window).scroll(function () {
        var st = $(window).scrollTop();
        if (st > 300) {
            $(".subarea").addClass("side_scroll");
        } else {
            $(".subarea").removeClass("side_scroll");
        }
    });



    $("#btn1").hover(
        function () {
            $('.service_bg_slide').slick('slickGoTo', 0);
        },
        function () {}
    );

    $("#btn2").hover(
        function () {
            $('.service_bg_slide').slick('slickGoTo', "1");
        },
        function () {}
    );

    $("#btn3").hover(
        function () {
            $('.service_bg_slide').slick('slickGoTo', "2");
        },
        function () {}
    );

    $(".service_txt_slide li").hover(function(){
            
        $(".service_txt_slide li").removeClass("active");


        if ($(".service_bg_slide .slick-slide").eq(0).hasClass("slick-active") == true) {
            $("#btn1").addClass("active");
        } else if ($(".service_bg_slide .slick-slide").eq(1).hasClass("slick-active") == true) {
            $(".service_slider_wrap li").removeClass("active");
            $("#btn2").addClass("active");
        } else {
            $(".service_slider_wrap li").removeClass("active");
            $("#btn3").addClass("active");
        }
    });




    function jump_slide(num) {

    }
    
});