/* header */
  
#header								{position:absolute; top:0; left:0; width:100%; z-index:9999000; }
#header .header_wrap				{position:relative;width:100%;height:120px;background:#fff; box-shadow:0 1px 0 #ddd; }	/* 메뉴 아래 선 (마우스를 올리지 않아도 보임) */
#header .header_wrap .header_data	{position:absolute;top:0;width:100%; }

#header h1							{position:absolute; margin-top:0; left:0; height:120px; line-height:120px; z-index:100; }  /*  상단 로고 */
#header h1 img						{height:58px; vertical-align:middle;}	/* 로고 높이 58px (원본 771x144) */


#header .gnb						{position:relative; margin:0 140px 0 400px; }	/* 왼쪽 로고, 오른쪽은 검색 아이콘 + 마지막 하위메뉴 열 자리 */
#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			{color:#981937; }
#header .gnb ul>li a.current		{color:#981937; }
/* 메뉴 글자 : 오버·선택 시 굵게, 굵은 글자 폭을 미리 잡아(::before) 위치가 바뀌지 않게 함 */
#header .gnb .subas_txt				{display:inline-block; line-height:30px; font-family:"NotoKrM", sans-serif; }
#header .gnb .subas_txt::before		{content:attr(data-text); display:block; height:0; overflow:hidden; visibility:hidden; font-family:"NotoKrB", sans-serif; }
#header .gnb .subas:hover .subas_txt,
#header .gnb .subas.current .subas_txt	{font-family:"NotoKrB", sans-serif; }
#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; }

/* 통합검색 아이콘 (상단 메뉴 오른쪽 끝) */
.btn_top_search						{position:absolute; top:0; right:0; width:60px; height:120px; padding:0; border:0; background:none; color:#111; cursor:pointer; text-align:right; }
.btn_top_search svg					{vertical-align:middle; }
.btn_top_search:hover,
.btn_top_search.on					{color:#981937; }
#top_search_layer					{display:none; position:absolute; top:120px; right:0; width:360px; padding:15px 20px; background:#fff; border:1px solid #ddd; box-shadow:0 4px 12px rgba(0,0,0,.1); z-index:20010; }
#top_search_layer.on				{display:block; }
#search_form_topmenu				{overflow:hidden; border-bottom:2px solid #981937; }
#search_form_topmenu .search_input	{width:calc(100% - 40px); height:36px; padding:0 5px; border:0; font-size:15px; }
#search_form_topmenu .search_img	{float:right; width:22px; padding:7px 5px; }
#header .btn_m_close				{display:none; }
.m_login_box, .m_sns				{display:none; }

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

#top_menu_box						{display:none; position:absolute; width:100%; top:120px; padding:30px 0 40px 0; 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					{display:flex; margin:0 0 0 400px; }	/* 대메뉴(.gnb)와 같은 자리 - 열 위치는 script.js top_menu_align() 이 대메뉴 글자 시작점에 맞춤 */
#top_menu_box ul					{}
.top_menu_box_subs					{flex:1 1 0; min-width:0; }
#top_menu_box ul li					{padding:6px 10px 6px 0; }
#top_menu_box ul li	a				{font-size:18px; color:#111; letter-spacing:-0.5px; text-decoration:none; line-height:1.4; }
#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				{padding:4px 0 0 0; }
#top_menu_box ul li ul li			{padding:3px 0 3px 10px; }
#top_menu_box ul li ul li a			{color:#666; font-size:15px; }
#top_menu_box ul li ul li a:before	{content:'-'; }
#top_menu_box ul ul ul li a			{color:#981937; }
#top_menu_box ul ul li a:hover		{color:#981937; }

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


/* PC 는 전체메뉴(#top_menu_box)를 쓰므로 탑메뉴 하위메뉴는 자리를 차지하지 않게 함 (숨은 하위메뉴가 이미지 위까지 늘어나 마우스오버되는 현상 방지) */
@media screen and (min-width:1025px) {
	#header .gnb .submenus				{display:none !important;}
	#header .gnb > ul					{display:flex; justify-content:space-between; }	/* 메뉴 사이 간격을 똑같이 */
	#header .gnb > ul > li				{flex:0 0 auto; min-width:0; width:auto !important; float:none; text-align:left; }	/* synergy.js 가 넣는 폭 대신 글자 폭 */
	#header .gnb ul>li a				{font-size:23px; letter-spacing:-0.5px; }
	#header .gnb .subas_txt				{font-family:"NotoKrB", sans-serif; font-weight:700; }
}

@media screen and (max-width:1400px) {
	#top_menu_box ul li	a				{font-size:16px;}
	#top_menu_box ul li ul li a			{font-size:14px;}
	#header h1						{left:10px;}
	.btn_top_search					{right:10px;}
	#top_search_layer				{right:10px;}
}

@media screen and (max-width:1200px) {
	#header h1 img					{height:48px;}
	#header .gnb, #top_menu_box .wrap	{margin-left:300px;}
	#header .gnb					{margin-right:100px;}
}

@media screen and (min-width:1025px) and (max-width:1200px) {
	#header .gnb ul>li a				{font-size:19px; }
}

@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; height:auto;}
	.btn_top_search, #top_search_layer	{display:none !important; }



	#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%; margin:0; }
	#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; }
	#header .gnb ul ul li a.on			{color:#981937; font-family:"NotoKrB", sans-serif; }	/* 선택된 2·3단계 메뉴 */
	#menu5 ul							{border-right:0; }
	#header .menu						{display:none; }

	.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) {
}
 

@media screen and (max-width:580px) {
	#header h1 img						{width:150px;}
}