/* Header */
 
header {
		width: 100%;
		height:80px; top:0; 
		padding: 0 5%; 
		display:flex; align-items:center; 
		transition: all 0.3s ease-out;
		box-sizing: border-box;    
		position:fixed; top:0; left:0;
		z-index:999999999999999;
		border-bottom:1px solid rgba(255,255,255,.4);  
 }
 

header  * {transition: all 0.3s ease-out;}

 
header h1 {line-height:0}
  


header nav#gnb {
	   display:inline-block; 
	  margin-left:auto; 
	  
	  
 }
header nav#gnb > ul { display:flex}
header nav#gnb > ul > li { display:inline-block;  box-sizing:border-box; text-align:Center; position:relative;  margin:0; width:150px; padding:0; z-index:99999999999; white-space:nowrap;  }
 header:hover nav#gnb > ul > li {width:180px;}

header nav#gnb > ul > li:last-child  { background:none }
header nav#gnb > ul > li:after {content:''; width:1px; height:10px; background-color:#777; position:absolute; right:0; top:50%; margin-top:-5px} 
header nav#gnb > ul > li:last-child:after {display:none} 
header nav#gnb > ul > li > a {
	display: inline-block;	
	font-size: 1.35rem;
	line-height:80px;
	font-weight: 600;
	color: #fff;
}
header nav#gnb > ul > li > a:hover {color:#000} 


header.scroll  nav#gnb > ul > li > a {color:#000 }
header:hover  nav#gnb > ul > li > a {color:#000 }

 
 
header h1 img:nth-child(1) {display:none}
header.scroll img:nth-child(1) {display:block}
header.scroll img:nth-child(2) {display:none}
header:hover img:nth-child(1) {display:block}
header:hover img:nth-child(2) {display:none}
header:hover nav#gnb > ul > li {width:180px;}
 
header.scroll {background-color:#fff}
header:hover {background-color:#fff}

.drop_menu {width:100%; background-color:#fff; position:absolute; left:0; top:80px;  display:flex; box-sizing:border-box; padding:0 5%; height:0; overflow:hidden; border-bottom:1px solid #ddd}
.drop_menu  ul {margin-left:auto; box-sizing:border-box;   border-right:1px solid #ddd;  justify-content:flex-end; display:flex; margin-right:200px}
.drop_menu  ul li { width:180px; background-color:#fff; box-sizing:border-box; padding:24px 0; border-left:1px solid #ddd;  font-size:16.5px}
.drop_menu  ul li a {width:100%;  padding:6px 0; text-align:center; display:inline-block;    color:#555}
.drop_menu  ul li a:hover {text-decoration:underline; color:#555}

.last_div {display:flex; align-items:center; width:200px; justify-content:flex-end; }
.last_div span {background-color:var(--main_c); color:#fff; display:inline-block; padding:7px 20px; border-radius:50px; font-weight:300; font-size:16px}
.last_div {display:flex}
.last_div + .last_div {display:none; }


@media all and (min-width:1000px) {
  header:hover .drop_menu {height:245px; border-top:1px solid #ddd}

}
@media all and (max-width:1000px) {
		header {height:60px}
		header h1 img {width:80px}
		header nav#gnb > ul  {display:none}
		.last_div {display:none}
		.last_div + .last_div {display:flex; }
		.last_div + .last_div i { font-size:20px; color:#fff}
		header.scroll .last_div + .last_div i { color:#111}
		header:hover .last_div + .last_div i { color:#111}
  .drop_menu {display:none}
}