/* 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 !important;}
#header .header_wrap .header_data	{position:relative; width:100%; height:75px; }

#header h1							{position:relative; text-align:center; height:110px; line-height:110px; z-index:100; }  /*  상단 로고 */
#header h1 img						{width:395px;}

.top_sns							{position:absolute; right:0; bottom:15px; z-index:109;} 
.top_sns li							{float:left; margin:0 2px; }
.top_sns li img						{width:38px; }

#top_link							{position:absolute; top:0; right:0; z-index:109;  } 
#top_link .menu						{float:left;}
#top_link li						{float:left; margin:0 2px;  line-height:38px; letter-spacing:-0.5px; border:1px solid #ccc; min-width:110px; text-align:center;}
#top_link li a						{display:block; color:#777;  font-size:0.9em;} 
#top_link li:hover					{border-color:#333;}
#top_link li img					{width:20px; margin:0 7px 5px 0;}
#top_link .mysite					{background:#4d90fe; border-color:#4d90fe;}
#top_link .mysite:hover				{background:#333; border-color:#333;}
#top_link .mysite a					{color:#fff;}

#header .gnb						{position:relative;  top:0; margin-right:320px; }
#header .gnb ul						{width:100%; }
#header .gnb ul>li					{float:left; text-align:center; min-width:12.5%; }
#header .gnb ul>li a				{display:inline-block; line-height:75px !important; font-size:1.3em; color:#fff; letter-spacing:-1.5px; font-weight:500; }
#header .gnb ul>li a:hover,
#header .gnb ul>li a.current		{font-weight:600; color:#b9e5ff;}

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

#header .gnb ul ul					{display:none; width:150px; padding:10px; overflow:hidden; }
#header .gnb ul ul li				{float:none; width:100%; text-align:left; margin:0; }
#header .gnb ul ul li a				{line-height:130%; padding:3px 0; color:#fff; font-size:1em ; font-weight:normal; letter-spacing:-0.5px; border-left:none; border-right:none !important; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
#header .gnb ul ul li a:hover		{text-decoration:underline; color:#fff; }

.search								{min-height:21px; z-index:9999;}
.search_input						{float:left; border:1px solid #f0f0f0;height:23px;padding:3px 0 0 12px; font-size:0.9em; color:#222; letter-spacing:-0.5px;}
.search	::-webkit-input-placeholder	{color: #222;}
.search	:-moz-placeholder			{color: #222;} /* Firefox 4-18 */
.search	::-moz-placeholder			{color: #222;} /* Firefox 19+ */
.search	:-ms-input-placeholder		{color: #222;}  /* IE10+ */
.search	.search_img					{width:23px; padding:5px 0 0 0;}

.search_wrap2						{position:absolute; right:0; top:13px; background:#fff; padding:7px 15px;}
.search_wrap2 .search_input			{background:transparent; border:0; width:220px; color:#333; padding:3px 5px; margin-right:5px; height:30px;}

/* 번역관련 */
#lang_change						{float:left; z-index:200;  margin-right:2px; padding-top:0px;}
.lang_mem					{right:170px;}
.lang_unmem					{right:140px;}
body								{top:0px !important;}
iframe.goog-te-banner-frame			{ display: none !important; visibility:hidden !important; }
.goog-logo-link						{ display:none !important; }
#goog-gt-tt							{ display:none !important; }
.goog-te-gadget						{ color: transparent !important; overflow: hidden;}
.goog-te-balloon-frame				{display: none !important;}
.goog-tooltip						{display: none !important;}
.goog-tooltip:hover					{display: none !important;}
.goog-text-highlight				{background-color: transparent !important; border: none !important; box-shadow: none !important;}
.goog-te-gadget-simple				{padding:7px 0px !important;border:1px solid #ccc !important;}
/* 번역관련 */


/* 탑메뉴 박스  ==================================================================================== */
#top_menu_box						{display:none; position:absolute; width:100%; top:75px; min-height:240px; overflow:hidden; background:url('../image/common/submenubox_bg.png') no-repeat 95% 90% #fff;  z-index:20000; }
.web_size2							{max-width:1400px; margin:0 auto;}
#top_menu_box .wrap					{width:calc(100% - 320px);float:right;}
#top_menu_box ul					{float:left; min-width:10%; width:100%; }
#top_menu_box .top_menu_box_subs	{padding:40px 0;}
#top_menu_box .top_menu_box_subs li {display:inline-block; width:230px; margin:0 20px 20px 0;  text-align:center;}
#top_menu_box .top_menu_box_subs li:nth-child(4n)	{margin-right:0;}
#top_menu_box ul li	a				{color:#111; letter-spacing:-1.3px; text-decoration:none; line-height:48px; height:50px; font-weight:500; display:block; border:2px solid #ddd;}
#top_menu_box ul li a:hover			{font-weight:500; color:#114ab0; border-color:#114ab0;}
#top_menu_box ul li a.current 		{font-weight:500; color:#114ab0; border-color:#114ab0;}
#top_menu_box ul li ul				{width:100%; position:relative; padding:10px 0;}
#top_menu_box ul li ul li			{float:none !important; margin:0 !important; width:100%;}
#top_menu_box ul li ul li a			{padding-left:10px; border:0; color:#555; text-align:left; height:30px; line-height:30px; font-size:0.95em; background:url('../image/common/top_subicon.gif') no-repeat 0 15px ; }
#top_menu_box ul ul li a:hover		{color:#114ab0;}

#top_menu_box .top_menu_box			{float:left; width:250px; padding-top:40px;}
#top_menu_box .top_menu_box	h2			{display:block; position:relative; margin-bottom:20px; font-size:1.8em; color:#114ab0; letter-spacing:-2px; line-height:140%; font-weight:700; }
#top_menu_box .top_menu_box	h2:after	{content:''; display:block; width:26px; height:1px; margin:15px 0 0 0; background:#114ab0; }
#top_menu_box .top_menu_box	p		{color:#797979; font-size:0.95em;}



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

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


@media screen and (max-width:1400px) {
	#top_link,
	.search_wrap2					{right:10px;}
}


@media screen and (max-width:1200px) {
	#header h1						{text-align:left; padding-left:10px;}
	.search_wrap2					{padding:7px 10px;}
	#header .gnb					{margin-right:300px;}
}


@media screen and (max-width:1024px) {
	#header								{height:60px; transition: all 0.5s ease;} 
	#header .header_wrap				{position:fixed;}
	#header h1							{line-height:60px; height:60px; text-align:center; padding:0; border-bottom:1px solid #dfdfdf;}
	#header h1 img						{width:200px; }

	#top_link							{top:70px;}
	#top_link  .menus					{display:none; }
	.top_sns								{display:none; }

	#header .header_wrap .header_data	{position:relative; top:auto; left:auto; width:100%;height:0px; }
	#header .header_wrap				{height:60px; background:#fff !important; } 
 
	#header .btn_m_list					{display:block; position:absolute; top:7px; 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:25px; height:55px; margin:25px auto ; background:url('../image/common/top_btn_total.png') no-repeat 0 -100px; background-size:200px auto; cursor:pointer; }
	
	#header .btn_m_login_wrap			{display:none;}
	#header .btn_m_login_wrap			{position:absolute;right:6px;display:block;margin:13px 0 0 0;z-index:99999999;} 
	#header .btn_m_login_wrap a			{float:left;}
	#header .btn_m_login				{width:35px;height:35px;background:url(../image/common/top_btn_total.png) no-repeat 6px -33px; background-size:230px auto; cursor:pointer;}
	#header .btn_m_logout				{width:35px;height:35px;background:url(../image/common/top_btn_total.png) no-repeat 7px 2px; background-size:230px auto; cursor:pointer;}
	#header .btn_m_search				{float:left; width:30px;height:35px; background:url(../image/common/top_btn_total.png) no-repeat 0 -65px; background-size:230px 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:50px;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;}

	.search_wrap2						{display:none;}
	.search_wrap						{position:absolute; background:#f0f0f0; display:none; width:100%; margin:0 auto; padding:0 10px;min-height:49px; top:55px;  z-index:9999;border-right:0;border-radius:0;}
	.search_wrap .search				{width:100%; margin:8px 0 0 0; border:none; padding:0; background:#f0f0f0; }
	.search_wrap .search_input			{width : -webkit-calc(98% - 30px) ; height:30px; text-indent:10px; border-radius:0;/* for Chrome, Safari */
										width :    -moz-calc(98% - 30px); /* for Firefox */
										width :         calc(98% - 30px); /* for IE */
										float:none; font-size:0.9em; padding:0;}
	.search	.search_img					{padding:0; margin-left:5px;}

	#header .gnb						{display:none; height:auto; background:#none; top:0; float:none; width:100%; z-index:300; }
	#header .gnb ul						{padding:0; width:100%;  }
	#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:#e0dcd5;  }
	#header .gnb ul li a				{line-height:50px !important; height:50px; width:100%; text-indent:15px; color:#fff; font-size:1em; border-left:none; border-right:none; border-bottom:1px solid #212428;}
	#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:#3f61b2; border-color:#3f61b2;}
	#header .gnb ul li li				{background:#e3e4e4; }
	#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				{padding:0; line-height:52px; height:52px; text-indent:15px; color:#222; font-weight:normal; text-align:left; font-size:0.95em; border-bottom:1px solid #ccc;  }
	#header .gnb ul ul li a:hover		{color:#333; background:none; } 
	#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 .menu						{display:none; }

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

}
 


@media screen and (max-width:580px) {
	.top_menu_search					{display:none; position:relative; width:100%; height:50px; top:0; padding:6px 7%; background-color:#00a096; }
	.top_menu_search	p				{float:left; margin-right:15px; font-size:17px; line-height:40px; }
	.top_menu_search .search_box		{text-align:center; }
	.top_menu_search .search_input		{width:57%; height:30px; margin-right:5px; padding:3px 15px; font-size:15px; border:0px solid #008d84; }
	.top_menu_search input[type='image']{width:24px; }
}