 
  
/* header */
  
#header								{position:absolute;top:0;left:0;width:100%;z-index:9999000;}
#header .header_wrap				{position:relative;width:100%;height:130px;background:url("../image/common/menu_bg.png") repeat-x center 80px #fff ;}
#header .header_wrap .header_data	{position:absolute;top:0;width:100%; }


h1									{text-align:center; line-height:80px; height:80px; }  /*  상단 로고 */
#top_link							{position:absolute; top:0;right:0; height:80px;z-index:109;} 
#top_link ul						{float:right;padding:25px 0 0 0;}
#top_link li						{float:left;   font-size:0.9em;color:#aaa;  line-height:22px;}
#top_link li a						{ font-size:0.9em;color:#aaa;  } 


#header .gnb						{position:relative;  max-width:980px;overflow:hidden;}
#header .gnb ul	{}
#header .gnb ul>li					{float:left;  text-align:center; }
#header .gnb ul>li a				{display:inline-block;zoom:1;*display:inline;width:100%;font-size:15px;line-height:50px; color:#bbb;  border-left:1px solid #555; text-transform: uppercase; box-sizing:border-box; transition: all 0.3s;}
#header .gnb ul>li:last-child a		{border-right:1px solid #555;}
#header .gnb ul>li a:hover			{color:#fff; background-color:#000;}
#header .gnb ul>li a.current		{display:inline-block;zoom:1;*display:inline;color:#fff;background:#000;}

#header .btn_m_list					{display:none;}
#header .btn_m_login_wrap			{display:none;}
#header .btn_m_close				{display:none;}
 
#header .gnb ul ul					{background:#fff;padding:10px 0; border-left:1px solid #ddd; border-bottom:2px solid #333;overflow:hidden ;}
#header .gnb ul li:last-child ul	{border-right:1px solid #ddd;}
#header .gnb ul ul li				{float:none;width:100%; text-align:left;}
#header .gnb ul ul li a				{line-height:30px; text-indent:12px;color:#777; font-size:0.9em ;border-left:none;border-right:none !important; }
#header .gnb ul ul li:last-child a	{border-right:none;}
#header .gnb ul ul li a:hover		{color:#555; background-color:#efefef;}


.search			{position:absolute;width:260px;min-height:21px; padding:6px 0 0 0; z-index:9999;}
.search_input	{float:left; border:1px solid #393939;height:23px;padding:3px 0 0 5px;width:160px;margin:0 3px 0 0;font-size:12px; color:#999999;}
.search p		{float:left; padding:6px 10px 0 0; color:#ffffff; font-size:0.9em;}
 
 

/* mobie 768
@media screen and (max-width:768px) {
  
	#header							{top:0;left:0;width:100%;height:50px;background:rgba(0,0,0,0.93);transition: all 0.5s ease;	} 
	#header h1						{width:100%;text-align:center;line-height:50px; height:50px;padding:0;}
	#header h1 img					{height:38px;padding:0;}

	#top_link						{display:none;}


	#header .header_wrap .header_data{position:relative;top:auto;left:auto;width:100%;background:none;}
	#header .header_wrap			{height:50px;background:#fff; } 
 
	


	#header .btn_m_login_wrap			{position:absolute;right:6px;display:block;margin:15px 0 0 0;z-index:99999999;} 
	#header .btn_m_login_wrap a			{float:left;}
	
	#header .btn_m_list					{position:absolute;left:9px;display:block;margin:15px 0 0 0;width:22px;height:22px;background:url(../image/common/top_btn_total.png) no-repeat -37px top; background-size:200px auto; cursor:pointer;z-index:99999999;} 
	#header .btn_m_login				{width:22px;height:22px;background:url(../image/common/top_btn_total.png) no-repeat 0 top; background-size:200px auto; cursor:pointer;}
	#header .btn_m_mypage				{width:22px;height:22px;background:url(../image/common/top_btn_total.png) no-repeat 0 -30px; background-size:200px auto; cursor:pointer;}
	#header .btn_m_close				{display:block;width:25px;height:55px;margin:25px auto ; background:url(../image/common/top_btn_total.png) no-repeat 0 -100px;background-size:200px auto; cursor:pointer;}
	#header .btn_m_search				{float:left; width:22px;height:22px; margin-right:6px; background:url(../image/common/top_btn_total.png) no-repeat 0 -58px; background-size:200px auto; cursor:pointer;}



	#header .gnb					{display:none;height:auto;}

	#header .gnb ul						{ }
	#header .gnb ul ul					{display:block;  background:#222; padding:0;border-left:0 solid #ddd;}
	#header .gnb ul li:last-child ul	{border-right:0 solid #ddd;}
	#header .gnb ul li					{float:none;width:100%; text-align:left; background:#111;}
	#header .gnb ul li a				{ line-height:45px; text-indent:12px;color:#bbb; font-weight:bold;border-left:none;border-right:none;border-bottom:1px solid #393939; }
	#header .gnb ul li li a				{ line-height:45px; text-indent:30px;color:#bbb;font-weight:normal;font-size:0.9em;color:#888; border-bottom:1px solid #2c2c2c;  }
 
	
	#header .gnb ul ul li a				{line-height:45px; text-indent:25px;color:#bbb; }
	#header .gnb ul ul li a:hover		{color:#bbb; background-color:#333;}


	#header .gnb ul li:last-child a	{border-right:none;}

 
	.search_wrap						{position:absolute; display:none; width:100%; margin:0 auto; min-height:42px; top:50px; background:#393939; z-index:9999}
	.search								{width:80%; margin:2px 20%;}
	.search p							{float:left; padding:5px 10px 0 0; color:#ffffff; font-size:0.9em; }
	.search_input						{float:left; border:1px solid #393939;height:24px;padding:0 0 0 0; width:65%; margin:0 3px 0 0;font-size:13px; }
	 

}
  */