/* ===== 공통: 로고 영역 ===== */
#logo-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;      /* 기본은 가운데 정렬 */
  padding: 40px 0 30px;     /* 위아래 여백 */
  text-align: center;
}

#logo-area .logo-title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
}

#logo-area .logo-sub {
  margin-top: 8px;
  font-size: 1rem;
  color: #555;
}

/* (선택) 헤더 아래 hr 숨김 */
/* #hd + hr { display: none; } */

/* ===== PC (≥992px): 로고·부제 좌측 정렬 ===== */
@media (min-width: 992px) {
  #logo-area {
    align-items: flex-start;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }
}

/* ===== 모바일 (≤991.98px): 로고·부제 가운데 정렬 ===== */
@media (max-width: 991.98px) {
  #logo-area {
    align-items: center;
    text-align: center;
  }
  /* 로고 앵커 중앙 배치 */
  #logo-area a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
}

/* float 기반 스킨 대비 안전 가드 */
#hd_wrapper::after {
  content: "";
  display: block;
  clear: both;
}
/* ===== 헤더·로고 가독성 보강 ===== */
#logo-area{
  position: relative;
  z-index: 2;                 /* 배너와 겹침 방지 */
  display:flex; flex-direction:column;
  gap: .35rem;
  padding: 40px 0 20px;
}

/* 데스크탑: 좌측 정렬 */
@media (min-width: 992px){
  #logo-area{ align-items:flex-start; text-align:left; }
}

/* 모바일: 중앙 정렬 */
@media (max-width: 991.98px){
  #logo-area{ align-items:center; text-align:center; }
  #logo-area a{ display:flex; flex-direction:column; align-items:center; }
}

#logo-area .logo-title{
  font-size: 3rem;
  line-height: 1.15;
  font-weight: 800;
  color: #0b1220;             /* 더 진하게 */
  letter-spacing: -0.02em;
}
#logo-area .logo-sub{
  font-size: 1.02rem;
  line-height: 1.35;
  color: #374151;             /* 회색을 진하게 */
  opacity: .95;
}

/* 로고 아래 배너가 파고드는 현상 방지 */
#logo-area + .hero, 
#hd_wrapper + .hero{
  margin-top: 8px !important;
}

/* ===== GNB: 데스크탑 슬라이드 햄버거 항상 표시 ===== */
#gnb_1dul{ display:flex; align-items:center; gap: 1.25rem; }
#gnb_1dul .gnb_mnal{ margin-left:auto; }       /* 햄버거를 맨 오른쪽으로 */
.gnb_menu_btn{
  display:inline-flex; align-items:center; justify-content:center;
  width: 48px; height: 48px; border: 0; border-radius: 6px;
  background:#3f5bd8; color:#fff; cursor:pointer;
}
.gnb_menu_btn .fa{ font-size: 18px; }

/* GNB 드롭 패널 기본 숨김 */
#gnb_all, #gnb_all_bg{ display:none; }

/* ===== 모바일 전용 로그인 네비 표시 ===== */
.navbar-login-mobile{ display:none; }
@media (max-width: 991.98px){
  .navbar-login-mobile{ display:block; }
}

/* 충돌 가능성 제거 */
#hd_wrapper::after{ content:""; display:block; clear:both; }

/* ===== 헤더·로고 가독성 보강 ===== */
#logo-area{
  position: relative;
  z-index: 2;                 /* 배너와 겹침 방지 */
  display:flex; flex-direction:column;
  gap: .35rem;
  padding: 40px 0 20px;
}

/* 데스크탑: 좌측 정렬 */
@media (min-width: 992px){
  #logo-area{ align-items:flex-start; text-align:left; }
}

/* 모바일: 중앙 정렬 */
@media (max-width: 991.98px){
  #logo-area{ align-items:center; text-align:center; }
  #logo-area a{ display:flex; flex-direction:column; align-items:center; }
}

#logo-area .logo-title{
  font-size: 3rem;
  line-height: 1.15;
  font-weight: 800;
  color: #0b1220;             /* 더 진하게 */
  letter-spacing: -0.02em;
}
#logo-area .logo-sub{
  font-size: 1.02rem;
  line-height: 1.35;
  color: #374151;             /* 회색을 진하게 */
  opacity: .95;
}

/* 로고 아래 배너가 파고드는 현상 방지 */
#logo-area + .hero, 
#hd_wrapper + .hero{
  margin-top: 8px !important;
}

/* ===== GNB: 데스크탑 슬라이드 햄버거 항상 표시 ===== */
#gnb_1dul{ display:flex; align-items:center; gap: 1.25rem; }
#gnb_1dul .gnb_mnal{ margin-left:auto; }       /* 햄버거를 맨 오른쪽으로 */
.gnb_menu_btn{
  display:inline-flex; align-items:center; justify-content:center;
  width: 48px; height: 48px; border: 0; border-radius: 6px;
  background:#3f5bd8; color:#fff; cursor:pointer;
}
.gnb_menu_btn .fa{ font-size: 18px; }

/* GNB 드롭 패널 기본 숨김 */
#gnb_all, #gnb_all_bg{ display:none; }

/* ===== 모바일 전용 로그인 네비 표시 ===== */
.navbar-login-mobile{ display:none; }
@media (max-width: 991.98px){
  .navbar-login-mobile{ display:block; }
}

/* 충돌 가능성 제거 */
#hd_wrapper::after{ content:""; display:block; clear:both; }

/* 상단 가로메뉴 숨기기 + 햄버거만 보이기 */
#gnb_1dul > li:not(.gnb_mnal) { display: none !important; }
/* 드롭다운/배경 레이어도 비활성화 */
#gnb .bg,
#gnb .gnb_2dul { display: none !important; }

/* 간격 정리(선택) : 메뉴 한 줄 높이를 낮추고 좌우 여백 약간 */
#gnb_1dul { padding: 0 6px !important; }