/* header */
  
#header								{position:absolute;top:0;left:0;width:100%;z-index:9999000; }
#header .header_wrap				{position:relative; width:100%; height:110px; padding:0 3%; display:flex; justify-content:space-between; gap:0 15px; align-items:center;}

#header h1							{}
#header .h1							{display:none;}

.ddayWrap							{display:flex; gap:0 20px; align-items:center;}
.top_dday							{font-family: 'NEXON Lv1 Gothic OTF'; background:#f3991d; color:#fff; height:100%; font-weight:700; padding:4px 15px; border-radius:50px; letter-spacing:2px;}

#header .gnb						{position:relative; text-align:center;}
#header .gnb ul>li					{display:inline-block; margin-right:60px;}
#header .gnb ul>li:last-child		{margin:0;}
#header .gnb ul>li a				{position:relative; width:100%; display:inline-block; font-size:1.25em; letter-spacing:-1px; line-height:110px;color:#fff; font-weight:700;}
#header .gnb ul>li a:after			{content:''; width:0; height:3px; background:#fcbb15; position:absolute; bottom:30px; left:0; display:inline-block; transform:scale(0); transition:all 0.2s;}
#header .gnb ul>li .current:after	{width:100%; transform:scale(1); }
#header .gnb ul ul					{position:absolute; width:200px; padding:20px 0; background:#fff; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); border-radius:10px; }
#header .gnb ul ul li				{display:block; width:100%;}
#header .gnb ul ul li a				{display:block; line-height:42px; width:100%; color:#333; font-size:1em; font-weight:300; letter-spacing:-0.8px; padding:0 10px; transition: all 0.3s ease; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
#header .gnb ul ul li a:hover		{font-weight:500; background:#f7f7f7;}

.top_sitemap						{position:relative; width:40px; height:40px; cursor:pointer; z-index:99999999;}
.top_sitemap span, .top_sitemap:before, .top_sitemap:after		{position:absolute; left:6px; content:''; width:30px; height:2px; background:#fff;}
.top_sitemap:before					{top:20px;}
.top_sitemap span					{top:12px;}
.top_sitemap:after					{top:28px;}

#header .btn_m_list, 				
#header .btn_m_close, .mob_link 	{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;} 


@media screen and (max-width:1400px) {
	#header .header_wrap			{padding:0 1%;}
	#header .gnb ul>li				{margin-right:30px;}
	#header .gnb ul>li a			{font-size:1.1em;}
}


@media screen and (max-width:1024px) {
	#header								{top:0;left:0;width:100%;height:60px;} 
	#header h1							{display:none;}
	#header .h1							{display:block; height:60px;line-height:55px; text-indent:10px;}
	#header .h1 img						{height:35px;}

	.top_link,
	.top_sitemap						{display:none;}

	.ddayWrap							{float:left; gap:0 10px;}
	.top_dday							{padding:3px 10px 2px 10px ; font-size:0.8em; margin-left:-30px;}

	#header .header_wrap				{height:60px;background:#fff !important;display:block; padding:0;} 
	#header .btn_m_list					{display:block; position:absolute; top:10px; right: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:40px; margin:20px auto ; background:url('../image/common/top_btn_total.png') no-repeat 0 -100px; background-size:200px auto; cursor:pointer; }

	#header .gnb						{position:relative; display:none; width:100%; height:auto;}
	#header .gnb ul						{padding:0; margin:0;}
	#header .gnb ul ul					{position:relative;display:none;width:100%; padding:0;border:0; margin:0 !important; box-shadow:none; border-radius:0;}
	#header .gnb ul ul li				{height:auto;}
	#header .gnb ul li					{float:none; width:100%; text-align:left; background:#373c43; margin-right:0px; }
	#header .gnb ul li a				{line-height:48px !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 a:after			{display:none;}
	#header .gnb .sub_parent			{background:url("../image/common/navdepth1.png") no-repeat 98% 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:#056db5; border-color:#056db5;}
	#header .gnb .sub_sub_parent a		{background:url("../image/common/navdepth2.png") no-repeat 95% 20px #e3e4e4; background-size:10px auto;}
	#header .gnb .sub_sub_parent a:hover{background:url("../image/common/navdepth2.png") no-repeat 95% 20px #e3e4e4; background-size:10px auto;}
	#header .gnb ul li li a				{display:block; background-color:#e3e4e4; padding:0; line-height:48px; height:50px; text-indent:15px; color:#222; font-weight:normal; text-align:left; border-bottom:1px solid #ccc;  }
	#header .gnb ul ul li a:hover		{color:#000; background:#e3e4e4; font-weight:500; text-indent:15px;} 
	#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; height:30px;}
	#header .gnb ul ul ul li a			{background:none !important; text-indent:20px; line-height:30px !important; height:30px; border:0; }
	#header .gnb ul ul ul li a:hover	{background:none;}
	#header .line						{border:0;}

	/* 3단메뉴 스타일 */
	#header .gnb .sub_subs3				{padding:10px 10px 10px 5px; background:#fff;}
	#header .gnb .sub_subs3	li a		{background:#fff; color:#222; border-bottom:0; height:30px; line-height:30px; font-size:0.9em;}
	#header .gnb .sub_subs3	li a:hover	{background:none; text-indent:20px;}

	.mob_link							{display:block; text-align:center; padding:20px 0;}
	.mob_link p							{display:inline-block; margin:0 1px;}
	.mob_link img						{width:37px;}
}


@media screen and (max-width:768px) {
	.top_date			{display:none;}
	.top_dday			{left:5px; top:18px;}
	.top_dday .bar		{padding:0 3px;}
	.top_dday .bar:after	{width:7px;}
}