$(function(){ tl = TweenMax; startJs(); popup(); menuJs(); allMenuJs(); }); $(document).on('click', 'a[href="#none"]', function(e) { e.preventDefault(); }); //기본js function startJs(){ $(document).on('click', 'a[href="#none"]', function(e) {e.preventDefault()}); if($('html').is('.ie67, .ie7, .ie8, .ie9')) { $('div.ie_alert_text').show().html('현재 사이트는 IE9 미만의 하위브라우저를 지원하지 않습니다.
브라우저를 최신 버전으로 업데이트해 주세요.'); } WebFont.load({google: {families: ['Noto Sans KR', 'Montserrat']}}); $('#wrap').addClass('ani'); setTimeout(function() { $('#wrap').addClass('init'); }, 2000); //모바일구분 $(window).resize(function(){ windowWidth = $(window).width(); if(windowWidth < 1279){ $('body').removeClass('pc'); $('#wrap').removeClass('pc'); $('#wrap').addClass('mobile'); }else{ $('body').addClass('pc'); $('#wrap').addClass('pc'); $('#wrap').removeClass('mobile'); } }).resize(); tl.staggerFromTo($("#wrap.pc header .logo"), 1, {opacity: 0, x: '40px'}, {opacity: 1, x: '0px', delay:1.2, ease: Power1.easeOut}); tl.staggerFromTo($("#wrap.pc header .area_r"),1, {opacity: 0, x: '-40px'}, {opacity: 1, x: '0px', delay:1.2, ease: Power1.easeOut}); tl.staggerFromTo($("#wrap.mobile header .logo"), 1, {opacity: 0, x: '20px'}, {opacity: 1, x: '0px', delay:1, ease: Power1.easeOut}); tl.staggerFromTo($("#wrap.mobile header .area_r"),1, {opacity: 0, x: '-20px'}, {opacity: 1, x: '0px', delay:1, ease: Power1.easeOut}); tl.staggerFromTo($("#wrap.pc header .line"),2, {opacity: 1, width:'0%'}, {opacity: 1, width: '100%', delay:0.3, ease: Power1.easeInOut}); tl.staggerFromTo($("#wrap.mobile header .line"),1, {opacity: 1, width:'0%'}, {opacity: 1, width: '100%', delay:0.2, ease: Power1.easeInOut}); } function popup() { //레이어팝업 var bg = $("#bg"); $(document).on('click',' #bg, .close ', function () { bg.fadeOut(); $('div[id*="-popup"] div.inner').html(''); $('div[id*="-popup"]').hide(); }); $(document).on('click','.layer-', function () { var ClassName = $(this).data('link'); bg.show(); $('#layer-popup').show(); $('#layer-popup').html( ''+ '
'+ '
' ); //foot 메뉴 클릭시 switch (ClassName) { case "privacy1": $("#layer-popup div.inner").load("/_privacy1.php"); break; case "terms": $("#layer-popup div.inner").load("/_terms.php"); break; } }); //click } function menuJs(){ //언어선택 $(".util_list .language .title").click(function(){ $(this).parent(".language").toggleClass("open"); if($(this).parent(".language").hasClass("open")){ $(".util_list .language").find("ul").stop().slideDown(); }else{ $(".util_list .language").find("ul").stop().slideUp(); } }); $(".util_list .language ul").mouseleave(function(){ $(".util_list .language").removeClass("open"); $(this).stop().slideUp(300); }); //menuJs /*menu hover*/ $("#nav>ul>li").mouseenter(function(){ var menuNum = $(this).index()+1; if(menuNum === menuNum){ $("#nav .lnb").stop().fadeIn(); $("#nav .lnb > ul").stop().hide().removeClass('on'); $("#nav .lnb > .sub"+menuNum+"").stop().fadeIn(700).addClass('on'); }else{ $("#nav .lnb").stop().fadeOut(700); $("#nav .lnb > ul").stop().fadeOut(700).removeClass('on'); } }); $("#nav>ul").mouseleave(function(){ $("#nav .lnb").stop().fadeOut(); $("#nav .lnb > ul").stop().fadeOut(); $("header").removeClass("on"); }); $("#nav>ul").mouseenter(function(){ $("header").addClass("on"); }); } function allMenuJs(){ var $navStatus = 0; $(document).on("click","#hamburger_btn.open",function(){ if($navStatus == 0) { $navStatus = 1; var ClassName = $('body').attr('class'); $(this).removeClass("open"); $(this).addClass("close"); $("#allmenu").fadeIn(); $(".pc #util_list").fadeOut(); $(".mobile #util_list").fadeIn(); $('body').stop().addClass('menu_open'); tl.staggerFromTo($("#allmenu .all_box .all_gnb .menu"), 0.7, {opacity: 0, y:'20px'}, {opacity: 1, y:'0px', delay:0.2, ease: Power1.easeInOut},0.15); if(ClassName == ClassName) { }else{ $navStatus = 0; } } //태블릿,모바일 아코디언 allmenu $(window).on('resize', function() { var windowSize = $(window).width(); if(windowSize <= 1279) { //init $('#allmenu .sub_menu').hide(); $('#allmenu .dep1').removeClass('act'); } else { //init $('#allmenu .dep1').removeClass('act'); $('#allmenu .sub_menu').show(); } }).resize(); }); $(document).on("click","#allmenu .dep1",function(){ $(this).toggleClass('act'); if($(this).hasClass('act')){ $('#allmenu .dep1').removeClass('act'); $(this).addClass('act'); $(this).parents('.menu').siblings().find('.sub_menu').stop(true).slideUp(); $(this).next().stop(true).slideDown(); }else{ $('#allmenu .dep1').removeClass('act'); $(this).next().stop(true).slideUp(); } }); $(document).on("click","#hamburger_btn.close",function(){ $navStatus = 0; tl.staggerTo($("#allmenu .all_box .all_gnb .menu"), 0.4,{opacity: 0, y:'-20px', delay:0.1, ease: Power1.easeInOut},0.1); setTimeout(function() { $('#hamburger_btn').removeClass("close"); $('#hamburger_btn').addClass("open"); $('body').stop().removeClass('menu_open'); $("#allmenu").fadeOut(); $(".pc #util_list").fadeIn(); }, 900); }); }