@import url("./tdms-theme.css?v=20260802.1");

@font-face {
  font-family: "Pretendard";
  src: url("fonts/Pretendard-Thin.woff2") format("woff2");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("fonts/Pretendard-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("fonts/Pretendard-Light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("fonts/Pretendard-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("fonts/Pretendard-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("fonts/Pretendard-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("fonts/Pretendard-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("fonts/Pretendard-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("fonts/Pretendard-Black.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
}

:root,
[data-bs-theme],
[data-bs-theme="light"],
[data-bs-theme="dark"],
html,
html[data-bs-theme],
html[data-bs-theme="light"],
html[data-skin] {
  --app-font-family: "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --bs-font-sans-serif: var(--app-font-family) !important;
  --bs-body-font-family: var(--app-font-family) !important;
}


select,
textarea,
html, body, div, h1, h2, h3, h4, h5, h6, p, span, a, img, fieldset, form, legend, input, button, table, caption, tbody, tfoot, thead, tr, th, td, label, dl, dt, dd, ol, ul, li, iframe, canvas, applet, object, blockquote, embed, output, ruby, summary, time, mark, audio, video, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, article, section, header
.ui-widget,
.ui-button {
  font-family: var(--app-font-family) !important;
}

.layout-wrapper,
.layout-menu,
.menu-inner,
.menu-link,
.menu-text,
.navbar,
.nav-link,
.card,
.table,
.dropdown-item,
.text-body-secondary {
  font-family: var(--app-font-family) !important;
}

#layout-navbar,
#layout-navbar *:not(i),
#layout-menu,
#layout-menu *:not(i),
.content-wrapper,
.content-wrapper *:not(i),
.ui-jqgrid,
.ui-jqgrid *:not(i),
.ui-dialog,
.ui-dialog *:not(i) {
  font-family: var(--app-font-family) !important;
}

/* Login (Vuexy auth page) font override */
.authentication-wrapper,
.authentication-wrapper *:not(i),
.customizer-hide body,
.customizer-hide .card,
.customizer-hide .form-control,
.customizer-hide .btn,
.customizer-hide .app-brand-text {
  font-family: "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif !important;
}

body.login-page #loginForm .mb-6 > .form-label {
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* Header responsive wrap */
#layout-navbar.layout-navbar {
  display: flex;
  align-items: center;
  gap: 1rem;
  block-size: auto !important;
  min-block-size: 3.5rem;
}

#layout-navbar.layout-navbar.navbar-detached {
  inline-size: calc(100% - 48px) !important;
  max-inline-size: none !important;
  margin-inline: 24px !important;
  padding-inline: 1.5rem !important;
}

#layout-navbar .navbar-title-area {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-inline-size: 0;
}

#layout-navbar .system-title {
  color: var(--bs-heading-color);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

#layout-navbar .navbar-nav-right {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#layout-navbar .navbar-nav-right .navbar-nav {
  inline-size: auto;
  max-inline-size: 100%;
  flex-wrap: wrap !important;
  row-gap: 0.375rem;
}

#layout-navbar .navbar-nav-right .navbar-nav .nav-item,
#layout-navbar .navbar-nav-right .navbar-nav .nav-link,
#layout-navbar .navbar-nav-right .navbar-nav .btn,
#layout-navbar .navbar-nav-right .navbar-nav .small {
  white-space: normal !important;
}

#layout-menu .menu-inner > .menu-item > .menu-link > div {
  font-size: 15px;
}

#layout-menu .app-brand-link {
  min-width: 0;
  gap: 0;
}

#layout-menu .app-brand-kai-logo {
	display: block;
	flex: 0 0 72px;
	width: 72px;
	height: 44px;
	object-fit: contain;
}

#layout-menu .app-brand-logo {
  display: block;
  flex: 0 1 auto;
  width: auto;
  max-width: 112px;
  height: 30px;
  object-fit: contain;
}

#layout-menu .app-brand-logo--wide {
  width: 112px;
  max-width: 112px;
}

@media (min-width: 1200px) {
  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas)
    #layout-menu .app-brand-link {
    display: none;
  }
}

#layout-menu .menu-sub .menu-link > div {
  font-size: 13px;
}

#layout-menu .menu-inner > .menu-item > .menu-link .menu-top-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
}

#layout-menu .menu-inner > .menu-item > .menu-link .menu-top-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#layout-menu .menu-inner > .menu-item > .menu-link .menu-top-icon > i {
  display: block;
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 1;
}

@media (max-width: 991.98px) {
  #layout-navbar.layout-navbar {
    flex-wrap: nowrap;
    align-items: center;
  }

  #layout-navbar .navbar-title-area {
    display: none;
  }

  #layout-navbar .navbar-nav-right {
    flex: 1 1 auto;
  }

  #layout-navbar .navbar-nav-right .navbar-nav {
    inline-size: auto;
    max-inline-size: 100%;
    flex-wrap: nowrap !important;
  }

  #layout-navbar .navbar-nav-right .navbar-nav > .nav-item {
    flex: 0 0 auto;
    white-space: nowrap !important;
  }

  #layout-navbar .navbar-nav-right .navbar-nav > .nav-item > * {
    white-space: nowrap !important;
  }

  #layout-navbar .navbar-nav-right .navbar-nav > .nav-item > * * {
    white-space: nowrap !important;
  }

}

@media (max-width: 575.98px) {
  #layout-navbar.layout-navbar.navbar-detached {
    inline-size: calc(100% - 32px) !important;
    margin-inline: 16px !important;
    padding-inline: 1rem !important;
  }
}