/* header */
#header								{position:absolute; top:0; left:0; width:100%; z-index:9999000; }
.header_wrap 						{position:relative; height:120px; background:rgba(0,0,0,0.5); transition:all 0.2s;}

.top_link							{position:absolute; right:0; top:40px;}
.top_link ul						{overflow:hidden; }
.top_link li						{position: relative; float: left;  border: 1px solid #ccc;  height: 40px; line-height: 38px;  min-width: 80px; text-align: center;}
.top_link li:first-child			{border-top-left-radius: 3px;  border-bottom-left-radius: 3px;  }
.top_link li:last-child				{border-top-right-radius: 3px;  border-bottom-right-radius: 3px;}
.top_link li a						{display: block;  color: #fff; font-size: 0.9em; opacity:0.9;}
.top_link li a:hover				{opacity:1;}
.top_link .bold						{border-color:#f36a5a;}
.top_link .bold a					{color:#fff; background-color:#f36a5a;}
.top_link .bold:hover a				{color:#fff;}

#header h1							{float:left; height:120px; line-height:110px;} 
#header h1 img						{width:200px;}
.m_logo								{display:none;}

#header .gnb						{float:right; margin-right:200px;}
#header .gnb ul>li					{float:left;  text-align:center; margin-right:50px;}
#header .gnb ul>li:last-child		{margin-right:0;}
#header .gnb ul>li a				{position: relative; display:inline-block;zoom:1;*display:inline;width:100%;font-size:1.35em; letter-spacing:-1px;line-height:120px;color:#fff; font-weight:500;}
#header .gnb ul>li a:after			{content: ''; position: absolute; left: 0; bottom:0;  width:100%; height: 3px; background-color:#fff; transform:scale(0); transition:all 0.2s;}
#header .gnb ul>li a.current:after,
#header .gnb ul>li:hover a:after	{background-color:#086bbc; transform:scale(1); }

#header .topmenu_subbox ul					{width:180px !important; padding:15px 0; overflow:hidden; background:#fff; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
#header .topmenu_subbox ul li				{float:none; width:100%; line-height:35px; text-align:center; }
#header .topmenu_subbox ul li:last-child	{margin:0; }
#header .topmenu_subbox ul li a				{display:block; line-height:130%; padding:12px 0; line-height:100% !important; color:#555; font-size:0.95em ; font-weight:normal; letter-spacing:-1px; 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		{background:#f5f5f5; color:#000;}
#header .topmenu_subbox ul li a:after		{display:none;}

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


/* screen 1240 */
@media screen and (max-width:1240px) {

	.top_link 						{right:15px;}
	#header h1						{margin-left:15px;}
	#header .gnb					{margin-right:220px;}

}


/* screen 1024 */
@media screen and (max-width:1024px) {

	.header_wrap						{height:60px; background:#fff; border-bottom:1px solid #eaeaea; transition: all 0.5s ease; } 
	.top_link							{display:none;}

	#header h1							{display:none;} 
	.m_logo								{display:block; text-align:center; height:60px; line-height:55px;}
	.m_logo	 img						{width:150px;}

	#header .btn_m_list					{display:block; position:absolute; top:10px; 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:50px; height:50px; margin:10px auto ; background:url('../image/common/btn_m_close.png') no-repeat center; background-size:25px auto; cursor:pointer; }

	#header	.m_login_box				{display:block;overflow:hidden;width:100%; }
	#header	.m_login_box p				{float:left;width:50%;text-align:center; background:#373c43;border:1px solid #212428;line-height:45px;height:50px;}
	#header	.m_login_box p:first-child	{border-right:0;}
	#header	.m_login_box a				{color:#fff; font-size:0.85em;}
	#header	.m_login_box p img			{width:20px;margin-right:5px;}

	#header .gnb						{display:none; height:auto; float:none; width:100%; }
	#header .gnb ul						{padding:0; }
	#header .gnb ul ul					{display:block;  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:#efefef; margin: 0; }
	#header .gnb ul li a				{line-height:50px; height:50px; font-size:1.1em; text-indent:15px; color:#222; border-left:none; border-right:none; border-bottom:1px solid #ddd; }
	#header .gnb ul>li a:after			{display:none;}
	#header .gnb ul>li a:hover			{color:#003876; }
	#header .gnb ul>li a.current		{display:inline-block; background:#003876; color:#fff; }
	#header .gnb ul>li a.point			{display:inline-block; background:none; }
	#header .gnb ul ul li				{background:#fff;}
	#header .gnb ul li li a				{padding:0; line-height:50px; height:50px; text-indent:15px; color:#666; font-weight:normal; text-align:left; font-size:0.95em; border-bottom:1px solid #ddd;  }
	#header .gnb ul ul li a:hover		{color:#003876;} 
	#header .mLink						{display:block;}

}