/* Header */

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

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

header#header {
		position:absolute;
		z-index: 9999999999999999;
		width: 100%;
		height:70px; top:0; left:50%; 
		 	margin: 0px auto;
 		transform: translate(-50%, 0); 
		box-sizing: border-box;
 		transition: all .3s;
		background-color:#fff;
 	
}
 
header#header h1 {line-height:0}

 

 
nav#gnb {
 position:relative;  
 width:auto; margin-left:auto; z-index:999999999; margin-right:30px;
}
nav#gnb > ul { display:flex; }
nav#gnb > ul > li {
	 display:inline-block;  box-sizing:border-box; width:120px; text-align:center; position:relative; z-index:9999999; white-space:nowrap
  
}
nav#gnb > ul > li:after {width:0; height:4px; background-color:#5083cb; display:inline-block; position:absolute; bottom:0px; left:50%; content:'';   transition: all .3s;}
nav#gnb > ul > li:hover:after {width:100%; left:0 }
nav#gnb > ul > li:last-child  { background:none }

nav#gnb > ul > li > a {
	display: inline-block;

	font-size: 18px;
	line-height:70px;
 
	 font-weight:500; 
	color: #111;
 }

 
header#header:hover nav#gnb > ul > li > a {color:#111}
 

nav#gnb > ul > li > ul { display:none;  width:250px; background-color:#fff;  position:absolute; left:0; padding:25px 0 }
nav#gnb > ul > li > ul > li {width:100%; padding:3px 18px; text-align:left;  box-sizing:border-box; white-space:nowrap; }
nav#gnb > ul > li > ul > li > a {display:inline-block; color:#444; width:100%; font-size:18px;}
nav#gnb > ul > li > ul > li:hover a {color:#000; text-decoration:underline;  } 


.header h1 {display:flex; align-items:center;  }
.header h1 img {width:217px}
.header div.lang {font-size:.93em; width:100px; color:#555; align-items:center; justify-content:flex-end}


hr.top_hr {width:100%; height:70px; }

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

    nav#gnb > ul > li > span {display:none}
}
 
@media screen and  (max-width:1400px)  {
   nav#gnb > ul > li > a.pc {display:none}

   nav#gnb > ul > li > span {
	display: inline-block;

	font-size: 18px;
	line-height:70px;
 
	 font-weight:500; 
	color: #111;
	cursor:pointer; 
 }

}
 
@media all and (min-width:950px) {
		.header .m_nav {display:none}

}

@media all and (max-width:950px) {
		header#header { width:100%; display:flex; align-items:center}
		header#header .in {width:100%; display:flex;align-items:center;  justify-content:space-between; padding-left:4%; padding-right:4% }
		.header h1 img {width:160px}

		nav#gnb {display:none}
		.header div.lang {display:none}
		.header .m_nav   {color:#333}
		
 	 
}