/* Header */
#header_wrap {width:100%; display:inline-block; position:fixed; z-index:99999; top:0;    }
#header_wrap.nav-up {top:-85px; transition: all 0.5s ease-out; }
#header_wrap.nav-down {top:0; transition: all 0.5s ease-out; }

 
header#header {
	position:absolute;
	z-index: 99999999;
	width: 100%;
   	height:85px; top:0; left:50%; 
	padding: 0 8%;	margin: 0px auto;
	display:flex; align-items:center; 
	justify-content:space-between;
	transform: translate(-50%, 0); 
	box-sizing: border-box;  
}


header#header h1 .logo{display:none;}
header#header.scroll {background:rgba(255,255,255,0.9);}
header#header.scroll nav#gnb > ul > li > a  {color:#333}
header#header.scroll h1 {color:#333}
header#header.scroll h1 .logo_w {display:none}
header#header.scroll h1 .logo {display:block}
header#header.scroll h1 b {color:var(--main_c); }




header#header h1 {line-height:0; cursor:pointer}

header#header nav#gnb { display:inline-block;  }
header#header nav#gnb > ul { 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; white-space:nowrap; 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 > a {
	display: inline-block;
	padding:0 50px; 
	font-size: 1.3rem;
	line-height:1.4; 
	font-weight: 600;
	color: #fff; 

}
  
header#header nav#gnb > ul > li > a  p {display:none; font-size:15px; letter-spacing:0; color:#555; font-weight:300;}
/* header#header nav#gnb > ul > li:hover > a {color:var(--main_c)}  */
header#header nav#gnb > ul > li > ul { display:none;  width:200px; background-color:#fff;  position:absolute; left:50%; transform: translate(-50%, 0);    top:80px; padding:30px 0; border-radius:0 0 10px 10px }
header#header nav#gnb > ul > li > ul > li {width:100%; padding:5px 5px; box-sizing:border-box; white-space:nowrap; }
header#header nav#gnb > ul > li > ul > li > a  {display:inline-block; padding:0; width:100%; font-size:1em; color:#444}
header#header nav#gnb > ul > li > ul > li:hover a {  text-decoration:underline} 


.last_div{gap:15px;}
.last_div i {background-color:var(--main_c);  color:#fff; padding:10px ; box-sizing:border-box; border-radius:50px; font-size:1.1em;}
 
 

 .sub header#header h1 .logo{display:inline-block;}
 .sub header#header h1 .logo_w{display:none;}
 .sub header#header{border-bottom:1px solid #ddd;}
 .sub header#header nav#gnb > ul > li > a{color:#333;}


.mobile_nav{display:none;}

@media screen and (max-width:1800px) {
	header#header{padding:0 3%;}
	header#header nav#gnb > ul{margin-left:3vw;}
	header#header nav#gnb > ul > li > a{padding:0 2.5vw; font-size:1.1rem;}
	header#header nav#gnb > ul > li > ul > li > a{font-size:.9em;}
	.last_div i{font-size:.9em; }
}

@media screen and (max-width:1000px) {
	header#header{height:70px; justify-content:space-between;}
	header#header h1 .logo, header#header h1 .logo_w{width:180px;}
	header#header nav#gnb{display:none;}
	.last_div{display:none;}

	.mobile_nav{display:block; font-size: 1.7em;}
	.mobile_nav i{color: #fff;}
	.sub .mobile_nav i{color: #333;}

	header#header.scroll .mobile_nav i{color: #333;}
    header#header.scroll .mobile_nav i{color: #333;}
}