$(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();
}
});
}