/* 사이트 공통 틀(Astra 헤더, 메뉴, 속보 띠, GTranslate). 모든 페이지에 적용된다. */

/* Astra 전역 색을 디자인 시스템으로 맞춘다. 버튼, 링크, 강조색이 코랄에서 파랑으로 바뀐다. */
:root {
  --ast-global-color-0: var(--kd-blue);
  --ast-global-color-1: var(--kd-blue-dark);
  --ast-global-color-2: var(--kd-ink);
  --ast-global-color-3: #33415C;
  --ast-global-color-4: var(--kd-bg);
  --ast-global-color-5: var(--kd-card);
}

/* 헤더 */
#masthead .ast-primary-header-bar,
#masthead .main-header-bar {
  border-bottom: 1px solid var(--kd-line);
  box-shadow: none;
}
#masthead .main-header-menu > .menu-item > .menu-link,
#masthead .main-header-menu > .menu-item > a {
  color: var(--kd-ink);
  font-size: 15px;
  font-weight: 500;
}
#masthead .main-header-menu > .menu-item:hover > .menu-link,
#masthead .main-header-menu > .menu-item.current-menu-item > .menu-link,
#masthead .main-header-menu > .menu-item.current-menu-ancestor > .menu-link {
  color: var(--kd-blue);
}
#masthead .main-header-menu .sub-menu {
  border: 1px solid var(--kd-line);
  border-radius: var(--kd-r);
  box-shadow: none;
}
#masthead .main-header-menu .sub-menu .menu-link {
  font-size: var(--kd-fs-sm);
  color: var(--kd-ink);
}
#masthead .main-header-menu .sub-menu .menu-link:hover {
  background: var(--kd-bg);
  color: var(--kd-blue);
}
#masthead .ast-mobile-menu-trigger-fill,
#masthead .menu-toggle {
  background: var(--kd-blue);
  border-radius: var(--kd-r);
}

/* 속보 띠 */
#kormoya-news-ticker {
  font-family: var(--kd-font);
  border-bottom: 1px solid var(--kd-line);
}

/*
 * GTranslate 언어 선택이 두 개(메뉴 안 + 화면 오른쪽 위 고정) 나온다.
 * PC에서는 메뉴 안의 것만 남기고, 모바일에서는 고정된 것을 속보 띠 안으로 넣어 글자를 가리지 않게 한다.
 */
@media (min-width: 922px) {
  .gtranslate_wrapper .gt_switcher_wrapper { display: none !important; }
}
@media (max-width: 921px) {
  .gtranslate_wrapper .gt_switcher_wrapper {
    position: absolute !important;
    top: 11px !important;
    right: 12px !important;
  }
  #kormoya-news-ticker { padding-right: 128px !important; }
}

/* 푸터: 남색 바탕에 글자색을 하나로 통일한다. 칸마다 파랑/흰색으로 달랐던 링크를 맞춘다. */
.site-footer,
.site-footer .site-primary-footer-wrap {
  background-color: var(--kd-ink) !important;
  color: #B7C1D6;
  font-family: var(--kd-font);
}
.site-footer .site-primary-footer-wrap { padding-top: var(--kd-s7); padding-bottom: var(--kd-s6); }
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer .widget-title {
  color: #FFFFFF !important;
  font-size: var(--kd-fs-md) !important;
  font-weight: 700 !important;
  margin-bottom: var(--kd-s3) !important;
}
.site-footer p, .site-footer li, .site-footer .widget {
  color: #B7C1D6;
  font-size: var(--kd-fs-sm);
  line-height: 1.7;
}
.site-footer a,
.site-footer a:visited {
  color: #DCE4F7 !important;
  font-size: var(--kd-fs-sm);
  text-decoration: none;
}
.site-footer a:hover,
.site-footer a:focus-visible {
  color: #FFFFFF !important;
  text-decoration: underline;
}

/* 링크 주소가 비어 있는 소셜 아이콘(Astra 기본값)은 눌러도 아무 데도 안 가므로 숨긴다. 글자 링크는 그대로 둔다. */
.site-footer .footer-social-inner-wrap { display: none !important; }

/* 아래 줄의 저작권 문구는 4번째 칸과 중복이라 숨긴다. */
.site-footer .site-below-footer-wrap { display: none !important; }
