/* Header */
#header_wrap {width:100%; display:inline-block; position:fixed; z-index:99999; top:0;    	box-sizing: border-box;  border-bottom:1px solid rgba(255,255,255,0.3);  }
#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 .in{		margin: 0px auto; max-width:1500px; 	display:flex; align-items:center; justify-content:space-between; padding:0;}

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: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: 500;
	color: #fff; 
	letter-spacing:0;

}
header#header nav#gnb > ul > li:last-child > a{padding-right:0;}
header#header nav#gnb > ul > li > a i{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 > ul { display:none;  width:200px; background-color:var(--main_c);  position:absolute; left:50%; transform: translate(-50%, 0);    top:81px; padding:30px 0;  }
header#header nav#gnb > ul > li > ul > li {width:100%; padding:7px 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:#fff}
header#header nav#gnb > ul > li > ul > li:hover a {  text-decoration:underline} 


.last_div a { display:flex;  align-items:center; gap:7px;}
.last_div i {  color:#fff; font-size:1.8em;}
 header#header.scroll .last_div i{color:var(--main_c);}
 header#header.scroll nav#gnb > ul > li > a i{color:#333;}


 .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;}

 
 #main2 .last_div i {color:var(--main_c);}
 .sub .last_div i {color:var(--main_c);}


.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 2vw; font-size:1.1rem;}
	header#header nav#gnb > ul > li > ul > li > a{font-size:.9em;}
	.last_div {display:none;}
}

@media screen and (max-width:1000px) {
	header#header .in{padding:10px 0; box-sizing:border-box;}
	header#header nav#gnb{display:none;}
	.last_div{display:none;}
	header#header{justify-content:space-between;}
	.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;}
	header#header:hover .mobile_nav i{color: #333;}


	header#header h1 img{width: 80px;}

}