/* mtc-bundle 4a71911322d4 combine of css/mtc-critical.css, css/default.css, css/mtc-icons.css (include/mtc_assets.inc.php mtc_css_combine). Edit the sources, not this file. */
/* ---- css/mtc-critical.css ---- */




html {
    width: 100%;
    min-height: 100%;
    font-family: var(--mtc-font);
    overflow-x: hidden;
}

body {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

hr {
}

#hd,
#wrapper,
#container_wr,
#container,
#ft {
  min-width: 0;
}

.sound_only,
#hd_h1,
#skip_to_container,
#hd_pop .sound_only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#hd_pop {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
}

/* =====================================================================
 * 사이트 틀 — 머리 (2026-10-06, reports/header_unify_20261006)
 * 머리 마크업은 include/mtc_header.inc.php 한 곳. 머리의 크기·위치·열고 닫힘은 이 구역만 정한다.
 * 색·테두리·글자는 css/mtc-shell.css. 같은 속성을 다른 파일에 다시 쓰지 않는다(우선순위 강제 표시 없음).
 * 본문 위 여백 = 머리 높이: 머리가 있는 화면(body 바로 아래 #hd)만 띄운다. 팝업 창은 머리가 없어 여백도 없다.
 * ===================================================================== */
body.mtc-redesign-home-page {
  --mtc-hd-pc: 72px;          /* PC 머리 높이 */
  --mtc-hd-m-head: 60px;      /* 휴대폰: 로고 줄 */
  --mtc-hd-m-tab: 48px;       /* 휴대폰: 1차 메뉴 탭 줄 */
  --mtc-hd-m-sub: 0px;        /* 휴대폰: 2차 메뉴 탭 줄(있는 화면만) */
  --mtc-hd-m-gap: 4px;        /* 머리와 본문 사이 */
  --mtc-hd-m-menu: 76px;      /* 휴대폰: 왼쪽 메뉴 단추 너비 */
  --mtc-hd-gutter: clamp(8px, 2.7vw, 14px); /* 본문 칸 왼쪽 끝과 같은 값(.mtc-layout) */
}

/* 그누보드 css/mobile.css 는 body 높이를 화면 높이(100%)로 묶어, 휴대폰에서 게시판 화면은 창 대신 body 안에서 굴러갔다
   (메인만 창이 굴러감). 모든 화면이 창으로 구르게 한다: 내릴 때 머리 접힘, 휴대폰 주소창 접힘이 같은 방식으로 움직인다. */
body.mtc-redesign-home-page {
  height: auto;
}

body.mtc-redesign-home-page #hd {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9500;
  min-width: 0;
}

/* 그누보드 기본 CSS(css/default.css·mobile.css)의 옛 머리 모양을 끈다: 감싸기 해제용 가상 요소, 왼쪽 띄우기, 고정 높이·여백 */
body.mtc-redesign-home-page #hd::after,
body.mtc-redesign-home-page #hd_wrapper::after {
  content: none;
}

body.mtc-redesign-home-page #logo {
  float: none;
  height: auto;
  padding: 0;
  text-align: left;
}

body.mtc-redesign-home-page #logo img {
  margin: 0;
  max-height: none;
}

body.mtc-redesign-home-page #hd_wrapper,
body.mtc-redesign-home-page .mtc-header-inline-nav,
body.mtc-redesign-home-page .mtc-mobile-shell-head,
body.mtc-redesign-home-page .mtc-mobile-quicknav,
body.mtc-redesign-home-page .mtc-mobile-secondary-tabs,
body.mtc-redesign-home-page #gnb {
  display: none;
}

body.mtc-redesign-home-page #logo img,
body.mtc-redesign-home-page .mtc-mobile-logo img {
  display: block;
  width: auto;
  max-width: none;
  object-fit: contain;
}

/* ---------- PC ---------- */
@media (min-width: 1025px) {
  /* The mobile visual layer must not introduce a desktop sizing box.
     Preserve the original #hd -> #hd_wrapper height relationship on PC. */
  body.mtc-redesign-home-page .mtc-header-visual {
    display: contents;
  }

  body.mtc-redesign-home-page:has(> #hd) {
    padding-top: var(--mtc-hd-pc);
  }

  body.mtc-redesign-home-page #hd {
    height: var(--mtc-hd-pc);
  }

  /* 로고 칸 = 좌측 메뉴 칸, 메뉴 칸 = 본문 칸(.mtc-layout 과 같은 너비·칸 나눔) */
  body.mtc-redesign-home-page #hd_wrapper {
    display: grid;
    grid-template-columns: var(--mtc-desktop-sidebar-width, 360px) minmax(0, 1fr);
    column-gap: var(--mtc-desktop-column-gap, 16px);
    align-items: center;
    width: min(1280px, calc(100% - 80px));
    height: 100%;
    margin: 0 auto;
  }

  /* 로고: 좌측 메뉴(로그인·회원 상자) 칸의 가운데 */
  body.mtc-redesign-home-page #logo,
  body.mtc-redesign-home-page #logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  body.mtc-redesign-home-page #logo a {
    width: 100%;
  }

  body.mtc-redesign-home-page #logo img {
    height: 40px;
  }

  body.mtc-redesign-home-page .mtc-header-inline-nav {
    display: flex;
    align-items: stretch;
    /* Fit the seven intrinsic-width links within the available desktop column. */
    gap: 0;
    justify-content: space-between;
    height: 100%;
    min-width: 0;
    white-space: nowrap;
  }

  body.mtc-redesign-home-page .mtc-header-inline-nav .mtc-nav-item {
    position: relative;
    display: flex;
    align-items: center;
  }

  body.mtc-redesign-home-page .mtc-header-inline-nav .mtc-nav-item > a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2px;
    height: 100%;
    text-decoration: none;
  }

  body.mtc-redesign-home-page .mtc-header-inline-nav .mtc-nav-item:hover,
  body.mtc-redesign-home-page .mtc-header-inline-nav .mtc-nav-item:focus-within {
    z-index: 1;
  }

  body.mtc-redesign-home-page .mtc-nav-dropdown {
    position: absolute;
    top: calc(100% - 6px);
    left: 50%;
    min-width: 174px;
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%);
  }

  body.mtc-redesign-home-page .mtc-nav-item:hover .mtc-nav-dropdown,
  body.mtc-redesign-home-page .mtc-nav-item:focus-within .mtc-nav-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  body.mtc-redesign-home-page .mtc-nav-dropdown__item {
    display: flex;
    align-items: center;
    min-height: 36px;
    padding: 0 10px;
    border-radius: 6px;
    line-height: 1.25;
    text-decoration: none;
    white-space: nowrap;
  }
}

/* Keep the approved roomy desktop spacing when the menu column has enough room. */
@media (min-width: 1200px) {
  body.mtc-redesign-home-page .mtc-header-inline-nav {
    gap: clamp(22px, 2vw, 32px);
    justify-content: flex-start;
  }
}

/* ---------- 휴대폰·태블릿 ---------- */
@media (max-width: 1024px) {
  body.mtc-redesign-home-page:has(.mtc-mobile-secondary-tabs) {
    --mtc-hd-m-sub: 44px;
  }

  /* 내려 읽는 동안(js/mtc-clean-ui.js 가 붙이는 표시) 로고 줄을 접는다 */
  body.mtc-redesign-home-page.mtc-mobile-header-condensed {
    --mtc-hd-m-head-now: 0px;
  }

  body.mtc-redesign-home-page:has(> #hd) {
    padding-top: calc(var(--mtc-hd-m-head) + var(--mtc-hd-m-tab) + var(--mtc-hd-m-sub) + var(--mtc-hd-m-gap));
  }

  /* Keep document spacing stable. Only the fixed header's visual layer moves.
     Full-menu overlays remain outside the transformed layer so fixed coordinates
     and close-button hit targets continue to use the viewport. */
  body.mtc-redesign-home-page #hd {
    height: calc(var(--mtc-hd-m-head-now, var(--mtc-hd-m-head)) + var(--mtc-hd-m-tab) + var(--mtc-hd-m-sub));
  }

  body.mtc-redesign-home-page .mtc-header-visual {
    transform: translateY(calc(var(--mtc-hd-m-head-now, var(--mtc-hd-m-head)) - var(--mtc-hd-m-head)));
  }

  body.mtc-redesign-home-page .mtc-mobile-shell-head {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 10px;
    height: var(--mtc-hd-m-head);
    padding: 0 var(--mtc-hd-gutter) 0 max(20px, var(--mtc-hd-gutter)); /* 로고는 화면 끝에서 20px 이상 안쪽 */
  }

  body.mtc-redesign-home-page .mtc-mobile-logo {
    display: flex;
    align-items: center;
    min-width: 0;
    height: 100%;
    text-decoration: none;
  }

  body.mtc-redesign-home-page .mtc-mobile-logo img {
    height: 32px;
  }

  body.mtc-redesign-home-page .mtc-mobile-account-links {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  /* 회원가입·로그인: 보이는 크기 36px, 누르는 자리는 위아래로 4px씩 더 넓게(44px) */
  body.mtc-redesign-home-page .mtc-mobile-account-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 12px;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
  }

  body.mtc-redesign-home-page .mtc-mobile-account-link::before {
    content: "";
    position: absolute;
    inset: -4px 0;
  }

  body.mtc-redesign-home-page.mtc-mobile-header-condensed .mtc-mobile-logo,
  body.mtc-redesign-home-page.mtc-mobile-header-condensed .mtc-mobile-account-links {
    visibility: hidden;
  }

  /* 메뉴 단추: 로고 줄 바로 아래(1차 탭 줄 왼쪽 끝)에 겹쳐 놓는다 */
  body.mtc-redesign-home-page .mtc-mobile-menu-toggle {
    position: absolute;
    top: calc(100% + 1px); /* 로고 줄 아래 선(1px) 바로 밑 */
    left: 0;
    z-index: 2;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: var(--mtc-hd-m-menu);
    height: var(--mtc-hd-m-tab);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
    cursor: pointer;
  }

  body.mtc-redesign-home-page .mtc-mobile-menu-toggle::before {
    content: "";
    display: block;
    width: 18px;
    height: 1.5px;
  }

  body.mtc-redesign-home-page .mtc-mobile-menu-toggle span {
    white-space: nowrap;
  }

  body.mtc-redesign-home-page .mtc-mobile-quicknav.mtc-mobile-primary-tabs {
    display: flex;
    align-items: stretch;
    height: var(--mtc-hd-m-tab);
    padding: 0 0 0 var(--mtc-hd-m-menu);
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-left: var(--mtc-hd-m-menu);
    scrollbar-width: none;
    white-space: nowrap;
  }

  body.mtc-redesign-home-page .mtc-mobile-secondary-tabs {
    display: block;
    height: var(--mtc-hd-m-sub);
    overflow: hidden;
  }

  body.mtc-redesign-home-page .mtc-mobile-secondary-tabs__track {
    display: flex;
    align-items: stretch;
    height: 100%;
    padding: 0 var(--mtc-hd-gutter);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }

  body.mtc-redesign-home-page .mtc-mobile-quicknav.mtc-mobile-primary-tabs::-webkit-scrollbar,
  body.mtc-redesign-home-page .mtc-mobile-secondary-tabs__track::-webkit-scrollbar {
    display: none;
  }

  body.mtc-redesign-home-page .mtc-mobile-primary-tab,
  body.mtc-redesign-home-page .mtc-mobile-secondary-tab {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
  }

  /* 전체 메뉴(머리의 메뉴 단추로 연다) */
  body.mtc-redesign-home-page.mtc-mobile-nav-open {
    overflow: hidden;
  }

  body.mtc-redesign-home-page.mtc-mobile-nav-open #gnb {
    --mtc-fm-edge: 10px;
    --mtc-fm-top: max(12px, calc(env(safe-area-inset-top) + 8px));
    --mtc-fm-title: 54px;
    --mtc-fm-close: 36px;
    --mtc-fm-auth: 136px;
    --mtc-fm-control-top: calc(var(--mtc-fm-top) + (var(--mtc-fm-title) - var(--mtc-fm-close)) / 2);
    --mtc-fm-control-right: max(24px, calc((100vw - 820px) / 2 + 14px));
    display: block;
    position: fixed;
    inset: 0;
    z-index: 9998;
    width: auto;
    max-width: none;
    height: auto;
    overflow: visible;
    background: none;
    box-shadow: none;
  }

  body.mtc-redesign-home-page #gnb_all_bg {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 0;
    background: rgba(0, 5, 10, 0.86);
    backdrop-filter: blur(5px);
  }

  body.mtc-redesign-home-page #gnb_all {
    display: block;
    z-index: 1;
    width: auto;
    position: fixed;
    top: var(--mtc-fm-top);
    left: var(--mtc-fm-edge);
    right: var(--mtc-fm-edge);
    max-width: 820px;
    max-height: calc(100dvh - 24px);
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
  }

  body.mtc-redesign-home-page #gnb_all .mtc-gnb-all-title {
    display: flex;
    align-items: center;
    min-height: var(--mtc-fm-title);
    padding: 0 calc(var(--mtc-fm-auth) + var(--mtc-fm-close) + 34px) 0 16px;
    line-height: 1.2;
    white-space: nowrap;
  }

  body.mtc-redesign-home-page #gnb .mtc-mobile-nav-auth {
    position: fixed;
    top: var(--mtc-fm-control-top);
    right: calc(var(--mtc-fm-control-right) + var(--mtc-fm-close) + 10px);
    z-index: 2;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 6px;
    width: var(--mtc-fm-auth);
  }

  body.mtc-redesign-home-page #gnb .mtc-mobile-nav-auth a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--mtc-fm-close);
    padding: 0 5px;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
  }

  body.mtc-redesign-home-page #gnb .gnb_close_btn {
    position: fixed;
    top: var(--mtc-fm-control-top);
    right: var(--mtc-fm-control-right);
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--mtc-fm-close);
    height: var(--mtc-fm-close);
    margin: 0;
    padding: 0;
    cursor: pointer;
  }

  body.mtc-redesign-home-page .mtc-fullmenu-table {
    display: block;
    padding: 4px 10px 12px;
  }

  body.mtc-redesign-home-page .mtc-fullmenu-title {
    display: flex;
    align-items: center;
    margin: 0;
    line-height: 1.2;
  }

  body.mtc-redesign-home-page .mtc-fullmenu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.mtc-redesign-home-page .mtc-fullmenu-grid.is-1 {
    grid-template-columns: minmax(0, 1fr);
  }

  body.mtc-redesign-home-page .mtc-fullmenu-grid.is-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.mtc-redesign-home-page .mtc-fullmenu-cell {
    display: flex;
    align-items: center;
    min-width: 0;
    line-height: 1.2;
    text-decoration: none;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  /* 좌측 메뉴(공지·이벤트·로그인 상자)는 PC 에서만. 좁은 화면은 머리·하단 바가 같은 일을 한다. */
  body.mtc-redesign-home-page .mtc-sidebar {
    display: none;
  }
}

/* 1차 메뉴 아이콘(include/mtc_mobile_nav_tabs.inc.php 의 icon). 색은 css/mtc-shell.css 의 data-tone */
body.mtc-redesign-home-page .mtc-menu-ico {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  vertical-align: middle;
}

@media (max-width: 1024px) {
  body.mtc-redesign-home-page .mtc-mobile-primary-tab {
    gap: 2px;
  }

  body.mtc-redesign-home-page .mtc-mobile-primary-tab .mtc-menu-ico,
  body.mtc-redesign-home-page .mtc-fullmenu-title .mtc-menu-ico {
    width: 15px;
    height: 15px;
  }

  body.mtc-redesign-home-page .mtc-fullmenu-cell .mtc-menu-ico {
    width: 18px;
    height: 18px;
  }

  body.mtc-redesign-home-page .mtc-fullmenu-cell,
  body.mtc-redesign-home-page .mtc-fullmenu-title {
    gap: 4px;
  }
}

@media (min-width: 740px) and (max-width: 1024px) {
  body.mtc-redesign-home-page {
    --mtc-hd-gutter: clamp(18px, 2.6vw, 24px);
  }

  body.mtc-redesign-home-page.mtc-mobile-nav-open #gnb {
    --mtc-fm-edge: 24px;
    --mtc-fm-top: max(21px, calc(env(safe-area-inset-top) + 17px));
    --mtc-fm-title: 60px;
    --mtc-fm-close: 40px;
    --mtc-fm-auth: 170px;
    --mtc-fm-control-right: max(48px, calc((100vw - 820px) / 2 + 18px));
  }

  body.mtc-redesign-home-page #gnb_all .mtc-gnb-all-title {
    padding-left: 22px;
  }
}

/* =====================================================================
 * 사이트 틀 — 본문 칸
 * ===================================================================== */
body.mtc-redesign-home-page .mtc-layout {
  min-width: 0;
}

.mtc-sidebar,
.mtc-main {
}

.mtc-report-cta,
.mtc-login-card,
.mtc-list-box {
    min-width: 0;
}

.mtc-main {
}

@media (min-width: 1025px) {
  body.mtc-redesign-home-page #container_wr,
  body.mtc-redesign-home-page #container {
    width: 100vw;
    max-width: 100vw;
    min-width: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body.mtc-redesign-home-page #container {
    position: relative;
  }

  body.mtc-redesign-home-page .mtc-layout {
    width: 1280px;
    max-width: calc(100% - 80px);
    margin-inline: auto;
    padding: 16px 24px 40px;
    display: grid;
    grid-template-columns: 360px minmax(0, 856px);
    gap: 16px;
    align-items: start;
  }

  body.mtc-redesign-home-page .mtc-layout > .mtc-sidebar {
      display: flex;
      flex-direction: column;
      width: 100%;
      min-width: 0;
      max-width: none;
      justify-self: stretch;
      box-sizing: border-box;
  }

  body.mtc-redesign-home-page .mtc-layout > .mtc-sidebar > .mtc-login-card,
  body.mtc-redesign-home-page .mtc-layout > .mtc-sidebar > .mtc-list-box,
  body.mtc-redesign-home-page .mtc-layout > .mtc-sidebar > .mtc-report-cta {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
  }

  .mtc-login-card h2,
  .mtc-list-box h2 {
      margin: 0;
      font-size: 18px;
      font-weight: 900;
      line-height: 26px;
  }

  .mtc-list-box .mtc-list-title {
      margin: 0;
  }

  .mtc-login-card form {
      display: grid;
  }

  .mtc-login-card label {
    display: block;
    margin: 0;
  }

  .mtc-login-card label span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }

  .mtc-login-card button {
      width: 100%;
  }

  .mtc-login-links {
      display: flex;
      font-size: 13px;
  }

  .mtc-list-box {
      display: flex;
      flex-direction: column;
  }

  .mtc-list-box header {
      display: flex;
      justify-content: space-between;
      gap: 16px;
  }

  .mtc-list-box ul {
      display: grid;
      flex: 0 0 auto;
      align-content: start;
      min-height: 0;
      padding: 0;
      list-style: none;
  }

  .mtc-list-box li {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 48px;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      line-height: 1.4;
  }

  .mtc-list-box li a {
      display: flex;
      align-items: center;
      min-width: 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      line-height: 1.3;
  }

  body.mtc-redesign-home-page .mtc-sidebar > .mtc-report-cta {
      text-align: center;
  }

  body.mtc-redesign-home-page .mtc-sidebar > .mtc-report-cta .mtc-report-cta__icon-img {
      object-fit: contain;
  }

  body.mtc-redesign-home-page .mtc-sidebar > .mtc-report-cta h2 {
    margin: 10px 0 28px;
    font-size: 27px;
    line-height: 1.34;
  }

  body.mtc-redesign-home-page .mtc-sidebar > .mtc-report-cta a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-top: 0;
  }
}

@media (max-width: 1024px) {
  body.mtc-redesign-home-page .mtc-layout {
    box-sizing: border-box;
    min-width: 0;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  body.mtc-redesign-home-page {
    --mtc-critical-gutter: clamp(18px, 2.6vw, 24px);
  }

  body.mtc-redesign-home-page .mtc-layout {
    width: calc(100% - (var(--mtc-critical-gutter) * 2));
    max-width: calc(100% - (var(--mtc-critical-gutter) * 2));
    margin-inline: var(--mtc-critical-gutter);
    padding: 8px 0 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}

@media (min-width: 740px) and (max-width: 768px) {
  body.mtc-redesign-home-page {
    --mtc-critical-gutter: clamp(18px, 2.6vw, 24px);
  }

  body.mtc-redesign-home-page .mtc-layout {
    width: calc(100% - (var(--mtc-critical-gutter) * 2));
    max-width: calc(100% - (var(--mtc-critical-gutter) * 2));
    margin-inline: var(--mtc-critical-gutter);
    padding: 24px 0 40px;
  }

  body.mtc-redesign-home-page .mtc-layout {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 739px) {
  body.mtc-redesign-home-page {
    --mtc-critical-gutter: clamp(8px, 2.7vw, 14px);
  }

  body.mtc-redesign-home-page .mtc-layout {
    width: calc(100% - (var(--mtc-critical-gutter) * 2));
    max-width: calc(100% - (var(--mtc-critical-gutter) * 2));
    margin-inline: var(--mtc-critical-gutter);
    padding: 6px 0 9px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .mtc-main {
    gap: 12px;
  }

  .mtc-bottom-app-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 67px;
  }
}

/* MTC CWV P1: inline the existing board hero contract for first paint */
:root {
  --mtc-board-hero-title-color:#b3bdc7;
  --mtc-board-hero-title-pc: 22px;
  --mtc-board-hero-desc-pc: 15px;
  --mtc-board-hero-title-tablet: 20px;
  --mtc-board-hero-desc-tablet: 14px;
  --mtc-board-hero-title-mobile: 19px;
  --mtc-board-hero-desc-mobile: 13.5px;
  --mtc-board-hero-title-narrow: 18px;
  --mtc-board-hero-desc-narrow: 13px;
  --mtc-board-hero-pad-y: 18px;
  --mtc-board-hero-pad-x: 20px;
  --mtc-board-hero-gap: 16px;
}

.mtc-basic-board-hero {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--mtc-board-hero-gap);
  min-height: 0;
  margin-bottom: 12px;
  box-sizing: border-box;
}

.mtc-basic-board-hero__copy {
  min-width: 0;
}

.mtc-basic-board-hero h1 {
}

.mtc-basic-board-hero p {
}

@media (max-width: 1024px) {
  .mtc-basic-board-hero {
    --mtc-board-hero-gap: 14px;
    margin-bottom: 12px;
  }

  .mtc-basic-board-hero h1 {
    font-size: var(--mtc-board-hero-title-tablet);
    line-height: 1.32;
  }

  .mtc-basic-board-hero p {
    font-size: var(--mtc-board-hero-desc-tablet);
    line-height: 1.55;
  }
}

@media (max-width: 767px) {
  .mtc-basic-board-hero {
    --mtc-board-hero-gap: 10px;
    align-items: flex-start;
    margin-bottom: 10px;
  }

  .mtc-basic-board-hero h1 {
    line-height: 1.34;
  }

  .mtc-basic-board-hero p {
    font-size: var(--mtc-board-hero-desc-mobile);
    line-height: 1.55;
  }
}

@media (max-width: 360px) {
  .mtc-basic-board-hero {
    --mtc-board-hero-pad-y: 13px;
    --mtc-board-hero-pad-x: 13px;
  }

  .mtc-basic-board-hero h1 {
    font-size: var(--mtc-board-hero-title-narrow);
  }

  .mtc-basic-board-hero p {
    font-size: var(--mtc-board-hero-desc-narrow);
  }
}

/* ---- css/default.css ---- */
html{overflow-y:scroll}body{margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic',dotum,sans-serif;background:#fff}html,h1,h2,h3,h4,h5,h6,form,fieldset,img{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{font-size:1em;font-family:'Malgun Gothic',dotum,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul,dl,dt,dd{margin:0;padding:0;list-style:none}legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}label,input,button,select,img{vertical-align:middle;font-size:1em}input,button{margin:0;padding:0;font-family:'Malgun Gothic',dotum,sans-serif;font-size:1em}input[type="submit"]{cursor:pointer}button{cursor:pointer}textarea,select{font-family:'Malgun Gothic',dotum,sans-serif;font-size:1em}select{margin:0}p{margin:0;padding:0;word-break:break-all}hr{display:none}pre{overflow-x:scroll;font-size:1.1em}a{color:#000;text-decoration:none}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=text],input[type=password],textarea{-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;outline:none}input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{-webkit-box-shadow:0 0 5px #9ed4ff;-moz-box-shadow:0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff;border:1px solid #558ab7 !important}#hd,#wrapper,#ft{min-width:1200px}#hd_pop,#hd_wrapper,#tnb .inner,#gnb .gnb_wrap,#container_wr{width:1200px}.is-hidden{display:none !important}.is-visible{display:block !important}#hd_pop{z-index:1000;position:relative;margin:0 auto;height:0}#hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden}.hd_pops{position:absolute;border:1px solid #e9e9e9;background:#fff}.hd_pops img{max-width:100%}.hd_pops_footer{padding:0;background:#000;color:#fff;text-align:left;position:relative}.hd_pops_footer:after{display:block;visibility:hidden;clear:both;content:""}.hd_pops_footer button{padding:10px;border:0;color:#fff}.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}#hd{background:#212020}#hd_h1{position:absolute;font-size:0;line-height:0;overflow:hidden}#tnb{border-bottom:1px solid #383838;margin:0 auto}#tnb:after{display:block;visibility:hidden;clear:both;content:""}#tnb .inner{margin:0 auto}#hd_wrapper{position:relative;margin:0 auto;height:140px;zoom:1}#hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""}#logo{float:left;padding:30px 0 0}#hd_sch h3{position:absolute;font-size:0;line-height:0;overflow:hidden}#hd_sch{border-radius:30px;overflow:hidden}#hd_sch #sch_stx{float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}#hd_sch #sch_submit{float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}#gnb{position:relative;background:#fff}#gnb>h2{position:absolute;font-size:0;line-height:0;overflow:hidden}#gnb .gnb_wrap{margin:0 auto;position:relative}#gnb .gnb_wrap:hover,#gnb .gnb_wrap:focus,#gnb .gnb_wrap:active{z-index:3}#gnb #gnb_1dul{font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1}#gnb ul:after{display:block;visibility:hidden;clear:both;content:""}#gnb .gnb_1dli{float:left;line-height:55px;padding:0px;position:relative}#gnb .gnb_1dli:hover>a{color:#3a8afd;-webkit-transition:background-color 2s ease-out;-moz-transition:background-color 0.3s ease-out;-o-transition:background-color 0.3s ease-out;transition:background-color 0.3s ease-out}.gnb_1dli .bg{position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url("/css/images/gnb_bg2.gif") no-repeat 50% 50%;text-indent:-999px}.gnb_1da{display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}.gnb_2dli:first-child{border:0}.gnb_2dul{display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}.gnb_2da{display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}a.gnb_2da:hover{color:#3a8afd;background:#f7f7f8;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.gnb_2da:focus,.gnb_2da:hover{color:#fff}.gnb_1dli_over .gnb_2dul{display:block;left:0}.gnb_1dli_over2 .gnb_2dul{display:block;right:0}.gnb_wrap .gnb_empty{padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}.gnb_wrap .gnb_empty a{color:#3a8afd;text-decoration:underline}#gnb .gnb_close_btn{background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}#gnb_all{display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2)}#gnb_all h2,#gnb_all .mtc-gnb-all-title{font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}#gnb_all_bg{display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}#container_wr:after{display:block;visibility:hidden;clear:both;content:""}#container_wr{margin:0 auto;zoom:1}#aside{float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}#container{position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1}#container:after{display:block;visibility:hidden;clear:both;content:""}#container_title{font-size:1.333em;margin:0 auto;font-weight:bold}#container_title span{margin:0 auto 10px;display:block;line-height:30px}.lt_wr{width:32%}.lt_wr:nth-child(3n+1){clear:both}.latest_wr{margin-bottom:20px}.latest_wr:after{display:block;visibility:hidden;clear:both;content:""}#ft{background:#212020;margin:0 auto;text-align:center}#ft h1{position:absolute;font-size:0;line-height:0;overflow:hidden}#ft_company h2{font-size:1.2em;margin-bottom:20px}#ft_company{font-weight:normal;color:#e3e3e3;line-height:2em}#ft_copy{text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}#top_btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}#copymove .win_desc{text-align:center;display:block}#copymove .tbl_wrap{margin:20px}#copymove .win_btn{padding:0 20px 20px}.copymove_current{float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}.copymove_currentbg{background:#f4f4f4}#hd_login_msg{position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}.msg_sound_only,.sound_only{display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}#skip_to_container a{z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}#skip_to_container a:focus,#skip_to_container a:active{width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}.img_fix{width:100%;height:auto}#captcha{display:inline-block;position:relative}#captcha legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}#captcha #captcha_img{height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}#captcha #captcha_mp3{margin:0;padding:0;width:40px;height:40px;border:0;vertical-align:middle;overflow:hidden;cursor:pointer;background:url("/img/captcha2.png") no-repeat;text-indent:-999px;border-radius:3px}#captcha #captcha_reload{margin:0;padding:0;width:40px;height:40px;border:0;vertical-align:middle;overflow:hidden;cursor:pointer;background:url("/img/captcha2.png") no-repeat 0 -40px;text-indent:-999px;border-radius:3px}#captcha #captcha_key{margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}#captcha #captcha_info{display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}#captcha.m_captcha audio{display:block;margin:0 0 5px;width:187px}#captcha.m_captcha #captcha_img{width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}#captcha.m_captcha #captcha_reload{position:static;margin:0;padding:0;width:40px;height:40px;border:0;vertical-align:middle;overflow:hidden;cursor:pointer;background:url("/img/captcha2.png") no-repeat 0 -40px;text-indent:-999px}#captcha.m_captcha #captcha_reload span{display:none}#captcha.m_captcha #captcha_key{margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}#captcha.m_captcha #captcha_info{display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}#captcha.m_captcha #captcha_mp3{width:31px;height:31px;background:url("/img/captcha2.png") no-repeat 0 0;vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}.cke_sc{margin:0 0 5px;text-align:right}.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}.cke_sc_def{margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}.cke_sc_def dl:after{display:block;visibility:hidden;clear:both;content:""}.cke_sc_def dt,.cke_sc_def dd{float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}.cke_sc_def dt{width:20%;font-weight:bold}.cke_sc_def dd{width:30%}#bo_v_con ul{display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}#bo_v_con ol{display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}#bo_v_con li{display:list-item}a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;-webkit-transition:background-color 0.3s ease-out;-moz-transition:background-color 0.3s ease-out;-o-transition:background-color 0.3s ease-out;transition:background-color 0.3s ease-out}a.btn01{display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}a.btn01:focus,a.btn01:hover{text-decoration:none}button.btn01{display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}a.btn02{display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}a.btn02:focus,.btn02:hover{text-decoration:none}button.btn02{display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}.btn_confirm{text-align:right}.btn_submit{border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}.btn_submit:hover{background:#2375eb}.btn_close{border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}a.btn_close{text-align:center;line-height:50px}a.btn_cancel{display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}button.btn_cancel{display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}.btn_cancel:hover{background:#aaa}a.btn_frmline,button.btn_frmline{display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top}button.btn_frmline{font-size:1em}a.btn_b01,.btn_b01{display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}.btn_b01:hover,.btn_b01:hover{color:#000}a.btn_b02,.btn_b02{display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}a.btn_b02:hover,.btn_b02:hover{background:#0025eb}a.btn_b03,.btn_b03{display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}a.btn_b03:hover,.btn_b03:hover{background:#ebedf6}a.btn_b04,.btn_b04{display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}a.btn_b04:hover,.btn_b04:hover{color:#333;background:#f9f9f9}a.btn_admin,.btn_admin{display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle}.btn_admin:hover,a.btn_admin:hover{color:#ff3746}.tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec}.tbl_wrap caption{padding:10px 0;font-weight:bold;text-align:left}.tbl_head01{margin:0 0 10px}.tbl_head01 caption{padding:0;font-size:0;line-height:0;overflow:hidden}.tbl_head01 thead th{padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}.tbl_head01 thead th input{vertical-align:top}.tbl_head01 tfoot th,.tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}.tbl_head01 tbody th{padding:8px 0;border-bottom:1px solid #e8e8e8}.tbl_head01 td{color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}.tbl_head01 tbody tr:hover td{background:#fafafa}.tbl_head01 a:hover{text-decoration:underline}.tbl_head02{margin:0 0 10px}.tbl_head02 caption{padding:0;font-size:0;line-height:0;overflow:hidden}.tbl_head02 thead th{padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}.tbl_head02 thead a{color:#383838}.tbl_head02 thead th input{vertical-align:top}.tbl_head02 tfoot th,.tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}.tbl_head02 tbody th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}.tbl_head02 td{padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}.tbl_frm01{margin:0 0 20px}.tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0}.tbl_frm01 th{width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}.tbl_frm01 td{padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea,.frm_input{border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.tbl_frm01 textarea{padding:2px 2px 3px}.frm_input{height:40px}.full_input{width:100%}.half_input{width:49.5%}.twopart_input{width:385px;margin-right:10px}.tbl_frm01 textarea,.write_div textarea{width:100%;height:100px}.tbl_frm01 a{text-decoration:none}.tbl_frm01 .frm_file{display:block;margin-bottom:5px}.tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em}.frm_info.add_info{margin-top:10px !important;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;line-height:1.6}.btn_info_toggle{display:block;margin:5px 0 0 21px;font-size:12px;color:#3f51b5;background:none;border:none;cursor:pointer;text-decoration:underline}.list_01 ul{border-top:1px solid #ececec}.list_01 li{border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}.list_01 li:nth-child(odd){background:#f6f6f6}.list_01 li:after{display:block;visibility:hidden;clear:both;content:""}.list_01 li:hover{background:#f9f9f9}.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}.form_01 h2{font-size:1.167em}.form_01 li{margin-bottom:10px}.form_01 ul:after,.form_01 li:after{display:block;visibility:hidden;clear:both;content:""}.form_01 .left_input{float:left}.form_01 .margin_input{margin-right:1%}.form_01 textarea{height:100px;width:100%}.form_01 .frm_label{display:inline-block;width:130px}.empty_table{padding:50px 0 !important;text-align:center}.empty_list{padding:20px 0 !important;color:#666;text-align:center}.required,textarea.required{background-image:url("/img/require.png") !important;background-repeat:no-repeat !important;background-position:right top !important}.td_board{width:80px;text-align:center}.td_category{width:80px;text-align:center}.td_chk{width:30px;text-align:center}.td_date{width:60px;text-align:center}.td_datetime{width:110px;text-align:center}.td_group{width:80px;text-align:center}.td_mng{width:80px;text-align:center}.td_name{width:100px;text-align:left}.td_num{width:50px;text-align:center}.td_numbig{width:80px;text-align:center}.td_stat{width:60px;text-align:center}.txt_done{color:#e8180c}.txt_expired{color:#ccc}.txt_rdy{color:#8abc2a}.new_win{position:relative}.new_win .tbl_wrap{margin:0 20px}.new_win #win_title{font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1)}.new_win #win_title .sv{font-size:0.75em;line-height:1.2em}.new_win .win_ul{margin-bottom:15px;padding:0 20px}.new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:""}.new_win .win_ul li{float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}.new_win .win_ul li:first-child{margin-left:0}.new_win .win_ul li a{display:block;padding:8px 0;color:#6794d3}.new_win .win_ul .selected{background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}.new_win .win_ul .selected a{color:#fff;font-weight:bold}.new_win .win_desc{position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}.new_win .win_desc i{font-size:1.2em;vertical-align:baseline}.new_win .win_desc:after{content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}.new_win .frm_info{font-size:0.92em;color:#919191}.new_win .win_total{float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}.new_win .new_win_con{margin:20px 0;padding:20px}.new_win .new_win_con:after{display:block;visibility:hidden;clear:both;content:""}.new_win .new_win_con2{margin:20px 0}.new_win .btn_confirm:after{display:block;visibility:hidden;clear:both;content:""}.new_win .win_btn{text-align:center}.new_win .cert_btn{margin-bottom:30px;text-align:center}.new_win .btn_close{padding:0 20px;height:45px;overflow:hidden;cursor:pointer}.new_win .btn_submit{padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}.sch_word{color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}#validation_check{margin:100px auto;width:500px}#validation_check h1{margin-bottom:20px;font-size:1.3em}#validation_check p{margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}.sv_wrap{position:relative;font-weight:normal}.sv_wrap .sv{z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}.sv_wrap .sv:before{content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}.sv_wrap .sv a{display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}.sv_wrap .sv a:hover{background:#000;color:#fff}.sv_member{color:#333}.sv_on{display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}.sv_nojs .sv{display:block}.pg_wrap{clear:both;float:left;display:inline-block}.pg_wrap:after{display:block;visibility:hidden;clear:both;content:""}.pg{text-align:center}.pg_page,.pg_current{display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}.pg a:focus,.pg a:hover{text-decoration:none}.pg_page{color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}.pg_page:hover{background-color:#fafafa}.pg_start{text-indent:-999px;overflow:hidden;background:url("/img/btn_first.gif") no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}.pg_prev{text-indent:-999px;overflow:hidden;background:url("/img/btn_prev.gif") no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}.pg_end{text-indent:-999px;overflow:hidden;background:url("/img/btn_end.gif") no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}.pg_next{text-indent:-999px;overflow:hidden;background:url("/img/btn_next.gif") no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}.pg_current{display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}.cheditor-popup-window *,.cheditor-popup-window:after,.cheditor-popup-window:before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}#device_change{display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}
.mtc-site-breadcrumb{width:100%;margin:0 0 8px;padding:0;color:#aeb8c4;font-size:13px;line-height:1.5}
.mtc-site-breadcrumb ol{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;padding:0;list-style:none}
.mtc-site-breadcrumb li{display:flex;min-width:0;align-items:center}
.mtc-site-breadcrumb li+li:before{margin-right:8px;color:#8f9baa;content:">"}
.mtc-site-breadcrumb a{color:#aeb8c4;text-decoration:none}
.mtc-site-breadcrumb a:hover,.mtc-site-breadcrumb a:focus{text-decoration:underline}
.mtc-site-breadcrumb [aria-current="page"] span{display:block;max-width:calc(52 * var(--mtc-zero-advance-400,0.595703125) * 1em);overflow:hidden;color:#c6ced8;text-overflow:ellipsis;white-space:nowrap}

/* ---- css/mtc-icons.css ---- */
/* Box and alignment of the inline SVG icons printed by include/mtc_inline_icons.inc.php
   (used to be repeated as an inline style on every icon). Linked on every page by head.sub.php. */
.mtc-inline-svg-icon{display:inline-block;width:1em;height:1em;min-width:1em;min-height:1em;vertical-align:-0.125em;flex:0 0 auto;color:inherit}
.mtc-fa-glyph{vertical-align:-0.1429em;fill:currentColor;overflow:visible}