$(document).ready(function() {

	var lnb = $("#lnb");
	var menu1th = lnb.find(".topMenuLi>a");
	var menu2thBox = lnb.find(".top2m");
	var menu2th = lnb.find(".menu2th");

	// 1차 메뉴
	menu1th.attr('title', '열기');
	menu1th.click(function (e) {
		e.preventDefault();

		const isActive = $(this).closest('li').hasClass('on');

		lnbHideAll();

		if (!isActive) {
			$(this).attr('title', '닫기');
			$(this).closest('li').addClass('on');
			$(this).siblings("div").show();
			$('#lnb, #header_bg').addClass('on');
			$("#shadow_device").addClass('lnbBg');

			var bgHeight = $(this).siblings("div").outerHeight();
			$('#header_bg').css('height', bgHeight+'px')
		}
	});

	// 2차 메뉴
	menu2thBox.each(function(){ //2차메뉴 초기값 설정
		$(this).find('.topSubm').first().addClass('on').find('.menu2th').attr('title', '열림');
	});
	menu2th.click(function (e) {
		if ($(this).attr('target') === '_blank') {
			return;
		} else {
			$(this).closest('.top2m').find(".menu2th").attr('title', '');
			$(this).closest('.top2m').find(".topSubm").removeClass('on');
			$(this).closest('.top2m').find(".top3m").hide();
			$(this).closest('li').addClass('on');
			$(this).attr('title', '열림');
			$(this).siblings("div").show();
		}
		e.preventDefault();
	});


	// 초점이동
	$('#lnb').on('focusout', function() {
		var $this = $(this);
		setTimeout(function() {
			if (!$this.has(document.activeElement).length) {
				lnbHideAll();
			}
		}, 0);
	});

	// 전체메뉴 숨기기
	function lnbHideAll(){
		$('#shadow_device').removeClass('lnbBg');
		menu2thBox.hide();
		lnb.find(".topMenuLi").removeClass('on');
		menu1th.attr('title', '열기');
		$('#lnb, #header_bg').removeClass('on');
	}


	// 메뉴 닫기
	$("#shadow_device").click(function(){
		lnbHideAll();
	});


	$(window).resize(function(){
		if ($(window).width() < 1025){
			lnbHideAll();
		}
	});

});