$(function() { // 화면 viewport var windowWidth = window.screen.width setViewPort(windowWidth); function setViewPort(w_width) { if (w_width <= 500 ){ $("meta[name=viewport]").attr("content", "width=500, maximum-scale=2.0, user-scalable=yes, target-densitydpi=medium-dpi"); } else { $("meta[name=viewport]").attr("content", "width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0, user-scalable=yes, target-densitydpi=medium-dpi"); } } $(window).resize(function(){ var windowWidth = window.screen.width setViewPort(windowWidth); }); //gnb $( window ).scroll(function() { if ($(window).scrollTop() == 0){ $( "#header" ).removeClass('scroll'); }else if($(window).scrollTop() < 200){ $( "#header" ).addClass('scroll'); } }); $( window).on('load',function() { if($(window).scrollTop() > 200){ $( "#header" ).addClass('scroll'); } }); // submenu $(".btn_menu").click(function(){ $(".r_menu").animate({"right":0},200); $(".bg_menu").fadeIn(200); }); $(".btn_close").click(function(){ $(".r_menu").animate({"right":"-100%"},200); $(".bg_menu").fadeOut(200); }); $('#gnb>ul> li').hover(function(){ $(this).find('.lst_sub').stop().slideToggle('fast'); }); $('.r_menu ul').append($("#gnb ul").html()) $(".r_menu>ul>li>a").on('click',function(e){ $(".r_menu>ul>li>a").removeClass("on"); $(".r_menu>ul>li >.lst_sub").slideUp(200); $(this).removeClass("on"); // $('.r_menu > ul > li .lst_sub >ul> li>.dep3').slideUp('fast') if ($(this).next(".lst_sub").is(":hidden")){ $(this).attr('href','#') } var submenu = $(this).next(".lst_sub"); var link = $(this).attr('href'); // var title = $(this).attr('title'); if(!submenu.is(":visible") ){ if(link == '#'){ $(this).addClass("on"); submenu.slideDown(200); // var dep3 = $(this).next('.lst_sub').find('>ul>li> .dep3'); // if (dep3.is(":hidden")){ // dep3.prev('a').attr('href','#') // } // }else if((link != '#') && (title == '�덉갹�대┝')){ // var newWindow = window.open("about:blank"); // newWindow.location.href = link; // }else{ // window.location.href = link; } } e.preventDefault(); }); }); $(".beforeAfter li").on("click", function () { var tab = $(this).data("tab"); $(".beforeAfter li").removeClass("is-active"); $(this).addClass("is-active"); $(".beforeAfter-content .beforeAfter-num").removeClass("is-active"); $('.beforeAfter-num[data-content="' + tab + '"]').addClass("is-active"); }); /* 메인화면 슬라이더 */ var swiper = new Swiper('.main_swiper', { speed: 500, effect: 'fade', loop: true, centeredSlides: true, autoplay: { delay: 4000, disableOnInteraction: false, }, pagination: { el: ".swiper-pagination", clickable: true, }, }); /* 하단 특징 슬라이더 */ var $m = $('#listMenu li'); var $img = $('#listTxt li'); var $ul = $('#listTxt ul'); var $prev = null; $m.mouseenter(function(e){ if(!$(this).hasClass('on_mouse')){ $m.removeClass('on_mouse'); $(this).addClass('on_mouse'); if($prev != null) $prev.animate({opacity:0},400,function(e){ $(this).css({display:'none',opacity:''}); }); $img.eq($(this).index()).css({display:'block',opacity:0}).addClass('active').animate({opacity:1},400); $prev = $img.eq($(this).index()); } }); /* 하단 특징 슬라이더 (모바일) */ var swiper = new Swiper(".list_m", { speed: 500, slidesPerView: 1, spaceBetween: 30, loop: true, autoplay: { delay: 4000, disableOnInteraction: false, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); //snb $('#menu_snb >ul> li').hover(function(){ $(this).find('>div').stop().slideToggle('fast'); });