/* 초점이동 *//*
jQuery(document).ready(function() {
	dropdownmenu_keyboard_access('.gnb_focus');
}); //.gnb_focus 에만 함수 실행

function dropdownmenu_keyboard_access(nav) {

	$(nav + '.gnb > ul > li > a').keydown(function (e) {
		if(e.keyCode == 13) {
			//엔터를 눌렀을때 하위 메뉴를 열고, 첫번째 메뉴에 포커스를 이동한다.
			//ie에서 클릭이벤트를 해제하기 위해서 e.preventDefault(); 추가
			e.preventDefault();
			$(this).siblings('.depth2').show();
			$(this).siblings('.depth2').find('.sb_inner > ul > li > a:first').focus();
			$('.sb_inner, .gnb_banner, .gnb_background').show();
			$('#header_wrap').addClass('on');
		}
	});
	// 드롭다운된 메뉴의 최하단에서 쉬프트키를 누리지 않은 채 탭키를 누르면
	// 해당 하위 메뉴를 닫고
	// 상위 메뉴의 바로 다음 메뉴에 포커스를 위치시킨다
	$(nav + '.gnb > ul > li > a').keydown(function (e) {
		if(e.shiftKey) {
			//엔터를 눌렀을때 하위 메뉴를 열고, 첫번째 메뉴에 포커스를 이동한다.
			//ie에서 클릭이벤트를 해제하기 위해서 e.preventDefault(); 추가
			$(this).find('.depth2').hide();
			$('.sb_inner, .gnb_banner, .gnb_background').hide();
			//$('.gnb_background').removeClass('view');
			$(this).parent().find('.depth2').attr('style','none');
			$('#header_wrap').removeClass('on');
		}
	});
	$(nav + '.gnb > ul > li').each(function () {
		$(this).find('.sb_inner > ul > li > ul > li:last > a:last').keydown(function (e) {
			if( ! e.shiftKey) {
				$(this).parent('.gnb > ul > li').find('.sb_inner > ul > li > a:first').focus();
				$(this).parent('.depth2').hide();
				$('.sb_inner, .gnb_banner, .gnb_background').hide();
				$('#header_wrap').removeClass('on');
			}
		})
	});
	// 드롭다운된 메뉴의 최상단에서 쉬프트키와 탭키를 누르면
	// 해당 하위 메뉴를 닫고
	// 상위 메뉴의 바로 이전 메뉴에 포커스를 위치시킨다.
	$(nav + '.gnb > ul > li').each(function () {
		$(this).find('a:eq(1)').keydown(function (e) {
			if( e.shiftKey) {
				$(this).parents('.gnb > ul > li').before().find('a:first').focus();
				$(this).parents('.depth2').hide();
				$('.sb_inner, .gnb_banner, .gnb_background').hide();
				$('#header_wrap').removeClass('on');
			}
		})
	});
}*/
$(document).ready(function(){
	let gnb_li = $(".gnb > ul > li");
	let langLink = $("a.btn_lang");
	gnb_li.focusin(function (e) {
		$('#header_wrap').addClass('on');
		$('.gnb_banner').show();
		$(this).children('.depth2').show();
		$(this).children().find('.sb_inner').show();
		$('.gnb > ul > li > a').removeClass('active');
		$(this).children('a').addClass('active');
		$(".gnb .depth2").stop().animate({height:"430px"},100);
		$(".menu_bg").stop().animate({height:"460px"},100).addClass("open");
	});
	// 2024년 웹접근성 focusout 추가
	langLink.focus(function (e) {
		$('#header_wrap').removeClass('on');
		$('.gnb_banner').hide();
		gnb_li.children('.depth2').hide();
		gnb_li.children('.sb_inner').hide();
		$('.gnb > ul > li > a').removeClass('active');
		$(".gnb .depth2").stop().animate({height:"0px"},100);
		$(".menu_bg").stop().animate({height:"0px"},100).removeClass("open");
	});
	//admin button start
	if($(window).width() < 1100) {
		$(".admin_btn").hide();
	}else{
		$(".admin_btn").show();
	}
	$(window).on("resize", resizeHandler2);
	var checkMobile2 = ($(window).width() < 768) ? false : true;
	function resizeHandler2(){
		var windowWidth = $(window).width();
		if(windowWidth < 1100 && checkMobile2 == false){
			checkMobile2 = true;
			$(".admin_btn").hide();
		} else if(windowWidth > 1100 && checkMobile2 == true){
			checkMobile2 = false;
			$(".admin_btn").show();
		}
		if(windowWidth < 1100){
			$(".admin_btn").hide();
		}else{
			$(".admin_btn").show();
		}

	}
	//admin button end

	// gnb 메뉴 - main

	// gnb 메뉴 - main
	$('.gnb > ul > li').bind('mouseenter', function(){
		$(this).addClass('on').siblings().removeClass('on');
		$('.gnb').addClass('expand');
		$('#header_wrap').addClass('on');
	});
	$('.gnb, .gnb_background').bind('mouseenter', function(){
		$('.gnb_background').addClass('view');
		$('#header_wrap').addClass('on');
	});/*
		  $('.gnb .depth2 li').bind('keyup', function(){
		  	$('.gnb .depth2 li').removeClass('on');
		  	$(this).addClass('on');
		  });*/

	$('#header_wrap').bind('mouseleave', function(){
		$('.gnb_background').removeClass('view');
		$('.gnb > ul > li').removeClass('on');
		$('.gnb').removeClass('expand');
		$('#header_wrap').removeClass('on');
	});/*
		  $("#header_wrap .logo, #header_wrap .btn_lang").bind("focus", function() {
			    $('#header_wrap').removeClass('on');
		    $('.gnb_background').removeClass('view');
		    $('.gnb > ul > li').removeClass("on");
		    $('.gnb').removeClass('expand');
		  });*/

	$('.gnb > ul > li').mouseover(function(){
		$('.gnb_banner').show();
		$(this).children('.depth2').show();
		$(this).children().find('.sb_inner').show();
		$('.gnb > ul > li > a').removeClass('active');
		$(this).children('a').addClass('active');
		//return false;
	});

	$('.gnb > ul > li').mouseleave(function(){
		$('.gnb_banner').hide();
		$('.depth2').hide();
		$(this).children('a').removeClass('active');
		$(this).find('.sb_inner').hide();
	});
	/* pageNav */
	$(".lnb .item > a").on('click', function(e){
		$(this).parent().siblings("li").removeClass("on");
		$(this).parent().siblings("li").children("ul").hide();
		$(this).parent().toggleClass("on");
		$(this).next("ul").slideToggle('fast');
		if( $(this).parent().hasClass('on')){
			$(this).attr('title', '카테고리 메뉴닫기');
		}else{
			$(this).attr('title', '카테고리 메뉴열기');
		}

	});
	/*$(".lnb .item ul").on('click', function(e){
		if($(this).attr("id") == "depth3"){
			$(this).parent().removeClass("on");
			$(this).hide();
			$(this).parent().next().addClass("on");
			$(this).parent().next().children("ul").slideDown('fast');
		}else{
			$(this).parent().removeClass("on");
			$(this).hide();
		}
	});*/



	/* FOOTER Family site */
	$(".family_site a").on('click', function(e){
		$(this).toggleClass("on");
		$(this).next("ul").slideToggle('fast');
		if( $(this).hasClass('on')){
			$(this).attr('title', '메뉴열기');
		}else{
			$(this).attr('title', '메뉴닫기');
		}

	});


	//모바일메뉴 나타나기
	$('.header_mobile_menu_icon').on('click',function(){
		$('.header_mobile_menu_black_box').show();
		$('.header_mobile_menu').show();
		$('.header_mobile_menu').stop().animate({right:"0"}, 400,function(){
			$('.mobile_close_box').show();
		});
	});

	$('.mobile_close_box, .header_mobile_menu_footer_right').on('click',function(){
		$('.header_mobile_menu_black_box').hide();
		$('.mobile_close_box').hide();
		$(".header_mobile_menu").stop().animate({right:"-100%"}, 400);
		$('.header_mobile_menu_icon').focus();	// 20180524 추가
	});

	//모바일 메뉴
	$('.mobile_menu_depth_01 > li > .mobile_menu_depth_inner').on("click",function(){
		if($(this).hasClass('active_mobile_depth_01')){
			$(this).css('background-color','#6c6c6c');
			//$('+ .mobile_menu_depth_02 ',this).stop().slideUp();
			$(this).next('.mobile_menu_depth_02').stop().slideUp();
			$(this).removeClass('active_mobile_depth_01');
			$('.mobile_menu_depth_01_arrow img',this).attr('src',$('.mobile_menu_depth_01_arrow img',this).attr('src').replace('up','down'));
			$(this).children('.mobile_menu_depth_01_arrow').children('img').attr('alt', '메뉴열기');	// 20180524 추가
		} else {
			$(this).css('background-color','#127ec2');
			//$('+ .mobile_menu_depth_02 ',this).stop().slideDown();
			$(this).stop().slideDown();
			$(this).next('.mobile_menu_depth_02').stop().slideDown();
			$(this).addClass('active_mobile_depth_01');
			$('.mobile_menu_depth_01_arrow img',this).attr('src',$('.mobile_menu_depth_01_arrow img',this).attr('src').replace('down','up'));
			$(this).children('.mobile_menu_depth_01_arrow').children('img').attr('alt', '메뉴닫기');	// 20180524 추가
		}
	});

	$('.mobile_menu_depth_02 > li > .mobile_menu_depth_inner').on("click",function(){
		if($(this).hasClass('active_mobile_depth_02')){
			//$('+ .mobile_menu_depth_03 ',this).stop().slideUp();
			$(this).next('.mobile_menu_depth_03').stop().slideUp();
			$(this).removeClass('active_mobile_depth_02');
			$('.mobile_menu_depth_02_icon img',this).attr('src',$('.mobile_menu_depth_02_icon img',this).attr('src').replace('minus','plus'));
			$(this).children('.mobile_menu_depth_02_icon').children('img').attr('alt', '메뉴열기');	// 20180524 추가
		} else {
			//$('+ .mobile_menu_depth_03 ',this).stop().slideDown();
			$(this).stop().slideDown();
			$(this).next('.mobile_menu_depth_03').stop().slideDown();
			$(this).addClass('active_mobile_depth_02');
			$('.mobile_menu_depth_02_icon img',this).attr('src',$('.mobile_menu_depth_02_icon img',this).attr('src').replace('plus','minus'));
			$(this).children('.mobile_menu_depth_02_icon').children('img').attr('alt', '메뉴닫기');	// 20180524 추가
		}
	});

	$('.mobile_menu_depth_03 > li > .mobile_menu_depth_inner').on("click",function(){
		if($(this).hasClass('active_mobile_depth_03')){
			//$('+ .mobile_menu_depth_04 ',this).stop().slideUp();
			$(this).next('.mobile_menu_depth_04').stop().slideUp();
			$(this).removeClass('active_mobile_depth_03');
			$('.mobile_menu_depth_03_icon img',this).attr('src',$('.mobile_menu_depth_03_icon img',this).attr('src').replace('minus','plus'));
			$(this).children('.mobile_menu_depth_03_icon').children('img').attr('alt', '메뉴열기');	// 20180524 추가
		} else {
			//$('+ .mobile_menu_depth_04 ',this).stop().slideDown();
			$(this).next('.mobile_menu_depth_04').stop().slideDown();
			$(this).addClass('active_mobile_depth_03');
			$('.mobile_menu_depth_03_icon img',this).attr('src',$('.mobile_menu_depth_03_icon img',this).attr('src').replace('plus','minus'));
			$(this).children('.mobile_menu_depth_03_icon').children('img').attr('alt', '메뉴닫기');	// 20180524 추가
		}
	});

	// function rolling 사업소 메인페이지 롤링
	$.fn.subContentsBanner = function(options){

		if(this.length == 0) return;

		// support mutltiple elements
		if(this.length > 1){
			this.each(function(){$(this).subContentsBanner(options);});
			return this;
		}

		var
			defaults = {
				active:1
				,interval:7000
				,speed:500
				,easing:null
				,navigation:{
					btnstartpos:0
					,dist:38
				}
				,play:{
					auto:false
					,swap:false
				}
			},
			settings = $.extend({}, defaults, options);

		var $this = this;
		var $items;
		var $navigators;
		var $imgs;
		var $playBtn;
		var $stopBtn;
		var total;
		var nCurrentIndex;
		var nTimerID;
		var loop;

		init();
		addEventListener();
		if(settings.play.auto) playLoop();

		// 요소 초기화.	
		function init(){
			$items = $this.find('ul>li');
			$navigators = $items.find('>a');
			$imgs = $items.find('div.bg');
			$playBtn = $this.find('.playBtn');
			$stopBtn = $this.find('.stopBtn');
			total = $items.length;
			nCurrentIndex = settings.active;
			nTimerID = 0;
			loop = false;

			//배너갯수가 2개 미만일때 버튼 비활성화
			if(total < 2) {
				$playBtn.remove();
				$stopBtn.remove();
				$navigators.remove();
				$('.m_control').remove();
				return;
			}
			//			alert(total);
			showBannerAt(nCurrentIndex);

			setBtn();
		}

		//네비게이션 인덱스텍스트+위치설정,플레이버튼 위치설정
		function setBtn(){
			var pos_navi = settings.navigation.btnstartpos;
			if(settings.play.swap){
				$stopBtn.css({'right':$playBtn.css('right')});
				pos_navi += 105 - (total*settings.navigation.dist);
				if(settings.play.auto){
					$playBtn.addClass('hide');
				}else{
					$stopBtn.addClass('hide');
				}
			}else{
				pos_navi -= (total*settings.navigation.dist);
			}
			$items.each(function(index) {
				//				$navigators.eq(index).text(index + 1);
				$navigators.eq(index).css({'left':pos_navi + (index*settings.navigation.dist)}); //296 311
			});
		}

		//버튼 이벤트
		function addEventListener(){
			if(total < 2) return;

			$navigators.on('click focusin',function(event){
				if(!$(this).parents('li').hasClass('on')){
					//				showBannerAt($(this).parent().index());
					var myClass = $(this).parents('li').attr('class');
					var index = myClass.substr(4);
					showBannerAt(index);
				}
				return false;
			}).on('mouseenter focusin',function(event){
				if(loop) stopLoop();
			}).on('mouseleave focusout',function(event){
				if(loop) playLoop();
			})

			$playBtn.on('click',function(event){
				playLoop();
				if(settings.play.swap){
					$playBtn.addClass('hide');
					$stopBtn.removeClass('hide');
				}
				return false;
			});

			$stopBtn.on('click',function(event){
				stopLoop();
				loop = false;
				if(settings.play.swap){
					$stopBtn.addClass('hide');
					$playBtn.removeClass('hide');
				}
				return false;
			});
		}

		//인터벌
		function playLoop(){
			if(nTimerID > 0) return;
			if(total > 1) {
				nTimerID = setInterval(startPlayNext, settings.interval);
				loop = true;
			}
		}

		function stopLoop(){
			//			alert('stoploop');
			if(loop){
				clearInterval(nTimerID);
				nTimerID = 0;
			}
		}

		//다음 배너 설정
		function startPlayNext(){

			if(total <= 1) return;

			if(nCurrentIndex >= total)
				showBannerAt(1);
			else
				showBannerAt(parseInt(nCurrentIndex)+1);
		}

		// nIndex에 해당하는 배너를 현재배너로 활성화시킴.
		function showBannerAt(nIndex){

			var classindex = $navigators.attr('class');

			//버튼 활성화
			$items.removeClass("on");
			$this.find('ul>li.roll' + nIndex).addClass("on");

			//배너이미지, 퀵링크 활성화
			$imgs.hide();
			$this.find('ul>li.roll' + nIndex).find('div.bg').show();

			// 현재배너 index값을 업데이트 시켜준다.
			nCurrentIndex = nIndex;
			//			console.log("nCurrentIndex" + nCurrentIndex);
		}

		//		});

		/**
		 * ===================================================================================
		 * = PUBLIC FUNCTIONS
		 * ===================================================================================
		 */
		$this.startLoopPlay = function(){
			playLoop();
		};

		$this.stopLoopPlay = function(){
			stopLoop();
			loop = false;
		};

		$this.setPlayStopBtn = function(state){
			if(total < 2) return;
			if(settings.play.swap){
				if(state == 'play'){
					$playBtn.addClass('hide');
					$stopBtn.removeClass('hide');
				}else{
					$playBtn.removeClass('hide');
					$stopBtn.addClass('hide');
				}
			}
		};

		return this;
	};

	$(window).scroll(function(){

		var height = $(document).scrollTop(),
			$btn_top = $(".btn_top");

		if(height > 420)
		{
			$btn_top.addClass("on");

		}else{
			$btn_top.removeClass("on");
		}
	});

	/* 오른쪽 하단에 상단으로 가기버튼 */
	$(document).on("click",".btn_top", function (e) {
		e.preventDefault();
		$('body, html').animate({
			scrollTop: 0
		}, 800);
	});

	// 팝업 20180712
	$(".btn_close").click(function(){
		//$("body").removeClass("layer_open");
		$(".modal_pop_wrap").hide();
	});

});