/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
.board-title {width:100%;height:180px;background-repeat:no-repeat;background-size:contain;background-position:center center;color:#fff;}
.language-switch {
    font-size: 14px;
    color: #333;
}

.language-switch a {
    text-decoration: none;
    margin: 0 4px;
    color: inherit;
}

.language-switch a:hover {
    color: #007bff;
    font-weight: bold;
}

@media (max-width: 767px) {
  /* 상단 바 영역(아이콘들을 감싸는 부모) 중앙 정렬 */
  .top-bar {
    text-align: center !important;
  }
  
  /* 아이콘 목록을 flex 컨테이너로 만들어 중앙에 배치 */
  .top-bar-list {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  
  /* 각 아이콘(li)을 inline-flex로 중앙 정렬 */
  .top-bar-list > li {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 5px !important;  /* 아이콘 사이 간격 조절 */
  }
  
  /* 아이콘(a와 내부 i) 크기 조정 (필요시 추가) */
  .top-bar-list > li > a {
    font-size: 16px !important;
    padding: 5px !important;
  }
  
  .top-bar-list > li > a i {
    font-size: 20px !important;
    line-height: 1 !important;
  }
}
@media (max-width: 767px) {
  /* 언어 전환 아이콘은 모바일에서 숨김 처리 */
  .top-bar-list > li.language-switch {
    display: none !important;
  }
  
  /* 모든 상단 아이콘 항목의 좌우 여백을 줄임 */
  .top-bar-list > li {
    margin: 0 2px !important;
  }
  
  /* 로그인 아이콘이 포함된 항목은 강제 노출 및 중앙 정렬 */
  .top-bar-list > li.btn-login {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* (참고) 메뉴 아이콘과 검색 아이콘에 동일한 설정 적용 */
  .top-bar-list > li.mobile-nav-trigger,
  .top-bar-list > li.btn-search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
@media (max-width: 767px) {
  /* 헤더 스티키 공간 제거: 상단 로고와 슬라이드 사이의 불필요한 간격 제거 */
  .header-sticky-space,
  .header-fixed-space {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* 메인 슬라이드(배경 이미지 영역) 높이 증가 및 상단 여백 축소 */
  .board-title {
       height: 350px !important;       /* 슬라이드 영역 높이를 350px로 증가 */
       margin-top: -30px !important;     /* 상단 로고와 슬라이드 사이의 간격을 더 줄임 */
       background-size: cover !important;
       background-position: center center !important;
  }
}