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

#header h1							{position:absolute; margin-top:40px; left:0; height:120px; line-height:120px; z-index:100; }  /*  상단 로고 */
#header h1 img						{width:280px;}

#top_link							{position:absolute; top:-2px; right:0; padding-right:115px; z-index:109;} 
#top_link ul						{float:right; }
#top_link li						{float:left; margin:0 2px; color:#ccc; line-height:40px; letter-spacing:-0.5px; }
#top_link li a						{color:#888; font-size:0.85em;} 
#top_link li a:hover				{color:#000; }
#top_link .mysite	a				{padding:2px 5px; color:#fff; border-radius:2px; background-color:#1cb997; }
#top_link .mysite	a:hover			{color:#fff;}
#top_link .admin	a				{padding:2px 5px; color:#fff; border-radius:2px; background-color:#981937; font-size:0.8em;}
#top_link .admin	a:hover			{color:#fff; }
#top_link #opensitemap				{color:#888; } 
#top_link #opensitemap:hover		{color:#000; }
#top_link img						{height:23px;}

/* 번역관련 */
#header #lang_change				{position:absolute;top:6px; right:0; z-index:1000;}
#header .lang_btns					{display: none !important;}
.VIpgJd-ZVi9od-ORHb-OEVmcd			{display: none !important;}
#lang_select						{position:absolute;right:0;top:10px;z-index:999;}
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				{border:1px solid #ccc !important;}
/*
#top_link #lang_change,
.lang_ko_btn						{display:none;}
.goog-te-banner-frame				{visibility:hidden !important;}
body								{top:0px !important;}
*/
/* 번역관련 */

#header .m_lang_change				{display:none;}
#header .gnb						{position:relative; width:70%; top:0; float:right; }
#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; zoom:1; *display:inline; line-height:120px; font-size:1.3em; color:#000; letter-spacing:-1.5px; font-family:"NotoKrM", sans-serif; }
#header .gnb ul>li a:hover			{font-family:"NotoKrB", sans-serif; color:#981937; }
#header .gnb ul>li a.current		{font-family:"NotoKrB", sans-serif; color:#981937; }
#header .gnb ul ul					{display:none; width:150px; background:url('../image/common/gnb_bg.png') repeat; 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; }

.sub_search .search_input			{margin:6px 3px 0 5px;}
.search_wrap						{display:none;position:absolute;left:0;top:18px;background:#f0f0f0;height:42px;border-radius:20px;}
.search_wrap .search				{min-height:21px; padding:2px 0 0 0; z-index:9999;}
.search_input						{float:left; border:1px solid #f0f0f0;height:23px;padding:3px 0 0 12px;width:170px;font-size:0.85em; color:#222;}
.search	::-webkit-input-placeholder	{color: #888;}
.search	:-moz-placeholder			{color: #888;} /* Firefox 4-18 */
.search	::-moz-placeholder			{color: #888;} /* Firefox 19+ */
.search	:-ms-input-placeholder		{color: #888;}  /* IE10+ */
.search input:focus					{background:none;}
.search	.search_img					{width:20px;padding:8px 12px 0 0;}


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

/* 탑메뉴 박스  ==================================================================================== */
.web_size2							{max-width:1200px; margin:0 auto;}

#top_menu_box						{display:none; position:absolute; width:100%; top:120px; height:395px; overflow:hidden;border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;  z-index:20000; }
#top_menu_box .bg					{width:100%; background-color:#f7f7f7; }
#top_menu_box img					{padding:0 0 0 2px; vertical-align:middle; }
#top_menu_box .wrap					{}
#top_menu_box ul					{float:left; min-width:10%; position:absolute;}
.top_menu_box_subs					{padding:15px 0;}
#top_menu_box ul li	a				{font-size:13px; color:#111; letter-spacing:-1.3px; text-decoration:none; line-height:200%; padding:4px 8px 4px 0; }
#top_menu_box ul li a:hover			{color:#981937; }
#top_menu_box ul li a.current 		{color:#981937; font-weight:bold; }
#top_menu_box ul li ul				{width:100%; position:relative; }
#top_menu_box ul li ul li a			{padding-left:9px; color:#555; text-align:left; line-height:60%; font-size:12px; background:url('../image/common/top_subicon.gif') no-repeat 5px center ; }
#top_menu_box ul ul ul li a			{color:#981937; }
#top_menu_box ul ul li a:hover		{color:#981937; }

#top_menu_box .info					{position:relative; height:100%; width:285px; background:#f2f2f2;}
#top_menu_box .info_wrap			{padding:40px 20px;}					
#top_menu_box .info	p				{font-family:"NotoKrM", sans-serif; font-size:1.3em; letter-spacing:-1px; margin-bottom:10px;}

#search_form_topmenu				{width:245px; border-bottom:2px solid #981937; overflow:hidden; padding-bottom:2px;}
.top_menu_search					{width:100%; z-index:20001; }
.top_menu_search .search_box		{text-align:center;}
.top_menu_search .search_input		{margin:0; padding:0 5px; font-size:0.9em; color:#222; background:#f2f2f2; height:32px; line-height:32px;}
.top_menu_search .search_img		{float:right; width:22px; padding:5px;}

.top_menu_textbanner				{margin-top:30px; z-index:20001; }
.top_menu_textbanner div			{background:url('../image/common/icon05.gif') no-repeat 0 10px;padding-left:12px; margin:5px 0; font-family:"NotoKrM", sans-serif; color:#4d4d4d; font-size:0.95em;}
.top_menu_textbanner a				{font-family:"NotoKrM", sans-serif; color:#4d4d4d; font-size:1em;}
.top_menu_textbanner a:hover		{text-decoration:underline;}

.top_blank							{background:#ccc; }

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

.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:1200px) {
	#top_link						{right:10px;}
	#header h1						{left:10px;}
}

@media screen and (max-width:1100px) {
	#top_menu_box .line				{background:none; }
}

@media screen and (max-width:1024px) {
	#header								{top:0; left:0; width:100%; height:55px; transition: all 0.5s ease; 	} 
	#header h1							{position:relative; margin:0;left:0px; text-align:center; line-height:55px; height:55px;}
	#header h1 img						{width:200px;}

	#header #lang_change				{top:15px;right:50px !important;}

	#top_link							{display:none; }

	#header .header_wrap .header_data	{position:relative; top:auto; left:auto; width:100%; }
	#header .header_wrap				{height:55px; background:#fff; } 
 
	#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;}

	.search_wrap						{position:absolute; display:none; width:100%; margin:0 auto; padding:0;min-height:42px; top:55px;  z-index:9999;border-right:0;border-radius:0;}
	.search_wrap .search				{width:95%;margin:8px 3% 0 3%;;border:none;padding:0;border-radius:0;}
	.search_wrap .search_input			{width:93%;float:none;font-size:0.9em;margin:0;padding:0;}
	.search	.search_img					{padding:0;}

	#header .gnb						{display:none; height:auto; background:#none; top:0; float:none; width:100%; }
	#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:55px; height:55px; width:100%; text-indent:15px; color:#fff; font-size:1.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:#981937; border-color:#981937;}
	#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:1em; 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; height:30px; border:0; font-size:0.9em; }
	#menu5 ul							{border-right:0; }
	#header .menu						{display:none; }

	#header .m_lang_change				{background:#26292c; text-align:center; padding:15px 0;}
	#header .m_lang_change span			{padding:0 10px;}
	#header .m_lang_change a			{color:#fff; text-decoration:underline; font-size:0.8em;}

	.m_sns								{display:block; background:#373c43; padding:15px 0 12px 0; text-align:center;}
	.m_sns a							{display:inline-block; width:32px; line-height:32px; border-radius:3px; background:rgba(0,0,0,.4); margin:0 1px;}
	.m_sns a:hover						{background:rgba(0,0,0,.8);}
	.m_sns img							{height:20px; }
}

@media screen and (max-width:768px) {
	#header #lang_change				{top:60px;right:5px !important;}
}
 

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