#header							{position:absolute; top:0; left:0; width:100%; z-index:9999000;}
#header .header_wrap			{position:relative; width:100%; height:105px; background:#fff; box-shadow:rgb(0 0 0 / 5%) 2px 2px 20px;}

.top_link						{height:45px; border-bottom:1px solid #e4e4e4; overflow:hidden;}
.top_link ul					{overflow:hidden; }
.top_link ul li					{position:relative; float:left; line-height:44px; border-right:1px solid #e4e4e4;}
.top_link ul li a				{display:block; color:#888; letter-spacing:-0.75px; font-size:0.9em; padding:0 15px;}			
.top_link ul li:hover a, .top_link .lt li:first-child a, .top_link .rt .allmenu:hover	{color:var(--main); font-weight:500;}
.top_link .lt					{float:left; border-left:1px solid #e4e4e4;}
.top_link .rt					{float:right;}
.top_link .rt li				{padding:0 0 0 25px; border:0;}  
.top_link .rt li:first-child	{padding:0;}
.top_link .rt li:after			{content:''; position:absolute; top:0; left:12px; bottom:0; width:3px; height:3px; border-radius:100%; margin:auto; background:#ccc;}
.top_link .rt li:first-child:after	{display:none;}
.top_link .rt li a				{padding:0;}
.top_link .rt .allmenu			{font-size:0.9em; color:#888;}
.top_link .rt i					{margin-right:8px; font-size:12px; color:#333;}
.top_link .rt .enter			{padding:0 0 0 18px; line-height:37px; margin-top:7px; }
.top_link .rt .enter a			{background:var(--main); color:#fff; padding:0 15px; font-size:0.8em; border-radius:5px 5px 0 0; font-weight:500; letter-spacing:0; box-shadow:0 0 5px 0 rgba(67, 105, 154, 0.5);}	
.top_link .rt .enter:after		{display:none;}
.top_link .rt .enter:hover a	{background:#042954; color:#fff;}
.top_link .rt .admin			{padding:0 0 0 3px;}
.top_link .rt .admin a			{padding:0 10px; background:#3f51b5;}

#header h1						{float:left; height:105px;line-height:95px;}
#header h1	img					{height:79px;}

#header .gnb						{float:right;}
#header .gnb ul>li					{position:relative; float:left; margin-right:75px;}
#header .gnb ul>li:last-child		{margin:0;}
#header .gnb ul>li a				{position:relative; display:inline-block; width:100%; font-size:1.35em; letter-spacing:-1px; line-height:105px; color:#333; font-weight:700;}
#header .gnb ul>li a:hover, #header .gnb ul>li a.current, #header .gnb ul>li a.hover	{color:var(--main);}
#header .gnb_msize					{max-width:1200px; position:relative; margin:0 auto;}
#header .depth2_wrap				{display:none; background:#fff; position:absolute; border-left:1px solid #e4e4e4; top:105px; left:0; padding:20px 0; box-sizing: border-box; z-index: 40;}
#header .depth2_wrap:last-child		{border-right:1px solid #e4e4e4;}
#header .depth2_wrap.hover			{background:var(--main); border-color:var(--main);}
#header .depth2_wrap.hover a		{color:#fff;}
#header .depth2_wrap ul li			{float:none; width:100%; margin:0; text-indent:20px;}
#header .depth2_wrap ul li a		{color:#777; display:block; font-size:1em; font-weight:300; line-height:34px; letter-spacing:-1px; border-left:none; border-right:none !important; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
#header .depth2_wrap ul li:hover a	{text-decoration:underline;}
#header .gnb-bg						{display:none; background:#fff; position: absolute; top:105px; left: 0; width: 100%; height: 0; z-index: 31;}
#header .gnb-fade-bg				{display:none; position:fixed; top:166px; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 30;}
#header .depth2_wrap .tits			{display:none; font-size:1.1em; letter-spacing:-1px; font-weight: 700; margin-bottom:10px; line-height:160%; text-align:center;}

#header .btn_m_search				{display:none; position:absolute; right:0; top:-46px; width:46px;height:46px; background:url('../image/common/search_btn01.png?x=1') no-repeat center; background-size:20px; cursor:pointer;}
.search_wrap						{display:none; position:absolute; background-color:rgba(26,100,195,0.8); display:none; width:100%; padding:30px 0; top:120px;  z-index:9999;}
.search_wrap .search				{width:25%; margin:0 auto; }
.search_wrap .search_input			{width:calc(100% - 89px);float:none; font-size:1em; color:#000; padding:0 20px; line-height:52px; border:1px solid #fff;}
.search	::-webkit-input-placeholder	{color: #777;}
.search	.search_img					{width:20px; padding:0 0 0 10px; }

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


@media screen and (max-width:1400px) {
	.top_link .rt					{padding-right:20px;}
	#header h1						{padding-left:20px;}
	#header .gnb					{padding-right:20px;}
	#header .gnb ul>li				{margin-right:60px;}
}

@media screen and (max-width:1200px) {
	#header .gnb ul>li				{margin-right:40px;}
	#header .gnb ul>li a			{font-size:1.2em;}
}

@media screen and (max-width:1024px) {
	#header .header_wrap				{height:60px;}

	#header h1							{text-align:center; float:none; height:60px; line-height:50px; padding:0;}
	#header h1 img						{height:50px;}
	.top_link							{display:none;}

	#header .btn_m_search				{display:block; right:42px; top:10px; width:40px; height:40px;}
	.search_wrap						{top:60px; padding:20px 0;}
	.search_wrap .search				{width:100%; text-align:center;}
	.search_wrap .search_input			{font-size:0.85em; padding:0 10px; line-height:42px;}

	#header .btn_m_list					{display:block; position:absolute; top:10px; right:5px; 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:25px; height:2px; background:#222; }
	#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.9em;}
	#header	.m_login_box i				{font-size:14px; opacity:0.7; margin-right:7px;}

	#header .gnb						{position:absolute; display:none; width:100%; height:auto;float:none; padding:0;}
	#header .gnb ul ul					{position:relative;display:none;}
	#header .gnb ul li					{float:none; width:100%; text-align:left; background:#ccc; margin:0; }
	#header .gnb ul li a				{line-height:50px; width:100%; text-indent:20px; letter-spacing:-0.75px; 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 97% 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:var(--main); border-color:var(--main);}
	#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:48px; text-indent:25px; color:#555 !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; }
}