@charset "utf-8";
/*
  메인 index: Stitch 레퍼런스 + 스크린샷(에디토리얼) 정합
  — 히어로 프레임·슬릭, 뉴스 카드, 공지 다크 탭바, 레거시 ui.css 보정
*/

/* 히어로 포토뉴스: 파란 그라데이션 위 흰 글씨(대비) + ui.css 링크색 무력화 */
.idx-landing a.idx-btn-photo-news,
.idx-landing a.idx-btn-photo-news:visited {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
}
.idx-landing a.idx-btn-photo-news:hover {
  color: #f1f5f9 !important;
}

/* 헤더/GNB 정렬은 ui.css 전역 규칙 사용 */

/* 메인: 드롭다운이 아래로 오버레이될 때 idx-hero가 헤더 위에 덮이지 않도록 */
body.idx-home .body_outer > section:first-of-type {
  position: relative;
  z-index: 10000;
}
body.idx-home header.idx-hero {
  position: relative;
  z-index: 1;
}

/* 히어로 우측 프레임: 플로팅 카드 */
.idx-hero-frame {
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.08),
    0 24px 64px rgba(0, 0, 0, 0.06);
}

/* 히어로 슬릭: 4/5 프레임 채우기 */
.stitch-hero-slider.slick-initialized,
.stitch-hero-slider .slick-list,
.stitch-hero-slider .slick-track {
  height: 100%;
}

.stitch-hero-slider .slick-slide {
  height: 100%;
}

.stitch-hero-slider .slick-slide > div {
  height: 100%;
  min-height: 0;
  position: relative;
}

.stitch-hero-img {
  display: block;
}

/* ui.css 메시지 박스 고정 좌표 제거 */
.idx-hero .message1,
.idx-hero .message2,
.idx-hero .message3,
.idx-hero .message4,
.idx-hero .message5 {
  top: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  background-color: transparent !important;
  line-height: 1.45 !important;
  font-size: inherit !important;
}

.idx-hero .message1 a,
.idx-hero .message2 a,
.idx-hero .message3 a,
.idx-hero .message4 a,
.idx-hero .message5 a {
  color: #003f87 !important;
}

.idx-hero .message1 a:hover,
.idx-hero .message2 a:hover,
.idx-hero .message3 a:hover,
.idx-hero .message4 a:hover,
.idx-hero .message5 a:hover {
  color: #0056b3 !important;
}

.idx-hero .message_1,
.idx-hero .message_4,
.idx-hero .message_7,
.idx-hero .message_10,
.idx-hero .message_13 {
  font-size: 1rem !important;
  font-weight: 600;
}

.idx-hero .message_2,
.idx-hero .message_5,
.idx-hero .message_8,
.idx-hero .message_11,
.idx-hero .message_14 {
  padding-top: 0.35rem !important;
}

.idx-hero .message_3,
.idx-hero .message_6,
.idx-hero .message_9,
.idx-hero .message_12,
.idx-hero .message_15 {
  position: static !important;
  font-size: 0.75rem !important;
  margin-top: 0.5rem;
  color: #722b00 !important;
}

.idx-hero ul.slick-dots {
  position: absolute !important;
  bottom: 8px !important;
  top: auto !important;
  width: 100%;
  z-index: 20;
}

.idx-hero .slick-dots li button:before {
  color: #003f87;
  opacity: 0.35;
}

.idx-hero .slick-dots li.slick-active button:before {
  opacity: 1;
}

@media screen and (max-width: 640px) {
  body.idx-home .body_outer section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

/* 푸터: 고정 높이로 인한 내부 스크롤 방지 */
body.idx-home .footer,
body.idx-home .footer .footer_w,
body.idx-home .footer .foot_info {
  overflow: visible !important;
}

/* 뉴스 제목: 한글 어절 단위 줄바꿈 */
.news_section--editorial .article_wrap h3 {
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* 뉴스: float 클리어 제거 */
.news_section--editorial .news_link_w:after {
  display: none !important;
  content: none !important;
}

.news_section--editorial #nimg1,
.news_section--editorial .news_img img {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 270 / 170;
  object-fit: cover;
  border-radius: 0.75rem;
}

/* ---------- 공지: 다크 탭바 + 흰색 라벨 (스크린샷) ---------- */
#idx-notice.tab_section--full .ui-widget.ui-widget-content {
  top: 0 !important;
  width: 100% !important;
}

#idx-notice.tab_section--full .ui-tabs {
  padding: 0 !important;
  border: none !important;
}

#idx-notice.tab_section--full .ui-widget-header {
  background: transparent !important;
  border: none !important;
}

#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  width: 100% !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #4a4d50 !important;
  border: none !important;
  border-radius: 0 !important;
}

#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav li {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  border: none !important;
  border-bottom: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: transparent !important;
  border-radius: 0 !important;
}

#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav li:last-child {
  border-right: none !important;
}

#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav li a,
#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav li .ui-tabs-anchor,
#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav .idx-tab-a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0.9rem 0.5rem !important;
  text-align: center !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav li.ui-tabs-active,
#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav li.ui-state-active {
  background: rgba(0, 0, 0, 0.28) !important;
  padding: 0 !important;
}

#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav li.ui-state-active a,
#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  color: #ffffff !important;
}

#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav li a:hover,
#idx-notice.tab_section--full .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

#idx-notice.tab_section--full .ui-tabs .ui-tabs-panel {
  padding: 1rem 1rem 1.25rem !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
}

#idx-notice.tab_section--full .tabs_list ul {
  padding: 0 !important;
  margin: 0 !important;
}

#idx-notice.tab_section--full .bullet_b {
  position: relative !important;
  padding: 0.65rem 0.25rem !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  min-height: 2.75rem !important;
}

#idx-notice.tab_section--full .bullet_b:last-child {
  border-bottom: none !important;
}

#idx-notice.tab_section--full .bullet_b a {
  color: #191c1d !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  max-width: calc(100% - 6.5rem) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#idx-notice.tab_section--full .bullet_b ii {
  position: absolute !important;
  right: 0.25rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #6b7280 !important;
  font-size: 0.8125rem !important;
}

.idx-landing .ui-widget {
  font-family: Inter, "Noto Sans KR", sans-serif !important;
}

@media (max-width: 640px) {
  #idx-notice.tab_section--full .ui-tabs .ui-tabs-nav li {
    flex: 1 1 50% !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }
}