/*  ---------------------------------------------------------------------------------------
    NAV
    --------------------------------------------------------------------------------------- */  
	
	.nav-wrap				{ max-width:560px; float:right; position:relative;  }  
	.naver a 				{ color: #8a8a8a; display: block; float: left; font-size: 13px; text-transform:uppercase; font-weight:700; line-height: 20px; margin: 0 1px 0 0; padding: 0 8px; }
	.naver a:hover 			{ color: #23649c; }
	.naver .active			{ color: #23649c; }
	.naver.enabled a 		{ float: none; margin: 0 0 1px 0; }
			
	.naver .naver-handle 	{ color: #333; cursor: pointer; display: none; font-size: 14px; height: 30px; line-height: 28px; text-transform: uppercase;
							-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
	.naver .naver-handle:before { background: url(../images/jquery.fs.naver-icon.png) no-repeat center; content: ''; display: block; float: right; height: 15px; margin: 7px 10px 0 0; width: 20px; }
	.naver .naver-wrapper 	{ height: auto; }
	.naver .naver-container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	
	.naver.enabled .naver-handle { display: inline-block; text-align:right; position:absolute; right:0px; top:-25px; color: #000;}
	.naver.enabled .naver-wrapper { height: 0px; overflow: hidden;
	-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition: all 0.5s ease-out; -o-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; }


/*  ---------------------------------------------------------------------------------------
    GRID 960px (DESKTOP)
    --------------------------------------------------------------------------------------- */ 

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	.naver a 				{ color: #8a8a8a; display: block; float: left; font-size: 13px; text-transform:uppercase; font-weight:700; line-height: 20px; margin: 0 1px 0 0; padding: 0 8px; }
	
}
	

/*  ---------------------------------------------------------------------------------------
    GRID 720px (TABLET)
    --------------------------------------------------------------------------------------- */ 

@media only screen and (min-width: 720px) and (max-width: 959px) {
	
	.naver-container		{ margin-top:20px;  }
	.nav-wrap				{ width:100%; max-width:100%; float:right; }  
	.naver a 				{ color: #8a8a8a; display: block; float: left; font-size: 14px; text-transform:uppercase; font-weight:700; line-height: 40px; margin: 0 1px 0 0; padding: 0 5px; 
	border-bottom:1px solid #ccc; }	

}
 
 

/*  ---------------------------------------------------------------------------------------
    GRID (IT) 720px (MOBILE)
    --------------------------------------------------------------------------------------- */ 

@media only screen and (max-width: 719px) {
	
	.naver-container		{ margin-top:20px;  }
	.nav-wrap				{ width:100%; max-width:100%; float:right; }  
	.naver a 				{ color: #8a8a8a; display: block; float: left; font-size: 14px; text-transform:uppercase; font-weight:700; line-height: 40px; margin: 0 1px 0 0; padding: 0 5px; 
	border-bottom:1px solid #ccc; }
	
}