@charset 'euc-kr';

 
/* Header */
#header_wrap {position:relative; z-index:99999999;   } 

.header_bg {width:100%; height:70px; display:inline-block; position:fixed; z-index:999999; left:0; top:0; }

.right_ham {width:80px; background-color:#333; display:flex; height:100%;  align-items:center; margin-left:auto; }
.right_ham a {width:50%; margin:0 auto;  text-align:Center; /* color:#fff; font-size:2rem; line-height:1em */}
.right_ham a span {width:100%; height:2px; margin:5px 0;  float:left; background-color:#fff; transition: all 0.3s;}
.right_ham a span:nth-child(2) {width:60%}

.right_ham:hover  a span {width:60%}
.right_ham:hover  a span:nth-child(2) {width:100%}


.roll {background-color:#fff !important}

 header#header {
	position:fixed;
	z-index: 99999999;
	width: 100%;
   	height:70px; 
	padding: 0;	margin: 0px auto;
	display:flex; align-items:center; 
 	box-sizing: border-box;
	transition: all 0.3s ease-out; border-bottom:1px solid rgba(255,255,255,.2)
}
 header#header:hover  {background-color:#fff}


h1 { text-align: right; display:flex; align-items:center; padding-left:2%;   }
 
h1 img { margin-right:10px; width:160px; }
h1 img:nth-child(1) {display:block}
h1 img:nth-child(2) {display:none}


header#header nav#gnb { position:absolute; left:250px; top:0px; width:700px;}
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;  }
header#header nav#gnb > ul > li:last-child  { background:none }
 
nav#gnb > ul > li > a {
	display: inline-block;
	
	font-size: 1.35rem;
	line-height: 70px;
	 
	font-weight: 600;
	color: #fff;
}


.roll nav#gnb > ul > li > a {color:#333;}
 

.roll h1 img:nth-child(2) {display:block}
.roll  h1 img:nth-child(1) {display:none}


header#header:hover h1 img:nth-child(1) {display:none}
header#header:hover h1 img:nth-child(2) {display:block}

header#header:hover  a.nav_link {color:#333}
header#header  a.nav_link:hover {color:#3d058d !important;  }
 
    
 

#m_top {width:100%; height:62px; display:inline-block; background-color:#fff;  position:fixed; top:0; left:0; z-index:99999999}
#m_top h1 {  margin-top:12px; display:flex; align-items:center; padding-left:3%; }
#m_top h1 img {height:40px; width:auto  }

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

	header#header nav#gnb {width:600px}

}

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


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



.cd-nav-trigger span.ham  {background-color:#fff}