header.top { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000;  background: rgba(0,0,0,.2); transition: all 0.3s ease-out; }

header.roll { background:#fff; }

 
header .logo {position:absolute; width:250px; left:3%; top:15px; line-height:0; display:flex;  }
header .logo img {height:50px; margin-right:10px  }
 header .logo a p {width:100%; font-size:1.5rem; letter-spacing:-1px; line-height:1em; color:#fff; display:flex; align-items:center; white-space: nowrap; }

header .logo a p.color_logo {display:none; color:#497637;}



header .right_link { position:absolute;  right:3%;  top:23px;   box-sizing:border-box; padding:0;  display:flex }
header .right_link a {display:flex; align-items:center; margin-left:10px;}
header .right_link  img.icon_color {display:none}

header .right_link input {border:none; width:150px; height:30px;}

.header-wrap { position: relative; height: 80px; text-align: center;
    -webkit-transition: ease-out .35s;
    -o-transition: ease-out .35s;
    transition: ease-out .35s;
}
header:hover .header-wrap { background:#fff; }
.header-wrap .container { position: relative; max-width: none; }


 /* GNB */
.gnb { display: inline-block; vertical-align: top; }
.gnb-menu { position: relative; width: auto; text-align: center; }
.gnb-menu a { display: block; line-height:80px; width:150px; color: #fff important; font-size:1.4rem; font-weight:600; background:url('/common/img/li_bg.png') no-repeat right;  }
.gnb-menu:last-child a {background:none}

.gnb-menu a h2 {color:#fff !important;}
.gnb-menu h2 { font-size: inherit; color: inherit; font-weight: inherit; }
.gnb ul li.active:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #fff; }
 

.gnb-full { overflow: hidden; position: relative; width: 100%; height: 0;
    background: rgba(0,0,0,.7);  
    -webkit-transition: ease-in-out .35s;
    -o-transition: ease-in-out .35s;
    transition: ease-in-out .35s;
    opacity: 0;
    visibility: hidden; border-top:1px solid  rgba(255,255,255,.2);
}
 
.gnb-full-wrap { margin: auto; max-width:750px;   width: 100%; height: 100%; font-size:0 }
.full-gnb { display: inline-block; vertical-align: top; padding-top: 19px; width:20%; height: 100%;   box-sizing:border-box; border-left:1px solid rgba(255,255,255,.2);  }
.full-gnb:last-child {border-right:1px solid  rgba(255,255,255,.2);}
.full-gnb li a { display: block; padding:6px 0;  width: 100%; font-size:1rem; font-weight:300; color: #fff; }
.full-gnb li a:hover { opacity: .7; }
.full-on { height: 210px; opacity: 1; visibility: visible; }


 




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


@media (max-width: 1300px){ 
	.gnb-menu a  {width:110px; font-size:1.3rem; }
	.gnb-full-wrap {max-width:550px;}
}
  


@media (min-width:950px) {
	.m_top {display:none}
  }
   
 

@media (max-width: 950px){
	.header-wrap  {display:none}
	.m_top  {width:100%; display:flex; height:60px; align-items:center }
	.m_top  h1 {  display:flex; height:100%; align-items:center}
    header .m_top .logo { left:4%; top:10px; }
	header .m_top .logo a {position:absolute; top:0; left:0;  width:100%; }
	.m_top h1 img {height:40px;}
  
	 
	.header_top { display: none; }
	.header_middle_center { display: none; }
 
 
}


@media (max-width:600px){
 
	  header .m_top .logo a p {font-size:5vw}
  
 
}



/*색박전*/



header.roll .gnb-menu a h2 { color:#333 !important }
header.roll .right_link  img.icon_color {display:inline-block; opacity:.5}
header.roll .right_link  img.icon_w {display:none}
header.roll .right_link input {background-color:#f1f1f1}
header.roll .logo a p.w_logo {display:none}
header.roll .logo a p.color_logo  {display:flex;  }
header.roll .gnb-menu a {  background:url('/common/img/li_bg2.png') no-repeat right;  }
header.roll .gnb-menu:last-child a {background:none}
header.roll .ham {background-color:#333 !important}

.m_top:hover  {background-color:#fff }

header:hover .logo a p.color_logo {display:flex;  }
header:hover .logo a p.w_logo {display:none}


header:hover .gnb-menu a h2 { color:#333  !important }
header:hover .right_link  img.icon_color {display:inline-block; opacity:.5}
header:hover .right_link  img.icon_w {display:none}
header:hover .right_link input {background-color:#f1f1f1}

 
header:hover .gnb-menu a {  background:url('/common/img/li_bg2.png') no-repeat right;  }
header:hover .gnb-menu:last-child a {background:none}
header:hover .ham {background-color:#333 !important}