$(window).scroll(function() { var num = $(window).scrollTop(); if ($(this).scrollTop() > 0) { $('#header').addClass('on'); } else if($(this).scrollTop() < 35){ $('#header').removeClass('on'); } }); function scrollTop_fn(){ var topBtn = $(".top_btn"); var revBtn = $(".rev_btn"); hTop = $("#contents").position().top; $(window).scroll(function(){ if($(window).scrollTop() < hTop/2){ topBtn.hide(); revBtn.hide(); } else { topBtn.fadeIn(); revBtn.fadeIn(); topBtn.click(function(){ $("html, body").stop().animate({"scrollTop":"0"}, 400, "easeOutExpo"); }); }; }); }; function gnb_open(){ $(".gnb > li").on("mouseover", function(){ $(this).find(">a").addClass("on"); $(this).find(".depth_D").slideDown(1000, "easeOutExpo"); }).on("mouseleave", function(){ $(this).find(">a").removeClass("on"); $(this).find(".depth_D").stop(true, true).slideUp(500, "easeOutExpo"); }); } function all_gnb_open(){ $('.btn_gnb').click(function(){ $(this).toggleClass('is-active'); $('.g_gra').toggle(); $('.all_gnb_wrap').animate({height:'toggle'},400); }); }; function main_visual(){ var $slick_carousel = $('.main_visual_slider'); $slick_carousel.on('init', function(event, slick) { $slick_carousel.find('.slick-current').removeClass('slick-active').addClass('reset-animation'); setTimeout( function() { $slick_carousel.find('.slick-current').removeClass('reset-animation').addClass('slick-active'); }, 1); }); $slick_carousel.slick({ autoplay:true, autoplaySpeed:3500, pauseOnHover:false, arrows: false, dots: true, infinite: true, speed:2000, fade: true }); }; function slick_slider(){ /*$('.mp_slider').slick({ slidesToShow: 3, slidesToScroll: 1, autoplay:true, autoplaySpeed:3500, arrows:false, infinite: false, responsive: [ { breakpoint: 1101, settings: { slidesToShow: 2, slidesToScroll: 1, dots: true } }, { breakpoint: 701, settings: { slidesToShow: 1, slidesToScroll: 1, dots: true }, } ] }); $('.mp_slider').on('afterChange', function(event, slick, currentSlide) { var _last = slick.slideCount - slick.options.slidesToShow var _slickItem = $('.mp_slider') if (_last === currentSlide) { _slickItem.slick('slickPause') setTimeout(function() { _slickItem.slick('slickGoTo', 0, false) _slickItem.slick('slickPlay') setTimeout(function() { _slickItem.slick('refresh') }, _slickItem.slick('slickGetOption', 'speed')); }, 3000); } });*/ $('.cus_slider').slick({ autoplay:false, slidesToShow: 5, slidesToScroll: 1, dots: false, arrows: true, infinite: false, responsive: [ { breakpoint: 901, settings: { slidesToShow: 4, slidesToScroll: 1, } }, { breakpoint: 641, settings: { slidesToShow: 3, slidesToScroll: 1, } }, { breakpoint: 451, settings: { slidesToShow: 2, slidesToScroll: 1, }, } ] }); } function lnb_open(){ $(".lnb > a").on("click", function(){ if($(this).next(".lnb_depth").css("display") == "none"){ $(".lnb > a").removeClass("active"); $(".lnb > a").next(".lnb_depth").stop(true, true).slideUp(); $(this).next(".lnb_depth").slideDown(); }else{ $(this).next(".lnb_depth").stop(true, true).slideUp(); } }); } function tabSet(){ $('.tabSet02').each(function(){ var topDiv = $(this); var anchors = topDiv.find('.tabs a'); var panelDivs = topDiv.find('.panel'); var lastAnchor; var lastPanel; anchors.show(); lastAnchor = anchors.filter('.on'); lastPanel = $(lastAnchor.attr('href')); panelDivs.hide(); lastPanel.show(); anchors.click(function(e){ e.preventDefault(); var currentAnchor = $(this); var currentPanel = $(currentAnchor.attr('href')); lastAnchor.removeClass('on'); currentAnchor.addClass('on'); lastPanel.hide(); currentPanel.show(); lastAnchor = currentAnchor; lastPanel = currentPanel; }); }); }; function gallery(){ var galleryTop = new Swiper( '.gallery-top', { autoplay:false, spaceBetween: 0, navigation: { nextEl: '.gall_next', prevEl: '.gall_prev', }, }); } $(document).ready(function(){ scrollTop_fn(); gnb_open(); all_gnb_open(); main_visual(); slick_slider(); lnb_open(); tabSet(); });