  
  
/* header */
  
#header								{position:absolute; top:0;left:0;width:100%;z-index:9999000;}
#header .header_wrap				{position:relative;width:100%;height:185px; background:url("../image/common/gnb_line.png") repeat-x bottom #fff;}
#header .header_wrap .header_data	{position:absolute;top:0;width:100%;}

#header h1							{text-align:center; height:110px; line-height:110px; }  
#header h1 img						{width:215px;}

.top_sns							{position:absolute; left:0;z-index:109; top:37px;} 
.top_sns li							{float:left; margin-right:5px;}
.top_sns li:last-child				{margin:0;}
.top_sns li img						{width:37px;}

#top_link							{position:absolute; top:40px;right:0;z-index:109;} 
#top_link ul						{overflow:hidden; }
#top_link li						{position: relative; float: left;  border: 1px solid #ccc; border-right:0; 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; border-right:1px solid #ccc;}
#top_link li a						{display: block;  color: #414141; font-size: 0.9em;}
#top_link li a:hover				{color:#000; background-color:#f9f9f9;}
#top_link .mypage					{border-color:#ff7d0a; background:#ff7d0a;}
#top_link .mypage a					{padding:1px 5px; color:#fff; }
#top_link .mypage a:hover			{background:#ff7d0a; color:#fff;}
#top_link .time						{border:0;}	

#header .gnb						{position:relative; text-align:center;}
#header .gnb ul>li					{display:inline-block; padding:0 !important; margin-right:55px;}
#header .gnb ul>li:last-child		{margin:0;}
#header .gnb ul>li a				{display:inline-block;zoom:1;*display:inline; line-height:75px; font-size:1.3em; color:#414141; letter-spacing:-1.5px; font-weight:700;}
#header .gnb ul>li a:hover			{color:#1d4f8b; }
#header .gnb ul>li a.current		{display:inline-block;zoom:1;*display:inline; color:#3a7cda; font-weight:700}
#header .gnb>ul>li:nth-child(4)>a	{font-family: 'Tenada'; line-height:85px; font-size:30px; background:linear-gradient(to right, #0cc6d7, #2f68c2); color:transparent; -webkit-background-clip: text; padding:0 2px;}

#header .topmenu_subbox ul					{position:relative; /*margin-top:-1px !important;*/ width:200px !important; 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%; height:48px; }
#header .topmenu_subbox ul li a				{display:inline-block; zoom:1; *display:inline; text-align:center; height:48px; line-height:48px !important; width:100%; color:#333; font-weight:500;letter-spacing:-0.8px;  border-bottom:1px solid #eaeaea; background:#fff; }
#header .topmenu_subbox ul li:last-child a	{border-bottom:0;}
#header .topmenu_subbox ul li a:hover		{background:#3a7cda; color:#fff; }

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


/* 탑메뉴 박스  ==================================================================================== */

.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; }



/* screen 1200 */
@media screen and (max-width:1200px) {
	
	#header .gnb					{padding-left:50px;}
	.top_sns						{left:10px;}
	#top_link						{right:10px;}

}


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

	#header								{top:0; left:0; width:100%; height:60px; } 
	#header h1							{line-height:53px; height:60px;}
	#header h1 img						{width:140px;}

	#top_link							{display:none; }
	#header .header_wrap				{height:60px; border-bottom:1px solid #e0e0e0; background:#fff;} 

	#top_link							{display:none; }

	#header .btn_m_list					{display:block; position:absolute; top:10px; left: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:23px; height:2px; 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:25px; height:25px; 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%;text-align:center; background:#373c43;border:1px solid #212428;line-height:45px;height:50px; color:#fff; font-size:0.85em;}
	#header	.m_login_box p:first-child	{border-right:0;}
	#header	.m_login_box a				{color:#fff; font-size:14px;}
	#header	.m_login_box p img			{width:20px;margin-right:5px;}

	#header .gnb						{display:none; height:auto; top:0; float:none; width:100%; padding:0; }
	#header .gnb ul						{padding:0;width:100%; border-top:1px solid #ccc;}
	#header .gnb ul ul					{visibility: visible;width:100%; 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:#e3e4e4;}
	#header .gnb ul li.astyle			{ line-height:45px; height:45px; width:100%;text-indent:15px; color:#333; border-left:none; border-right:none; font-size:1.1em; border-bottom:1px solid #ccc; cursor:pointer;}
	#header .gnb ul li.astyle:hover		{color:#333;}
	#header .gnb ul li a				{ line-height:45px; height:45px; width:100%;text-indent:15px; color:#333; border-left:none; border-right:none; font-size:1.1em; border-bottom:1px solid #ccc;}
	#header .gnb ul>li a:hover			{color:#333; }
	#header .gnb ul>li a.current		{display:inline-block; color:#000; }
	#header .gnb ul>li a.point			{display:inline-block; background:none; }
	#header .gnb ul li li				{background:#fff; }
	#header .gnb ul li li:last-child	{background:#fff; }
	#header .gnb ul li li a				{padding:0; line-height:40px; height:40px; text-indent:15px; color:#777; font-weight:normal; text-align:left; font-size:1em; border-bottom:1px solid #ddd;  }
	#header .gnb ul li li.astyle		{padding:0; line-height:40px; height:40px; text-indent:15px; color:#777; font-weight:normal; text-align:left; font-size:1em; border-bottom:1px solid #ddd;letter-spacing:-1.5px; cursor:pointer;  }
	#header .gnb ul li li.astyle:hover	{color:#000; background:none; }
	#header .gnb ul ul li a:hover		{color:#000; background:none; } 
	#header .gnb ul li:last-child a		{border-right:none; }
	#header .gnb ul ul ul li			{text-indent:15px; background:#32455a; padding:0; margin:0 }
	#header .menu						{display:none; }

	#header .m_snslist					{display:block; text-align:center; padding:20px 0 0 0;}
	#header .m_snslist span				{padding:0 3px;}
	#header .m_snslist img				{width:30px;}

}

