@charset 'euc-kr';

/* Top Banner */
 

/* Header */
#header_wrap {  }
 

header#header {
	position:relative;
	z-index: 9999999999999999999999999999999999999;
	width: 100%;
   	height:90px; background-color:#fff;
	padding:0 9%; margin: 0px auto;
	display:flex; align-items:center; 
  
	box-sizing: border-box;
}
 header#header h1 {
	text-align: right;
	display:flex; align-items:center;  font-size:1.5rem;
	background-color: white; 
}
 
header#header h1 img {  width:190px; }

header#header div.lang { width:130px; position:absolute; right:9%; top:0; display:flex; height:100%; align-items:center; justify-content:flex-end;  }

header#header div.lang span {padding-left:15px; font-size:1.3rem; cursor:pointer}
header#header div.lang span:nth-child(1) {margin-right:10px}
header#header div.lang span a {color:#111; font-family: 'Tenor Sans', sans-serif;}
header#header div.lang span:nth-child(2) {text-decoration:underline}
header#header nav#gnb {
	position: absolute;
	z-index: 1; 
	 top:0;   right:calc(9% + 150px);
	 width:550px; 
   z-index:999999999999999999999999
}
header#header nav#gnb > ul { 
    width:100%; 
  display:flex; justify-content:flex-end; white-space:nowrap; 
}
header#header nav#gnb > ul > li {
	 display:inline-block;  box-sizing:border-box; padding:0 45px;  text-align:Center; position:relative; 
	  
}
  
header#header nav#gnb > ul > li > a {
	position:Relative;
	display: inline-block;
	font-family: 'Tenor Sans', sans-serif;
	font-size: 1rem;
	line-height: 90px;
	font-weight: 400;
	color: #444;

}
 
header#header nav#gnb > ul > li > a.active {color: #111;  }
header#header nav#gnb > ul > li > a.active:after {width:100%; height:2px; background-color:#333; position:absolute; left:0; bottom:30px; content:''; }


header#header nav#gnb > ul > li > a:after {width:0; height:2px; background-color:#333; position:absolute; left:50%; bottom:30px; content:'';  transition: all 0.5s ease-out;}
header#header nav#gnb > ul > li > a:hover:after {width:100%;  left:0;  }
 
 
 header#header nav#gnb > ul > li > ul {display: none; width:100%; position:absolute; top:90px; left:0;}


header#header nav#gnb > ul > li > ul > li {
	line-height: 1; background:none; padding-bottom:12px;  text-align:center; 
}
header#header nav#gnb > ul > li > ul > li > a {
	position: relative;
	color:#444;
	line-height:1.3em;
	font-family: 'Tenor Sans', sans-serif;
	font-size: .93rem;
	font-weight:300; letter-spacing:0;
}
header#header nav#gnb > ul > li > ul > li > a:hover {font-weight:#111;  text-decoration:underline}
 
header#header nav#gnb > ul > li > ul > li > a:hover:after,
header#header nav#gnb > ul > li > ul > li > a:focus:after {
	width: 100%;
	transition: 0.4s ease width;
}
 
 
 
#header_wrap .bg_gnb {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 70px; 
	right: 0;
	width: 100%;
	height:130px;
	background-color: #fff;
	box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1);
	z-index:999999999 
}

.deps2 {position:relative;  z-index:999999999999999}



.menu-fixed {
      
	  position: fixed;
     width:100%; display:inline-block; 
	  top: 0px; width:100%;  height:54px;
     text-align:center;
	  left:0px;  background-color:#fff; border-bottom:1px solid #ddd;
    z-index:9999999999999999999999999999999999999999
	}

	.menu-fixed li {font-size:19px; color:#555;  font-weight:500; display:inline-block; padding:0 50px; line-height:54px; }

.main-menu {display:none}
.menu-fixed  { display:inline}
 
 
#m_top {width:100%; height:60px; display:inline-block; background:rgba(255,255,255,1); position:fixed; top:0; left:0; z-index:999; border-bottom:1px solid #ddd }
#m_top h1 {font-size:0; height:100%; display:flex; align-items:center; padding-left:3%; }
#m_top h1 img {width:150px; }
 

@media all and (max-width:1400px) {
	header#header {padding:0 3%}
	header#header div.lang {  right:3%; width:90px; }
	header#header nav#gnb {  right:calc(3% + 90px); }

	header#header nav#gnb > ul > li {  padding-left:25px; }
      
}
@media all and (min-width:1000px) {
   #m_top {display:none} 
}


@media all and (max-width:1000px) {
  #header_wrap {display:none}
 }