$(function(){ function resetHeight(){ $('.main_home').css('height', $(window).innerHeight()); } window.addEventListener("resize", resetHeight); resetHeight(); tl.staggerFromTo($("#page_container"),0.7, {opacity:0}, {opacity: 1, delay:0.2, ease: Power1.easeInOut}); let btnchk = 0; $(".hamburger_btn").click(function(){ if(btnchk == 0){ //$("#header .white").fadeOut(); //$("#header .color").fadeIn(); //$("header .hamburger_btn span").css("background","#000"); //$("header .hamburger_btn span:nth-child(2)").removeClass().addClass("bl"); btnchk = 1; }else{ //$("#header .color").fadeOut(); //$("#header .white").fadeIn(); //$("header .hamburger_btn span").css("background","#fff"); //$("header .hamburger_btn span:nth-child(2)").removeClass().addClass("wh"); btnchk = 0; } }) //main_slider $('.main_bg_slider').slick({ fade: true, autoplay:true, infinite: true, autoplaySpeed:5000, slidesToShow: 1, slidesToScroll: 1, pauseOnHover:false, pauseOnFocus:false, cssEase:'linear', asNavFor: '.main_text_slider', prevArrow: $('.indicator').find('.prev'), nextArrow: $('.indicator').find('.next'), responsive: [ { breakpoint: 1279, settings: { arrows:false, } }, ] }); $('.main_text_slider').slick({ fade: true, autoplay:true, infinite: true, autoplaySpeed:5000, slidesToShow: 1, slidesToScroll: 1, pauseOnHover:false, pauseOnFocus:false, cssEase:'linear', dots: true, appendDots: $('.indicator .dot'), arrows:false, asNavFor: '.main_bg_slider', }); if(typeof $.fn.Slick === 'undefined'){ $('.main_slider').find('.v1').addClass('on'); $('.indicator').addClass('on'); $('.main_slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){ $('.indicator').removeClass('on'); $('.main_slider').find('div[class*="v"]').removeClass('on'); $('.main_slider').find('.v'+(nextSlide+1)).addClass('on'); }); $('.main_slider').on('afterChange', function(event, slick, currentSlide, nextSlide){ $('.indicator').addClass('on'); }); } //슬라이드 재생여부 $('.status_wrap').find('.status').on('click', function(){ if($(this).hasClass('play') == true){ $(this).removeClass('play').addClass('stop'); $('.main_slider').slick('slickPlay'); }else { $(this).removeClass('stop').addClass('play'); $('.main_slider').slick('slickPause'); } }); //메인비쥬얼 active if(typeof $.fn.Slick === 'undefined'){ $('.main_slider').find('.v01').addClass('on'); $('.main_slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){ $('.main_slider').find('div[class*="v0"]').removeClass('on'); $('.main_slider').find('.v0'+(nextSlide+1)).addClass('on'); }); $('.main_slider').on('afterChange', function(event, slick, currentSlide, nextSlide){ }); } var swiper = new Swiper(".gmpSwiper", { navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, touchRatio:0, }); var swiper = new Swiper(".mediaSwiper", { navigation: { nextEl: ".swiper-button-next2", prevEl: ".swiper-button-prev2", }, breakpoints: { 767: { slidesPerView: 1, spaceBetween: 40, }, 1024: { slidesPerView: 1, spaceBetween: 50, }, }, }); var swiper = new Swiper(".newsSwiper", { slidesPerView: "auto", spaceBetween: 30, // slidesPerGroup: 3, //loop: true, //loopFillGroupWithBlank: true, pagination: { el: ".swiper-pagination", clickable: true, }, navigation: { nextEl: ".swiper-button-next3", prevEl: ".swiper-button-prev3", }, breakpoints: { 767: { // slidesPerView: 1, //spaceBetween: -150, }, 1024: { //spaceBetween: 20, }, }, }); });