.flex {display:flex}
.t_color {color:var(--main_c2)}
.box_100 {width:100%; display:inline-block}

/* Header */
#header_wrap {width:100%; display:inline-block; z-index:99999; top:0; position:fixed; }

#header_wrap:after {  content:''; width:100%; height:80px; top:0; left:0; position:absolute;  z-index:99999; }  

header#header {
	position:absolute;
	z-index: 99999999;
	width: 100%;
   	height:80px; top:0; left:50%; 
	padding: 0 5%;	margin: 0px auto;
	display:flex; align-items:center; 
     transform: translate(-50%, 0); 
	box-sizing: border-box;
 	border-bottom:1px solid rgba(255,255,255,.3);
	transition: all .3s;
		
}
 



header#header:hover {background-color:#fff}

.header h1 {line-height:0}
/* .header h1 img {height:50px} */
.header img.logo_c {display:none}
.header img.logo_w {display:inline-block}
 

.header.scroll {background-color:#fff;  }
.header.scroll img.logo_w {display:none}
.header.scroll img.logo_c {display:inline-block}
.header.scroll .ham p span { background-color:#333; }

.header:hover   {background-color:#fff}
.header:hover img.logo_w {display:none}
.header:hover img.logo_c {display:inline-block}
.header:hover .ham p span { background-color:#333; }


nav#gnb {
 position:relative;  top:0px;
 width:auto; margin-left:6%; 
}
nav#gnb > ul {display:flex;}
nav#gnb > ul > li {
 display:inline-block;  box-sizing:border-box;  position:relative; z-index:9999999; white-space:nowrap
  
}
nav#gnb > ul > li:last-child  { background:none; padding-right:40px; }

nav#gnb > ul > li > a {
display: inline-block;
letter-spacing:0;
font-size: 1.25em;
line-height:80px;
font-weight:500;  
color: #fff;
padding-left:40px;
}
nav#gnb > ul > li > a:after {content:''; height:10px; width:1px; background-color:#fff; display:inline-block; margin:0 0 0 40px }
nav#gnb > ul > li:last-child > a:after {display:none  }


header#header:hover nav#gnb > ul > li > a {color:#3e3b3b}
.header.scroll  nav#gnb > ul > li > a {color:#3e3b3b}
header#header:hover nav#gnb > ul > li > a:after { background-color:#999;  }

.top_call {font-size:21px;font-family: 'Montserrat'; letter-spacing:1px; color:#fff; display:flex; align-items:center; margin-left:auto; font-weight:500;}

@media (max-width: 1200px) { 
.top_call {display:none;}
}
 
 
.header .top_call i {color:#fff; font-size:20px; margin-left:18px; margin-right:10px }
.header:hover .top_call  i {color:#3e3b3b }
.header.scroll .top_call  i {color:#3e3b3b }
.header.scroll .top_call {color:#3e3b3b; }
.header:hover .top_call  {color:#3e3b3b }
.header.scroll nav#gnb > ul > li > a:after { background-color:#999;  }




nav#gnb > ul > li > ul { display:none;  width:220px; background-color:#fff;  position:absolute; left:50%; transform: translate(-50%, 0); box-shadow:2px 2px 5px rgba(0,0,0,.1); border-radius:0 0 10px 10px; padding:20px 0 }
nav#gnb > ul > li > ul > li {width:100%; padding:6px 5px; text-align:center;  box-sizing:border-box; white-space:nowrap; }
nav#gnb > ul > li > ul > li > a {display:inline-block;width:100%; font-size:1em;}
nav#gnb > ul > li > ul > li:hover a {color:var(--main_c); } 


 



@media screen and (min-width:900px) {

  .mobile_nav {display:none}

}



@media screen and (max-width:900px) {
		header#header {background-color:#fff; height:70px; padding:0 4%; left:0; transform: translate(0, 0); justify-content:space-between; } 
		nav#gnb {display:none}
		.top_call {display:none}
		.mobile_nav {display:block;  }
		.mobile_nav i {font-size:25px}
		.header img.logo_c {display:inline-block}
		.header img.logo_w {display:none}
		.header h1 img {width:150px;}


}





.in {width:100%; box-sizing:border-box; padding:0 3%; max-width:1240px; margin:0 auto}

a.basic_btn {background-color:#0d2997;   font-size:1em; box-sizing:border-box; padding:0 20px; width:200px; line-height:50px; color:#fff; border-radius:5px; display:flex; transition: all 0.3s ease-out; }
a.basic_btn:after {content:'→'; margin-left:auto}
a.basic_btn:hover {background-color:#1739c1} 
a.basic_btn + a.basic_btn {margin-left:5px}
 

footer{font-size:.95em; line-height:1.6;  color:#aaa;background:#333;padding:50px 5%; ; box-sizing: border-box;font-weight:300; position:relative }
footer h2 {font-weight:500; color:#fff; opacity:.8; font-size:19px; margin-bottom:10px;  }
footer .inner p {border-top:1px solid #999; padding-top:15px; margin-top:15px;font-size:.9em;letter-spacing:0; color:#999}

footer .fixed_top {position:absolute; right:0; top:0;  width:63px; height:63px; display:flex; align-items:center; justify-content:center; color:#fff; background-color:rgb(207 168 120 ); }