/*************************************************************************************************************************/
/* GNB와 디바이스별 설정을 해주는 CSS*/
/********************************************************** all ***********************************************************/



	/***** header *****/

	.header_wrap		{margin:0 auto; width:auto; height:auto; }
	.header_wrap h1		{display:flex; justify-content:center; margin-bottom:25px; }
	.header_wrap h1 img	{height:55px; } /*로고 크기*/
	.header_wrap a		{color:#000}


	.tnb				{position:relative; top:0; margin:0 auto; margin-top:5px; width:100%; max-width:1200px; text-align:right; color:#fff; font-size:14px; font-family:NG,'나눔고딕',NanumGothic,NG,'돋움',dotum,Helvetica,sans-serif;}
	.tnb a				{display:inline-block; color:#1e1e1e; padding:2px 6px; }
	.tnb span.tnb_user	{display:inline-block; color:#1e1e1e; padding:2px 6px; font-family:NGB,'나눔고딕',NanumGothic,NG,'돋움',dotum,Helvetica,sans-serif;font-weight: 700;}

	@media (max-width:1200px) {
	.tnb				{padding:0 15px 0 0;}
	}

	@media (max-width:900px) {
	.tnb				{margin:0 0 20px 0; background-color:#f1f1f1; font-size:13px; }
	}

	@media (max-width:600px) {
	.header_wrap h1		{font-size:24px; font-weight:800;}
	.header_wrap h1 img	{height:42px; } /*로고 크기*/
	}


	/* clearfix */
	.clearfix:before, 
	.clearfix:after		{content:""; display: block;}
	.clearfix:after		{clear:both;}
	.clearfix			{*zoom:1; float:; z-index:1500; padding:0; margin:0;}


	/* Basic Styles */
	nav					{position:relative; background-color:#3e01bc; top:0; height:auto; text-align:center; font-family:NS,'NanumSquare', NGB,'나눔고딕',NanumGothic,NG,'돋움',dotum,Helvetica,sans-serif; font-weight:700;}
	nav ul				{padding: 0; margin: 0 auto; width:100%; height: auto; }
	nav li				{display: inline-block; }
	nav a				{display: block; width:auto; text-align: center; text-decoration: none;}
	nav li a			{padding:10px 25px ; font-size:20px; }
	nav a:link, 
	nav a:visited		{color: #fff !important; }
	nav a:hover, 
	nav a:active		{color: #d6ff9f !important; }
	nav a#pull			{display: none;}



/********************************************************** Mobile ***********************************************************/

@media (max-width:767px) {


}
@media (max-width:550px) {
	nav li				{}
	nav li a			{ padding:10px 10px ;font-size:17px; }


}


@media (max-width:320px) {/*화면크기가 작은 모바일 대비*/


	nav a#pull:after			{ top: -30px; }
}



/********************************************************** Tablet ***********************************************************/

@media all and (min-width:768px) and (max-width:1024px) {

	/* top */
	.header_wrap	{margin:0 15px;} /*화면 좁아지면서 양쪽 여백을 만들어줌*/
	nav li a		{padding:10px 25px ; font-size:20px; }
}


/********************************************************** Desktop ***********************************************************/

@media (min-width:1101px) {


}

@media (min-width:1025px) and (max-width:1100px) {

}