//header_change_sub
$(document).ready(function () {
    $(window).scroll(function() {
        var sclTop = $(this).scrollTop();
        if (sclTop > 90)
        {
            $('#hd').addClass('changed');        
        }
        else 
        {$('#hd').removeClass('changed');}
    });
})




jQuery(function ($) {
	'use strict';

	var $w = $(window),
	$body = $('body'),
	$goTopBtn = $('#goTop');



	// mo gnb
	var $mn = $('.gnb'),
		$mnbtn = $mn.find('.btn-depth');

	$mnbtn.next().hide();
	$mnbtn.on('click', function (e) {
		e.preventDefault();
		var $t = $(this),
			$parent = $t.parent(),
			$siblings = $t.parent().siblings(),
			$t_siblings = $t.next();

		if($parent.hasClass('open')){
			$parent.removeClass('open').find('li').removeClass('open').end().find('.depth').stop().slideUp(250)
		} else {
			$parent.addClass('open');
			$siblings.removeClass('open').find('li').removeClass('open').end().find('.depth').stop().slideUp(250);
			$t_siblings.stop().slideDown(250);
		}
		return false;
	});

	$('.gnb-btn').click(function (e) {
		e.preventDefault();
		$body.toggleClass('gnb-open');
		return false;
	});

	// pc gnb
	function siteMapOpen(){
		$('#hd').addClass('map-open');
	}
	function siteMapClose(){
		$('#hd').removeClass('map-open');
		$('.gnb>li').removeClass('on');
	}

	function gnbEffect(){
		if($w.width()>=1720){
			$('.gnb>li').on('mouseover', function () {
				$(this).addClass('on').siblings().removeClass('on')
			}).on('mouseleave', function () {
				$('.gnb>li').removeClass('on')
			})
			$('.sitemap>li').on('mouseover', function () {
				var num = $(this).index();
				$('.gnb>li').eq(num).addClass('on');
			}).on('mouseleave', function () {
				var num = $(this).index();
				$('.gnb>li').eq(num).removeClass('on');
			})
		}
	}
	$('#gnb>li').on('mouseover',siteMapOpen);
	$('#siteMap').on('mouseleave',siteMapClose);
	$('#gnb>li>a').on('focus',siteMapOpen);
	$('#hd>h1>a').on('focus',siteMapClose);
	
	gnbEffect();

	$w.resize(function(){
		gnbEffect();
	})

	// popup
	$('.open-layer').on('click', function (e) {
		e.preventDefault();
		var $href = $(this).attr('href');
		$($href).addClass('open');
		$body.addClass('layer-open');
	});
	
	$('.close-layer').on('click', function () {
		var $tg = $(this).parents('.layer-popup');
		$tg.removeClass('open');
		$body.removeClass('layer-open');
	});


});