$(function(){
    $(".tab-menu li").click(function(){
        var index = $(this).index();
        $(".tab-menu li").removeClass("active")
        $(this).addClass("active");
        $(".tab-content").hide()
        $(".tab-content").eq(index).fadeIn();
    })



    $(".tech-slide").each(function(){
        var $techSlide = $(this);
        var $techSlideItem = $(this).find(".tech-slide-item");
        var techNum = $techSlideItem.length;
        var $techControls = $(".tech-slide-num")

        $techControls.find('.paging-controls .total').text(techNum);


        $techSlide.on('beforeChange', function(event, slick, currentSlide, nextSlide) {	

			$techControls.find('.paging-controls .cur').text(nextSlide + 1);
		})


        $techSlide.slick({
            slidesToShow:1,
            arrow:true,
            dots:false,
            infinite:false,
            prevArrow: "<button type='button' class='slick-prev'>이전</button>",
            nextArrow: "<button type='button' class='slick-next'>다음</button>",
        })
    })
})