@charset 'euc-kr';

 

/* Header */
#header_wrap {width:100%; display:inline-block; position:fixed; z-index:99999; top:0;    }
 
 
header#header {
		position:absolute;
		z-index: 99999999;
		width: 100%;
		height:100px; 
		top:0; 
		left:50%; 
		margin: 0px auto;
		display:flex; 
		align-items:center; 
		padding: 0 6%;	

		 
		transform: translate(-50%, 0); 
		box-sizing: border-box;  
}
 
header#header.scroll {background-color:#fff} 

header#header h1 {line-height:0; cursor:pointer}
header#header h1 img.w {display:none}

header#header nav#gnb { display:inline-block;  }
header#header nav#gnb > ul { margin-left:5vw;   display:flex; align-items:center; justify-content:center;  }
header#header nav#gnb > ul > li { display:flex;  box-sizing:border-box; text-align:Center; position:relative; z-index:999999999999999999999999999999; align-items:center; justify-content:center; height:80px; }
/* header#header nav#gnb > ul > li:after {content:''; width:4px; height:4px; background-color:#555; display:inline-block }
 */
 header#header nav#gnb > ul > li:last-child:after {display:none }
 
header#header nav#gnb > ul > li:last-child  { background:none }
 
 
header#header nav#gnb > ul > li span {
	display: inline-block;
	padding:0 40px; 
	font-size: 18px;

	line-height:1.4; 
	font-weight: 600;
	color: #111; 
	cursor:pointer;
	font-family:'Outfit';
	letter-spacing:0;
  
}
 
header#header nav#gnb > ul > li:hover span  {color:var(--main_c)} 
header#header nav#gnb > ul > li span:hover {color:var(--main_c)} 
header#header nav#gnb > ul > li > ul { display:none;  width:175px; background-color:var(--main_c);  position:absolute; left:50%; transform: translate(-50%, 0); top:80px; padding:20px 0px; box-sizing:border-box; border-radius:10px}
header#header nav#gnb > ul > li > ul > li {width:100%; padding:5px 10px; box-sizing:border-box;  }
header#header nav#gnb > ul > li > ul > li > a  {display:inline-block; padding:0; width:100%; font-size:16px; color:#fff}
 


.last_div {display:flex;  align-items:center; margin-left:auto}
.last_div a {background-color:var(--main_c); border:1px solid var(--main_c);  color:#fff; padding:15px 22px; font-size:15px; line-height:1; border-radius:50px; transition: all 0.3s ease-out;  }
.last_div a:hover {background-color:#fff;   color:var(--main_c);  }
 

#header p.ham {width:20px; margin-left:20px;  cursor:pointer; padding:10px; display:none}
#header p.ham span {width:100%; height:2px; border-radius:5px;  background-color:#333; float:left;}
#header p.ham span + span {margin-top:4px; }
#header p.ham span:nth-child(2) {width:80%; float:right}



#main header#header h1 img.w {display:block}
#main header#header h1 img.color {display:none}
#main header#header { background-color:#000;}
#main header#header nav#gnb > ul > li span { color:#fff}

#black header#header h1 img.w {display:block}
#black header#header h1 img.color {display:none}
#black header#header { background-color:#000;}
#black header#header nav#gnb > ul > li  span { color:#fff}


#main header#header  p.ham span {  background-color:#fff; }
#black header#header  p.ham span {  background-color:#fff; }
 
header#header nav#gnb > ul > li span.c_link  { display:inline-block}
header#header nav#gnb > ul > li span.tc_link  {display:none}


 @media all and (max-width:1800px) {
	header#header {padding:0 4%}
	.last_div a span {display:none}
	header#header nav#gnb > ul { margin-left:3vw; }

}

 @media all and (max-width:1500px) {
		header#header h1 {width:250px}
		header#header h1 img {width:100%}
 		header#header nav#gnb > ul > li span {  padding:0 25px; font-size:20px; }


}
 
 
 @media all and (max-width:1400px) {
	 
		/**태블릿 클릭 링크 없애기**/
		header#header nav#gnb > ul > li span.c_link  { display:none}
		header#header nav#gnb > ul > li span.tc_link  {display:inline-block}
 
}
 @media all and (max-width:1300px) {
		header#header h1 {width:220px}
		header#header nav#gnb > ul > li span {  padding:0 20px; font-size:18px; }
	 
 
}
 

 @media all and (max-width:1100px) {
		header#header {height:60px }
		header#header nav#gnb {display:none}
		header#header h1 {width:165px}
		.last_div a   {display:none}
		#header p.ham {display:block}

		.dawn_link_m { width:100% }
 		.dawn_link_m a {background-color:var(--main_c); border:1px solid var(--main_c);  color:#fff; padding:15px 22px; font-size:15px; line-height:1; border-radius:50px; transition: all 0.3s ease-out;  display:inline-block}
 
 }