/* header */
  
#header								{position:absolute;top:0;left:0;width:100%;z-index:9999000;}
#header .header_wrap				{position:relative; width:100%; height:150px; background:#fff;}

#top_link 							{background: #0d0c57; height: 46px; overflow: hidden; }
#top_link li						{position:relative; display:inline-block; margin-left:20px;}
#top_link li a						{color:#ccc; font-size:0.95em; } 
#top_link li a:hover				{color:#fff;}
#top_link li a:after				{content:''; position:absolute; top:0; left:-10px; bottom:0; width:1px; height:0.9em; margin:auto; background:#d1d1d2;}
#top_link li:first-child			{margin:0;}
#top_link li:first-child a:after	{display:none;}				
/*#top_link .login					{background:url('../image/common/acc_login.png') no-repeat center left; padding-left:25px;}*/
#top_link .logout					{background:url('../image/common/acc_logout.png') no-repeat center left; padding-left:25px;}
#top_link .bold						{margin-left:10px;}
#top_link .bold a					{background:#d6432f; color:#fff; padding:0 12px; line-height:30px; font-size:0.85em; display:block; border-radius:2px;}	
#top_link .bold a:after				{display:none;}
#top_link .bold:hover a				{color:#fff; background:#bd1723;}
#top_link div						{line-height:46px;}
#top_link div div					{float: left; }
#top_link div div a					{color:#ccc; font-size: 0.95em;}	
#top_link div div a:hover			{color:#fff;}
#top_link div ul					{float: right;}



#header .header_in					{height: 104px; line-height: 104px;}
#header h1							{float:left; /*height:100px;line-height:95px;*/}
#header h1 img						{width:380px; margin-top: -5px;}

#header .gnb						{float:right; }
#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;zoom:1;*display:inline;width:100%;font-size:1.5em; letter-spacing:-1px;line-height:100px;color:#333; font-weight:700;}
/*#header .gnb ul>li a:before		{content: ''; position: absolute; left: 50%; top:80px; transform: translateX(-50%); width: 2px; height: 0; background-color:#0d0c57; transition: 0.3s;}*/
#header .gnb ul>li a:hover			{}
#header .gnb ul>li a.current:before,
#header .gnb ul>li:hover a:before	{height:20px;}

#header .btn_m_list,
#header .btn_m_close,
.m_login_box						{display:none;}
 
#header .gnb ul ul					{position:absolute; width:200px; background:#fff; padding:15px 0; overflow:hidden; /*border-radius:5px;*/  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 .gnb ul ul li				{float:none; width:100%; text-align:center; margin:0; }
#header .gnb ul ul li a				{display:block;/*text-indent:20px;*/line-height:130%; padding:12px 0; color:#555; font-size:1.1em ; 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 .gnb ul ul li:hover a		{background:#f5f5f5; color:#19a788;}
#header .gnb ul ul li img			{opacity:1;}



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

	#header h1							{margin-left:15px;}

}



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

	#header h1							{text-align:center; float:none; height:60px; line-height:56px; margin:0;}
	#header h1 img						{width:300px;margin-top: 4px;}
	#top_link							{display:none;}

	#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:#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.85em;}
	#header	.m_login_box p img			{width:20px;margin-right:5px;}

	#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;}
	#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; width:100%; text-indent:15px; color:#fff; font-size:1.1em; 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:#3bb99e; border-color:#3bb99e;}
	#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:2px 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:before			{display:none;}

}



/* screen 1024 */
@media screen and (max-width:684px) {
	#header h1 img						{width:245px;margin-top:4px;margin-left:15px;}
}