@charset 'euc-kr';

/* Top Banner */
 

/* Header */
#header_wrap {}

.header_bg {width:100%; height:80px; display:inline-block; position:absolute; z-index:99; left:0; top:0; background:rgba(0,0,0,.5)}


header#header {
	position: relative;
	z-index: 9999999999999999999999999999999999999;
	width: 100%;
     max-width:1240px; 	height:80px;
	padding: 0;	margin: 0px auto;
	display:flex; align-items:center; 
      
	box-sizing: border-box;
}

 

header#header .logo {
	text-align: right;
	display:flex; align-items:center;  font-size:1.3rem;
	  padding-left:2%;  color:#fff; font-weight:600; letter-spacing:0.5px;
}
 
header#header .logo img {
	 margin-right:10px
	
}
header#header nav#gnb {
	position: absolute;
	z-index: 1;
	top:0; right:0;
	max-width:700px;  
	width:70%;
}
header#header nav#gnb > ul {
	overflow: hidden;  display:flex;  justify-content:center 
}
header#header nav#gnb > ul > li {
	 display:inline-block;  box-sizing:border-box;   text-align:Center;  font-size:1.3rem;  
	  
}
header#header nav#gnb > ul > li:nth-child(1) {width:34%;}
header#header nav#gnb > ul > li:nth-child(2) {width:26%;}
header#header nav#gnb > ul > li:nth-child(3) {width:24%;}
header#header nav#gnb > ul > li:nth-child(4) {width:20%;}

header#header nav#gnb > ul > li:last-child  { background:none
	
}
 
header#header nav#gnb > ul > li > a {
	display: inline-block;
	
	font-size: 1.1rem;
	line-height: 80px;
	 letter-spacing:0.5px;
	font-weight: 600;
	color: #fff;
}
 
header#header nav#gnb > ul > li > a.active {
	color: #c2a315;
	border-bottom-color: #c2a315;
}
header#header nav#gnb > ul > li > ul {
	display: none;
	padding-top: 20px;
}
header#header nav#gnb > ul > li > ul > li {
	line-height: 1; background:none;
}
header#header nav#gnb > ul > li > ul > li > a {
	position: relative;
	color: #555; display:block; 
	line-height:1.2em; padding-bottom:14px;
	font-size: 0.97rem;
	font-weight: 400;
}
header#header nav#gnb > ul > li > ul > li > a:hover {text-decoration:underline}
header#header nav#gnb > ul > li > ul > li > a:after {
	/*content: '';
	display: block;
	position: absolute;
	bottom: -3px;
	left: 0px;
	width: 0%;
	height: 2px;
	background-color: red;
	transition: 0.4s ease width;*/
}
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#header nav#gnb .bar_gnb {
	display: none;
	position: absolute; 
	top: 80px;
	left: 0px;
	width: 0px;
	height: 3px;
	background-color: #c2a315;
	transition: 0.2s ease left,0.2s ease width;
}
  
 
 
#header_wrap .bg_gnb {
	display: none;
	position: absolute;
	z-index: 99;
	top: 80px;
	right: 0;
	width: 100%;
	height: 160px;
	background-color: #fff;
	box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1);
}




.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-color:#fff; position:relative; top:0; left:0; z-index:9999999999999999999999999}
#m_top a.logo {font-size:1.15rem; font-weight:700; margin-top:10px; display:flex; align-items:center; padding-left:3%; color:#333 !important; letter-spacing:0.5px;}
#m_top a.logo img {width:40px; margin-right:5px}

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