/* TopBanner 추가 스타일 - CSS 우선순위 강화 */
.area_topbanner .box > img {
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  object-fit: cover !important;
}

.area_topbanner .box > img.clickable {
  cursor: pointer;
}

/* 1920px 이하: 세로 기준으로 확대, 양쪽 crop */
@media screen and (max-width: 1920px) {
  .area_topbanner .box > img {
    width: auto !important;
    height: 100% !important;
  }
}

/* 모바일: 더 많이 확대하여 텍스트 크게 보이도록 */
@media screen and (max-width: 768px) {
  .area_topbanner .box > img {
    width: auto !important;
    height: 125% !important;
    min-height: 125% !important;
  }
}

/* 메인 페이지 섹션별 헤더 색상 변경 - CSS 우선순위 강화 */
/* ceo-message 페이지는 제외 (sub_greeting 클래스가 있을 때) */
body:not(.sub_greeting) .fp-viewing-2Page #header nav .gnb01 > li > a,
body:not(.sub_greeting) .fp-viewing-3Page #header nav .gnb01 > li > a {
  color: #1e1e1e !important;
}

body:not(.sub_greeting) .fp-viewing-2Page #header .btn_menu span i,
body:not(.sub_greeting) .fp-viewing-2Page #header .btn_menu span:before,
body:not(.sub_greeting) .fp-viewing-2Page #header .btn_menu span:after,
body:not(.sub_greeting) .fp-viewing-3Page #header .btn_menu span i,
body:not(.sub_greeting) .fp-viewing-3Page #header .btn_menu span:before,
body:not(.sub_greeting) .fp-viewing-3Page #header .btn_menu span:after {
  background: #1e1e1e !important;
}

/* 3, 4번째 섹션에서 헤더 배경 제거 */
body:not(.sub_greeting) .fp-viewing-3Page #header,
body:not(.sub_greeting) .fp-viewing-4Page #header {
  background: none !important;
}

/* 유틸리티 메뉴 색상도 변경 */
body:not(.sub_greeting) .fp-viewing-2Page #header .area_util a,
body:not(.sub_greeting) .fp-viewing-3Page #header .area_util a {
  color: #1e1e1e !important;
}

body:not(.sub_greeting) .fp-viewing-2Page #header .area_util svg path,
body:not(.sub_greeting) .fp-viewing-3Page #header .area_util svg path {
  fill: #1e1e1e !important;
}

/* ceo-message 페이지에서 상단배너 숨김 */
body.sub_greeting .area_topbanner {
  display: none !important;
}