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