
/* header */
#header								{position:absolute;top:0;left:0;width:100%;z-index:9999000;}
#header .header_wrap				{position:relative; width:100%; height:100px;}

#header h1							{float:left; height:100px;line-height:95px;}
#header h1 img						{width:285px;}
#header .h1							{display:none;}

#header .gnb						{float:right; margin-right:120px;}
#header .gnb ul>li					{position: relative; float:left; margin-right:50px;}
#header .gnb ul>li:last-child		{margin:0;}
#header .gnb ul>li a				{position: relative; display:inline-block; width:100%;font-size:1.25em; ;line-height:100px;color:#fff; font-weight:700;}
#header .gnb ul>li a:after			{position:absolute; left:50%; bottom:25px; transform:translateX(-50%); content:''; width:0; height:2px; background:#c91a28; display:block; transition:all 0.2s;}
#header .gnb ul>li a.current:after,
#header .gnb ul>li:hover a:after	{width:100%;}
#header .gnb ul ul					{display:none; position:absolute; width:200px; background:rgba(0,0,0,0.8); padding:15px 0;}
#header .gnb ul ul li				{float:none; width:100%; text-align:left; margin:0; }
#header .gnb ul ul li a				{display:block; text-indent:20px; line-height:130%; padding:10px 0; color:#fff; font-size:0.95em ; opacity:0.8; font-weight:500; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
#header .gnb ul ul li a:after		{display:none;}
#header .gnb ul ul li:hover a		{background:#000; opacity:1;}
#header .gnb .mob					{display:none;}

#header .lang						{position:absolute; right:0; top:32px;}
.toplang_select						{position:relative;}
.toplang_select p					{position:relative; width:82px; height:36px; line-height:34px; color:#414141; font-weight:500; font-size:0.85em; background:#fff; text-indent:20px; border-radius:20px; cursor:pointer;}
.toplang_select p:after				{display:inline-block; content:''; border:solid #777; border-width:0 2px 2px 0; padding:3px; transform:rotate(45deg); margin:0 0 3px 8px;}
.toplang_select ul					{display:none;  position:absolute; right:0; top:36; background:#fff; border:2px solid #ccc; border-top:0; border-radius:0 0 15px 15px;}
.toplang_select li					{width:78px; line-height:30px; text-align:center;}
.toplang_select li a				{display:block; color:#666; font-size:0.8em; transition: all 0.3s; }
.toplang_select li a:hover			{background-color:#f5f5f5; color:#333;}
.toplang_select:hover p				{border-radius:15px 15px 0 0; border:2px solid #ccc; border-bottom:0; line-height:30px; text-indent:18px;}

#header .btn_m_list,
#header .btn_m_close,
#header .m_lang						{display:none;}


@media screen and (max-width:1200px) {
	#header h1							{margin-left:15px;}
	#header .lang						{right:10px;}	
}


@media screen and (max-width:1024px) {
	#header								{position:fixed !important;}
	#header .header_wrap				{height:60px; background:#fff !important; box-shadow:rgb(0, 0, 0, .1) 2px 3px 10px;}

	#header .h1							{display:block; text-align:center; height:60px; line-height:56px;}
	#header .h1 img						{width:220px;}
	#header h1,							
	#header .lang						{display:none;}

	#header .btn_m_list					{display:block; position:absolute; top:12px; 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:2px; background:#111;}
	#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:0 auto ; background:url('../image/common/btn_m_close.png') no-repeat center; background-size:25px auto; cursor:pointer; }

	#header .gnb						{position:absolute; display:none; width:100%; height:auto;float:none; margin:0; }
	#header .gnb ul						{padding:0; margin:0;}
	#header .gnb ul ul					{position:relative;display:none;width:100%; padding:0; border:0; margin:0 !important;}
	#header .gnb ul li					{float:none; width:100%; text-align:left; background:#ccc; margin:0; }
	#header .gnb ul li a				{line-height:50px !important; height:50px; font-weight:500; width:100%; text-indent:15px; color:#fff; font-size:0.95em; border-left:none; border-right:none; border-bottom:1px solid #212428;background:#373c43;}
	#header .gnb ul li .sub_parent		{background:url("../image/common/navdepth1.png") no-repeat 96% 15px #373c43; background-size:20px auto;}
	#header .gnb ul>li a				{display:block; }
	#header .gnb ul>li a:hover			{color:#fff; }
	#header .gnb ul>li a.current		{color:#fff; background-color:#af1014; border-color:#af1014;}
	#header .gnb ul li li.sub_sub_parent{background:url("../image/common/navdepth2.png") no-repeat 96% 20px #e3e4e4; background-size:10px auto;}
	#header .gnb ul li li a				{background:#e3e4e4; padding:0; line-height:52px; height:52px; text-indent:15px; color:#222 !important; font-weight:normal; text-align:left; font-size:0.95em; border-bottom:1px solid #ccc;  }
	#header .gnb ul ul li a:hover		{color:#000; background:none; font-weight:500;} 
	#header .gnb ul li:last-child a		{border-right:none; }
	#header .gnb .sub_submenus			{background:#fff; padding:10px 10px 10px 5px;}
	#header .gnb ul ul ul li			{background:#fff; padding:0; margin:0; }
	#header .gnb ul ul ul li a			{text-indent:20px; line-height:30px !important; height:30px; border:0; font-size:0.9em; }
	#header .gnb ul>li a:after			{display:none;}

	#header .m_lang						{display:block; text-align:center;}
	#header .m_lang	span				{position:relative; padding-right:23px;}
	#header .m_lang	span:after			{position:absolute; content:''; display:block; top:8px; right:9px; width:1px; height:12px; background:#fff; opacity:0.5;}
	#header .m_lang	span:last-child			{padding:0;}
	#header .m_lang	span:last-child:after	{display:none;}
	#header .m_lang a					{display:inline-block; font-size:0.8em; font-weight:500; color:#fff; line-height:46px;}
}
f