$(function(){ tl = TweenMax; startJs(); menuJs(); allMenuJs(); }); $(document).on('click', 'a[href="#none"]', function(e) { e.preventDefault(); }); //기본js function startJs(){ $('#wrap').addClass('ani'); setTimeout(function() { $('#wrap').addClass('init'); }, 1700); $(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']}}); //모바일구분 $(window).resize(function(){ windowWidth = $(window).width(); if(windowWidth <= 767){ //m $('#wrap').removeClass('pc'); $('body').removeClass('pc'); $('body').addClass('tm'); $('body').removeClass('t'); $('body').addClass('m'); }else if($(window).width() <= 1279){ //tablet $('#wrap').removeClass('pc'); $('body').removeClass('pc'); $('body').addClass('tm'); $('body').addClass('t'); $('body').removeClass('m'); }else{ //pc $('#wrap').addClass('pc'); $('body').addClass('pc'); $('body').removeClass('tm'); $('body').removeClass('t'); $('body').removeClass('m'); } }).resize(); tl.staggerFromTo($("#scroll_wrap"), 0.7, {opacity:0, y:'100%'}, {opacity:1, y:'0%', delay:0.5, ease: Power1.easeOut}); tl.staggerFromTo($("#accept_wrap"), 1, {opacity:0, y:'100%'}, {opacity:1, y:'0%', delay:0.2, ease: Power1.easeOut}); } function menuJs(){ /*menu hover*/ $("header .hamburger_btn").mouseenter(function(){ tl.staggerFromTo($(".pc header .bg1"), 0.4, {width:'0px'}, {width:'110px', ease: Power1.easeOut}); }); $("header .hamburger_btn.open").mouseleave(function(){ tl.staggerFromTo($(".pc header .bg1"), 0.5, {width:'110px'}, {width:'0px', ease: Power1.easeInOut}); }); } function allMenuJs(){ var $navStatus = 0; var headerElem = $("#wrap header").width(); var headerElemH = $("#wrap header").height(); $(window).resize(function(){ var headerElem = $("#wrap header").width(); var headerElemH = $("#wrap header").height(); }).resize(); $(document).on("click","header .hamburger_btn.open",function(){ if($navStatus == 0) { $navStatus = 1; $(this).removeClass('open'); $(this).addClass('close'); $('body').stop().addClass('menu_open'); $("#allmenu").show(); var ClassName = $('body').attr('class'); if(ClassName == ClassName) { tl.staggerFromTo($(".pc header .bg2"), 0.7, {width:'0px'}, {width:'100%', ease: Power1.easeOut}); tl.staggerFromTo($(".tm header .bg3"), 0.6, {height:'0px'}, {height:'100%', ease: Power1.easeOut}); tl.staggerFromTo($("#wrap header .logo"), 0.2, {opacity:1}, {opacity:0, ease: Power1.easeOut}); tl.staggerFromTo($("#wrap header nav .gnb .dep1 span"), 0.5, {opacity:1,y:'0%'}, {opacity:1,y:'110%', ease: Power1.easeInOut}, .1); tl.staggerFromTo($("#wrap header .foot .Ltd span"), 0.5, {opacity:1,y:'0%'}, {opacity:1,y:'-110%', delay:0.4, ease: Power1.easeInOut}, .1); tl.staggerFromTo($("#wrap header .hamburger_btn"), 0.5, {top:'0%'}, {top:'50%', delay:0.5, ease: Power1.easeInOut}); //allmenu //area1 tl.staggerFromTo($("#allmenu .scroll_wrap"), 0.8, {opacity:0}, {opacity:1, delay:0.8, ease: Power1.easeOut}); tl.staggerFromTo($("#allmenu .all_gnb > .menu"), 0.55, {opacity:0,y:'100%'}, {opacity:1,y:'0%', delay:0.9,ease: Power1.ease},0.1); }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","header .hamburger_btn.close",function(){ $navStatus = 0; $(this).removeClass('close'); $(this).addClass('open'); $('body').stop().removeClass('menu_open'); $("#allmenu").fadeOut(); tl.staggerFromTo($(".pc header .bg2"), 0.7, {width:'100%'}, {width:'0px', delay:0.4, ease: Power1.easeInOut}); tl.staggerFromTo($(".tm header .bg3"), 0.6, {height:'100%'}, {height:'0px', delay:0.4, ease: Power1.easeInOut}); tl.staggerFromTo($("#wrap header .hamburger_btn"), 0.5, {top:'50%'}, {top:'0%', ease: Power1.easeInOut}); tl.staggerFromTo($("#wrap header .logo"), 0.2, {opacity:0}, {opacity:1, delay:0.4, ease: Power1.easeOut}); tl.staggerFromTo($("#wrap header nav .gnb .dep1 span"), 0.5, {opacity:0,y:'110%'}, {opacity:1,y:'0%', delay:0.4, ease: Power1.easeInOut}, .1); tl.staggerFromTo($("#wrap header .foot .Ltd span"), 0.5, {opacity:0,y:'-110%'}, {opacity:1,y:'0%', delay:0.9, ease: Power1.easeInOut}, .1); }); $(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(); } }); }