/* 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; }
.logo_no{display:none;}
.logo{display:none;}

 
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; 
	transform: translate(-50%, 0); 
	box-sizing: border-box;  
}


header#header:hover {background:rgba(255,255,255,0.9);}
header#header.scroll {background:rgba(255,255,255,0.9);}
header#header.scroll nav#gnb > ul > li > a  {color:#333}
header#header:hover 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:hover h1 .logo_w {display:none}
header#header:hover 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 { margin-left:6vw;   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 > a {
	display: inline-block;
	padding:0 50px; 
	font-size: 1.3rem;
	line-height:1.4; 
	font-weight: 700;
	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:190px; background-color:var(--main_c);  position:absolute; left:50%; transform: translate(-50%, 0);    top:82px; padding:25px 0; border-radius:0 0 10px 10px }
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{display:flex; gap:20px; margin-left:auto;}
.last_div a {background-color:var(--main_c); color:#fff; padding: 10px 25px; box-sizing:border-box; font-size:1.1em; display:flex;  align-items:center; gap:10px;}
 
 
#myLink{background:#f3f3f3; color:#777;}
#myLink i{color:#777}
#myLink:hover{color:#333}
#myLink:hover i{color:#ffba00}


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

.sub header#header.scroll h1 .logo {display:none}
.sub header#header:hover h1 .logo_w {display:none}
.sub header#header:hover h1 .logo {display:none}



.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 a{font-size:.9em; padding:10px;}
}

@media screen and (max-width:1000px) {
	header#header{height:70px;}
	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 a{color: #fff;}
	.sub .mobile_nav a{color: #333;}
	header#header.scroll .mobile_nav a{color: #333;}
    header#header.scroll .mobile_nav a{color: #333;}
	header#header:hover .mobile_nav a{color: #333;}


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

	.navi	 .m_last_div{margin: 17px 0 0 17px;}
	.navi	 .m_last_div a{background-color:var(--main_c); color:#fff; padding: 10px 25px; box-sizing:border-box; font-size:.9em; display:inline-flex;  align-items:center; gap:10px; width:auto;}
}