header.top { position: fixed; top: 0; left: 0; width: 100%; z-index:999999999999999999999; background:none; border-bottom:1px solid rgba(255,255,255,0.3);}
header.top:hover{background:#fff; color:#222 !important;}

header.top:hover .gnb-menu a h2{color:#222 !important;}
header.top:hover .gnb-lang-wrap a span{color:#222;}
/*header.top:hover .logo{background:url('/common/img/common/h2h_logo.png') no-repeat center; background-size:50%; width:150px; height:60px; position:absolute; left:50%; transform:translateX(-50%); background-size:36%;}*/

header.top .logo{cursor:pointer; z-index:3;}

 header.top:hover .cd-nav-trigger{background-color:#fff;}
 header.top:hover .cd-nav-trigger span.ham{background-color:#222;}





header.roll {border-bottom:1px solid #ddd; background:#fff !important;}


 

header.top:hover .logo{background:url('/common/img/common/0614_logo2.png') no-repeat center; width:297px; height:80px; position:absolute; left:10%; top:0; background-size:97%}

header .logo {background:url('/common/img/common/0614_logo2_wh.png') no-repeat center; width:297px; height:80px; position:absolute; left:10%; top:0; background-size:97%}

header.roll .logo{background:url('/common/img/common/0614_logo2.png') no-repeat center; width:297px; height:80px; position:absolute; left:10%; top:0; background-size:97%}






 header .logo a {width:100%; display:inline-block; }
 header .call { position:absolute; width:150px; line-height:30px;  right:3%; font-size:1rem; top:27px;  background-color:#f5f5f5; font-size:0.77rem; letter-spacing:0.5px; font-weight:400; color:#555}

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


 /* GNB */
.gnb { display: inline-block; vertical-align: top; float:right; margin-right:10em;}
.gnb-menu { position: relative; width: auto; text-align: center; }
.gnb-menu a { display: block; line-height:80px; width:150px; color: #333 important; font-size:1.25rem; font-weight: 500; background:url('') no-repeat right; }

.gnb-menu:last-child a {background:none}

.gnb-menu a h2 {color:#fff !important;}
header.roll .gnb-menu a h2{color:#222 !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: #ee741f; }
 

.gnb-full { overflow: hidden; position: relative; width: 100%; height: 0;
    background:#fff;  border-bottom:1px solid #ddd; border-top:1px solid #ddd; 
    -webkit-transition: ease-in-out .35s;
    -o-transition: ease-in-out .35s;
    transition: ease-in-out .35s;
    opacity: 0;
    visibility: hidden; 
}
 
.gnb-full-wrap { margin: auto; max-width:750px;   width: 100%; height: 100%; font-size:0; margin-right:83px;}
.full-gnb { display: inline-block; vertical-align: top; padding-top:15px; 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; color: #555; }
.full-gnb li a:hover {font-weight:600; color:#3d74b4 !important; text-decoration:underline}
.full-on { height:190px; opacity: 1; visibility: visible; }






/* gnb-lang-wrap */
/*.gnb-lang-wrap {*/
/*	position: absolute;*/
/*	right: 0; */
/*	top:0;*/
/*	 width: 100px;*/
/*	z-index: 9999999999999;*/
/*	padding:1.8em 17em 1.8em 5em;*/
/**/
/*}*/
.gnb-lang-wrap {
	position: absolute;
	right: 10%; 
	top:29px;
	 width: 100px;
	z-index: 9999999999999;
	transform:translate(-10%,0%);

}
.gnb-lang-wrap a{display:flex; align-items:center; justify-content:flex-end;}
.gnb-lang-wrap a span{color:#fff; margin-left:0.5em;}
header.roll .gnb-lang-wrap a span{color:#222 !important; margin-left:0.5em;}



@media (max-width: 1500px){ 
.gnb-menu a{width:178px;}
.gnb-full-wrap{margin-right:60px;}
.gnb-full-wrap{max-width:909px;}
/*header .logo{left:7%; background-size:76%;}*/
header .logo{background-size:76%;}
header.roll .logo{left:7%; background-size:76%;}
header.top:hover .logo{left:7%; background-size:76%;}

}

@media (max-width: 1300px){ 
.gnb-menu a  {width:136px; font-size:1.15rem}
.gnb-full-wrap {max-width:676px; margin-right:94px;}
}

@media (max-width: 1250px){ 

/*.gnb-lang-wrap{padding:1.8em 16em;}*/

}

@media (max-width: 1200px){ 
header .logo{left:4%; background-size:76%;}
header.roll .logo{left:4%; background-size:76%;}
header.top:hover .logo{left:4%; background-size:76%;}

}

  
@media (max-width: 1100px){ 
header .logo{left:0%; background-size:76%;}
header.roll .logo{left:0%; background-size:76%;}
header.top:hover .logo{left:0%; background-size:76%;}

}

  
@media (max-width: 1000px){ 
/*.gnb-lang-wrap{padding:1.8em 11em}*/
}


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

  }
   
 

@media (max-width: 950px){
.header-wrap{height: 0;}
.gnb{display:none}
.gnb-full{display:none;}
header .logo{height: 60px; background-size:78%; }
header.roll .logo{height: 60px; background-size:78%; }
header.top:hover .logo{height: 60px; background-size:78%; }

.m_top {width:100%; display:inline-block; height:60px; position:relative; z-index:2  }
.m_top h1 {margin:10px 0 0 4%; }
.m_top h1 img {width:110px;}
.m_top p {position:absolute; left:3%; top:10px; color:#fff}
.header_top {display: none;}
.header_middle_center {display: none;}
.gnb-lang-wrap{display:none;}

}