@keyframes slide-up-navi {
	from	{opacity:0; transform: translateY(-15px);}
	to		{opacity:1.0; transform: translateY(0);}
}
/* header */ 
#header										{position:absolute; top:0; left:0; width:100%; z-index:9999000; }
#header .header_wrap				{position:relative;width:100%;height:125px; background:rgba(255, 255, 255, 1); z-index:9999;   transition:all 0.5s ease;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); }
.header_data								{position:relative; display: grid; grid-template-columns:350px auto ;    }
  
#header h1								{ position:relative;  padding:7px 0 0 0;}  /*  상단 로고 */ 
#header h1 img						{height:40px; }

#top_date								{position:absolute; display:block; z-index:109; font-family:"Noto Sans KR";font-weight:700;color:#000;line-height:0.7em;} 
 .top_date01							{ display:inline-block; font-size:0.6rem;letter-spacing:0; }
 .top_date01 strong				{font-size:1.15em;  } 
.top_date01 span					{font-size:1.45em;font-weight:700;color:var(--color1); } 
.top_date02							{display:inline-block; font-size:0.5em;letter-spacing:-1.5px;}
.top_date02 span					{font-size:1.15em;font-weight:700;color:#000; } 

 
.top_date03							{position:absolute;left:195px;top:14px;border:2px solid #8fcc87;border-radius:50px;width:56px;height:56px; font-weight:700;color:#222;font-size:0.8em;letter-spacing:-1px;line-height:1.15em;text-align:center; }
.top_date03 p						{font-size:1.3em;font-weight:700;color:var(--color1);padding:5px 0 0 0;}

.top_dday								{position:absolute; left:200px; top:29px;}
.top_dday li							{position:relative; float:left; height:30px; line-height:30px; background:#8fcc87;  padding:0 10px; border-radius:2px; margin-right:3px; }
.top_dday li:last-child				{margin:0; }
.top_dday li:after					{position:absolute; left:0; bottom:47%; content:''; display:block; width:100%; height:2px; background:#8fcc87; }
.top_dday p							{color:#fff; font-size:1.3em; font-weight:700;}
.top_dday .bar						{background:#fff; padding:0 5px;}
.top_dday .bar:after				{content:""; display:block; clear:both; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:10px; height:2px; background:#8fcc87; }


.top_link									{position:relative; height:45px; background:#f9f9f9;border-bottom:1px solid #dfdfdf;  } 
.top_link	.web_size				{ display: flex; justify-content:flex-end;  } 
.top_link	.top_sns					{text-align:right;}
.top_link .top_sns a				{position:relative; display:inline-block; line-height:40px; padding:0 8px 0 0; } 
.top_link .top_sns a img		{width:30px;}

 
/* 번역관련 */
.top_link #lang_change, .lang_ko_btn						{display:block; padding:6px 15px 0 0;}
#goog-gt-tt							{display:none !important;}
.goog-te-banner-frame				{visibility:hidden !important;}
body								{top:0px !important;}
/* 번역관련 */
 

 .top_link .global					{position:relative; background:url('../image/common/top_icon01.png')no-repeat 0 6px;padding-left:28px;}
 .top_link .arrow					{background:url('../image/common/top_arrow01.png')no-repeat right 50%;padding-right:25px;}
 .top_link .arrow_on				{background:url('../image/common/top_arrow02.png')no-repeat right 50%;padding-right:25px;}

 .top_link .global_box			{display:none;position:absolute; left:-15px;top:40px;width:100px;  text-align:center;  box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); }
 .top_link .global_box p		{display:block; font-size:0.75em; font-weight:300;letter-spacing:0; padding:2px 0; color:#666;background:#fff;}
 .top_link .global_box p:hover		{color:#fff;background:#0c4da2; }

.top_link .fullmenu						{ position:relative; top:-4px;width:30px; height:30px; cursor:pointer; z-index:1;margin-left:15px;}
.top_link .fullmenu span, 
.top_link .fullmenu:before, 
.top_link .fullmenu:after				{position:absolute; right:0;  content:''; width:18px; height:2px; border-radius:2px; background:#333; transition:all 0.3s;}
.top_link .fullmenu:before			{top:13px;}
.top_link .fullmenu span				{top:19px;width:13px;}
.top_link .fullmenu:after				{top:25px; }
.top_link .fullmenu:active span,
.top_link .fullmenu:hover span		{width:18px;}
.top_link_m									{display:none;}

 
#header .btm_menu					{display:none;}
.gnb											{position:relative;}
.gnb ul										{position:relative;  display: flex; flex-flow:no-wrap;justify-content: space-between;  }
.gnb ul>li									{position:relative; text-align:center;  }
.gnb ul>li>a								{position:relative; display:block;  font-size:1.2em; line-height:26px;padding:25px 0;  letter-spacing:-0.5px; color:#000;font-weight:bold;  font-family: 'GmarketSansMedium';}
.gnb ul>li>a:after						{position:absolute; content:'';  top:-6px; left:calc(50% - 3px);  width:6px; height:6px; background:var(--color1); border-radius:5px; transition:all 0.35s ease; opacity:0;}
.gnb ul>li>a:hover:after,
.gnb ul>li.on>a:after					{   }
.gnb ul>li.on>a, .gnb ul>li:hover>a				{color:var(--color1);} 
.gnb ul>li a:hover,			
.gnb ul>li a.current					{color:var(--color1);}

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

.gnb ul ul									{position:absolute; display:none;width:180px; left:calc(50% - 90px);background:#fff;padding:5px 0 10px 0; overflow:hidden; border-radius:0 0 10px 10px; box-shadow: 0 6px 6px 0 rgba(0,0,0,0.15);  animation: slide-up-navi 0.5s cubic-bezier(.3,.2,0,1) forwards;  }
.gnb ul ul li									{width:100%; text-align:center; margin:0; }
.gnb ul ul li a								{position:relative;width:calc(100% - 14px);margin:auto; padding:6px 0  ; font-family:"Noto Sans KR";  color:#555; font-size:0.9em ; font-weight:300;line-height:1.4; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; background:; border-radius:3px; transition:all 0.3s ease; }
.gnb ul ul li a:after						{display:none;} 
.gnb ul ul li a:hover					{ color:#fff; background:var(--color1);  }
.gnb ul ul li.on a						{text-decoration:underline;}

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


#top_menu_box						{display:none; position:absolute; width:100%; top:55px; height:300px; 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; }
#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; }


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

.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 h1							{ padding-left:10px; }  
.gnb ul>li a					{  font-size:1.1em; }

}

@media screen and (max-width:1100px) {
.header_data								{position:relative; display: grid; grid-template-columns:320px auto  ;    }
	#header h1 img						{height:35px;}

 .top_date01							{ font-size:0.5rem;}  
.top_date02							{font-size:0.45em;} 
.gnb ul>li a					{  font-size:1.05em; }
	#top_menu_box .line				{background:none; } 
}

  
/* screen 1024 */
@media screen and (max-width:1024px) { 
	#header .header_wrap				{position:relative; top:auto; left:auto; width:100%; height:70px; background:#fff; }
	#header .header_data				{display: block; background:#fff;} 
	
	#header									{top:0; left:0; width:100%; height:80px; transition: all 0.5s ease; }
	#header h1								{padding:8px 0 0 15px;  } 
	#header h1 img						{height:28px;}
	#top_date								{ width:100%; margin:auto;  } 
	 .top_date01							{ font-size:0.55rem;}  
	.top_date02							{font-size:0.45em;} 
	.top_date02 b						{display:none;}


	.top_link 									{position:absolute; top:15px;right:50px; background:#fff;border:0;  z-index:11111;} 
	 .top_link	.top_sns					{display:none;}
	#header .btn_m_list					{display:block; position:absolute; top:13px; right:8px; 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:25px; height:3px;  background:#222; }
	#header .btn_m_list:before			{top:21px; }
	#header .btn_m_list span			{top:12px; }
	#header .btn_m_list:after			{top:30px; }
	#header .btn_m_close				{display:block; margin:0 auto 25px auto ; text-align:center; cursor:pointer; z-index:1111;}
 
	#header .btn_m_close span			{display:inline-block; width:60px; height:60px;  transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	#header .btn_m_close span:after				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:40px; height:1px; background:#444;}
	#header .btn_m_close span:before				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:40px; width:1px; background:#444; }

 
	.gnb							{display:none; height:100vh; background:#none; top:40px;   width:100%; }
	.gnb ul						{position:relative;padding:0; width:100%;display:block;}
	.gnb ul ul					{position:relative;visibility: visible; width:100%; left:0; background:#0f0f13; padding:0; border-left:0 solid #ddd; border-bottom:0 solid #999; border-top:0; border-right:0;border-radius:0; }
	.gnb ul li:last-child ul	{border-right:0 solid #ddd; }
	.gnb ul li					{position:relative;  width:100%; text-align:left; background:#fff;  }
	.gnb ul li a				{line-height:60px; height:60px; width:100%;padding:0; text-indent:20px; color:#000; font-size:1.25em; border-left:none; border-right:none; border-top:1px solid #ddd;}
 	.gnb ul li a:after		{display:none;}
	
	.gnb ul>li>a span			{position:absolute; right:18px; top:18px; justify-content:center; width:29px; height:29px; }
	.gnb ul>li>a span:after		{position:absolute; content:''; right:1px; top:50%; transform:translateY(-50%); width:18px; height:2px; background:var(--color1);}	
	.gnb ul>li>a span:before	{position:absolute; content:''; right:9px; top:50%; transform:translateY(-50%); width:2px; height:18px; background:var(--color1);}

	.gnb ul>li>a.current span:after					{background:#fff;}
	.gnb ul>li>a.current span:before,
	.gnb ul>li.on>a span:before		{display:none;}
 
	.gnb ul>li a				{display:block; }
	.gnb ul>li a:hover			{color:var(--color1); }
	.gnb ul>li a.current		{color:#fff; background-color:var(--color1); border-color:#fff;}
	.gnb ul li li				{background:#f7f7f7; position:relative;}
	.gnb ul li li.sub_sub_parent{background: #f7f7f7;  } 
	.gnb ul li li a:after	{content:''; position:absolute; top:22px; right:25px; border:solid #888; border-width:2px 2px 0 0;  padding:5px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	  
	.gnb ul li li a				{padding:0; line-height:52px; height:52px;  text-indent:30px; color:#555; font-weight:normal; text-align:left; font-size:1em; border-top:1px solid #fff;  }
	.gnb ul ul li a:hover		{color:#000; background:none; } 
	.gnb ul li:last-child a		{border-right:none; }
	.gnb .sub_submenus			{ background:#eee; padding:10px; border-top:1px solid #fff; }
	.gnb ul ul ul li						{background:#eee;  padding:0; margin:0; }
	.gnb ul ul ul li a					{text-indent:35px; line-height:30px; height:30px; border:0; font-size:0.9em; } 
	#header .menu						{display:none; }

	#header .btm_menu					{display:block; background:#fff; text-align:center; border-top:1px solid #ddd; }
		#header .m_lang_change			{position:relative;padding:20px 0 0 0;}
	#header .m_lang_change div			{position:relative; display:inline-block;padding:0 5px;margin:0 10px;}
	#header .m_lang_change a			{ color:#777;  font-size:0.9em;  }	 
	#header .m_lang_change div a:after				{content:''; position:absolute; top:0; left:-10px; bottom:0; width:1px; height:1em; margin:auto; background:#d1d1d2;}   
	#header .m_lang_change div:first-child a:after	{display:none;}	
	#header .m_sns						{padding:20px 0 30px 0;}
	#header .m_sns a					{padding:0 4px;}
	#header .m_sns img					{width:45px;  border-radius:50px;}

  
.top_dday	{display:none;}


}