header.top { position: fixed; top: 0; left: 0; width: 100%; z-index:999999999999999999999; background:#fff; }

header.roll {border-bottom:1px solid #ddd; }

 
header .logo {background:url('/sian/img/logo1.png') no-repeat center; background-size:100%; width:150px; height:44px; position:absolute; left:3%; top:15px; }
header .logo a {width:100%; height:40px; display:inline-block; }
header .call { position:absolute; width:110px; line-height:30px;  right:calc(3% + 70px); 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; }
.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;  }
.gnb-menu:last-child a {background:none}

.gnb-menu a h2 {color:#333 !important; font-family:'Montserrat'}
.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 }
.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:#333 !important; text-decoration:underline}
.full-on { height:190px; opacity: 1; visibility: visible; }


@media (max-width: 1300px){ 
.gnb-menu a  {width:110px; font-size:1.15rem}
.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:inline-block; height:60px; position:relative; z-index:999999999999999999999  }
		.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; }
 
 
}


 /* 구글 자동 배너 숨김 + 여백 제거 */
  .goog-te-banner-frame{ display:none !important; }
  body{ top:0 !important; }

  /* 헤더 컨테이너에 기준점 부여(absolute 포지셔닝용) */
  .header-wrap .container{ position:relative; }

  /* 커스텀 번역 UI (지구 아이콘 + 2개 언어 메뉴) */
  .translate-entry{ position:absolute; right:2%; top:30px; z-index:9999; }
  .translate-btn{
    display:flex; align-items:center; justify-content:center;
    width:38px; height:38px; border-radius:50%;
    border:1px solid #e5e5e5; background:#fff; cursor:pointer;
    box-shadow:0 2px 8px rgba(0,0,0,.06);
  }
  .translate-btn svg{ width:20px; height:20px; }

  .translate-menu{
    position:absolute; right:0; margin-top:8px; display:none;
    width:160px; padding:8px; background:#fff; border:1px solid #ececec; border-radius:10px;
    box-shadow:0 12px 32px rgba(0,0,0,.12);
  }
  .translate-menu.open{ display:block; }
  .translate-menu button{
    width:100%; padding:10px 12px; border:0; background:#fff; cursor:pointer;
    border-radius:8px; text-align:left; font-size:14px;
  }
  .translate-menu button:hover{ background:#f6f7f9; }
  .translate-menu button.active{ background:#eef5ff; }
 

 @media (max-width: 950px){
    .translate-entry{ right:calc(4% + 40px); top:17px;  }


}