@charset 'euc-kr';

 

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

#header_wrap:after {background-color:#fff; 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;	margin: 0px auto;
	display:flex; align-items:center; 
     background-color:#fff;  transform: translate(-50%, 0); 
	box-sizing: border-box;  max-width:1200px;  
}



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

.header.scroll {background-color:#fff}

 header#header h1 {   width:180px; margin-right:30px; }
 
h1 img {  width:180px; }
h1 img:nth-child(1) {display:block}
h1 img:nth-child(2) {display:none}


header#header nav#gnb {
	 position:relative;  top:0px;
	 width:720px;
 }
header#header nav#gnb > ul {   display:flex; }
header#header nav#gnb > ul > li {
	 display:inline-block;  box-sizing:border-box; width:20%;  text-align:Center; position:relative; z-index:999999999999999999999999999999; white-space:nowrap
	  
}
header#header nav#gnb > ul > li:last-child  { background:none }
 
header#header nav#gnb > ul > li > a {
	display: inline-block;
	
	font-size: 1.25rem;
	line-height:80px;
	 
	font-weight: 600;
	color: #333;
}
header#header nav#gnb > ul > li > a:hover {color:#111} 
 header#header nav#gnb > ul > li > ul { display:none;  width:180px;/* padding:10px 0;*/ background-color:#fff;  position:absolute; left:50%; transform: translate(-50%, 0);}
header#header nav#gnb > ul > li > ul > li {width:100%; padding:9px 5px; box-sizing:border-box; white-space:nowrap; /* border-bottom:1px solid #f1f1f1 */}
header#header nav#gnb > ul > li > ul > li > a{display:inline-block;width:100%;}
header#header nav#gnb > ul > li > ul > li:hover {background:#00b9ce;cursor:pointer;} 
header#header nav#gnb > ul > li > ul > li:hover a{color:#fff;} 
header#header nav#gnb > ul > li > ul > li > a:hover {color:#fff; /* text-decoration:underline */;} 
 
header#header div:last-child {margin-left:auto} 


#m_top {width:100%; height:60px; display:inline-block; /* background:rgba(255,255,255,1);   */ position:absolute; top:0; left:0; z-index:9999999999999999999999999;   background-color:#fff }
#m_top h1 { margin-top:10px; display:flex; align-items:center; padding-left:3%; }
#m_top h1 img {height:38px; width:auto  }

  
 
 @media all and (max-width:1400px) {

	header#header nav#gnb {  width:630px;  }
	header#header nav#gnb > ul {   white-space: nowrap; }
	 header#header nav#gnb > ul > li > a { font-size: 1.25rem; }
 
}

  

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


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