/* 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;}
#header .header_wrap .header_data	{position:absolute;top:0;width:100%;}


#header h1							{position:absolute;left:0;top:53px;}
#header h1 img						{height:48px;}

#top_link							{position:absolute; top:0;right:0;z-index:109;} 
#top_link ul						{float:right;}
#top_link li						{float:left;font-size:0.9em;color:#f1f9ff; margin-right:8px;line-height:36px;}
#top_link li:last-child				{margin:0;}
#top_link li a						{font-size:0.95em;color:#f1f9ff;} 
#top_link li a:hover				{color:#fff;}
#top_link .sns						{margin-right:5px;}

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

#header .gnb						{position:relative;float:right;top:36px;width:73%;}
#header .gnb ul>li					{float:left;}
#header .gnb ul>li a				{display:inline-block;zoom:1;*display:inline; width:100%; line-height:84px; font-size:1.3em;font-weight:600;  text-align:center;color:#333;box-sizing:border-box; letter-spacing: -1px;}
#header .gnb ul>li:first-child a	{background:none;}
#header .gnb ul>li a:hover			{color:#0074bd;}
#header .gnb ul>li a.current		{display:inline-block;zoom:1;*display:inline;color:#0074bd;}

#header .gnb ul ul					{background:url('../image/common/gnb_bg.png') repeat;padding:10px 0; border-left:1px solid #4392e6; overflow:hidden ;}
#header .gnb ul li:last-child ul	{border-right:1px solid #4392e6;}
#header .gnb ul ul li				{float:none;width:100%; text-align:left;}
#header .gnb ul ul li a				{line-height:26px; text-align:center;color:#fff; font-size:13px;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:last-child a	{border-right:none;}
#header .gnb ul ul li a:hover		{color:#fff; text-decoration:underline;background:none;}


/* 메뉴 한개씩일때 gnb 스타일 복사 */
#header .topmenu_subbox ul					{background:rgba(25, 140, 177, 0.9); padding:10px 15px; overflow:hidden;}
#header .topmenu_subbox ul li				{float:none;width:100%; text-align:left;margin:0 0 7px 0;}
#header .topmenu_subbox ul li:last-child	{margin:0;}
#header .topmenu_subbox ul li a				{line-height:130%;color:#fff; font-size:13px;font-weight:normal;border-left:none;border-right:none !important; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
#header .topmenu_subbox ul li a:hover		{text-decoration:underline;}
/* 메뉴 한개씩일때 gnb 스타일 복사 */


.search_wrap						{position:absolute; left:220px; top:0; background:#2673b3;height:36px;}
.search								{min-height:21px; padding:2px 0 0 0; z-index:9999;}
.search_input						{float:left; background:#2673b3;border:1px solid #2673b3;height:23px;padding:3px 0 0 12px;width:170px;margin:0 3px 0 0;font-size:12px; color:#fff;}
.search	::-webkit-input-placeholder	{color: #fff;}
.search	:-moz-placeholder			{color: #fff;} /* Firefox 4-18 */
.search	::-moz-placeholder			{color: #fff;} /* Firefox 19+ */
.search	:-ms-input-placeholder		{color: #fff;}  /* IE10+ */
.search input:focus					{background:none;}
.search	.search_img					{width:20px;padding:5px 10px 0 0;}


.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;}
 
.top_notice							{position:absolute; top:0; left:0; z-index:109; background:#ff8901; height:36px; line-height:36px; padding:0 12px; letter-spacing:-1px;} 
.top_notice	a						{color:#fff; font-weight:bold;}
.top_notice:hover					{background:#000;}


/* screen 1024 */
@media screen and (max-width:1024px) {
  
	#header							{top:0;left:0;width:100%;height:55px;background:rgba(0,0,0,0.93);transition: all 0.5s ease;	} 
	#header .header_wrap			{height:55px;background:#fff; } 
	#header h1						{position:relative; top: 0;text-align:center; line-height:55px; height:55px;}
	#header h1 img					{height:36px;}

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

	#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:#000;}
	#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 #menu50						{display:block;}

	#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_login				{width:35px;height:35px;background:url(../image/common/top_btn_total.png) no-repeat 6px -33px; background-size:230px auto; cursor:pointer;}
	#header .btn_m_logout				{width:35px;height:35px;background:url(../image/common/top_btn_total.png) no-repeat 7px 2px; background-size:230px auto; cursor:pointer;}
	#header .btn_m_search				{float:left; width:30px;height:35px; background:url(../image/common/top_btn_total.png) no-repeat 0 -65px; background-size:230px auto; cursor:pointer;}

	.search_wrap						{display:none; width:100%; margin:0 auto; padding:0;min-height:42px; top:55px; left:0;background:#0059a5; z-index:9999;border-right:0;}
	.search_wrap .search				{width:95%;margin:8px 3% 0 3%;;border:none;padding:0;border-radius:0;}
	.search_wrap .search_input			{width:93%;float:none;font-size:0.95em;border-color:#0059a5;margin:0;padding:0;}
	.search	.search_img					{padding:0;}
	.search	::-webkit-input-placeholder	{color: #f1f9ff;}
	.search	:-moz-placeholder			{color: #f1f9ff;} /* Firefox 4-18 */
	.search	::-moz-placeholder			{color: #f1f9ff;} /* Firefox 19+ */
	.search	:-ms-input-placeholder		{color: #f1f9ff;}  /* IE10+ */

	#header .gnb						{display:none; width:100%; height:auto;float:none; top:0;background:#2c353d; }
	#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;font-size:1.2em;text-align:left;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; overflow:unset;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;}

	.top_notice							{position:relative; text-align:center; font-size:15px; }

}