/* 레이아웃 CSS */
@media all and (max-width:1024px) { 
    .gnb_wrap .inner {padding-left: 0px !important; padding-right: 0px !important;}
}

/*----------------------------------
  헤더 기본 스타일
-----------------------------------*/
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  font-color :#ffffff;
  background: transparent;              /* 초기 투명 배경 */    
  transition: background 1.2s ease, box-shadow 0.3s ease;  /*  */
}

/*----------------------------------
  스크롤 내렸을 때 배경 전환
-----------------------------------*/
#header.scrolled {
   
  background: #fff;             /* 흰 배경 */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);   /* */
}

/*----------------------------------
  헤더 내부 .inner 높이에 맞춰 본문 아래 여백 추가
-----------------------------------*/
body {
 /* padding-top: 80px;  header 높이(예: inner 높이)와 동일하게 설정 */
}


/*----------------------------------
  기존 gnb_wrap, logo_wrap, snb_wrap 등 스타일은 그대로 유지
-----------------------------------*/
/* ... 나머지 기존 CSS ... */