
 


/* header */
  
#header							{position:absolute; top:0; left:0; width:100%; z-index:9999000;}
#header .header_wrap			{}

.h1 h1							{position:absolute; padding:0 20px; line-height:70px;}  /*  상단 로고 */
.m_h1							{display:none;}
#top_link						{position:absolute; bottom:3px; right:0; z-index:109;} 
#top_link ul					{float:right;}
#top_link li					{float:left; font-size:0.9em; color:#eaeaea; line-height:40px;}
#top_link li a					{font-size:0.9em; color:#eaeaea;  } 

#header .gnb_wrap				{float:left; width:92%; margin-right:80px; }
#header .gnb					{position:relative; width:100%; overflow:hidden; z-index:100009; }
#header .gnb>ul					{position:relative; padding:0 0 0 355px; }
#header .gnb ul>li				{float:left; text-align:center; color:#fff;}
#header .gnb ul>li a			{display:inline-block;zoom:1;*display:inline; width:100%; line-height:70px; font-size:15px; color:#fff; font-weight:600;text-transform: uppercase; box-sizing:border-box;letter-spacing:-1px; transition: all 0.3s;}
#header .gnb ul>li a:hover		{color:#fe3a3a;}
#header .gnb ul>li a.current	{color:#fe3a3a;}

.toplang_select_wrap			{position:absolute;right:0;z-index:9999999999; } 
.toplang_select					{position:absolute; width:80px; height:70px; right:0; color:#fff; line-height:70px; font-size:13px; text-align:center; text-indent:-17px; letter-spacing:1px; background:url('../image/common/lang_open.png') no-repeat 55px 32px #d23f45; z-index:100010; }
.toplang_select ul				{position:absolute; top:70px; background-color:#d23f45; display:none;}
.toplang_select li				{display:block; height:35px; line-height:35px; border-top:1px solid #c0353a; }
.toplang_select li a			{width:80px; height:100%; text-indent:1px; display:block; color:#fff;font-size:11px;}
.toplang_select li a:hover		{color:#fff;background-color:#d95c61; }
.toplang_select p				{width:100%; height:70px; line-height:70px; color:#fff; }
.toplang_select p a				{display:block;width:100%;height:100%; text-indent:-10px; color:#fff; font-size:11px;}
.toplang_select p span			{display:inline-block;float:right;padding:12px 10px 0 0; }

.gnb_lang						{position:absolute; width:80px; height:70px; right:0; color:#fff; line-height:70px; font-size:12px; text-align:center; text-indent:-17px; letter-spacing:1px; background:url('../image/common/lang_open.png') no-repeat 55px 30px #d23f45; z-index:100010; }
.gnb_bg							{height:70px; margin:50px 0 0 0; background:black; opacity:0.7; }






#header .btn_m_list				{display:none;}
#header .btn_m_login_wrap		{display:none;}
#header .btn_m_close			{display:none;}

.m_login_box					{display:none;}
.m_lang_box						{display:none;}

#header .gnb ul ul				{border-top:2px solid #d23f45; border-left:none; border-right:none; background:#262626; }
#header .gnb ul ul li			{float:none; width:100%; text-align:center; }
#header .gnb ul ul li a			{padding:10px 0; line-height:140%; color:#fff; font-size:13px; text-indent:0; border-bottom:1px solid #363636;}
#header .gnb ul ul li:last-child a{border-bottom:none;}
#header .gnb ul ul li a:hover	{background:#333;}

.search					{position:absolute;width:260px;min-height:21px; padding:6px 0 0 0; z-index:9999;}
.search_input			{float:left; border:1px solid #ccc;height:23px;padding:3px 0 0 5px;width:160px;margin:0 3px 0 0;font-size:12px; color:#999999;}
.search p				{float:left; padding:6px 10px 0 0; color:#ffffff; font-size:0.9em;}


.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;}
 


/* mobie screen 920 */
@media screen and (max-width:920px) {
  
	#header							{top:0;left:0; width:100%; height:50px; background:rgba(0,0,0,0.93);} 
	.h1								{display:none;}
	.m_h1							{display:block; height:50px; text-align:center;}
	.m_h1 h1 img					{width:300px; padding-top:8px;}
	#top_link						{display:none;}

	#header .header_wrap			{height:50px; background:#fff; } 


	#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_list			{position:absolute;left:9px;display:block;margin:30px 0 0 0;width:40px;height:30px;background:url(../image/common/top_btn_total.png) no-repeat -37px top; background-size:250px auto; cursor:pointer;z-index:99999999;} */

	#header .btn_m_list				{display:block;position:absolute;top:50%; width:40px; height:50px; margin-top:-10px; cursor:pointer;}
	#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:#414141;}
	#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:50px; margin:25px auto ; background:url('../image/common/top_btn_total.png') no-repeat 0 -100px; background-size:200px auto; cursor:pointer;}

	#header	.m_login_box			{display:block;overflow:hidden;}
	#header	.m_login_box p			{float:left; width:50%; height:45px; margin-left:-2px; line-height:50px; text-align:center; font-size:1em; border:1px solid #c31f25; background:#d23f45; }
	#header	.m_login_box a			{color:#fff;}
	#header	.m_login_box p img		{width:25px;margin-right:5px;}

	#header	.m_lang_box				{display:block; overflow:hidden;}
	#header	.m_lang_box p			{float:left; width:33.3333333333%; height:45px; margin-left:-2px; line-height:45px; text-align:center; font-size:1em; border-left:1px solid #222; border-right:1px solid #222; border-bottom:1px solid #444; background:#333; }
	#header	.m_lang_box a			{color:#fff;}

	#header .gnb_wrap				{width:100%; margin-top:15px;}
	#header .gnb					{display:none; height:auto; margin:0 0 0 0;}
	#header .gnb ul					{padding:0 0 0 0; }
	#header .gnb ul ul				{display:block;  background:#1c1c1c; padding:0;border-left:0 solid #ddd; border-bottom:0 solid #999; border-top:0 solid #ddd;}
	#header .gnb ul ul li			{border-bottom:0;}
	#header .gnb ul ul li:last-child a{border-bottom:1px solid #312324;}
	#header .gnb ul li:last-child ul{border-right:0 solid #ddd;}
	#header .gnb ul li				{float:none;width:100%; text-align:left;background:#15100f;  }
	#header .gnb ul li a			{line-height:45px;height:45px; text-indent:15px;color:#fff; font-weight:bold;border-left:none;border-right:none;border-bottom:1px solid #312324;}
	#header .gnb ul>li a:hover		{color:#eb4148;}
	#header .gnb ul>li a.current	{display:inline-block;color:#eb4148;}
	#header .gnb ul>li a.point		{display:inline-block;background:none;}
	#header .gnb ul li li			{background:#231a1a; }
	#header .gnb ul li li a			{padding:0;line-height:40px;height:40px; text-indent:15px;color:#bfbfbf;font-weight:normal; text-align:left;font-size:1.1em; border-bottom:1px solid #312324;  }
	#header .gnb ul ul li a:hover	{color:#fff;background:none;font-weight:normal;} 

	#header .gnb ul li:last-child a	{border-right:none;}

	.gnb_lang		{display:none;}
	.gnb_bg			{display:none;}
}
 



/* mobie screen 768 */
@media screen and (max-width:768px) {


	#header							{height:65px;} 
	#header .header_wrap			{height:65px;} 


}