//기본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']}});
//카피라이트 올해년도 출력
$('.dateOutput').html(new Date().getFullYear());
if(!($('html').hasClass('mobile') && $('html').hasClass('ios'))) return false;
(function (){
//user-scalable : no
window.document.addEventListener('touchmove', function(e){
if(e.scale !== 1) {
e.preventDefault();
}
}, {passive: false});
}());
}
//오픈메뉴
function openMenu() {
var $navStatus = 0;
//메뉴 토글
$('.bar').on('click', function(){
//정지상태일때 실행 => 중복방지
if($navStatus == 0) {
$navStatus = 1;
$('body').stop().toggleClass('menu_open');
$('.bar').addClass('on');
clearTimeout(logoFixed);
//변수 선언
var ClassName = $('body').attr('class'),
logoFixed,
$nav = $('#main_nav'),
$bg = $('.nav_bg'),
$li = $nav.find('.left > ul > li'),
$foot = $nav.find('.foot'),
$right = $nav.find('.right .inner'),
$centerLine = $('.nav_centerLine'),
$svg = $('#nav_figure .st0');
if(ClassName == 'menu_open') {
logoFixed = setTimeout(function() {$('header').addClass('fixed')}, 200);
t.set($nav, {'display' : 'block'}),
t.set($svg, {'display' : 'block'}),
t.fromTo($bg, .6, {scaleY: 0}, {scaleY: 1, ease: Power3.easeInOut});
t.staggerFromTo($li, .5, {opacity: 0, y: '-30px'}, {opacity: 1, y: 0, delay:.3}, .1);
t.fromTo($foot, .5, {opacity: 0, y: '-30px'}, {opacity: 1, y: 0, delay:.8});
if(!$('html').hasClass('mobile')) {
t.fromTo($right, .6, {opacity: 0, y: '-30px'}, {opacity: 1, y: 0, delay:.5});
} else {
t.fromTo($right, .6, {opacity: 0, y: '-30px'}, {opacity: 1, y: 0, delay:.8});
}
t.fromTo($centerLine, .4, {opacity:.12}, {height:'100%', delay:.4, onComplete:menuOpenEnd}); //애니메이션 끝난 후 menuEnd() 호출
//svg
$svg.velocity("stop");
$svg.velocity({ 'stroke-dashoffset': 2300 }, { duration: 0, delay: 0 }) //line length = 3100
.velocity({ 'stroke-dashoffset': 0 }, { duration: 3000, delay: 0 }, "easeInOut"); //duration = 4500
}else {
t.to($right, .65, {opacity: 0});
t.staggerTo($li, .45, {opacity: 0, y: '-30px', ease: Power3.easeIn}, .1);
t.to($foot, .4, {opacity: 0, y: '-30px', delay:'.65'});
t.to($centerLine, .1, {height:'0', opacity:0});
t.to($svg, .1 , {'display' : 'none'});
t.to($bg, .7, {scaleY: 0, ease: Power3.easeInOut, delay:'.55'});
t.to($nav, 1 , {'display' : 'none', onComplete:menuCloseEnd}); //애니메이션 끝난 후 menuEnd() 호출
}
function menuOpenEnd(){$navStatus = 0;}
function menuCloseEnd(){$navStatus = 0; $('.bar').removeClass('on'); $('header').removeClass('fixed');} //메뉴가 닫힐때까지 로고 및 메뉴 애니메이션 유지를 위해
}
});
layoutLine();
rightUtil();
}
function layoutLine() {
if($('html').hasClass('mobile')) return;
$('.bar').hover(function() {$('.outline').addClass('on')},
function(){$('.outline').removeClass('on')});
}
function rightUtil() {
$('header .quest-btn').addClass('on');
$('header .util').addClass('on');
$('header .util .page_top').on('click', function(event){
event.preventDefault();
$('html, body').stop(true).animate({scrollTop: 0}, 600, 'easeInOutQuint');
});
}
function videoPopup() {
//레이어팝업
var bg = $("#bg");
$(document).on('click',' #bg, .close ', function () {
bg.fadeOut();
$('div[id*="-popup"]').hide();
});
//media
$('.vid-play-btn').on('click', function(){
bg.show();
$('#video-popup').show();
$('#video-popup').html(
'