/* 탑메뉴 박스  ==================================================================================== */
#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; }
  


/* header ============================================================= */ 
#header								{position:absolute;top:0;left:0;width:100%;background:rgb(0,0,0,0.3);  z-index:9999000;transition:all 0.5s ease;}
.header_wrap						{position:relative;width:100%;height:100px;}  
.header_navi						{position:relative;width:100%; height:100px; display: grid; grid-template-columns:310px auto 250px; } 
h1										{position:relative; line-height:95px ;}  /*  상단 로고 */
h1 .logo_dt						{display:block;}
h1 .logo_m						{display:none;}
h1 img								{height:45px;vertical-align:middle !important; transition: all 0.5s ease; }

.top_link								{position:relative; margin:30px 0 0 0; height:40px; z-index:109; display:flex; flex-flow:wrap;justify-content: flex-end;}
.top_link ul							{position:relative; display:flex; background:url('../image/common/icon_login.png') 0 50% no-repeat; padding:0 0 0 15px; }
.top_link li							{position:relative; padding:0 10px;  font-size:0.85em;color:#fff;  line-height:40px;letter-spacing:-1px;}
.top_link li a						{display:block; color:#fff;  } 
.top_link li:after					{content:''; position:absolute; top:13px; left:0; width:1px; height:16px;  background:rgb(255,255,255,0.3);}
.top_link li:first-child:after	{display:none;} 

.top_link .btn_m_search				{ width:40px; height:40px; background:url('../image/common/icon_search2.png') right 50% no-repeat;background-size:30px auto;cursor:pointer; }

.top_link .fullmenu						{ position:relative; top:0;width:30px; height:30px; cursor:pointer; z-index:1;margin-left:5px;}
.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:#fff; 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;}
 

#header .gnb							{position:relative;   }
#header .gnb ul						{position:relative;  display: flex; justify-content:space-evenly;  }
#header .gnb ul>li					{position:relative;  text-align:center; }
#header .gnb ul>li a				{display:block; font-size:1.15em;line-height:100px; color:#fff; letter-spacing:-1.5px;font-weight:bold; transition: all 0.3s;} 
#header .gnb ul>li:last-child a		{} 
#header .gnb ul>li a:hover			{color:#24adff;} 
#header .gnb ul>li a.current		{display:inline-block;color:#24adff;} 
 
#header .btn_m_list					{display:none;}  
#header .btn_m_login_wrap			{display:none;}  
#header .btn_m_close				{display:none;} 
 
#header .gnb ul ul					{position:absolute;left:calc(50% - 110px);padding:15px 0 25px 0; width:220px;background:#fff; box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);}
#header .gnb ul ul li				{float:none;width:100%; text-align:center;}
#header .gnb ul ul li a				{padding:7px 0;line-height:1.3; color:#555; font-weight:300;font-size:0.9em ;  }
#header .gnb ul ul li:last-child a	{border-right:none;}
#header .gnb ul ul li a:hover		{color:#24adff; text-decoration:underline;  }

#header .gnb ul ul ul				{display:none; }
  

/* 상단 검색   ========= ===================================================== */
.search_wrap									{position: fixed;display:none;top: 0;left: 0;width: 100%;text-align: center;padding: 60px 15px 40px 15px ;background: #fff;  border-bottom: 1px solid #ddd;  z-index: 999999999;}
.search_wrap .search_box {max-width: 650px;width: 80%;padding: 0 0 0 30px;border: 4px solid #008add;border-radius: 50px;margin: auto;background: #fff;}
.search_wrap .search_box input[type="text"] {width: calc(100% - 70px);line-height: 60px;font-size: 1.2em;letter-spacing: -1.5px;color: #008add;border: 0;font-family: 'S-CoreDream-5Medium';}
.search_wrap .search_box .btn_search {width: 60px;height: 60px;cursor: pointer;background:url('../image/common/top_btn_search02.png') no-repeat 0 50%; border: none;text-indent: -9999px;}
  
.search_wrap .search_box input::placeholder{  color:#008add;}
.search_wrap .search_box input:hover, 
.search_wrap .search_box input:focus, 
.search_wrap .search_box input:active				{ background:#fff;color:#000;}

.search_wrap .search_close										{position:relative;display:inline-block; width:60px; height:60px;cursor:pointer;margin-top:30px;   transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.search_wrap .search_close:after								{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:40px; height:1px; background:#555;}
.search_wrap .search_close:before							{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:40px; width:1px; background:#555; }


/* 상단 검색   ========= ===================================================== */
 
.mbmenu_top						{display:none;}		

@media screen and (max-width:1430px){
	.top_link .fullmenu						{ margin-right:10px;}
	.header_navi							{   grid-template-columns:300px auto 255px; }
	h1 img									{height:40px; padding-left:15px;  }
	#header .gnb ul>li a				{ font-size:1.1em;} 
}

@media screen and (max-width:1200px){
	.header_navi							{   grid-template-columns:250px auto 255px; }
	h1 img									{height:35px;  } 
	#header .gnb ul>li a				{ font-size:1.05em;}
#header .gnb ul							{ justify-content: space-between; }
}
@media screen and (max-width:1100px){
	.header_navi							{   grid-template-columns:240px auto 255px; } 
	.top_link ul								{ padding:0 0 0 10px; } 
	#header .gnb ul>li a				{ font-size:0.95em;}
#header .gnb ul ul li a				{ font-size:0.8em ;  }
}

@media screen and (max-width:1024px){ 
	#header								{top:0;left:0;width:100%;height:60px;background:rgba(0,0,0,0.93);transition: all 0.5s ease;border-bottom:3px solid #008add;	} 
	.header_navi						{position:relative;width:100%; height:100%; display: block; border-bottom:1px solid #d0d0d0;  } 

	#header h1							{width:100%; line-height:55px; height:60px;padding:0;} 
	h1 .logo_dt						{display:none;}
	h1 .logo_m						{display:block;}
	#header h1 img					{height:40px;}
	.top_link								{display:none;} 

	.header_wrap									{height:60px;background:#fff; } 

	#header .btn_m_list						{display:block; position:absolute; top:8px; 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:26px; 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;  height:60px; margin:20px 0 40px 0;  }  
	#header .btn_m_close span								{position:absolute;  display:inline-block; left:calc(50% - 30px); width:60px; height:60px;cursor:pointer;   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:45px; height:1px; background:#555;}
	#header .btn_m_close span:before					{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:45px; width:1px; background:#555; }

 
	#header .btn_m_login_wrap				{position:absolute;right:50px;display:block;margin:19px 0 0 0;z-index:99999999;} 
	#header .btn_m_login_wrap a			{display:inline-block;}
	#header .btn_m_login							{display:inline-block;margin:0 8px; width:22px;height:22px;background:url(../image/common/top_btn_login.png) no-repeat 0 50%; background-size:22px auto; cursor:pointer;}
	#header .btn_m_mypage						{display:inline-block;margin:0 8px; width:22px;height:22px;background:url(../image/common/top_btn_login.png) no-repeat 0 50%; background-size:22px auto; cursor:pointer;} 
	#header .btn_m_search						{display:inline-block; width:22px;height:22px; margin-right:6px; background:url(../image/common/top_btn_search.png) no-repeat 0 50%; background-size:22px auto; cursor:pointer;}

	.mbmenu_top								{display:block; position:relative; display:table; table-layout:fixed; text-align:center; width:100%; background:#008add;}
	.mbmenu_top p							{display:table-cell; border-left:1px solid rgba(256, 256, 256, 0.3);}
	.mbmenu_top p:first-child			{border:none;}
	.mbmenu_top a								{display:block; height:55px; line-height:53px; color:#fff; letter-spacing:-1px; font-size:0.95em;}
	.mbmenu_top .colse						{width:60px; cursor:pointer;   }
	.mbmenu_top .colse span			{position:relative;  display:inline-block;top:10px; left:calc(50% - 30px); width:30px; height:30px;cursor:pointer;   transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	.mbmenu_top .colse span:after					{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:30px; height:1px; background:#fff;}
	.mbmenu_top .colse span:before				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:30px; width:1px; background:#fff; }
 

	#header .gnb									{display:none;height:auto;  background:#fff; } 
	#header .gnb ul								{padding:0 0 0 0; display:block;border-top:1px solid #ddd;} 
	#header .gnb ul ul							{position:relative;left:initial; visibility: visible; width:100%; background:#fff; padding:0;  border:0px; box-shadow:none;}
	#header .gnb ul li:last-child ul		{border-right:0 solid #ddd; }
	#header .gnb ul li							{position:relative;display:table;float:none; width:100%; text-align:left;    }
	#header .gnb ul li a						{line-height:60px; height:60px; width:100%; text-indent:20px; color:#000; font-size:1.25em; border-left:none; border-right:none; border-bottom:1px solid #ddd;}
	#header .gnb>ul>li>a:after			{content:''; position:absolute; top:26px; right:27px; width:6px;height:6px;border:solid #999; border-width:2px 2px 0 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	#header .gnb>ul>li>a:before			{content:''; position:absolute; top:15px; right:15px; width:26px;height:26px;border:2px solid #ccc; border-radius:50px;}
	#header .gnb ul>li a:hover			{color:#008add;}
	#header .gnb ul>li a.current			{display:inline-block;color:#008add;  }
	#header .gnb ul>li a.point			{display:inline-block;background:none;}
	#header .gnb>ul>li>a:hover:after, 	#header .gnb>ul>li>a.current:after			{ border:solid #008add;border-width:2px 2px 0 0; }
	#header .gnb>ul>li>a:hover:before, 	#header .gnb>ul>li>a.current:before			{ border:2px solid #008add; }
	#header .gnb ul li li						{background:#f7f7f7; }
	#header .gnb ul li li a					{padding:0;line-height:44px;height:44px; text-indent:30px;color:#333;font-weight:normal; text-align:left;font-size:1.05em; border-bottom:1px solid #dfdfdf;  }
	#header .gnb ul ul li a:hover		{color:#000;  }  
	#header .gnb ul li:last-child a		{border-right:none;} 
	#header .gnb ul ul ul						{display:block;  padding:12px 0;background:#f7f7f7;border-left:0 solid #ddd;border-bottom:1px solid #ddd;} 
	#header .gnb ul ul ul li					{ text-align:left;  }
	#header .gnb ul ul ul li a				{padding:0;line-height:30px;height:30px; text-indent:40px;color:#666;font-weight:300; text-align:left;font-size:0.95em;  border-bottom:0px;border-top:0px;}
	#header .gnb ul ul ul li a:hover	{color:#333;  } 
 
  
	.search_wrap									{position: absolute; padding: 50px 20px 20px 20px ;  box-shadow:3px 10px 15px -5px rgba(0,0,0,.2);} 
	.search_wrap .search_box			{ width:100%; padding: 0 0 0 20px;border: 3px solid #008add; }
	.search_wrap .search_box input[type="text"] {width: calc(100% - 60px);line-height: 50px;font-size: 1.1em;letter-spacing: -1px;  }
	.search_wrap .search_box .btn_search {width: 50px;height: 50px;cursor: pointer;background-size:30px auto; border: none;text-indent: -9999px;}
.search_wrap .search_close										{ margin-top:20px; }  
  

}