$(document).ready(function(){
	
	$('.gnb>li a').mouseenter(function(){
	    $('.gnb .depth2').css({'display':'block'});
	    $('.gnbBG').css({'display':'block'});
	})
	
	$('.gnb>li>a').mouseenter(function(){
		var gnbIdx = $(this).parent().index();
	    $('.gnbBG >div>div').eq(gnbIdx).css({'display':"block"}).siblings().css({'display':"none"})
	})
	$('.gnb .depth2').mouseenter(function(){
		var gnbIdx = $(this).parent().index();
	    $(this).siblings().css({'color':'#7a5342'});
	    $('.gnbBG >div>div').eq(gnbIdx).css({'display':"block"}).siblings().css({'display':"none"})
	})
	$('.gnb .depth2').mouseleave(function(){
	    $(this).siblings().css({'color':'#000'})
	})
	
	$('.gnb').mouseleave(function(){
		$('.gnb .depth2').css({'display':'none'});
	    $('.gnbBG').css({'display':'none'});
	})
	
	$('.popupBtn').click(function(){
		$('.popupBG').css({'display':'flex'});
		$('html').css({'overflow-y':'hidden'})
	})
	$('.closeBtn').click(function(){
		$('.popupBG').css({'display':'none'});
		$('html').css({'overflow-y':'scroll'})
	})
}) 





$(document).on('click', '.topBtn', function() {
	$('body,html').animate({ scrollTop: 0 }, 100); 
	return false;
});