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

#header h1							{position:relative; height:145px; line-height:145px; width:145px; background:#0f2545; text-align:center; }  /*  �곷떒 濡쒓퀬 */
#header .m_h1						{display:none;}
#top_link							{position:absolute; top:9px;right:0;z-index:109;} 
#top_link ul						{float:right;}
#top_link li						{float:left; color:#b3b6b9;font-size:0.9em;}
#top_link li a						{color:#b3b6b9;} 
#top_link li a:hover				{color:#fff;}
#top_link .code						{background:#1cb997;padding:0 5px;border-radius:2px;margin-left:8px;}
#top_link .code	a					{color:#fff;}
#top_link #opensitemap:hover		{color:#fff;}

.top_link2							{position:absolute;left:0;top:9px;}
.top_link2 ul						{overflow:hidden;}
.top_link2 ul li					{float:left;color:#b3b6b9}
.top_link2 ul li a					{color:#b3b6b9;font-size:0.95em; } 
.top_link2 ul li a:hover			{color:#fff;}

#header .gnb						{position:relative;float:right;width:79%;top:38px;}
#header .gnb ul>li					{float:left;  text-align:center;}
#header .gnb ul>li a				{display:inline-block;zoom:1;*display:inline; width:100%; line-height:82px; font-size:17px; color:#ddd;box-sizing:border-box;}
#header .gnb ul>li:first-child a	{background:none;}
#header .gnb ul>li a:hover			{color:#fff;}
#header .gnb ul>li a.current		{display:inline-block;zoom:1;*display:inline;color:#fff;}

#header .btn_m_list					{display:none;}
#header .btn_m_close				{display:none;}
.m_login_box						{display:none;}

#header .gnb ul ul					{width:170px;background:rgba(25, 140, 177, 0.9); padding:10px 15px; overflow:hidden;}
#header .gnb ul ul li				{float:none;width:100%; text-align:left;margin:0;}
#header .gnb ul ul li a				{line-height:130%;padding:3px 0;color:#fff; font-size:1em ;font-weight:normal;border-left:none;border-right:none !important; 
									 overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
#header .gnb ul ul li a:hover		{text-decoration:underline;}


.push_setting_box	{background:#000;padding-left:12px;line-height:45px;color:#ffffff;font-size:1.15em;font-weight:bold;border-bottom:1px solid #383838;}
.push_toggle		{float:right;padding:8px 9px 0 0;width:60px;}
 


/* mobie screen 1024 */
@media screen and (max-width:1024px) {
  
	#header							{top:0;left:0;width:100%;  transition: all 0.5s ease;} 
	#header h1						{display:none;}
	#header .m_h1					{display:block;text-align:center; padding-top:20px;}
	#header .m_h1 img				{width:160px;}

	#top_link						{display:none;}
	.top_link2						{display:none;}

	#header .header_wrap .header_data{position:relative;top:auto;left:auto;width:100%;}
	#header .header_wrap			{height:55px;background:#3e454d;} 

	#header .btn_m_list					{display:block;position:absolute;top:7px;left:0;width:40px;height:40px;cursor:pointer;z-index:99999999}
	#header .btn_m_list span, #header .btn_m_list:before, #header .btn_m_list:after {position:absolute;left:8px;content:'';width:23px;height:3px;border-radius:2px;background:#fff;}
	#header .btn_m_list:before			{top:19px;}
	#header .btn_m_list span			{top:13px;}
	#header .btn_m_list:after			{top:25px;}
	#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	.m_login_box				{display:block;overflow:hidden;}
	#header	.m_login_box p				{float:left;width:50%;text-align:center;font-size:1em;background:#19a788;border:1px solid #0a8b6f;line-height:45px;height:45px;}
	#header	.m_login_box p:first-child	{border-right:0;}
	#header	.m_login_box a				{color:#fff;}
	#header	.m_login_box p img			{width:25px;margin-right:5px;}


	#header .gnb						{display:none;height:auto;background:#2c353d;top:0;float:none;width:100%;}

	#header .gnb ul						{padding:0 0 0 0; }
	#header .gnb ul ul					{display:block; width:100%; background:#0f0f13; padding:0;border-left:0 solid #ddd;border-bottom:0 solid #999;border-top:0;border-right:0;}
	#header .gnb ul li:last-child ul	{border-right:0 solid #ddd;}
	#header .gnb ul li					{float:none;width:100%; text-align:left;background:#1f303e;  }
	#header .gnb ul li a				{line-height:45px;height:45px; text-indent:15px;color:#c0c4c8; font-weight:bold;border-left:none;border-right:none; }
	#header .gnb ul>li a:hover			{color:#fff;}
	#header .gnb ul>li a.current		{display:inline-block;color:#fff;}
	#header .gnb ul>li a.point			{display:inline-block;background:none;}
	#header .gnb ul li li				{background:#283c4f; }
	#header .gnb ul li li a				{padding:0;line-height:40px;height:40px; text-indent:15px;color:#c0c4c8;font-weight:normal; text-align:left;font-size:1em; border-bottom:1px solid #1e2f3e;  }
	#header .gnb ul ul li a:hover		{color:#fff; background:none;} 

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