@charset "UTF-8";
@layer normalize {
  /*!
  https://serp.co/tools/css-reset/
  <link rel="stylesheet" href="https://css.serp.co/css-reset/normalize.css/">
  */
  /* Document
  	========================================================================== */
  /**
  * 1. Correct the line height in all browsers.
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  */
  html {
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  /* Sections
  	========================================================================== */
  /**
  * Remove the margin in all browsers.
  */
  body {
    margin: 0;
  }
  /**
  * Render the `main` element consistently in IE.
  */
  main {
    display: block;
  }
  /**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
  h1 {
    margin: 0.67em 0;
    font-size: 2em;
  }
  /* Grouping content
  	========================================================================== */
  /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
  hr {
    height: 0; /* 1 */
    overflow: visible; /* 2 */
    box-sizing: content-box; /* 1 */
  }
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  /* Text-level semantics
  	========================================================================== */
  /**
  * Remove the gray background on active links in IE 10.
  */
  a {
    background-color: transparent;
  }
  /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
  b,
  strong {
    font-weight: bolder;
  }
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  /**
  * Add the correct font size in all browsers.
  */
  small {
    font-size: 80%;
  }
  /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
  sub,
  sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  /* Embedded content
  	========================================================================== */
  /**
  * Remove the border on images inside links in IE 10.
  */
  img {
    border-style: none;
  }
  /* Forms
  	========================================================================== */
  /**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */
  button,
  input,
  optgroup,
  select,
  textarea {
    margin: 0; /* 2 */
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
  }
  /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
  /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
  button,
  select { /* 1 */
    text-transform: none;
  }
  /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    appearance: button;
  }
  /**
  * Remove the inner border and padding in Firefox.
  */
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  /**
  * Restore the focus styles unset by the previous rule.
  */
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
    outline: 0;
  }
  /**
  * Correct the padding in Firefox.
  */
  fieldset {
    padding: 0;
    border: 0;
    margin: 0;
  }
  /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
  legend {
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    white-space: normal; /* 1 */
  }
  /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
  progress {
    vertical-align: baseline;
  }
  /**
  * Remove the default vertical scrollbar in IE 10+.
  */
  textarea {
    overflow: auto;
  }
  /**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
  [type=checkbox],
  [type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  /**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
  [type=search] {
    -webkit-appearance: textfield; /* 1 */
    appearance: textfield; /* 1 */
    outline: 0;
  }
  /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  /* Interactive
  	========================================================================== */
  /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
  details {
    display: block;
  }
  /*
  * Add the correct display in all browsers.
  */
  summary {
    display: list-item;
  }
  /* Misc
  	========================================================================== */
  /**
  * Add the correct display in IE 10+.
  */
  template {
    display: none;
  }
  /**
  * Add the correct display in IE 10.
  */
  [hidden] {
    display: none;
  }
  /* additional */
  html,
  body {
    height: 100%;
    min-height: 100%;
  }
  html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    overflow-anchor: none;
    white-space: normal;
  }
  html[lang=ko] {
    word-break: keep-all;
    line-break: loose;
  }
  html[lang=en] {
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
  }
  body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    font-size: 1.3rem;
    line-height: 1;
    print-color-adjust: exact;
  }
  ul,
  ol {
    list-style: none;
  }
  a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
  }
  svg {
    display: inline-block;
    max-width: 100%;
  }
  img,
  picture,
  video,
  canvas {
    display: block;
    max-width: 100%;
  }
  img {
    height: auto;
  }
  button {
    cursor: pointer;
    border: none;
    border-radius: 0;
    background-color: transparent;
  }
  button:focus-visible {
    outline: 2px solid #000;
    outline-offset: -2px;
  }
  input,
  textarea,
  select {
    color: inherit;
    letter-spacing: inherit;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ol,
  ul,
  dl,
  dt,
  dd {
    margin: 0;
    padding: 0;
    font-weight: 400;
  }
  dl,
  dt,
  dd {
    display: revert;
  }
  input,
  select,
  textarea {
    border: 1px solid #ccc;
  }
  input:focus-visible,
  select:focus-visible,
  textarea:focus-visible {
    outline: 0;
  }
  a:focus-visible {
    outline: 2px solid #000;
    outline-offset: -2px;
  }
  input::placeholder {
    font-weight: 500;
    color: #999;
    letter-spacing: 0;
  }
  input[type=number] {
    appearance: textfield;
  }
  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
  }
  table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    box-sizing: border-box;
  }
  .ipm-loading {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3;
  }
  .ipm-loading.is-active {
    display: flex;
  }
  .ipm-loading .ipm-tit03 {
    font-size: 2.4rem;
    color: #fff;
    font-weight: 700;
  }
  .ipm-loading .loading_img {
    width: 150px;
  }
  .ipm-loading .picture01 {
    width: 100%;
    max-width: 150px;
    aspect-ratio: 13/15;
  }
  .ipm-progress-layer {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
    z-index: 99999;
  }
  .ipm-progress-layer.is-active {
    opacity: 1;
    visibility: visible;
  }
  .ipm-progress-layer.is-active .progress-bar {
    width: 780px;
  }
  .ipm-progress-box {
    width: 780px;
    text-align: center;
  }
  .ipm-progress-title {
    font-size: 14px;
    margin-bottom: 15px;
    color: #374151;
    text-align: center;
  }
  .progress-wrap {
    width: 100%;
    height: 16px;
    background: repeating-linear-gradient(to right, #e5e7eb 0%, #e5e7eb 9.8%, #4b5563 10%);
    overflow: hidden;
    border-radius: 4px;
    position: relative;
  }
  .progress-bar {
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, #38bdf8, #3b82f6, #1e3a8a);
    z-index: 1;
  }
  .progress-steps {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 16px;
    display: flex;
    z-index: 2;
  }
  .progress-steps span {
    flex: 1;
    position: relative;
    text-align: center;
    line-height: 16px;
    color: white;
  }
  @keyframes bleuFlow {
    0% {
      background-position: -200% 0;
    }
    100% {
      background-position: 200% 0;
    }
  }
}
/* ============== 글꼴 선언 + unicode-range 는 영문 ============== */
@font-face {
  font-family: "pretendard";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url(../../cmn_resources/font/Pretendard-Thin.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-Thin.woff) format("woff");
  descent-override: 10%;
  ascent-override: 92%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "pretendard";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url(../../cmn_resources/font/Pretendard-Thin.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-Thin.woff) format("woff");
  unicode-range: U+00415A, U+0061-007A, U+0020-007F;
}
@font-face {
  font-family: "pretendard";
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard ExtraLight"), url(../../cmn_resources/font/Pretendard-ExtraLight.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-ExtraLight.woff) format("woff");
  descent-override: 10%;
  ascent-override: 92%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "pretendard";
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard ExtraLight"), url(../../cmn_resources/font/Pretendard-ExtraLight.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-ExtraLight.woff) format("woff");
  unicode-range: U+00415A, U+0061-007A, U+0020-007F;
}
@font-face {
  font-family: "pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url(../../cmn_resources/font/Pretendard-Light.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-Light.woff) format("woff");
  descent-override: 10%;
  ascent-override: 92%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url(../../cmn_resources/font/Pretendard-Light.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-Light.woff) format("woff");
  unicode-range: U+00415A, U+0061-007A, U+0020-007F;
}
@font-face {
  font-family: "pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url(../../cmn_resources/font/Pretendard-Regular.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-Regular.woff) format("woff");
  descent-override: 10%;
  ascent-override: 92%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url(../../cmn_resources/font/Pretendard-Regular.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-Regular.woff) format("woff");
  unicode-range: U+00415A, U+0061-007A, U+0020-007F;
}
@font-face {
  font-family: "pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url(../../cmn_resources/font/Pretendard-Medium.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-Medium.woff) format("woff");
  descent-override: 10%;
  ascent-override: 92%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url(../../cmn_resources/font/Pretendard-Medium.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-Medium.woff) format("woff");
  unicode-range: U+00415A, U+0061-007A, U+0020-007F;
}
@font-face {
  font-family: "pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url(../../cmn_resources/font/Pretendard-SemiBold.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-SemiBold.woff) format("woff");
  descent-override: 10%;
  ascent-override: 92%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url(../../cmn_resources/font/Pretendard-SemiBold.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-SemiBold.woff) format("woff");
  unicode-range: U+00415A, U+0061-007A, U+0020-007F;
}
@font-face {
  font-family: "pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url(../../cmn_resources/font/Pretendard-Bold.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-Bold.woff) format("woff");
  descent-override: 10%;
  ascent-override: 92%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url(../../cmn_resources/font/Pretendard-Bold.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-Bold.woff) format("woff");
  unicode-range: U+00415A, U+0061-007A, U+0020-007F;
}
@font-face {
  font-family: "pretendard";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard ExtraBold"), url(../../cmn_resources/font/Pretendard-ExtraBold.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-ExtraBold.woff) format("woff");
  descent-override: 10%;
  ascent-override: 92%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "pretendard";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard ExtraBold"), url(../../cmn_resources/font/Pretendard-ExtraBold.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-ExtraBold.woff) format("woff");
  unicode-range: U+00415A, U+0061-007A, U+0020-007F;
}
@font-face {
  font-family: "pretendard";
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard Black"), url(../../cmn_resources/font/Pretendard-Black.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-Black.woff) format("woff");
  descent-override: 10%;
  ascent-override: 92%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "pretendard";
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard Black"), url(../../cmn_resources/font/Pretendard-Black.woff2) format("woff2"), url(../../cmn_resources/font/Pretendard-Black.woff) format("woff");
  unicode-range: U+00415A, U+0061-007A, U+0020-007F;
}
/* 프린트 전용 */
@media print {
  .ipm-header,
  .ipm-lnb,
  .ipm-mdi,
  .ipm-footer {
    display: none !important;
  }
  .btn_group {
    display: none !important;
  }
  .ipm-main,
  .mdi-content {
    width: 100%;
  }
  .ipm-content {
    position: static !important;
    height: initial !important;
    padding: 0 0 20px !important;
  }
  table {
    max-width: 100%;
  }
  @page {
    size: A4 landscape;
  }
}
/* ============== 변수 ============== */
/* ============== 익스텐드 ============== */
.screen_reader {
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  clip-path: inset(50%);
  clip: rect(0, 0, 0, 0);
}

/* ============== 믹스인 ============== */
/* 아코디언*/
/* 직사각형 버튼 */
/* 아이콘형 정사각형 버튼 */
/* 삼각형 화살표 */
/*스크롤바 커스텀 믹스인 */
/* 인풋 커스텀 공통 믹스인 */
/* 프로그레스바 공통 -- noOcs ? */
/* ============== 아이콘 관련 믹스인 ============== */
/* 드롭다운류 아래 화살표 */
/* 말줄임 */
@layer shared {
  /* 모달 */
  .ipm-modal {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
  }
  .ipm-modal.is-modeless {
    background: none;
  }
  .ipm-modal.is-active {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ipm-modal .modal-wrap {
    display: flex;
    flex-direction: column;
    max-width: calc(100vw - 80px);
    max-height: 95vh;
    overflow: hidden;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.17);
    background: #fff;
  }
  .ipm-modal .modal-wrap.extra_large {
    width: 1200px;
  }
  .ipm-modal .modal-wrap.large {
    width: 1000px;
  }
  .ipm-modal .modal-wrap.medium {
    width: 560px;
  }
  .ipm-modal .modal-wrap.small {
    width: 400px;
  }
  .ipm-modal .modal-wrap.popup {
    display: flex;
    width: 100%;
    height: 100%;
    max-width: initial;
    max-height: initial;
    border-radius: 0;
    box-shadow: none;
  }
  .ipm-modal .modal-wrap.popup .modal-cont {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .ipm-modal .modal-wrap.popup .modal-body {
    height: initial;
  }
  .ipm-modal .modal-wrap.alert {
    width: 400px;
    min-height: 200px;
    position: relative;
  }
  .ipm-modal .modal-wrap.alert .btn_close01 {
    position: absolute;
    right: 17px;
    top: 24px;
    color: #323232;
  }
  .ipm-modal .modal-wrap.alert .modal-cont {
    height: auto;
    padding-top: 56px;
    text-align: center;
    color: #040404;
    font-weight: 600;
  }
  .ipm-modal .modal-wrap.alert .modal-body {
    font-size: 2.2rem;
  }
  .ipm-modal .modal-wrap.alert .modal-foot {
    justify-content: center;
    margin-top: auto;
  }
  .ipm-modal .modal-wrap.overlay {
    min-width: 300px;
  }
  .ipm-modal .modal-wrap.overlay .modal-cont {
    height: auto;
  }
  .ipm-modal .modal-wrap.overlay .modal-body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .ipm-modal .modal-head {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: 10px;
    background: var(--secondary);
    color: #fff;
  }
  .ipm-modal .modal-head .ipm-tit03 {
    font-size: 2.3rem;
  }
  .ipm-modal .btn_close01 {
    padding: 6px;
    padding-block-start: 3px;
    padding-block-end: 3px;
    margin-left: auto;
    color: inherit;
    line-height: 1;
  }
  .ipm-modal .modal-cont {
    width: 100%;
    flex: 1;
  }
  .modal-iframe {
    border: 0 none;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .modal-iframe-inner {
    display: flex;
    flex-direction: column;
  }
  .modal-body {
    position: relative;
    flex: 1;
    overflow-y: auto;
    width: 100%;
    padding: 14px 24px;
    box-sizing: border-box;
    font-size: 1.4rem;
  }
  .modal-foot {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    gap: 6px;
    padding: 10px 24px 20px;
  }
  .modal-foot.justify {
    justify-content: space-between;
  }
  .modal_fixed_tab {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
  }
  .modal_fixed_tab .tab_container {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .modal_fixed_tab .tab_container .ipm-tab01 {
    margin: 0 24px;
  }
  .modal_fixed_tab .tab_scroll {
    overflow-y: auto;
    padding: 0 8px 0 24px;
  }
  .modal_fixed_tab.no-foot {
    height: 100%;
  }
  .btn-icon03 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 24px;
    height: 24px;
    border: 1px solid currentColor;
    border-radius: 3px;
    background: #fff;
    color: #afafaf;
    background: currentColor;
  }
  .btn-icon03:disabled {
    border-color: #ccc;
    background-color: #fff;
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .btn-icon03:not(:disabled):hover, .btn-icon03:not(:disabled):focus, .btn-icon03:not(:disabled):active {
    color: #8f8f8f;
  }
  .btn-icon03 [class^=ico] {
    color: #fff;
  }
  .ico-person01 {
    display: inline-flex;
    width: 26px;
    height: 26px;
    background: url("../../resources/images/person01.svg") no-repeat center;
  }
  .ico-person02 {
    display: inline-flex;
    width: 16px;
    height: 17px;
    mask: url("../../resources/images/person02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-out01 {
    display: inline-flex;
    width: 17px;
    height: 16px;
    mask: url("../../resources/images/out01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-x03 {
    display: inline-flex;
    width: 11px;
    height: 11px;
    mask: url("../../resources/images/x03.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-left03 {
    display: inline-flex;
    width: 6px;
    height: 9px;
    mask: url("../../resources/images/arr_left03.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-right05 {
    display: inline-flex;
    width: 7px;
    height: 9px;
    mask: url("../../resources/images/arr_right05.svg") no-repeat center;
    background-color: currentColor;
    mask-size: cover;
  }
  .ico-refresh01 {
    display: inline-flex;
    width: 13px;
    height: 13px;
    mask: url("../../resources/images/refresh01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-sch01 {
    display: inline-flex;
    width: 17px;
    height: 17px;
    mask: url("../../resources/images/sch01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-list02 {
    display: inline-flex;
    width: 10px;
    height: 10px;
    mask: url("../../resources/images/list02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-star02 {
    display: inline-flex;
    width: 12px;
    height: 12px;
    mask: url("../../resources/images/star02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-x05 {
    display: inline-flex;
    width: 15px;
    height: 15px;
    mask: url("../../resources/images/x05.svg") no-repeat center;
    background-color: currentColor;
  }
  /* simplebar.css */
  [data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
  }
  [data-simplebar].simplebar-dragging {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  [data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  [data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
  }
  .simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
  }
  .simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
  }
  .simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
  }
  .simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .simplebar-content-wrapper::-webkit-scrollbar,
  .simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .simplebar-content:after, .simplebar-content:before {
    content: " ";
    display: table;
  }
  .simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
  }
  .simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
  }
  .simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
  }
  .simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
  }
  .simplebar-track.simplebar-vertical {
    top: 0;
    width: 6px;
  }
  .simplebar-track.simplebar-horizontal {
    left: 0;
    height: 8px;
  }
  .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto;
  }
  .simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
  }
  .simplebar-scrollbar::before {
    position: absolute;
    content: "";
    background: #bdbdbd;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity 0.2s 0.5s linear;
  }
  .simplebar-scrollbar::before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
  }
  .simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.8;
    transition-delay: 0s;
    transition-duration: 0s;
  }
  [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
  }
  .simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important;
  }
  .simplebar-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%;
    margin: 10px 0;
  }
  .simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
}
@layer basic {
  .modal_session .ipm-para01 {
    color: #333;
  }
  .modal_session .ipm-para01:first-child {
    margin-top: 16px;
  }
  .modal_session .ipm-para01 + .ipm-para01 {
    margin-top: 19px;
  }
}
@layer normalize, shared, basic, overrides, unique;
/* 우선순위 해당없음 */
/* 에러 */
.koica-error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
  width: 100%;
  height: calc(100% - 65px);
}
.koica-error .img_wrap {
  text-align: center;
}
.koica-error .ipm-tit02 {
  color: var(--black);
}

@layer basic {
  html {
    font-family: "pretendard", sans-serif;
    font-weight: 400;
  }
  body.is-hidden {
    outline: 2px solid #000;
    outline-offset: -2px;
  }
  input:focus-visible, button:focus-visible {
    outline: 2px solid #000;
    outline-offset: -2px;
  }
  /* 아이콘 */
  .ico-arr-up01 {
    display: inline-flex;
    width: 13px;
    height: 8px;
    mask: url("../../resources/images/arr_up01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-up02 {
    display: inline-flex;
    width: 34px;
    height: 54px;
    background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='34px' height='54px'%3E%3Cdefs%3E%3ClinearGradient id='PSgrad_0' x1='0%25' x2='0%25' y1='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='rgb(19,72,157)' stop-opacity='1' /%3E%3Cstop offset='51%25' stop-color='rgb(0,190,248)' stop-opacity='1' /%3E%3Cstop offset='52%25' stop-color='rgb(0,192,250)' stop-opacity='0.98' /%3E%3Cstop offset='100%25' stop-color='rgb(0,192,250)' stop-opacity='0.2' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M25.786,40.012 L17.254,32.902 L8.443,40.012 L0.028,40.012 L-0.014,39.974 L-0.012,39.974 L17.321,25.987 L34.009,39.898 L33.878,40.012 L25.786,40.012 ZM25.786,28.012 L17.254,20.902 L8.443,28.012 L0.028,28.012 L-0.014,27.974 L-0.012,27.974 L17.321,13.987 L34.009,27.898 L33.878,28.012 L25.786,28.012 ZM25.786,14.012 L17.254,6.901 L8.443,14.012 L0.028,14.012 L-0.014,13.974 L-0.012,13.974 L17.321,-0.013 L34.009,13.898 L33.878,14.012 L25.786,14.012 ZM17.321,39.987 L34.009,53.898 L33.878,54.012 L25.786,54.012 L17.254,46.902 L8.443,54.012 L0.028,54.012 L-0.014,53.974 L-0.012,53.974 L17.321,39.987 Z'/%3E%3Cpath fill='url(%23PSgrad_0)' d='M25.786,40.012 L17.254,32.902 L8.443,40.012 L0.028,40.012 L-0.014,39.974 L-0.012,39.974 L17.321,25.987 L34.009,39.898 L33.878,40.012 L25.786,40.012 ZM25.786,28.012 L17.254,20.902 L8.443,28.012 L0.028,28.012 L-0.014,27.974 L-0.012,27.974 L17.321,13.987 L34.009,27.898 L33.878,28.012 L25.786,28.012 ZM25.786,14.012 L17.254,6.901 L8.443,14.012 L0.028,14.012 L-0.014,13.974 L-0.012,13.974 L17.321,-0.013 L34.009,13.898 L33.878,14.012 L25.786,14.012 ZM17.321,39.987 L34.009,53.898 L33.878,54.012 L25.786,54.012 L17.254,46.902 L8.443,54.012 L0.028,54.012 L-0.014,53.974 L-0.012,53.974 L17.321,39.987 Z'/%3E%3C/svg%3E") no-repeat center;
  }
  .ico-arr-up03 {
    display: inline-flex;
    width: 6px;
    height: 4px;
    mask: url("../../resources/images/arr_up03.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-down01 {
    display: inline-flex;
    width: 10px;
    height: 6px;
    mask: url("../../resources/images/arr_down01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-down02 {
    display: inline-flex;
    width: 17px;
    height: 13px;
    mask: url("../../resources/images/arr_down02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-down03 {
    display: inline-flex;
    width: 34px;
    height: 54px;
    background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='35px' height='55px'%3E%3Cdefs%3E%3ClinearGradient id='PSgrad_0' x1='0%25' x2='0%25' y1='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='rgb(19,72,157)' stop-opacity='1' /%3E%3Cstop offset='51%25' stop-color='rgb(0,190,248)' stop-opacity='1' /%3E%3Cstop offset='52%25' stop-color='rgb(0,192,250)' stop-opacity='0.98' /%3E%3Cstop offset='100%25' stop-color='rgb(0,192,250)' stop-opacity='0.2' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M0.019,26.057 L0.017,26.057 L0.059,26.020 L8.474,26.020 L17.286,33.130 L25.817,26.020 L33.909,26.020 L34.041,26.133 L17.352,40.044 L0.019,26.057 ZM0.019,14.057 L0.017,14.057 L0.059,14.020 L8.474,14.020 L17.286,21.130 L25.817,14.020 L33.909,14.020 L34.041,14.133 L17.352,28.044 L0.019,14.057 ZM0.019,0.057 L0.017,0.057 L0.059,0.020 L8.474,0.020 L17.286,7.130 L25.817,0.020 L33.909,0.020 L34.041,0.133 L17.352,14.044 L0.019,0.057 ZM8.474,40.020 L17.286,47.130 L25.817,40.020 L33.909,40.020 L34.041,40.133 L17.352,54.044 L0.019,40.057 L0.017,40.057 L0.059,40.020 L8.474,40.020 Z'/%3E%3Cpath fill='url(%23PSgrad_0)' d='M0.019,26.057 L0.017,26.057 L0.059,26.020 L8.474,26.020 L17.286,33.130 L25.817,26.020 L33.909,26.020 L34.041,26.133 L17.352,40.044 L0.019,26.057 ZM0.019,14.057 L0.017,14.057 L0.059,14.020 L8.474,14.020 L17.286,21.130 L25.817,14.020 L33.909,14.020 L34.041,14.133 L17.352,28.044 L0.019,14.057 ZM0.019,0.057 L0.017,0.057 L0.059,0.020 L8.474,0.020 L17.286,7.130 L25.817,0.020 L33.909,0.020 L34.041,0.133 L17.352,14.044 L0.019,0.057 ZM8.474,40.020 L17.286,47.130 L25.817,40.020 L33.909,40.020 L34.041,40.133 L17.352,54.044 L0.019,40.057 L0.017,40.057 L0.059,40.020 L8.474,40.020 Z'/%3E%3C/svg%3E") no-repeat center;
  }
  .ico-arr-down05 {
    display: inline-flex;
    width: 6px;
    height: 4px;
    mask: url("../../resources/images/arr_down04.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-down06 {
    display: inline-flex;
    width: 13px;
    height: 8px;
    mask: url("../../resources/images/arr_down06.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-left01 {
    display: inline-flex;
    width: 18px;
    height: 16px;
    mask: url("../../resources/images/arr_left01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-left02 {
    display: inline-flex;
    width: 12px;
    height: 15px;
    mask: url("../../resources/images/arr_left02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-left04 {
    display: inline-flex;
    width: 14px;
    height: 12px;
    mask: url("../../resources/images/arr_left04.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-left05 {
    display: inline-flex;
    width: 10px;
    height: 12px;
    mask: url("../../resources/images/arr_left05.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-left06 {
    display: inline-flex;
    width: 18px;
    height: 29px;
    mask: url("../../resources/images/arr_left06.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-right02 {
    display: inline-flex;
    width: 7px;
    height: 11px;
    mask: url("../../resources/images/arr_right02.svg") no-repeat center;
    background-color: currentColor;
    color: #fff;
  }
  .ico-arr-right03 {
    display: inline-flex;
    width: 6px;
    height: 10px;
    mask: url("../../resources/images/arr_right03.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-right04 {
    display: inline-flex;
    width: 12px;
    height: 15px;
    background: url("../../resources/images/arr_right04.svg") no-repeat center;
  }
  .ico-arr-right06 {
    display: inline-flex;
    width: 10px;
    height: 12px;
    mask: url("../../resources/images/arr_right06.svg") no-repeat center;
    background-color: currentColor;
    mask-size: cover;
  }
  .ico-arr-right07 {
    display: inline-flex;
    width: 13px;
    height: 12px;
    mask: url("../../resources/images/arr_right07.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-right08 {
    display: inline-flex;
    width: 13px;
    height: 13px;
    mask: url("../../resources/images/arr_right08.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-arr-right09 {
    display: inline-flex;
    width: 18px;
    height: 29px;
    mask: url("../../resources/images/arr_right09.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-approval01 {
    display: inline-flex;
    width: 16px;
    height: 16px;
    background: url("../../resources/images/approval01.svg") no-repeat center;
  }
  .ico-approval02 {
    display: inline-flex;
    width: 18px;
    height: 18px;
    mask: url("../../resources/images/approval02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-bag01 {
    display: inline-flex;
    width: 18px;
    height: 17px;
    background: url("../../resources/images/bag01.svg") no-repeat center;
  }
  .ico-block01 {
    display: inline-flex;
    width: 41px;
    height: 41px;
    background: url("../../resources/images/block01.png") no-repeat center;
  }
  .ico-change01 {
    display: inline-flex;
    width: 15px;
    height: 17px;
    mask: url("../../resources/images/change01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-chk01 {
    display: inline-flex;
    width: 13px;
    height: 11px;
    mask: url("../../resources/images/chk01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-chk02 {
    display: inline-flex;
    width: 20px;
    height: 20px;
    mask: url("../../resources/images/chk02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-chk03 {
    display: inline-flex;
    width: 9px;
    height: 9px;
    background: url("../../resources/images/chk03.png") no-repeat center;
  }
  .ico-cal01 {
    display: inline-flex;
    width: 14px;
    height: 14px;
    mask: url("../../resources/images/cal02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-cal02 {
    display: inline-flex;
    width: 17px;
    height: 17px;
    mask: url("../../resources/images/cal01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-cal03 {
    display: inline-flex;
    width: 22px;
    height: 22px;
    mask: url("../../resources/images/cal03.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-card01 {
    display: inline-flex;
    width: 16px;
    height: 16px;
    background: url("../../resources/images/card01.svg") no-repeat center;
  }
  .ico-dot01 {
    display: inline-flex;
    width: 12px;
    height: 4px;
    mask: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='4px'%3E%3Cpath fill-rule='evenodd' fill='rgb(19, 72, 157)' d='M1.547,0.047 C2.376,0.047 3.047,0.719 3.047,1.547 C3.047,2.376 2.376,3.047 1.547,3.047 C0.719,3.047 0.047,2.376 0.047,1.547 C0.047,0.719 0.719,0.047 1.547,0.047 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(19, 72, 157)' d='M5.547,0.047 C6.376,0.047 7.047,0.719 7.047,1.547 C7.047,2.376 6.376,3.047 5.547,3.047 C4.719,3.047 4.047,2.376 4.047,1.547 C4.047,0.719 4.719,0.047 5.547,0.047 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(19, 72, 157)' d='M9.547,0.047 C10.376,0.047 11.047,0.719 11.047,1.547 C11.047,2.376 10.376,3.047 9.547,3.047 C8.719,3.047 8.047,2.376 8.047,1.547 C8.047,0.719 8.719,0.047 9.547,0.047 Z'/%3E%3C/svg%3E") no-repeat center;
    background-color: currentColor;
  }
  .ico-donut01 {
    display: inline-flex;
    width: 17px;
    height: 16px;
    background: url("../../resources/images/donut01.svg") no-repeat center;
  }
  .ico-hands01 {
    display: inline-flex;
    width: 18px;
    height: 19px;
    mask: url("../../resources/images/hands01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-home01 {
    display: inline-flex;
    width: 14px;
    height: 14px;
    mask: url("../../resources/images/home01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-home02 {
    display: inline-flex;
    width: 20px;
    height: 20px;
    mask: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='20' viewBox='0 0 18 20'%3E%3Cimage id='home02' data-name='home02' width='18' height='20' xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAABZElEQVQ4jd3UP2hUQRDH8c8dorExNmqsJF0a/xVRiIJiLZgQCAjaWdqIhYUyxTTWFmJnYR1JBAnXqW0QVEJqMVjEUkRLlYXN8Uje8y6tv2rf/Ga+7M7svp5/KCJm8QrbWMjML13Z/S4jIhbxDidxHusRMbcvUEQ8wDIO4zU+4DjeRMTttpreLsBBPMWdGnqC+ziEF1is8cd4mJl/9oAi4ihe4hp+425mPmv4JTfxqIZWcSszfw5BETGNNczgB5Yyc9Bx7Jt4jgl8xI3M3OpFxCWs4Bi2cD0zN7qaWmEX6jSn8A3z/bqTAnmPi6MgRZm5jtk6hBMYFNCR6l/JzO1RkAbsKy7Xz8l+w/g1LqSt5kBbQm3+2Y76T5n5eXewFVQbebrDKz08My5op29v8b2uJ3G14Y0F2tG9zCx3pRz3XJ1Sqzof7X71H4OGzY6I4S9hhE615ZYdbXYUlsfYvHhlXWJ7xeZfsFVnQ4nKOo0AAAAASUVORK5CYII='/%3E%3C/svg%3E") no-repeat center;
    background-color: currentColor;
  }
  .ico-exclam01 {
    display: inline-flex;
    width: 16px;
    height: 16px;
    background: url("../../resources/images/exclam01.svg") no-repeat center;
  }
  .ico-exclam03 {
    display: inline-flex;
    width: 24px;
    height: 24px;
    mask: url("../../resources/images/exclam03.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-folder01 {
    display: inline-flex;
    width: 24px;
    height: 24px;
    mask: url("../../resources/images/%3Csvg version='1.1' id='icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;stroke:%237E7E7E;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M17.4,4.5H13c-0.4,0-0.7,0.1-1,0.4c-0.4,0.3-0.6,0.8-0.6,1.4v1.4H6.6c-0.9,0-1.6,0.8-1.6,1.7v8.3 c0,1,0.7,1.8,1.6,1.8h10.8c0.9,0,1.6-0.8,1.6-1.8V9.4V6.3C19,5.3,18.3,4.5,17.4,4.5z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
    background-color: currentColor;
  }
  .ico-folder02 {
    display: inline-flex;
    width: 22px;
    height: 24px;
    mask: url("../../resources/images/folder02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-file01 {
    display: inline-flex;
    width: 24px;
    height: 24px;
    mask: url("../../resources/images/file01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-file-docx01 {
    display: inline-flex;
    width: 22px;
    height: 24px;
    background: url("../../resources/images/file_docx01.svg") no-repeat center;
  }
  .ico-file-hwp01 {
    display: inline-flex;
    width: 22px;
    height: 24px;
    background: url("../../resources/images/file_hwp01.svg") no-repeat center;
  }
  .ico-file-pdf01 {
    display: inline-flex;
    width: 22px;
    height: 24px;
    background: url("../../resources/images/file_pdf01.svg") no-repeat center;
  }
  .ico-file-ppt01 {
    display: inline-flex;
    width: 22px;
    height: 24px;
    background: url("../../resources/images/file_ppt01.svg") no-repeat center;
  }
  .ico-file-txt01 {
    display: inline-flex;
    width: 22px;
    height: 24px;
    background: url("../../resources/images/file_txt01.svg") no-repeat center;
  }
  .ico-file-xls01 {
    display: inline-flex;
    width: 22px;
    height: 24px;
    background: url("../../resources/images/file_xls01.svg") no-repeat center;
  }
  .ico-file-zip01 {
    display: inline-flex;
    width: 22px;
    height: 24px;
    background: url("../../resources/images/file_zip01.svg") no-repeat center;
  }
  .ico-feet01 {
    display: inline-flex;
    width: 24px;
    height: 24px;
    mask: url("../../resources/images/feet01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-star01 {
    display: inline-flex;
    width: 18px;
    height: 18px;
    mask: url("../../resources/images/star01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-download01 {
    display: inline-flex;
    width: 16px;
    height: 15px;
    mask: url("../../resources/images/download01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-upload01 {
    display: inline-flex;
    width: 16px;
    height: 15px;
    mask: url("../../resources/images/upload01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-plus01 {
    display: inline-flex;
    width: 12px;
    height: 12px;
    mask: url("../../resources/images/plus01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-plus02 {
    display: inline-flex;
    width: 17px;
    height: 17px;
    background: url("../../resources/images/plus02.svg") no-repeat center;
  }
  .ico-minus01 {
    display: inline-flex;
    width: 16px;
    height: 16px;
    mask: url("../../resources/images/minus01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-monitor01 {
    display: inline-flex;
    width: 17px;
    height: 16px;
    mask: url("../../resources/images/monitor01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-save01 {
    display: inline-flex;
    width: 18px;
    height: 18px;
    mask: url("../../resources/images/save01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-sch02 {
    display: inline-flex;
    width: 22px;
    height: 26px;
    mask: url("../../resources/images/sch02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-write01 {
    display: inline-flex;
    width: 18px;
    height: 17px;
    mask: url("../../resources/images/modify01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-write02 {
    display: inline-flex;
    width: 24px;
    height: 24px;
    mask: url("../../resources/images/modify02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-trash01 {
    display: inline-flex;
    width: 16px;
    height: 16px;
    mask: url("../../resources/images/trash01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-x01 {
    display: inline-flex;
    width: 10px;
    height: 10px;
    mask: url("../../resources/images/x01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-x02 {
    display: inline-flex;
    width: 10px;
    height: 10px;
    mask: url("../../resources/images/x02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-x04 {
    display: inline-flex;
    width: 8px;
    height: 8px;
    mask: url("../../resources/images/x04.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-x05 {
    display: inline-flex;
    width: 15px;
    height: 15px;
    mask: url("../../resources/images/x05.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-graph01 {
    display: inline-flex;
    width: 38px;
    height: 38px;
    background: url("../../resources/images/graph01.png") no-repeat center;
  }
  .ico-graph02 {
    display: inline-flex;
    width: 14px;
    height: 14px;
    mask: url("../../resources/images/graph02.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-graph03 {
    display: inline-flex;
    width: 18px;
    height: 18px;
    mask: url("../../resources/images/graph03.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-graph04 {
    display: inline-flex;
    width: 18px;
    height: 15px;
    mask: url("../../resources/images/graph04.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-graph05 {
    display: inline-flex;
    width: 24px;
    height: 21px;
    mask: url("../../resources/images/graph05.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-globe01 {
    display: inline-flex;
    width: 16px;
    height: 16px;
    mask: url("../../resources/images/globe01.svg") no-repeat center;
    background-color: currentColor;
    mask-size: cover;
  }
  .ico-list01 {
    display: inline-flex;
    width: 18px;
    height: 18px;
    background: url("../../resources/images/list01.svg") no-repeat center;
  }
  .ico-new01 {
    display: inline-flex;
    width: 12px;
    height: 12px;
    background: url("../../resources/images/new01.svg") no-repeat center;
  }
  .ico-person03 {
    display: inline-flex;
    width: 24px;
    height: 26px;
    mask: url("../../resources/images/person03.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-pencil01 {
    display: inline-flex;
    width: 49px;
    height: 44px;
    background: url("../../resources/images/pencil01.png") no-repeat center;
  }
  .ico-pencil02 {
    display: inline-flex;
    width: 47px;
    height: 47px;
    background: url("../../resources/images/pencil02.png") no-repeat center;
  }
  .ico-pencil03 {
    display: inline-flex;
    width: 18px;
    height: 18px;
    mask: url("../../resources/images/pencil03.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-pencil04 {
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: url("../../resources/images/pencil04.svg") no-repeat center;
  }
  .ico-pencil05 {
    display: inline-flex;
    width: 24px;
    height: 24px;
    mask: url("../../resources/images/pencil05.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-paper01 {
    display: inline-flex;
    width: 43px;
    height: 43px;
    background: url("../../resources/images/paper01.svg") no-repeat center;
  }
  .ico-print01 {
    display: inline-flex;
    width: 16px;
    height: 16px;
    mask: url("../../resources/images/print01.svg") no-repeat center;
    background-color: currentColor;
  }
  .ico-healthcare01 {
    display: inline-flex;
    width: 26px;
    height: 29px;
    background: url("../../cmn_resources/images/healthcare01.svg") no-repeat center;
  }
  .ico-education01 {
    display: inline-flex;
    width: 36px;
    height: 26px;
    background: url("../../cmn_resources/images/education01.svg") no-repeat center;
  }
  .ico-public_admin01 {
    display: inline-flex;
    width: 32px;
    height: 29px;
    background: url("../../cmn_resources/images/public_admin01.svg") no-repeat center;
  }
  .ico-tech_env_energy01 {
    display: inline-flex;
    width: 20px;
    height: 36px;
    background: url("../../cmn_resources/images/light01.svg") no-repeat center;
  }
  .ico-agri_forest_fish01 {
    display: inline-flex;
    width: 26px;
    height: 32px;
    background: url("../../cmn_resources/images/agri_forest_fish01.svg") no-repeat center;
  }
  .ico-emergency_relief01 {
    display: inline-flex;
    width: 30px;
    height: 34px;
    background: url("../../cmn_resources/images/emergency_relief01.svg") no-repeat center;
  }
  .ico-other_bs01 {
    display: inline-flex;
    width: 31px;
    height: 28px;
    background: url("../../cmn_resources/images/other_bs01.svg") no-repeat center;
  }
  /* 버튼 */
  .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary);
    border-radius: 4px;
    box-sizing: border-box;
    background: var(--primary);
    color: #fff;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-primary:is(a) {
    cursor: pointer;
  }
  .btn-primary .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-primary:not(:disabled):hover, .btn-primary:not(:disabled):focus, .btn-primary:not(:disabled):active {
    border-color: var(--btn-pr-hvbg);
    background: var(--btn-pr-hvbg);
  }
  .btn-primary:disabled {
    border-color: var(--btn-pr-disbg);
    background: var(--btn-pr-disbg);
    color: #7f7f7f;
    cursor: not-allowed;
  }
  .btn-primary.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-primary.small .txt {
    font-size: 1.3rem;
  }
  .btn-primary.inverse {
    flex-direction: row-reverse;
  }
  .btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--secondary);
    border-radius: 4px;
    box-sizing: border-box;
    background: var(--secondary);
    color: #fff;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-secondary:is(a) {
    cursor: pointer;
  }
  .btn-secondary .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-secondary:not(:disabled):hover, .btn-secondary:not(:disabled):focus, .btn-secondary:not(:disabled):active {
    border-color: var(--btn-sc-hvbg);
    background: var(--btn-sc-hvbg);
  }
  .btn-secondary:disabled {
    border-color: var(--btn-sc-disbg);
    background: var(--btn-sc-disbg);
    color: #e6e3e3;
    cursor: not-allowed;
  }
  .btn-secondary.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-secondary.small .txt {
    font-size: 1.3rem;
  }
  .btn-secondary.inverse {
    flex-direction: row-reverse;
  }
  .btn-darkgray01 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gray);
    border-radius: 4px;
    box-sizing: border-box;
    background: var(--gray);
    color: #fff;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-darkgray01:is(a) {
    cursor: pointer;
  }
  .btn-darkgray01 .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-darkgray01:not(:disabled):hover, .btn-darkgray01:not(:disabled):focus, .btn-darkgray01:not(:disabled):active {
    border-color: #525252;
    background: #525252;
  }
  .btn-darkgray01:disabled {
    border-color: #d3d4d8;
    background: #d3d4d8;
    color: #afb1b4;
    cursor: not-allowed;
  }
  .btn-darkgray01.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-darkgray01.small .txt {
    font-size: 1.3rem;
  }
  .btn-darkgray01.inverse {
    flex-direction: row-reverse;
  }
  .btn-darkgray02 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #525252;
    border-radius: 4px;
    box-sizing: border-box;
    background: #525252;
    color: #fff;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-darkgray02:is(a) {
    cursor: pointer;
  }
  .btn-darkgray02 .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-darkgray02:not(:disabled):hover, .btn-darkgray02:not(:disabled):focus, .btn-darkgray02:not(:disabled):active {
    border-color: #797b7f;
    background: #797b7f;
  }
  .btn-darkgray02:disabled {
    border-color: #e8e8e8;
    background: #e8e8e8;
    color: #a9a9a9;
    cursor: not-allowed;
  }
  .btn-darkgray02.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-darkgray02.small .txt {
    font-size: 1.3rem;
  }
  .btn-darkgray02.inverse {
    flex-direction: row-reverse;
  }
  .btn-gray01 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    box-sizing: border-box;
    background: #a9a9a9;
    color: #fff;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-gray01:is(a) {
    cursor: pointer;
  }
  .btn-gray01 .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-gray01:not(:disabled):hover, .btn-gray01:not(:disabled):focus, .btn-gray01:not(:disabled):active {
    border-color: #8a8a8a;
    background: #8a8a8a;
  }
  .btn-gray01:disabled {
    border-color: #d2d2d2;
    background: #d2d2d2;
    color: #a9a9a9;
    cursor: not-allowed;
  }
  .btn-gray01.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-gray01.small .txt {
    font-size: 1.3rem;
  }
  .btn-gray01.inverse {
    flex-direction: row-reverse;
  }
  .btn-gray02 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #8192a9;
    border-radius: 4px;
    box-sizing: border-box;
    background: #8192a9;
    color: #fff;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-gray02:is(a) {
    cursor: pointer;
  }
  .btn-gray02 .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-gray02:not(:disabled):hover, .btn-gray02:not(:disabled):focus, .btn-gray02:not(:disabled):active {
    border-color: #6e7e94;
    background: #6e7e94;
  }
  .btn-gray02:disabled {
    border-color: #b6c5d1;
    background: #b6c5d1;
    color: #8192a9;
    cursor: not-allowed;
  }
  .btn-gray02.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-gray02.small .txt {
    font-size: 1.3rem;
  }
  .btn-gray02.inverse {
    flex-direction: row-reverse;
  }
  .btn-gray03 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #797b7f;
    border-radius: 4px;
    box-sizing: border-box;
    background: #797b7f;
    color: #fff;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-gray03:is(a) {
    cursor: pointer;
  }
  .btn-gray03 .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-gray03:not(:disabled):hover, .btn-gray03:not(:disabled):focus, .btn-gray03:not(:disabled):active {
    border-color: #a9a9a9;
    background: #a9a9a9;
  }
  .btn-gray03:disabled {
    border-color: #d2d2d2;
    background: #d2d2d2;
    color: #a9a9a9;
    cursor: not-allowed;
  }
  .btn-gray03.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-gray03.small .txt {
    font-size: 1.3rem;
  }
  .btn-gray03.inverse {
    flex-direction: row-reverse;
  }
  .btn-small-gray01 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 24px;
    padding: 2px 7px 3px;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-radius: 4px;
    background: currentColor;
    color: #f3f3f3;
  }
  .btn-small-gray01 [class^=ico-] {
    color: #676767;
    width: 10px;
    height: 10px;
  }
  .btn-small-gray01 .txt {
    font-size: 1.3rem;
    color: #676767;
    font-weight: 500;
  }
  .btn-small-gray01:hover [class^=ico-],
  .btn-small-gray01:hover .txt, .btn-small-gray01:focus [class^=ico-],
  .btn-small-gray01:focus .txt, .btn-small-gray01:active [class^=ico-],
  .btn-small-gray01:active .txt {
    color: var(--gray-hard);
  }
  .btn-purple {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #736fa0;
    border-radius: 4px;
    box-sizing: border-box;
    background: #736fa0;
    color: #fff;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-purple:is(a) {
    cursor: pointer;
  }
  .btn-purple .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-purple:not(:disabled):hover, .btn-purple:not(:disabled):focus, .btn-purple:not(:disabled):active {
    border-color: #4c487a;
    background: #4c487a;
  }
  .btn-purple:disabled {
    border-color: #bbb9cf;
    background: #bbb9cf;
    color: #e3e3e3;
    cursor: not-allowed;
  }
  .btn-purple.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-purple.small .txt {
    font-size: 1.3rem;
  }
  .btn-purple.inverse {
    flex-direction: row-reverse;
  }
  .btn-primary-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary);
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    color: var(--primary);
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-primary-outline:is(a) {
    cursor: pointer;
  }
  .btn-primary-outline .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-primary-outline:not(:disabled):hover, .btn-primary-outline:not(:disabled):focus, .btn-primary-outline:not(:disabled):active {
    border-color: var(--primary);
    background: var(--btn-prot-hvbg);
  }
  .btn-primary-outline:disabled {
    border-color: var(--btn-prot-dis);
    background: var(--btn-prot-disbg);
    color: var(--btn-prot-dis);
    cursor: not-allowed;
  }
  .btn-primary-outline.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-primary-outline.small .txt {
    font-size: 1.3rem;
  }
  .btn-primary-outline.inverse {
    flex-direction: row-reverse;
  }
  .btn-secondary-outline2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--secondary);
    border-radius: 4px;
    box-sizing: border-box;
    background: #0578be;
    color: #fff;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-secondary-outline2:is(a) {
    cursor: pointer;
  }
  .btn-secondary-outline2 .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-secondary-outline2:not(:disabled):hover, .btn-secondary-outline2:not(:disabled):focus, .btn-secondary-outline2:not(:disabled):active {
    border-color: var(--btn-pr-hvbg);
    background: var(--btn-pr-hvbg);
  }
  .btn-secondary-outline2:disabled {
    border-color: var(--btn-pr-disbg);
    background: var(--btn-pr-disbg);
    color: #7f7f7f;
    cursor: not-allowed;
  }
  .btn-secondary-outline2.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-secondary-outline2.small .txt {
    font-size: 1.3rem;
  }
  .btn-secondary-outline2.inverse {
    flex-direction: row-reverse;
  }
  .btn-secondary-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--secondary);
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    color: var(--secondary);
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-secondary-outline:is(a) {
    cursor: pointer;
  }
  .btn-secondary-outline .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-secondary-outline:not(:disabled):hover, .btn-secondary-outline:not(:disabled):focus, .btn-secondary-outline:not(:disabled):active {
    border-color: var(--secondary);
    background: var(--btn-prot-hvbg);
  }
  .btn-secondary-outline:disabled {
    border-color: var(--btn-prot-dis);
    background: var(--btn-sc-disbg);
    color: var(--btn-prot-dis);
    cursor: not-allowed;
  }
  .btn-secondary-outline.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-secondary-outline.small .txt {
    font-size: 1.3rem;
  }
  .btn-secondary-outline.inverse {
    flex-direction: row-reverse;
  }
  .btn-outline01 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #656565;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    color: #656565;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-outline01:is(a) {
    cursor: pointer;
  }
  .btn-outline01 .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-outline01:not(:disabled):hover, .btn-outline01:not(:disabled):focus, .btn-outline01:not(:disabled):active {
    border-color: #8a8a8a;
    background: #f4f5f6;
  }
  .btn-outline01:disabled {
    border-color: #ccc;
    background: #fff;
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .btn-outline01.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-outline01.small .txt {
    font-size: 1.3rem;
  }
  .btn-outline01.inverse {
    flex-direction: row-reverse;
  }
  .btn-outline02 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #736fa0;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    color: #736fa0;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-outline02:is(a) {
    cursor: pointer;
  }
  .btn-outline02 .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-outline02:not(:disabled):hover, .btn-outline02:not(:disabled):focus, .btn-outline02:not(:disabled):active {
    border-color: #736fa0;
    background: rgb(240, 239, 253);
  }
  .btn-outline02:disabled {
    border-color: #ccc;
    background: #e5e3f8;
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .btn-outline02.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-outline02.small .txt {
    font-size: 1.3rem;
  }
  .btn-outline02.inverse {
    flex-direction: row-reverse;
  }
  .btn-outline03 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #929292;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    color: #929292;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-outline03:is(a) {
    cursor: pointer;
  }
  .btn-outline03 .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-outline03:not(:disabled):hover, .btn-outline03:not(:disabled):focus, .btn-outline03:not(:disabled):active {
    border-color: #8a8a8a;
    background: #f4f5f6;
  }
  .btn-outline03:disabled {
    border-color: #ccc;
    background: #fff;
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .btn-outline03.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-outline03.small .txt {
    font-size: 1.3rem;
  }
  .btn-outline03.inverse {
    flex-direction: row-reverse;
  }
  .btn-outline04 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gray);
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    color: var(--gray);
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-outline04:is(a) {
    cursor: pointer;
  }
  .btn-outline04 .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-outline04:not(:disabled):hover, .btn-outline04:not(:disabled):focus, .btn-outline04:not(:disabled):active {
    border-color: #8a8a8a;
    background: #f4f5f6;
  }
  .btn-outline04:disabled {
    border-color: var(--gray);
    background: #fff;
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .btn-outline04.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-outline04.small .txt {
    font-size: 1.3rem;
  }
  .btn-outline04.inverse {
    flex-direction: row-reverse;
  }
  .btn-outline05 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #8a8a8a;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    color: #8a8a8a;
    line-height: 1;
    gap: 12px;
    min-width: 110px;
    min-height: 30px;
    padding: 5px 19px;
  }
  .btn-outline05:is(a) {
    cursor: pointer;
  }
  .btn-outline05 .txt {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn-outline05:not(:disabled):hover, .btn-outline05:not(:disabled):focus, .btn-outline05:not(:disabled):active {
    border-color: #929292;
    background: #f4f5f6;
  }
  .btn-outline05:disabled {
    border-color: #ccc;
    background: #fff;
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .btn-outline05.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-outline05.small .txt {
    font-size: 1.3rem;
  }
  .btn-outline05.inverse {
    flex-direction: row-reverse;
  }
  .btn-link01 {
    display: inline-flex;
    align-items: center;
    padding: 1px 2px;
  }
  .btn-link01 .txt {
    color: #656565;
    font-weight: 600;
    font-size: 1.3rem;
  }
  .btn-link01:hover, .btn-link01:focus, .btn-link01:active {
    color: #444;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .btn-link02 {
    display: inline-flex;
    align-items: center;
    padding: 1px 2px;
  }
  .btn-link02 .txt {
    color: #333;
    font-weight: 600;
    font-size: 1.3rem;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .btn-link02:hover, .btn-link02:focus, .btn-link02:active {
    color: #222;
    font-weight: 700;
  }
  .btn-plain01 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    background: transparent;
    color: var(--gray-hard);
    line-height: 1;
    gap: 6px;
    padding: 5px 6px;
  }
  .btn-plain01:is(a) {
    cursor: pointer;
  }
  .btn-plain01 .txt {
    font-size: 1.2rem;
    font-weight: 600;
  }
  .btn-plain01:not(:disabled):hover, .btn-plain01:not(:disabled):focus, .btn-plain01:not(:disabled):active {
    border-color: transparent;
    background: transparent;
  }
  .btn-plain01:disabled {
    border-color: #e8e8e8;
    background: #e8e8e8;
    color: #a9a9a9;
    cursor: not-allowed;
  }
  .btn-plain01.small {
    min-width: initial;
    min-height: 28px;
    padding: 4px 10px;
  }
  .btn-plain01.small .txt {
    font-size: 1.3rem;
  }
  .btn-plain01.inverse {
    flex-direction: row-reverse;
  }
  .btn-plain01 [class^=ico] {
    color: #b7b7b7;
  }
  .btn-plain01:hover .txt, .btn-plain01:focus .txt, .btn-plain01:active .txt {
    color: var(--black);
  }
  .btn-plain01:hover [class^=ico], .btn-plain01:focus [class^=ico], .btn-plain01:active [class^=ico] {
    color: var(--gray-hard);
  }
  .btn_help01 {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 8px;
    border-radius: 20px;
    background: #f4f4f4;
  }
  .btn_help01 .txt {
    color: #728ab1;
    font-size: 1.4rem;
    font-weight: 600;
  }
  .btn_help01 .txt2 {
    color: #0d387d;
    font-size: 1.7rem;
    font-weight: 600;
  }
  .btn_help02 {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 8px;
    border-radius: 20px;
    background: #009cff;
  }
  .btn_help02 .txt {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 600;
  }
  .btn_help02 .txt2 {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
  }
  .btn-my_menu01.is-on {
    color: #ffdf07;
  }
  .btn-my_menu01.is-on:hover, .btn-my_menu01.is-on:focus, .btn-my_menu01.is-on:active {
    color: #ffd107;
  }
  .btn-icon01 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 24px;
    height: 24px;
    border: 1px solid currentColor;
    border-radius: 3px;
    background: #fff;
    color: #afafaf;
  }
  .btn-icon01:disabled {
    border-color: #ccc;
    background-color: #fff;
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .btn-icon01:not(:disabled):hover, .btn-icon01:not(:disabled):focus, .btn-icon01:not(:disabled):active {
    color: #8f8f8f;
  }
  .btn-icon05 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 24px;
    height: 24px;
    border: 1px solid currentColor;
    border-radius: 3px;
    background: #fff;
    color: var(--gray);
  }
  .btn-icon05:disabled {
    border-color: #ccc;
    background-color: #fff;
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .btn-icon05:not(:disabled):hover, .btn-icon05:not(:disabled):focus, .btn-icon05:not(:disabled):active {
    color: #8f8f8f;
  }
  .btn-icon02 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 24px;
    height: 24px;
    border: 1px solid currentColor;
    border-radius: 3px;
    background: #fff;
    color: var(--gray);
    background: currentColor;
  }
  .btn-icon02:disabled {
    border-color: #ccc;
    background-color: #fff;
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .btn-icon02:not(:disabled):hover, .btn-icon02:not(:disabled):focus, .btn-icon02:not(:disabled):active {
    color: #8f8f8f;
  }
  .btn-icon02 [class^=ico] {
    color: #fff;
  }
  .btn-icon02:disabled {
    color: #c5c5c5;
  }
  .btn-icon07 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 24px;
    height: 24px;
    border: 1px solid currentColor;
    border-radius: 3px;
    background: #fff;
    color: #f3f3f3;
    background: currentColor;
  }
  .btn-icon07:disabled {
    border-color: #ccc;
    background-color: #fff;
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .btn-icon07:not(:disabled):hover, .btn-icon07:not(:disabled):focus, .btn-icon07:not(:disabled):active {
    color: #f3f2f2;
  }
  .btn-icon07 [class^=ico],
  .btn-icon07 .txt {
    color: var(--gray-hard);
  }
  .btn-icon07:disabled {
    color: #c5c5c5;
  }
  .btn-icon04 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: #fff;
    color: #ccc;
    background: none;
  }
  .btn-icon04:disabled {
    border-color: #ccc;
    background-color: #fff;
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .btn-icon04:not(:disabled):hover, .btn-icon04:not(:disabled):focus, .btn-icon04:not(:disabled):active {
    color: #bbb;
  }
  .btn-icon06 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: #fff;
    color: var(--gray);
    background: none;
  }
  .btn-icon06:disabled {
    border-color: #ccc;
    background-color: #fff;
    color: #c5c5c5;
    cursor: not-allowed;
  }
  .btn-icon06:not(:disabled):hover, .btn-icon06:not(:disabled):focus, .btn-icon06:not(:disabled):active {
    color: var(--gray-hard);
  }
  .btn_download01 {
    display: flex;
    align-items: center;
    gap: 10px;
    color: inherit;
  }
  .btn_download01 .down_link:hover, .btn_download01 .down_link:focus, .btn_download01 .down_link:active {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .btn_download02 {
    display: inline-flex;
    align-items: center;
    gap: 40px;
    padding: 15px 20px;
    border: 1px solid #78b3ec;
    border-radius: 10px;
    background: #ebf5ff;
  }
  .btn_download02 .txt {
    color: var(--gray-hard);
    font-size: 1.2rem;
    font-weight: 500;
  }
  .btn_download02 [class^=ico-] {
    color: #656565;
  }
  .btn_group {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
  }
  .btn_group.right {
    margin-left: auto;
  }
  /* 뱃지 - 버튼 패턴이랑 똑같은 네이밍 */
  [class^=badge-] {
    padding: 2px 8px;
    border: 1px solid currentColor;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1.4rem;
    font-style: normal;
  }
  [class^=badge-].big {
    padding: 7px 13px;
    border-radius: 15px;
  }
  [class^=badge-].small {
    font-size: 1.2rem;
    font-weight: 500;
  }
  .badge-secondary {
    border-color: var(--secondary);
    background: var(--secondary);
    color: #fff;
  }
  .badge-secondary-outline {
    background: #fff;
    color: var(--secondary);
  }
  .badge-gray {
    border-color: #b1b8be;
    background: #b1b8be;
    color: #fff;
  }
  .badge-restrict {
    padding: 2px 8px;
    border: 1px solid #de3412;
    border-radius: 4px;
    background: #de3412;
    color: #fff;
  }
  .badge-outline01 {
    background: #fff;
    color: #5f666b;
  }
  .badge-darkgray02 {
    background: #575757;
    color: #fff;
  }
  .badge-primary-outline {
    background: #fff;
    color: var(--primary);
  }
  .badge-primary {
    background: var(--primary);
    color: #fff;
  }
  .badge-outline-purple01 {
    background: #fff;
    color: #865edd;
  }
  .badge-outline-pink01 {
    background: #fff;
    color: #b256b1;
  }
  .badge-outline-green01 {
    background: #fff;
    color: #0b9b9b;
  }
  .badge-outline-info01 {
    background: #fff;
    color: var(--info1);
  }
  .badge-green01 {
    border-color: #cff0d6;
    background: #cff0d6;
    color: #050505;
  }
  .badge-purple01 {
    border-color: #d4cded;
    background: #d4cded;
    color: #050505;
  }
  .badge-pink01 {
    border-color: #edcdde;
    background: #edcdde;
    color: #050505;
  }
  .badge-blue01 {
    border-color: #b6e3f2;
    background: #b6e3f2;
    color: #050505;
  }
  .badge-delay01 {
    color: #009cff;
  }
  .badge-delay02 {
    color: #228738;
  }
  .badge-delay03 {
    color: #98690a;
  }
  .badge-delay04 {
    color: #ff6a33;
  }
  .badge-delay05 {
    color: #de3412;
  }
  .ipm-label01 {
    display: inline-flex;
    align-items: center;
    font-size: 1.3rem;
    color: #333;
    font-weight: 600;
  }
  .ipm-label01.label_required {
    gap: 2px;
  }
  .ipm-label01.label_required::after {
    content: "*";
    display: inline-block;
    color: var(--info1);
  }
  /* 입력상자 input */
  .inp_area {
    display: inline-block;
    width: fit-content;
    position: relative;
    font-size: inherit;
  }
  .inp_area.big,
  .inp_area.big [class^=ipm-inp], .inp_area.large,
  .inp_area.large [class^=ipm-inp] {
    width: 100%;
  }
  .inp_area.small {
    width: 7.692em !important;
  }
  .inp_area.small input {
    width: 100%;
  }
  .inp_area.medi_small {
    width: 10.42em;
  }
  .inp_area.medi_small input {
    width: 100%;
  }
  .inp_area.medium {
    width: 150px;
  }
  .ipm-tbl02 td .inp_area {
    font-size: 1.3rem;
  }
  .inp_area [class^=ipm-inp] {
    padding-right: 30px;
  }
  .inp_area .ipm-inp01.lay02 + .btn_wrap {
    right: 6px;
  }
  .inp_area .btn_wrap {
    display: flex;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
  }
  .inp_area .btn_del01,
  .inp_area .btn_sch01 {
    display: inline-flex;
    align-items: center;
    height: 100%;
    color: #333;
  }
  .inp_area .btn_del01 {
    justify-content: center;
    width: 24px;
    position: relative;
    color: #fff;
  }
  .inp_area .btn_del01::before {
    content: " ";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background: #ccc;
    transform: translate(-50%, -50%);
  }
  .inp_area .btn_del01 + .btn_sch01 {
    padding: 0 3px 0 4px;
  }
  .inp_area .btn_sch01 {
    padding: 0 8px;
  }
  .inp_area .btn_cal01 {
    padding: 0 10px;
    height: 100%;
    line-height: 1;
  }
  .ui-autocomplete {
    overflow-y: auto;
    position: absolute;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #fff;
  }
  .ui-autocomplete .ui-menu-item {
    cursor: pointer;
  }
  .ui-autocomplete .ui-menu-item:hover, .ui-autocomplete .ui-menu-item:focus, .ui-autocomplete .ui-menu-item:active,
  .ui-autocomplete .ui-menu-item .ui-state-active {
    background: var(--soft2);
  }
  .ui-autocomplete .ui-menu-item-wrapper {
    padding: 8px 10px;
    font-size: 1.3rem;
    color: var(--gray-hard);
  }
  .inp_group {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .inp_group.small {
    width: 200px;
  }
  .inp_group.medi_small {
    width: 220px;
  }
  .inp_group .ipm-inp01 {
    width: 100%;
  }
  .inp_group.center {
    justify-content: center;
  }
  .range_area {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 253px;
    max-width: 100%;
  }
  .range_area input {
    padding-right: 30px;
    background: #fff url("../../resources/images/cal02.svg") no-repeat right 8px center;
  }
  .range_area.small {
    width: 200px;
  }
  .field_required {
    border-color: var(--info1);
  }
  .ipm-inp01 {
    display: inline-flex;
    min-width: 0;
    min-height: 30px;
    padding-inline-start: 12px;
    padding-inline-end: 14px;
    padding-block: 9px;
    padding: 6px 10px 7px 11px;
    box-sizing: border-box;
    font-weight: 500;
    color: #333;
  }
  .ipm-inp01.lay02 {
    padding-right: 55px;
  }
  .ipm-inp01.right {
    text-align: right;
  }
  .ipm-inp01[type=number] {
    text-align: right;
  }
  .ipm-inp01[type=number].left {
    text-align: left;
  }
  .ipm-inp01.hidden {
    display: none;
  }
  .ipm-inp01:focus-visible {
    outline: none;
  }
  .ipm-inp01:disabled {
    background: #e8e8e8;
  }
  .ipm-inp01:read-only {
    background-color: #fafafa;
  }
  .ipm-inp01::placeholder {
    letter-spacing: -0.5px;
  }
  .ipm-inp01:focus:not(.field_required), .ipm-inp01:active:not(.field_required) {
    border-color: var(--primary);
  }
  .ipm-inp01.once {
    width: 40px !important;
    flex: none;
    text-align: center;
  }
  .ipm-inp01.mini {
    width: 65px !important;
  }
  .ipm-inp01.medi_mini {
    width: 100px !important;
  }
  .ipm-inp01.small {
    width: 130px !important;
  }
  .ipm-inp01.medi_small {
    width: 180px !important;
  }
  .ipm-inp01.medium {
    width: 250px;
  }
  .ipm-inp01.big, .ipm-inp01.large {
    width: 100%;
  }
  .ipm-inp-multi01 {
    display: inline-flex;
    width: 100%;
    padding: 10px 13px 10px;
    font-weight: 500;
    color: #333;
    resize: vertical;
    box-sizing: border-box;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #bdbdbd transparent;
  }
  @supports (scrollbar-gutter: stable) {
    .ipm-inp-multi01 {
      scrollbar-gutter: stable;
    }
  }
  .ipm-inp-multi01::-webkit-scrollbar {
    display: none;
    width: 6px;
    height: 6px;
  }
  .ipm-inp-multi01::-webkit-scrollbar-track {
    background: transparent;
  }
  .ipm-inp-multi01::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bdbdbd;
  }
  .ipm-inp-multi01::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .ipm-inp-multi01:focus-visible {
    outline: none;
  }
  .ipm-inp-multi01:disabled {
    background: #e8e8e8;
  }
  .ipm-inp-multi01:read-only {
    background: #fafafa;
  }
  .ipm-inp-multi01::placeholder {
    color: #999;
  }
  .ipm-inp-multi01:focus:not(.field_required), .ipm-inp-multi01:active:not(.field_required) {
    border-color: var(--primary);
  }
  .word_count_info,
  .file_exten_info {
    margin-top: 5px;
    font-size: 1.2rem;
    font-weight: 400;
  }
  .word_count_info .point,
  .file_exten_info .point {
    color: var(--primary);
    font-weight: inherit;
  }
  [class^=ipm-inp] + .word_count_info {
    padding-right: 14px;
    margin-bottom: 5px;
    font-weight: 400;
    text-align: right;
  }
  /* 셀렉트박스 select */
  .ipm-select01 {
    position: relative;
    display: inline-flex;
    min-width: 7.08em;
    max-width: 100%;
    min-height: 30px;
    padding: 6px 35px 7px 10px;
    box-sizing: border-box;
    appearance: none;
    background: #fff url("../../resources/images/arr_down03.svg") no-repeat center right 0.61em;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    cursor: pointer;
  }
  .ipm-select01:focus-visible {
    outline: none;
  }
  .ipm-select01:focus:not(.field_required), .ipm-select01:active:not(.field_required) {
    border-color: var(--primary);
  }
  .ipm-select01:focus-visible {
    outline: 2px solid #000;
    outline-offset: -1px;
  }
  .ipm-select01.mini {
    width: 65px;
    min-width: calc(2em + 35px + 10px);
  }
  .ipm-select01.medi_mini {
    width: 100px !important;
  }
  .ipm-select01.small {
    width: 130px !important;
  }
  .ipm-select01.medi_small {
    width: 180px !important;
  }
  .ipm-select01.medium {
    width: 250px;
  }
  .ipm-select01.large {
    width: 100%;
  }
  .ipm-select01.readonly, .ipm-select01.disabled {
    background-color: #fafafa;
    cursor: not-allowed;
    pointer-events: none;
  }
  .select_group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
  }
  .select_group.center {
    justify-content: center;
  }
  /* 라디오버튼 */
  .rdo_group {
    display: inline-flex;
    gap: 30px;
  }
  .rdo_group.narrow {
    gap: 15px;
  }
  .rdo_area {
    display: inline-flex;
    align-items: center;
    font-size: 1.3rem;
    cursor: pointer;
    user-select: none;
    position: relative;
  }
  .rdo_area .mark {
    display: block;
    width: 1em;
    height: 1em;
    position: relative;
    border: 1px solid #999;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    background: #fff;
  }
  .rdo_area .mark + .txt {
    margin-left: 6px;
  }
  .rdo_area .field_required + .mark {
    border-color: #ff5a11;
  }
  .rdo_area.disabled, .rdo_area.readonly {
    cursor: not-allowed;
  }
  .rdo_area.disabled + .mark, .rdo_area.readonly + .mark {
    background: #e8e8e8;
  }
  .rdo_area .txt {
    font-size: 1.2rem;
    font-weight: 500;
    color: #333;
  }
  .rdo_area input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
  }
    /*이의찬 마우스 포커스시 테두리삭제*/
    .rdo_area input:focus + .mark,.chk_area input:focus + .mark{
        outline:none;
    }
    /*이의찬 키보드 포커스시 테두리추가*/
.rdo_area input:focus-visible + .mark,.chk_area input:focus-visible + .mark{
    outline:2px solid #055bac;  /*테두리색상*/
    outline-offset: 2px;        /*테두리간격*/
    transition:outline 0.1s;
}
  .rdo_area input:checked + .mark::after {
    content: " ";
    position: absolute;
  }
  .rdo_area input:disabled {
    cursor: not-allowed;
  }
  .rdo_area input:disabled + .mark {
    background: #e8e8e8;
  }
  .rdo_area .mark {
    border-radius: 50%;
  }
  .rdo_area input:checked + .mark::after {
    width: 7px;
    height: 7px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: var(--primary);
  }
  /* 체크박스 */
  .chk_group {
    display: inline-flex;
    gap: 30px;
  }
  .chk_group.narrow {
    gap: 15px;
    flex-wrap: wrap;
  }
  .ipm-tbl02 .chk_group.narrow {
    padding: 0;
  }
  .chk_area {
    display: inline-flex;
    align-items: center;
    font-size: 1.3rem;
    cursor: pointer;
    user-select: none;
  }
  .chk_area .mark {
    display: block;
    width: 1em;
    height: 1em;
    position: relative;
    border: 1px solid #999;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    background: #fff;
  }
  .chk_area .mark + .txt {
    margin-left: 6px;
  }
  .chk_area .field_required + .mark {
    border-color: #ff5a11;
  }
  .chk_area.disabled, .chk_area.readonly {
    cursor: not-allowed;
  }
  .chk_area.disabled + .mark, .chk_area.readonly + .mark {
    background: #e8e8e8;
  }
  .chk_area .txt {
    font-size: 1.2rem;
    font-weight: 500;
    color: #333;
  }
  .chk_area input {
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
  }
  .chk_area input:focus + .mark {
    outline: 2px solid #000;
    outline-offset: 1px;
  }
  .chk_area input:checked + .mark::after {
    content: " ";
    position: absolute;
  }
  .chk_area input:disabled {
    cursor: not-allowed;
  }
  .chk_area input:disabled + .mark {
    background: #e8e8e8;
  }
  .chk_area input:checked + .mark::after {
    display: inline-flex;
    width: 13px;
    height: 13px;
    mask: url("../../resources/images/chk01.svg") no-repeat center;
    background-color: currentColor;
    left: 0;
    top: 0;
    color: var(--primary);
  }
  .chk_area.sty02 .mark, .chk_area.sty03 .mark {
    width: 1em;
    height: 1em;
  }
  .chk_area.sty02 .txt, .chk_area.sty03 .txt {
    font-size: 1em;
    font-weight: 700;
  }
  .chk_area.sty02 {
    font-size: 1.3rem;
  }
  .chk_area.sty03 {
    font-size: 1.5rem;
  }
  .chk_area.sty03 input:checked + .mark::after {
    width: 1em;
    height: 1em;
  }
  .tooltip_interaction {
    cursor: help;
  }
  .ui-tooltip {
    position: absolute;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
  }
  .c-datepicker-picker {
    display: none;
    padding: 10px 9px;
    position: absolute;
    border: 3px solid #d6dfe3;
    border-radius: 7px;
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.17);
    background: #fff;
    z-index: 2;
  }
  .c-datepicker-picker.is-top {
    transform: translateY(-100%);
  }
  .c-datepicker-date-picker__header, .c-datepicker-date-range-picker__header {
    margin-top: 10px;
    padding: 0 4px 0;
    color: #808080;
  }
  .c-datepicker-date-picker__header .icon-first, .c-datepicker-date-range-picker__header .icon-first {
    display: inline-flex;
    width: 20px;
    height: 17px;
    mask: url("../../resources/images/arr_left04.svg") no-repeat center;
    background-color: currentColor;
  }
  .c-datepicker-date-picker__header .icon-left, .c-datepicker-date-range-picker__header .icon-left {
    display: inline-flex;
    width: 13px;
    height: 17px;
    mask: url("../../resources/images/arr_left05.svg") no-repeat center;
    background-color: currentColor;
  }
  .c-datepicker-date-picker__header .icon-right, .c-datepicker-date-range-picker__header .icon-right {
    margin-left: auto;
    display: inline-flex;
    width: 13px;
    height: 17px;
    mask: url("../../resources/images/arr_right06.svg") no-repeat center;
    background-color: currentColor;
  }
  .c-datepicker-date-picker__header .icon-last, .c-datepicker-date-range-picker__header .icon-last {
    order: 2;
    display: inline-flex;
    width: 20px;
    height: 17px;
    mask: url("../../resources/images/arr_right07.svg") no-repeat center;
    background-color: currentColor;
  }
  .c-datepicker-date-picker__header .icon-first,
  .c-datepicker-date-picker__header .icon-left,
  .c-datepicker-date-picker__header .icon-right,
  .c-datepicker-date-picker__header .icon-last, .c-datepicker-date-range-picker__header .icon-first,
  .c-datepicker-date-range-picker__header .icon-left,
  .c-datepicker-date-range-picker__header .icon-right,
  .c-datepicker-date-range-picker__header .icon-last {
    cursor: pointer;
  }
  .c-datepicker-date-picker__header .icon-first:hover, .c-datepicker-date-picker__header .icon-first:focus, .c-datepicker-date-picker__header .icon-first:active,
  .c-datepicker-date-picker__header .icon-left:hover,
  .c-datepicker-date-picker__header .icon-left:focus,
  .c-datepicker-date-picker__header .icon-left:active,
  .c-datepicker-date-picker__header .icon-right:hover,
  .c-datepicker-date-picker__header .icon-right:focus,
  .c-datepicker-date-picker__header .icon-right:active,
  .c-datepicker-date-picker__header .icon-last:hover,
  .c-datepicker-date-picker__header .icon-last:focus,
  .c-datepicker-date-picker__header .icon-last:active, .c-datepicker-date-range-picker__header .icon-first:hover, .c-datepicker-date-range-picker__header .icon-first:focus, .c-datepicker-date-range-picker__header .icon-first:active,
  .c-datepicker-date-range-picker__header .icon-left:hover,
  .c-datepicker-date-range-picker__header .icon-left:focus,
  .c-datepicker-date-range-picker__header .icon-left:active,
  .c-datepicker-date-range-picker__header .icon-right:hover,
  .c-datepicker-date-range-picker__header .icon-right:focus,
  .c-datepicker-date-range-picker__header .icon-right:active,
  .c-datepicker-date-range-picker__header .icon-last:hover,
  .c-datepicker-date-range-picker__header .icon-last:focus,
  .c-datepicker-date-range-picker__header .icon-last:active {
    color: var(--gray-hard);
  }
  .c-datepicker-date-picker__header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
  }
  .c-datepicker-date-picker__header .icon-left {
    margin-right: auto;
  }
  .c-datepicker-date-picker__header .icon-right {
    margin-left: auto;
  }
  .c-datepicker-date-range-picker__header {
    position: relative;
    padding-top: 5px;
    text-align: center;
  }
  .c-datepicker-date-range-picker__header .c-datepicker-date-range-picker__header-month {
    margin-left: 9px;
  }
  .c-datepicker-date-range-picker__header .icon-first {
    position: absolute;
    left: 4px;
    top: 6px;
  }
  .c-datepicker-date-range-picker__header .icon-left {
    position: absolute;
    left: 30px;
    top: 6px;
  }
  .c-datepicker-date-range-picker__header .icon-right {
    position: absolute;
    right: 30px;
    top: 6px;
  }
  .c-datepicker-date-range-picker__header .icon-last {
    position: absolute;
    right: 4px;
    top: 6px;
  }
  .c-datepicker-date-picker__header-label, .c-datepicker-date-range-picker__header-label {
    font-size: 1.8rem;
    font-weight: 800;
    color: #000;
  }
  .c-datepicker-date-picker__header-label span, .c-datepicker-date-range-picker__header-label span {
    font-weight: 800;
    font-size: 1.8rem;
  }
  .c-datepicker-date-picker__header-label {
    cursor: pointer;
  }
  .c-datepicker-picker__content {
    margin-top: 8px;
  }
  .c-datepicker-picker__content th {
    padding: 10px 12px;
    background: #1257c7;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
  }
  .c-datepicker-picker__content td {
    padding: 2px 0;
    font-size: 1.2rem;
    font-weight: 500;
    color: #808080;
    text-align: center;
    cursor: pointer;
  }
  .c-datepicker-picker__content td a {
    display: block;
    padding: 9px;
  }
  .c-datepicker-picker__content .today {
    background: #f1f1f1;
  }
  .c-datepicker-picker__content .current {
    background: var(--primary);
    color: #fff;
  }
  .c-datepicker-picker__content .in-range:not(.start-date, .end-date) .cell {
    background: #e7f6ff;
    color: var(--primary);
  }
  .c-datepicker-picker__content .start-date,
  .c-datepicker-picker__content .end-date {
    padding: 2px 0;
    background: var(--primary);
  }
  .c-datepicker-picker__content .start-date {
    position: relative;
  }
  .c-datepicker-picker__content .start-date::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-width: 17;
    border-style: solid;
    border-color: transparent;
    border-left: 8 solid currentColor;
    border-right: 0;
    color: var(--primary);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
  .c-datepicker-picker__content .end-date {
    position: relative;
  }
  .c-datepicker-picker__content .end-date::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-width: 17;
    border-style: solid;
    border-color: transparent;
    border-right: 8 solid currentColor;
    border-left: 0;
    color: var(--primary);
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
  .c-datepicker-picker__content .prev-month,
  .c-datepicker-picker__content .next-month {
    color: #e5e5e5;
  }
  .c-datepicker-month-table td a {
    padding: 13px 25px;
  }
  .c-datepicker-year-table td a {
    padding: 13px 15px;
  }
  .c-datepicker-picker__body-content {
    overflow: hidden;
  }
  .c-datepicker-date-range-picker-panel__wrap {
    float: left;
  }
  .c-datepicker-date-range-picker-panel__wrap.is-right {
    margin-left: 25px;
  }
  .c-datepicker-picker__footer {
    display: flex;
    margin-top: 10px;
    gap: 6px;
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
    font-size: 1.3rem;
  }
  .c-datepicker-button.confirm {
    order: 2;
    margin-left: auto;
    padding: 9px 1.153em;
    border: 1px solid var(--primary);
    border-radius: 4px;
    background: var(--primary);
    color: #fff;
    font-weight: 600;
    line-height: 1;
  }
  .c-datepicker-picker__btn-clear {
    order: 1;
    padding: 9px 1em;
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    background: #a9a9a9;
    color: #fff;
    line-height: 1;
  }
  .c-datepicker-picker__btn-now {
    order: 0;
    padding: 9px 1.153em;
    border: 1px solid #8a8a8a;
    border-radius: 4px;
    color: #8a8a8a;
    line-height: 1;
  }
  /* 제목, 글자 */
  .ipm-tit01 {
    font-size: 2.3rem;
    color: #2f3437;
    font-weight: 700;
  }
  .ipm-tit02 {
    font-size: 2.4rem;
    color: #000;
    font-weight: 700;
  }
  .ipm-tit03 {
    font-size: 2.4rem;
    color: #fff;
    font-weight: 700;
  }
  .ipm-tit04 {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--black);
  }
  .mybs_working .ipm-tit04 {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
  }
  .ipm-tit05 {
    font-size: 3rem;
    color: var(--gray-hard);
    font-weight: 700;
    text-align: center;
  }
  .sec-tit01 {
    padding-left: 15px;
    position: relative;
    font-weight: 700;
    font-size: 1.8rem;
    color: var(--black);
  }
  .sec-tit01.multiline {
    line-height: 1.16;
  }
  .sec-tit01::before {
    content: " ";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0.315em;
    border-radius: 2px;
    background: currentColor;
    box-sizing: border-box;
  }
  .sec-tit01.no_bullet {
    padding-left: 0;
  }
  .sec-tit01.no_bullet::before {
    display: none;
  }
  .sec-tit02 {
    font-size: 1.6rem;
    color: var(--secondary);
    font-weight: 600;
  }
  .sec-tit-sub01 {
    font-weight: 600;
    font-size: 1.7rem;
    color: var(--black);
  }
  .sec-tit-sub02 {
    font-weight: 500;
    font-size: 1.6rem;
    color: var(--black);
  }
  .sec-tit-sub03 {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--gray-hard);
    text-align: center;
  }
  .sec-tit-sub03.multiline {
    line-height: 1.6;
  }
  .sec-tit-sub04 {
    font-size: 2rem;
    font-weight: 600;
    color: var(--black);
  }
  .ipm-para01 {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 1.3rem;
    color: var(--gray-hard);
    font-weight: 500;
  }
  .ipm-para01.multiline {
    line-height: 1.3;
  }
  .ipm-para01.center {
    justify-content: center;
  }
  .ipm-para02 {
    font-size: 1.2rem;
    color: #333;
    font-weight: 500;
  }
  .ipm-para02.right {
    margin-left: auto;
    text-align: right;
  }
  .ipm-para02.multiline {
    line-height: 1.4;
  }
  .ipm-para05 {
    font-size: 1.3rem;
    color: #18191a;
    font-weight: 600;
  }
  .ipm-para-list01 {
    font-size: 1.3rem;
    color: var(--gray-hard);
    font-weight: 600;
  }
  .ipm-para-list01 li + li {
    margin-top: 12px;
  }
  .ipm-para-list01.narrow li + li {
    margin-top: 7px;
  }
  .ipm-para-list02 .txt {
    display: block;
    padding-left: 12px;
    position: relative;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .ipm-para-list02 .txt::before {
    content: " ";
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 50%;
    background: currentColor;
  }
  .ipm-para-list02 .txt.point_main {
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .ipm-para-list02 li {
    line-height: 1.3;
    color: var(--gray-hard);
  }
  .ipm-para-list02 li + li {
    margin-top: 15px;
  }
  .ipm-para-list02.narrow li + li {
    margin-top: 8px;
  }
  .ipm-para-list02 .point {
    color: #d21616;
  }
  .ipm-para-list01 .sub_list, .ipm-para-list02 .sub_list {
    display: block;
    margin-top: 12px;
    padding-left: 8px;
    font-weight: 400;
  }
  .ipm-para-list01 .sub_list li, .ipm-para-list02 .sub_list li {
    display: flex;
    align-items: center;
    gap: 7px;
  }
  .ipm-para-list01 .sub_list li::before, .ipm-para-list02 .sub_list li::before {
    content: " ";
    display: block;
    width: 7px;
    height: 1px;
    background: var(--gray-hard);
  }
  .ipm-para-list01 .sub_list li + li, .ipm-para-list02 .sub_list li + li {
    margin-top: 12px;
  }
  .ipm-para-list01 .sub_list.no_bullet li::before, .ipm-para-list02 .sub_list.no_bullet li::before {
    display: none;
  }
  .sub_list.narrow li + li {
    margin-top: 5px;
  }
  .sub_list02 {
    margin-top: 5px;
    margin-left: 13px;
    color: var(--gray-hard);
  }
  .sub_list02 li {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1.3rem;
    font-weight: 500;
  }
  .sub_list02 li + li {
    margin-top: 5px;
  }
  .sub_list02 li:not(.lv1__item) {
    margin-left: 9px;
  }
  .sub_list02 .ico_lv1 {
    display: block;
    width: 7px;
    height: 2px;
    background: var(--gray-hard);
  }
  .sub_list02 .ico_lv2 {
    flex: none;
    display: block;
    width: 1em;
    height: 1em;
    position: relative;
  }
  .sub_list02 .ico_lv2::before {
    content: " ";
    width: 1px;
    height: 6px;
    position: absolute;
    left: 50%;
    top: 50%;
    border: 0;
    background: var(--gray-hard);
    transform: translate(-50%, -50%);
  }
  .sub_list02 .ico_lv2::after {
    content: " ";
    width: 6px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    border: 0;
    background: var(--gray-hard);
    transform: translate(-50%, -50%);
  }
  .ipm-para-block01 {
    display: grid;
    gap: 10px;
  }
  .ipm-para-block01 .txt {
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
  }
  .ipm-para-block01 .txt.right {
    text-align: right;
  }
  .ipm-para-block01 .txt.left {
    text-align: left;
  }
  .ipm-para-block01 .txt.date {
    margin-top: 10px;
  }
  .astrsk {
    color: #ff5a11;
    font-weight: 600;
    font-style: normal;
  }
  .point_blue,
  .point_main {
    color: var(--secondary);
  }
  .point_sub {
    color: var(--primary);
  }
  .point_orange {
    color: var(--info1);
  }
  .point_warning {
    color: #ffb114;
  }
  .point_caution {
    color: #ff6a33;
  }
  .point_restrict {
    color: #de3412;
  }
  .til {
    font-size: 1.4rem;
    font-weight: 500;
    color: #333333;
  }
  :is(.ipm-tbl01, .ipm-tbl02, .ipm-tbl03) .til {
    font-size: inherit;
    color: inherit;
  }
  .ipm-box01 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 0;
    padding: 18px 16px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid #e0e0e0;
  }
  .ipm-box01.lay02 {
    display: block;
  }
  .ipm-box01.lay02 .group {
    display: flex;
    gap: 6px;
  }
  .ipm-box01.grid03 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ipm-box01.grid04 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ipm-box08 {
    padding: 11px;
    border: 1px solid #e1e1e1;
  }
  .ipm-box08.wide {
    padding: 18px 14px;
  }
  .ipm-box09 {
    padding: 20px 20px 15px;
    border: 1px solid #b6bdc1;
  }
  .ipm-box13 {
    border-top: 2px solid var(--black);
  }
  .ipm-box14 {
    padding: 38px 20px 37px;
    border: 1px solid #e9e9e9;
  }
  .ipm-box14.wide {
    padding: 40px;
  }
  .ipm-box02 {
    padding: 20px;
    border-radius: 10px;
    background: #f7f7f7;
  }
  .ipm-box04 {
    padding: 15px;
    border-radius: 8px;
    background: #f2f2f2;
  }
  .ipm-box10 {
    display: flex;
    flex-direction: column;
    padding: 26px 30px 30px;
    border-radius: 16px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.5);
  }
  .ipm-box11 {
    padding: 26px 0 20px;
    border-radius: 16px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.34);
    background-image: var(--gradient);
  }
  .ipm-box11.sty02 {
    padding: 36px 10px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .ipm-box11.sty02 .ipm-para01 {
    font-size: 1.4rem;
    color: #fff;
  }
  .ipm-box12 {
    padding: 22px 25px;
    border-radius: 16px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
  }
  .ipm-box17 {
    padding: 10px 30px;
    border-top: 1px solid #9a9a9a;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #fff;
  }
  .progress-blue01 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 28px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background: #f6f6f6;
  }
  .progress-blue01 .prog__fill {
    position: relative;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    box-sizing: border-box;
    background: #7ddafb;
  }
  .progress-blue01 .prog__value {
    position: absolute;
    left: 50%;
    top: 50%;
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--gray-hard);
    transform: translate(-50%, -50%);
  }
  .progress-blue02 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 28px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background: #f6f6f6;
  }
  .progress-blue02 .prog__fill {
    position: relative;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    box-sizing: border-box;
    background: #61b0e2;
  }
  .progress-blue02 .prog__value {
    position: absolute;
    left: 50%;
    top: 50%;
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--gray-hard);
    transform: translate(-50%, -50%);
  }
  .progress-blue02 .low {
    color: #61b0e2;
  }
  .progress-blue02 .high {
    color: #fff;
  }
  .progress-blue03 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 28px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background: #f6f6f6;
  }
  .progress-blue03 .prog__fill {
    position: relative;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    box-sizing: border-box;
    background: var(--gradient);
  }
  .progress-blue03 .prog__value {
    position: absolute;
    left: 50%;
    top: 50%;
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--gray-hard);
    transform: translate(-50%, -50%);
  }
  .progress-blue03 .low {
    left: 53%;
    color: #0bb3be;
    transform: translate(50%, -50%);
  }
  .progress-blue03 .high {
    left: 53%;
    color: #fff;
    transform: translate(-100%, -50%);
  }
  .progress-green01 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 28px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background: #f6f6f6;
  }
  .progress-green01 .prog__fill {
    position: relative;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    box-sizing: border-box;
    background: #d6f5d6;
  }
  .progress-green01 .prog__value {
    position: absolute;
    left: 50%;
    top: 50%;
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--gray-hard);
    transform: translate(-50%, -50%);
  }
  .progress-pink01 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 28px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background: #f6f6f6;
  }
  .progress-pink01 .prog__fill {
    position: relative;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    box-sizing: border-box;
    background: #ffccba;
  }
  .progress-pink01 .prog__value {
    position: absolute;
    left: 50%;
    top: 50%;
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--gray-hard);
    transform: translate(-50%, -50%);
  }
  .progress-brown01 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 28px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background: #f6f6f6;
  }
  .progress-brown01 .prog__fill {
    position: relative;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    box-sizing: border-box;
    background: #d9b99c;
  }
  .progress-brown01 .prog__value {
    position: absolute;
    left: 50%;
    top: 50%;
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--gray-hard);
    transform: translate(-50%, -50%);
  }
  .progress-purple01 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 28px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background: #f6f6f6;
  }
  .progress-purple01 .prog__fill {
    position: relative;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    box-sizing: border-box;
    background: #bda2e3;
  }
  .progress-purple01 .prog__value {
    position: absolute;
    left: 50%;
    top: 50%;
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--gray-hard);
    transform: translate(-50%, -50%);
  }
  .progress01 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 28px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    background: #f6f6f6;
    height: 16px;
    border: 0;
    border-radius: 8px;
    background: #e5e5e5;
  }
  .progress01 .prog__fill {
    position: relative;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    box-sizing: border-box;
    background: #0bb3be;
  }
  .progress01 .prog__value {
    position: absolute;
    left: 50%;
    top: 50%;
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--gray-hard);
    transform: translate(-50%, -50%);
  }
  .progress01 .low {
    left: 53%;
    color: #0bb3be;
    transform: translate(50%, -50%);
  }
  .progress01 .high {
    left: 53%;
    color: #fff;
    transform: translate(-100%, -50%);
  }
  /* 탭메뉴 */
  .ipm-tab01 {
    display: flex;
    gap: 2px;
    position: relative;
  }
  .ipm-tab01::before {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--secondary);
  }
  .ipm-tab01 .btn_tab {
    display: block;
    padding: 12px 16px 11px;
    border: 1px solid #c6c6c6;
    border-bottom: 0;
    font-size: 1.5rem;
    color: var(--gray-hard);
    font-weight: 700;
    text-align: center;
    background: #f7f7f7;
    transition: color 0.1s, background 0.2s;
    box-sizing: border-box;
  }
  .ipm-tab01 .btn_tab.is-active {
    position: relative;
    border-color: var(--secondary);
    color: var(--secondary);
    background: #fff;
  }
  .ipm-tab01 .btn_tab.is-active::before {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background: currentColor;
  }
  .ipm-tab01 .btn_tab:disabled {
    border-color: #d2d2d2;
    background: #d2d2d2;
    color: #a9a9a9;
    cursor: not-allowed;
  }
  .ipm-tab01.fixed .btn_tab {
    min-width: 178px;
  }
  .ipm-tab01.full .btn_tab {
    flex: 1;
  }
  .tab_panel {
    display: none;
  }
  .tab_panel.is-active {
    display: block;
  }
  /* 단계 */
  .ipm-steps01 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    min-width: 100%;
  }
  .ipm-steps01 li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
  }
  .ipm-steps01 li + li::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-width: 7.5px;
    border-style: solid;
    border-color: transparent;
    border-left: 10px solid currentColor;
    border-right: 0;
    color: #d3d3d3;
  }
  .ipm-steps01 li .txt {
    width: calc(100% - 18px);
    padding: 10px 20px 9px;
    border: 2px solid #cacaca;
    border-radius: 20px;
    color: var(--gray);
    white-space: nowrap;
    box-sizing: border-box;
    font-size: inherit;
  }
  .ipm-steps01 .btn_step {
    width: 100%;
    padding: 12px 20px 11px;
    border-radius: 20px;
    box-sizing: border-box;
    color: #fff;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
  }
  .ipm-steps01 .btn_step.is-active {
    padding-top: 10px;
    padding-bottom: 9px;
    border: 2px solid #4d4d4d;
    background: #f7f7f7;
    color: #141414;
  }
  .ipm-steps01 .btn_step:disabled {
    cursor: not-allowed;
  }
  .ipm-steps01 .step__normal .btn_step:not(.is-active) {
    width: calc(100% - 18px);
    padding: 10px 20px 9px;
    border: 2px solid #cacaca;
    border-radius: 20px;
    color: var(--gray);
    white-space: nowrap;
    box-sizing: border-box;
    font-size: inherit;
  }
  .ipm-steps01 .step__normal .btn_step:not(.is-active):is(button:not(:disabled)):hover {
    width: calc(100% - 18px);
    padding: 10px 20px 9px;
    border: 2px solid #cacaca;
    border-radius: 20px;
    color: var(--gray);
    white-space: nowrap;
    box-sizing: border-box;
    font-size: inherit;
  }
  .ipm-steps01 .step__left .btn_step:not(.is-active) {
    background: #c3c3c3;
  }
  .ipm-steps01 .step__left .btn_step:not(.is-active):is(button:not(:disabled)):hover {
    background: #b3b3b3;
  }
  .ipm-steps01 .step__current .btn_step {
    padding-top: 12px;
    padding-bottom: 11px;
    border: 0;
    background-image: var(--gradient);
  }
  .ipm-steps01 .step__current .btn_step.is-active {
    color: #ffea1e;
  }
  .ipm-steps01 .step__current + li::before {
    color: var(--primary);
  }
  .ipm-steps01.full li {
    flex: 1;
  }
  .ipm-content {
    min-height: calc(100% - 65px);
    padding: 20px 40px 19px;
    box-sizing: border-box;
    background: #fff;
  }
  .ipm-content.ipm-content-main {
    padding: 0;
  }
  .page_tit_area {
    display: flex;
    align-items: center;
    gap: 11px;
  }
  .page_tit_area .bread_crumb {
    align-self: flex-end;
    margin-left: auto;
  }
  .page_foot_area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
  }
  /* 푸터 는 iframe 내부에 넣는다. (height 이슈) */
  .ipm-footer {
    padding: 19px 0;
    background: #8d8d8d;
    color: #fff;
  }
  .ipm-footer .inner {
    position: relative;
    max-width: 1920px;
    padding: 0 30px 0 147px;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .ipm-footer .inner::before {
    content: " ";
    width: 100px;
    height: 26px;
    position: absolute;
    left: 30px;
    top: 0;
    mask: url(../../cmn_resources/images/koica02.svg) no-repeat center;
    background-color: currentColor;
  }
  .ipm-footer .footer_top {
    display: flex;
    gap: 19px;
    font-size: 1.2rem;
  }
  .ipm-footer .adrs_area {
    font-style: normal;
  }
  .ipm-footer .tel_area,
  .ipm-footer .fax_area {
    display: flex;
    gap: 3px;
  }
  .ipm-footer .copyright {
    margin-top: 5px;
    font-size: 1rem;
  }
  .bread_crumb .bc__list {
    display: flex;
    align-items: center;
  }
  .bread_crumb .bc__list .txt {
    color: #656565;
    font-size: 1.3rem;
  }
  .bread_crumb .bc__list li:first-child {
    color: #777;
  }
  .bread_crumb .bc__list li + li {
    display: flex;
    align-items: center;
  }
  .bread_crumb .bc__list li + li::before {
    content: " ";
    display: inline-flex;
    width: 6px;
    height: 11px;
    mask: url("../../resources/images/arr_right02.svg") no-repeat center;
    background-color: currentColor;
    margin: 0 12px;
    color: #737373;
  }
  .bread_crumb .bc__list li:last-child .txt {
    color: #000;
  }
  .process_nm_list {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: inherit;
  }
  .process_nm_list li + li {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .process_nm_list li + li::before {
    content: " ";
    display: inline-flex;
    width: 7px;
    height: 11px;
    mask: url("../../resources/images/arr_right02.svg") no-repeat center;
    background-color: currentColor;
  }
  .process_nm_list + .process_nm_list {
    margin-top: 3px;
  }
  .ipm-comment01 {
    border-top: 1px solid var(--black);
    border-bottom: 1px solid #d5d5d5;
  }
  .ipm-comment01 .cmt__cont_area {
    padding: 0 30px;
    border-bottom: 1px solid #d5d5d5;
    background: #f9f9f9;
  }
  .ipm-comment01 .cmt__cont_area .ipm-inp-multi01 {
    margin-left: 20px;
  }
  .ipm-comment01 .cmt__item {
    padding: 12px 0 0;
  }
  .ipm-comment01 .cmt__item + .cmt__item {
    border-top: 1px solid #e7e7e7;
  }
  .ipm-comment01 .reply__item {
    padding: 20px 0 12px;
    border-top: 1px solid #e7e7e7;
  }
  .ipm-comment01 .reply_writer {
    padding-top: 12px;
  }
  .ipm-comment01 .txt_wrap {
    display: flex;
    align-items: flex-end;
    gap: 13px;
  }
  .ipm-comment01 .writer_name {
    color: #333;
    font-weight: 700;
    font-size: 1.3rem;
  }
  .ipm-comment01 .write_date {
    color: #848484;
    font-size: 1.1rem;
  }
  .ipm-comment01 .item__top {
    display: flex;
    align-items: center;
  }
  .ipm-comment01 .item__top .btn_group {
    margin-left: auto;
  }
  .ipm-comment01 .item__middle {
    padding: 10px 0 20px;
    box-sizing: border-box;
  }
  .ipm-comment01 .item__bottom .writer_name {
    padding-left: 20px;
    background: url("../../resources/images/arr_right08.svg") no-repeat 0 center;
  }
  .ipm-comment01 .cmt__foot_area {
    padding: 0 30px;
  }
  .ipm-comment01 .reply__middle {
    margin-top: 8px;
  }
  .ipm-comment01 .reply__middle.write {
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }
  .ipm-comment01 .reply__middle:not(.write) {
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 8px;
  }
  .ipm-comment01 .reply__middle .btn-secondary {
    flex-shrink: 0;
  }
  .ipm-comment01 .cmt__foot_area .reply {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .ipm-comment02 {
    border: 1px solid #e1e1e1;
    background: #fbfbfb;
  }
  .ipm-comment02 .cmt__cont_wrap {
    height: 274px;
    padding: 10px 40px;
    overflow-y: auto;
  }
  .ipm-comment02 .cmt__item {
    margin-top: 10px;
  }
  .ipm-comment02 .cmt__item:first-child {
    margin-top: 20px;
  }
  .ipm-comment02 .writer_name {
    font-size: 1.3rem;
    font-weight: 700;
    color: #333;
  }
  .ipm-comment02 .cmt__item_list .item__cont {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    margin-top: 8px;
  }
  .ipm-comment02 .item__file {
    margin-top: 8px;
  }
  .ipm-comment02 .cont_box {
    display: inline-block;
    padding: 19px 25px;
    border-radius: 0 20px 20px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.11);
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--gray-hard);
    line-height: 1.3;
  }
  .ipm-comment02 .cmt__item.my {
    text-align: right;
  }
  .ipm-comment02 .cmt__item.my .item__cont {
    flex-direction: row-reverse;
  }
  .ipm-comment02 .cmt__item.my .cont_box {
    border-radius: 20px 0 20px 20px;
    background: var(--primary);
    color: #fff;
  }
  .ipm-comment02 .cmt__foot_area {
    border-top: 1px solid #e1e1e1;
    background: #fff;
  }
  .ipm-comment02 .cmt__foot_area .foot__cont {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 20px 20px;
  }
  .ipm-comment02 .cmt__foot_area .btn_plus {
    width: 30px;
    height: 30px;
    flex: none;
  }
  .ipm-comment02 .cmt__foot_area .btn_save {
    flex: none;
  }
  .sec_group {
    margin-top: 40px;
  }
  .sec_group .sec_area {
    margin-top: 19px;
  }
  .sec_group .sec_cont {
    margin-top: 13px;
  }
  .sec_area,
  .sec_sub_area {
    margin-top: 10px;
  }
  .sec_area.narrow,
  .sec_sub_area.narrow {
    margin-top: 8px;
  }
  .sec_area.no_margin,
  .sec_sub_area.no_margin {
    margin-top: 0;
  }
  .sec_foot,
  .sec_sub_foot {
    display: flex;
    margin-top: 8px;
  }
  .sec_foot .btn_group,
  .sec_sub_foot .btn_group {
    display: flex;
    gap: 6px;
    margin-left: auto;
  }
  .sec_foot .btn_group.left,
  .sec_sub_foot .btn_group.left {
    margin-left: initial;
  }
  .sec_foot.horizontal,
  .sec_sub_foot.horizontal {
    display: grid;
    gap: 16px;
  }
  .sec_foot.wide,
  .sec_sub_foot.wide {
    margin-top: 20px;
  }
  .filter_list .sec_foot {
    justify-content: center;
  }
  .sec_head,
  .sec_sub_head {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    width: 100%;
  }
  .sec_head.lay02,
  .sec_sub_head.lay02 {
    position: relative;
    display: block;
  }
  .sec_head.lay02 .btn_group,
  .sec_sub_head.lay02 .btn_group {
    position: absolute;
    right: 0;
    bottom: 6px;
  }
  .sec_head.lay03,
  .sec_sub_head.lay03 {
    display: grid;
  }
  .sec_head .btn_group,
  .sec_head .chk_group,
  .sec_sub_head .btn_group,
  .sec_sub_head .chk_group {
    margin-left: auto;
  }
  .sec_head .tools,
  .sec_sub_head .tools {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 6px;
  }
  .sec_head .tools .ipm-para01,
  .sec_sub_head .tools .ipm-para01 {
    align-self: flex-end;
  }
  .sec_head.sty02,
  .sec_sub_head.sty02 {
    border-bottom: 1px solid #999;
    padding-bottom: 12px;
  }
  .sec_head .total_info,
  .sec_sub_head .total_info {
    font-size: 1.3rem;
    color: var(--gray-hard);
  }
  .sec_head .total_info .point,
  .sec_sub_head .total_info .point {
    padding-left: 3px;
    color: var(--primary);
    font-weight: 700;
  }
  .sec_head + .sec_cont, .sec_head + .sec_sub_cont,
  .sec_sub_head + .sec_cont,
  .sec_sub_head + .sec_sub_cont {
    margin-top: 6px;
  }
  .sec_head + .sec_cont,
  .sec_sub_head + .sec_cont {
    position: relative;
  }
  .sec_head + .sec_cont .head_btn_group,
  .sec_sub_head + .sec_cont .head_btn_group {
    position: absolute;
    right: 0;
    top: -36px;
  }
  .sec_head.fix_height,
  .sec_sub_head.fix_height {
    min-height: 30px;
  }
  .vertical_wrap {
    display: flex;
    gap: 0 40px;
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  .vertical_wrap > [class$=_area] {
    width: calc(50% - 20px);
    box-sizing: border-box;
  }
  .vertical_wrap.narrow {
    gap: 20px;
  }
  .vertical_wrap.narrow > [class$=_area] {
    width: calc(50% - 10px);
  }
  .vertical_wrap.narrow02 {
    gap: 30px;
  }
  .vertical_wrap.narrow02 > [class$=_area] {
    width: calc(50% - 15px);
  }
  .vertical_wrap.full {
    min-height: calc(100% - 28px);
  }
  .vertical_wrap.full_max {
    height: 100%;
    max-height: calc(100% - 28px);
    overflow: hidden;
  }
  .vertical_wrap3-2 {
    display: flex;
    gap: 0 20px;
  }
  .vertical_wrap3-2 > .sec_area:first-child {
    flex: 3;
  }
  .vertical_wrap3-2 > .sec_area:last-child {
    flex: 2;
  }
  .vertical_wrap2-3 {
    display: flex;
    gap: 0 20px;
  }
  .vertical_wrap2-3 > .sec_area:first-child {
    flex: 2;
  }
  .vertical_wrap2-3 > .sec_area:last-child {
    flex: 3;
  }
  .vertical_wrap1-3 {
    display: flex;
    gap: 0 20px;
  }
  .vertical_wrap1-3 > .sec_area:first-child {
    flex: 1;
  }
  .vertical_wrap1-3 > .sec_area:last-child {
    flex: 3;
  }
  .vertical_wrap1-3.narrow {
    gap: 0 11px;
  }
  .vertical_wrap3-1 {
    display: flex;
    gap: 0 20px;
  }
  .vertical_wrap3-1 > .sec_area:first-child {
    flex: 3;
  }
  .vertical_wrap3-1 > .sec_area:last-child {
    flex: 1;
  }
  .vertical_wrap1-2 {
    display: flex;
    gap: 0 20px;
  }
  .vertical_wrap1-2 > .sec_area:first-child {
    flex: 1;
  }
  .vertical_wrap1-2 > .sec_area:last-child {
    flex: 2;
  }
  /* 검색조건 */
  .ipm-filter {
    border: 2px solid #b6bdc1;
    table-layout: fixed;
  }
  .ipm-filter tr:first-child th, .ipm-filter tr:first-child td {
    padding-top: 8px;
  }
  .ipm-filter tr:last-child th, .ipm-filter tr:last-child td {
    padding-bottom: 8px;
  }
  .ipm-filter .ipm-label01 {
    flex-grow: 1;
    display: flex;
    width: 100%;
    padding: 0 10px 0 34px;
    box-sizing: border-box;
    font-weight: 600;
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  .ipm-filter th {
    padding: 4px 0;
    background: #f2f6f8;
    text-align: left;
    line-height: 1;
  }
  .ipm-filter td {
    padding: 4px 2.88% 4px 12px;
    background: #fff;
  }
  .ipm-filter td .inp_area,
  .ipm-filter td > .ipm-select01,
  .ipm-filter td .ipm-inp01 {
    width: 100%;
    max-width: 200px;
    min-width: 0;
  }
  .ipm-filter td .inp_area.large,
  .ipm-filter td > .ipm-select01.large,
  .ipm-filter td .ipm-inp01.large {
    max-width: initial;
  }
  .ipm-filter td + th {
    border-left: 1px solid #dde6ea;
  }
  .ipm-filter.horizontal tr th {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .ipm-filter.horizontal .ipm-label01 {
    justify-content: center;
    padding: 0;
  }
  .cell_wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-weight: inherit;
    font-size: inherit;
  }
  .cell_wrap.horizontal {
    flex-direction: column;
    align-items: flex-start;
  }
  .cell_wrap.horizontal.center {
    align-items: center;
  }
  .cell_wrap .btn_group {
    margin-left: 10px;
  }
  .cell_wrap .btn_group.right {
    margin-left: auto;
  }
  .cell_wrap.wide {
    gap: 20px;
  }
  .cell_wrap.narrow {
    gap: 5px;
  }
  .cell_wrap.narrow02 {
    gap: 8px;
  }
  .cell_wrap.right {
    justify-content: flex-end;
  }
  .cell_wrap.center {
    justify-content: center;
  }
  .down_list li + li {
    margin-top: 10px;
  }
  .line-clamp01 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
  .ipm-tbl01 {
    max-width: 100%;
    border-top: 1px solid var(--black);
    table-layout: auto;
    border-collapse: separate;
  }
  .ipm-tbl01.partial {
    width: auto;
    min-width: 50%;
  }
  .ipm-tbl01 th {
    background: var(--tetiary);
    font-weight: 600;
    font-size: 1.3rem;
    color: #333;
    white-space: nowrap;
  }
  .ipm-tbl01 td {
    font-weight: 500;
    font-size: 1.2rem;
    color: var(--gray-hard);
  }
  .ipm-tbl01 .narrow > td {
    padding: 5px 13px;
  }
  .ipm-tbl01 .no_space {
    padding: 0;
  }
  .ipm-tbl01.JCLRFlex, .ipm-tbl01.fixed {
    table-layout: fixed !important;
  }
  .ipm-tbl01.JCLRFlex {
    width: 100% !important;
  }
  .ipm-tbl01.type03 .sub_cardinality th:first-child, .ipm-tbl01.type03 .sub_cardinality td:first-child {
    border-left: 1px solid #e1e1e1;
  }
  .ipm-tbl01.highlight:hover, .ipm-tbl01.highlight:focus, .ipm-tbl01.highlight:active {
    background: var(--soft2);
  }
  .no_result .ipm-tbl01.highlight:hover, .disabled .ipm-tbl01.highlight:hover, .no_result .ipm-tbl01.highlight:focus, .disabled .ipm-tbl01.highlight:focus, .no_result .ipm-tbl01.highlight:active, .disabled .ipm-tbl01.highlight:active {
    background: transparent;
  }
  .ipm-tbl01 .is-active {
    background: var(--soft2);
  }
  .ipm-tbl01 .is-active td {
    background: transparent;
  }
  .ipm-tbl01.ui_interaction tbody tr {
    cursor: pointer;
  }
  .ipm-tbl01.ui_interaction tbody .no_result, .ipm-tbl01.ui_interaction tbody .create {
    cursor: auto;
  }
  .ipm-tbl01 th {
    padding: 0.693em 15px;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
  }
  .ipm-tbl01 th + th, .ipm-tbl01 th + td {
    border-left: 1px solid #e1e1e1;
  }
  .ipm-tbl01 tbody td {
    padding: 0.792em 12px;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
  }
  .ipm-tbl01 tbody td + td {
    border-left: 1px solid #e1e1e1;
  }
  .ipm-tbl01 tfoot tr:last-child th, .ipm-tbl01 tfoot tr:last-child td {
    border-bottom: 1px solid #e1e1e1;
  }
  .ipm-tbl01 tfoot tr td {
    border-left: 1px solid #e1e1e1;
    padding: 0.792em 15px;
  }
  .ipm-tbl01 .left {
    text-align: left !important;
  }
  .ipm-tbl01.right td,
  .ipm-tbl01 .right {
    text-align: right !important;
  }
  .ipm-tbl01 .line_left {
    border-left: 0;
  }
  .ipm-tbl01 .ipm-inp01 {
    width: 100%;
  }
  .ipm-tbl01 .idx {
    width: 85px;
  }
  .ipm-tbl01 .center, .ipm-tbl01.right .center {
    text-align: center !important;
  }
  .ipm-tbl01 .disabled td {
    background: #e8e8e8;
    color: #999;
  }
  .ipm-tbl01 .disabled td .link {
    color: inherit;
  }
  .ipm-tbl01 .disabled td .link:hover, .ipm-tbl01 .disabled td .link:focus, .ipm-tbl01 .disabled td .link:active {
    font-weight: 500;
  }
  .ipm-tbl01 .total,
  .ipm-tbl01 .sub_total td,
  .ipm-tbl01 .total td {
    background: var(--tetiary);
  }
  .ipm-tbl01 .link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    padding: 3px 0 2px;
    box-sizing: border-box;
    color: #112f97;
    font-size: 1.2rem;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 500;
  }
  .ipm-tbl01 .link:hover, .ipm-tbl01 .link:focus, .ipm-tbl01 .link:active {
    font-weight: 600;
  }
  .ipm-tbl01 [class^=badge-] + .link {
    flex: 1;
    text-align: left;
  }
  .ipm-tbl01 .create td,
  .ipm-tbl01 td.narrow {
    padding: 5px 10px;
  }
  .ipm-tbl01 .align_top, .ipm-tbl01.align_top td {
    vertical-align: top;
  }
  .ipm-tbl01 .chk, .ipm-tbl01 .chktd {
    padding: 0.792em 14px;
  }
  .ipm-tbl01.modify td {
    padding: 5px 6px;
    vertical-align: top;
  }
  .ipm-tbl01.modify td.align_middle {
    vertical-align: middle;
  }
  .ipm-tbl01.modify td:last-of-type {
    padding-right: 13px;
  }
  .ipm-tbl01.modify td.chk {
    padding: 13px 12px;
  }
  .ipm-tbl01.modify.align_middle td {
    vertical-align: middle;
  }
  .ipm-tbl01.modify.align_middle td.align_top {
    vertical-align: top;
  }
  .ipm-tbl01.modify tr.sub_cardinality td {
    padding: 5px 6px;
  }
  .ipm-tbl01 .no_result > td {
    padding: 4.752em 41px;
  }
  .ipm-tbl01 .widetr td, .ipm-tbl01 .widetd {
    padding: 0.792em 12px !important;
  }
  .ipm-tbl01.theme02 th {
    background-color: #e1f0f5;
  }
  .ipm-tbl01.theme03 {
    border-top: 1px solid #b4cada;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    overflow: hidden;
  }
  .ipm-tbl01.theme03 th {
    padding: 9px 5px 9px;
    border-bottom: 1px solid #e1e1e1;
    background: #d3ebfd;
    font-size: 1.5rem;
    color: var(--black);
  }
  .ipm-tbl01.theme03 th + th {
    border-left: 0;
  }
  .ipm-tbl01.theme03 tr {
    background: #fff;
  }
  .ipm-tbl01.theme03 tbody tr:first-child td {
    padding-top: 21px;
  }
  .ipm-tbl01.theme03 tbody tr:last-child td {
    padding-bottom: 21px;
  }
  .ipm-tbl01.theme03 tbody tr + tr td {
    position: relative;
  }
  .ipm-tbl01.theme03 tbody tr + tr td::before {
    content: " ";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background: #e1e1e1;
  }
  .ipm-tbl01.theme03 tbody tr + tr td:first-child::before {
    left: 20px;
  }
  .ipm-tbl01.theme03 tbody tr + tr td:last-child::before {
    left: -20px;
  }
  .ipm-tbl01.theme03 td {
    padding: 9px 10px;
    border: 0;
    text-align: center;
    font-size: 1.4rem;
    color: #242424;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ipm-tbl01.theme03 td + td {
    border: 0;
  }
  .ipm-tbl01.theme03 td .link {
    font-size: inherit;
  }
  .ipm-tbl01.theme03 .narrow {
    padding: 9px 10px;
  }
  .ipm-tbl01 .sub_tit {
    background: #f9f9f9 !important;
  }
  .ipm-tbl01 .no_padding {
    padding: 0 !important;
  }
  .ipm-tbl01 .is-new td {
    background: #e1f0f5;
  }
  .pass_document td,
  .pass_document .link {
    color: var(--gray-hard);
  }
  .pass_preliminary td,
  .pass_preliminary .link {
    color: var(--primary);
  }
  .eliminated_document td,
  .eliminated_document .link {
    color: #de3412;
  }
  .ipm-tbl02 {
    max-width: 100%;
    border-top: 1px solid var(--black);
    table-layout: fixed;
  }
  .ipm-tbl02.partial {
    width: auto;
    min-width: 50%;
  }
  .ipm-tbl02 th {
    background: var(--tetiary);
    font-weight: 600;
    font-size: 1.3rem;
    color: #333;
    /*white-space: nowrap;*/
  }
  .ipm-tbl02 td {
    font-weight: 500;
    font-size: 1.2rem;
    color: var(--gray-hard);
  }
  .ipm-tbl02 .narrow > td {
    padding: 5px 13px;
  }
  .ipm-tbl02 .no_space {
    padding: 0;
  }
  .ipm-tbl02.fixed {
    table-layout: fixed;
  }
  .ipm-tbl02.theme02 > tbody > tr > th {
    background-color: #e1f0f5;
  }
  .ipm-tbl02 thead, .ipm-tbl02 tbody {
    border: 0 none;
  }
  .ipm-tbl02 th {
    padding: 0.693em 15px;
    border: 0 none;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle;
  }
  .ipm-tbl02 td {
    padding: 0.792em 13px;
    border: 0 none;
    box-sizing: border-box;
    vertical-align: middle;
  }
  .ipm-tbl02 tr {
    border-bottom: 1px solid #e0e0e0;
  }
  .ipm-tbl02.align_middle th {
    vertical-align: middle;
  }
  .ipm-tbl02 .align_middle {
    vertical-align: middle !important;
  }
  .ipm-tbl02.align_top th {
    vertical-align: top;
  }
  .ipm-tbl02 .align_top {
    vertical-align: top !important;
  }
  .ipm-tbl02 .right {
    text-align: right;
  }
  .ipm-tbl02 .ipm-label01 {
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
  }
  .ipm-tbl02 .ipm-inp01 {
    max-width: 100%;
    box-sizing: border-box;
  }
  .ipm-tbl02 .ipm-para01 {
    margin: 5px 0;
    font-weight: 600;
  }
  .ipm-tbl02 .link {
    display: inline-block;
  }
  .ipm-tbl02.modify > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .ipm-tbl02.modify > tbody > .wide > th {
    padding-top: 0.693em;
    padding-bottom: 0.693em;
  }
  .ipm-tbl02.modify .wide > td {
    padding-top: 0.792em;
    padding-bottom: 0.792em;
  }
  .ipm-tbl02.modify .ipm-tbl03 th:not([class]) {
    padding: 8px 10px 7px;
  }
  .ipm-tbl02 .narrow {
    padding: 5px 13px;
  }
  .ipm-tbl02 .ipm-tbl01 th {
    text-align: center;
  }
  .ipm-tbl02 .ipm-tbl01 > tbody > tr:last-child {
    border-bottom: 0;
  }
  .ipm-tbl02 .no_padding {
    padding: 0 !important;
  }
  .ipm-tbl02.type02 {
    border-top: 1px solid #e0e0e0;
  }
  .ipm-tbl03 tr {
    border-bottom: 0;
  }
  .ipm-tbl03 th {
    width: initial;
    padding: 0.693em 10px;
    border-bottom: 1px solid #e7e7e7;
    background: #e7e7e7;
    color: #333;
    font-weight: 600;
    font-size: 1.3rem;
    text-align: center;
    vertical-align: middle;
  }
  .ipm-tbl03 tfoot th {
    background: #fff;
  }
  .ipm-tbl03 td {
    padding: 0.792em 10px;
    border-bottom: 1px solid #e7e7e7;
    color: var(--gray-hard);
    text-align: center;
    font-size: 1.2rem;
  }
  .ipm-tbl03 .left {
    text-align: left;
  }
  .ipm-tbl03 .right {
    text-align: right;
  }
  .ipm-tbl03 .narrow td {
    padding: 5px 10px;
  }
  .ipm-tbl03 .link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: visible;
  }
  .ipm-tbl03 .link:hover, .ipm-tbl03 .link:focus, .ipm-tbl03 .link:active {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .ipm-tbl03 .ipm-inp01,
  .ipm-tbl03 .ipm-select01 {
    min-width: 0;
    width: 100%;
  }
  .ipm-tbl03 .chk_area .mark {
    background: #fff;
  }
  .ipm-tbl03 .chk {
    padding-left: 20px;
    padding-right: 14px;
    padding-bottom: 7.5px;
  }
  .ipm-tbl03.modify tr td {
    padding: 5px 6px;
  }
  .ipm-tbl03.modify tr td:first-child {
    padding-left: 13px;
  }
  .ipm-tbl03.modify tr td:last-child {
    padding-right: 13px;
  }
  .ipm-tbl03.modify .chk {
    padding: 0.792em 10px;
  }
  .ipm-tbl03.theme02 {
    border-top: 1px solid #ccc;
  }
  .ipm-tbl03.theme02 th {
    border-bottom: 1px solid #ccc;
    padding: 9px 10px;
    background: #f4f4f4;
  }
  .ipm-tbl03.theme02 th + th {
    border-left: 1px solid #e1e1e1;
  }
  .ipm-tbl03.theme02 td {
    border-bottom: 1px solid #e1e1e1;
    padding: 9px 12px 10px;
  }
  .ipm-tbl03.theme02 td + td {
    border-left: 1px solid #e1e1e1;
  }
  .tbl-wrap .ipm-tbl03.theme02 {
    border-top: 0;
  }
  .ipm-tbl03.highlight tr:hover, .ipm-tbl03.highlight tr:focus, .ipm-tbl03.highlight tr:active {
    background: var(--soft2);
  }
  .ipm-tbl03.highlight tr:hover.no_result, .ipm-tbl03.highlight tr:focus.no_result, .ipm-tbl03.highlight tr:active.no_result {
    background: transparent;
  }
  .ipm-tbl03.highlight .is-active {
    background: var(--soft2);
  }
  .ipm-tbl03.ui_interaction tbody tr {
    cursor: pointer;
  }
  .ipm-tbl03.ui_interaction tbody tr.no_result {
    cursor: default;
  }
  .ipm-tbl03.fixed {
    table-layout: fixed !important;
  }
  .tbl-wrap .ipm-tbl03.fixed {
    width: 100%;
  }
  .ipm-tbl03 .disabled td {
    background: #e8e8e8;
    color: #999;
  }
  .ipm-tbl03 .disabled td .link {
    color: inherit;
  }
  .ipm-tbl03 .disabled td .link:hover, .ipm-tbl03 .disabled td .link:focus, .ipm-tbl03 .disabled td .link:active {
    font-weight: 500;
  }
  .ipm-tbl03 .no_result > td {
    padding: calc(1.2rem + 1.584em) 46px;
  }
  .ipm-tbl03.partial {
    display: inline-table;
    min-width: 50%;
    width: initial;
  }
  .ipm-tbl03 + .btn_group {
    display: flex;
    margin-top: 8px;
  }
  .ipm-tbl03 + .btn_group:not(.left) {
    justify-content: flex-end;
  }
  .ipm-tbl03 .inp_area {
    width: 100%;
    max-width: 100%;
  }
  .ipm-tbl04 th {
    width: initial;
    padding: 0.693em 10px;
    border-bottom: 1px solid #e7e7e7;
    background: #e7e7e7;
    color: #333;
    font-weight: 600;
    font-size: 1.3rem;
    text-align: center;
    vertical-align: middle;
  }
  .ipm-tbl04 tfoot th {
    background: #fff;
  }
  .ipm-tbl04 td {
    padding: 0.792em 10px;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    color: var(--gray-hard);
    text-align: center;
    font-size: 1.2rem;
  }
  .ipm-tbl05.partial {
    display: inline-table;
    width: initial;
    min-width: 50%;
  }
  .ipm-tbl05 th {
    width: initial;
    padding: 0.693em 10px;
    border-bottom: 1px solid #e7e7e7;
    background: #f2f2f2;
    color: #525252;
    font-weight: 600;
    font-size: 1.3rem;
    text-align: center;
    vertical-align: middle;
  }
  tfoot + .ipm-tbl05 th {
    background: #fff;
  }
  .ipm-tbl05 td {
    padding: 0.792em 10px;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    color: var(--gray-hard);
    text-align: center;
    font-size: 1.2rem;
  }
  .cell-arr_sub::before {
    content: " ";
    color: var(--gray-hard);
    display: inline-flex;
    width: 13px;
    height: 13px;
    mask: url("../../resources/images/arr_right08.svg") no-repeat center;
    background-color: currentColor;
  }
  /* 테이블 정렬 */
  th .tit {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  th[data-sort-type] {
    cursor: pointer;
  }
  th[data-sort-type] .arr {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #aaa;
  }
  th[data-sort-type] .arr::before {
    display: inline-flex;
    width: 6px;
    height: 4px;
    mask: url("../../resources/images/arr_up03.svg") no-repeat center;
    background-color: currentColor;
    content: " ";
  }
  th[data-sort-type] .arr::after {
    display: inline-flex;
    width: 6px;
    height: 4px;
    mask: url("../../resources/images/arr_down04.svg") no-repeat center;
    background-color: currentColor;
    content: " ";
  }
  th[data-sort-type]:hover .arr, th[data-sort-type]:focus .arr, th[data-sort-type]:active .arr {
    color: #333;
  }
  th[data-sort-type=DESC] .arr::before {
    color: #aaa;
  }
  th[data-sort-type=DESC] .arr::after {
    color: var(--primary);
  }
  th[data-sort-type=DESC]:hover .arr::before, th[data-sort-type=DESC]:focus .arr::before, th[data-sort-type=DESC]:active .arr::before {
    color: #333;
  }
  th[data-sort-type=ASC] .arr::before {
    color: var(--primary);
  }
  th[data-sort-type=ASC] .arr::after {
    color: #aaa;
  }
  th[data-sort-type=ASC]:hover .arr::after, th[data-sort-type=ASC]:focus .arr::after, th[data-sort-type=ASC]:active .arr::after {
    color: #333;
  }
  /* 테이블 안의 테이블 모양, ipm-tbl02과 같은 디자인 */
  .ipm-tbl02-dl {
    display: grid;
    grid-template-columns: 132px 1fr 132px 1fr;
    margin: 0;
    border-top: 1px solid #e0e0e0;
  }
  .ipm-tbl02-dl dt,
  .ipm-tbl02-dl dd {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    font-size: 13px;
    margin: 0;
  }
  .ipm-tbl02-dl dt {
    padding: 0.693em 15px;
    border-right: 1px solid #e0e0e0;
    background-color: var(--tetiary);
    font-weight: 500;
  }
  .ipm-tbl02-dl dd {
    padding: 0.792em 15px;
    border-right: 1px solid #e0e0e0;
  }
  .ipm-tbl02-dl dd.span-full {
    grid-column: 2/5;
    border-right: none;
  }
  .JCLRgrips .JCLRgrip .JColResizer {
    width: 1px;
    height: calc(100% - 2px);
    padding: 0 2px;
    background: #e2e2e2;
    background-clip: content-box;
    cursor: w-resize;
    transform: translateX(-50%);
  }
  .JCLRgrips .JCLRLastGrip {
    display: none;
  }
  .editable_file_box {
    padding: 11px;
    border: 1px solid #e1e1e1;
  }
  .cell_wrap > .editable_file_box {
    width: 100%;
    box-sizing: border-box;
  }
  .editable_file_box.partial {
    display: inline-block;
    min-width: 50%;
  }
  .editable_file_box .btn_group {
    margin-right: auto;
  }
  .editable_file_box.reverse .btn_group {
    width: 100%;
    justify-content: flex-end;
    margin-left: auto;
    margin-bottom: 8px;
    margin-top: 0;
  }
  .editable_file_box .box__head {
    display: flex;
    align-items: flex-end;
    margin-bottom: 8px;
  }
  .editable_file_box .box__head .ipm-para-list01 li + li {
    margin-top: 8px;
  }
  .editable_file_box .box__head .btn_group {
    width: initial;
    flex: 1;
    margin-bottom: 0;
  }
  [class^=ipm-tbl] .ipm-para-list01:not(.lay02) {
    margin-top: 10px;
    margin-left: 13px;
    margin-bottom: 10px;
  }
  /* 페이지네이션 */
  .ipm-pagination01 {
    display: flex;
    justify-content: center;
    gap: 9px;
    margin-top: 6px;
  }
  .ipm-pagination01 .btn_arrow {
    padding: 0 6px;
  }
  .ipm-pagination01 .btn_arrow:focus-visible {
    outline: 2px solid #000;
  }
  .ipm-pagination01 .btn_arrow:not(.disabled) {
    color: #454545;
  }
  .ipm-pagination01 .btn_arrow.disabled {
    color: #999;
    cursor: default;
  }
  .ipm-pagination01 .btn_arrow + .page {
    margin-left: 5px;
  }
  .ipm-pagination01 .page {
    display: inline-flex;
    padding: 6px 8px;
    font-size: 1.3rem;
    font-weight: 500;
  }
  .ipm-pagination01 .page:not(.is-active) {
    color: #737373;
  }
  .ipm-pagination01 .page:not(.is-active):hover, .ipm-pagination01 .page:not(.is-active):focus, .ipm-pagination01 .page:not(.is-active):active {
    color: #333;
  }
  .ipm-pagination01 .page:not(.is-active):focus-visible {
    outline: 2px solid #000;
  }
  .ipm-pagination01 .page.is-active {
    background: var(--primary);
    color: #fff;
  }
  .ipm-pagination01 .page + .btn_arrow {
    margin-left: 5px;
  }
  .pre-wrap-str {
    white-space: pre-wrap;
    line-height: 1.3;
    text-align: left;
  }
  .ipm-acdn01 {
    border: 2px solid #e0e0e0;
    border-radius: 10px;
  }
  .ipm-acdn01 .acdn_cont_area {
    max-height: 0;
    overflow: hidden;
    box-sizing: border-box;
    transition: height 0.3s ease-out, padding 0.3s ease-out;
  }
  .ipm-acdn01.is-open > .acdn_cont_area, .ipm-acdn01.is-active > .acdn_cont_area {
    max-height: initial;
  }
  .ipm-acdn01 .acdn_btn {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 20px 30px 19px 59px;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    line-height: 1;
  }
  .ipm-acdn01 .acdn_btn::before {
    content: " ";
    position: absolute;
    left: 30px;
    top: calc(50% - 3px);
    display: inline-flex;
    width: 12px;
    height: 6px;
    mask: url("../../resources/images/arr_down01.svg") no-repeat center;
    background-color: currentColor;
    color: #8d8d8d;
    transform: rotate(0);
    transition: transform 0.2s;
  }
  .ipm-acdn01 .acdn_btn .txt {
    font-size: 1.7rem;
    font-weight: 700;
    color: #333;
  }
  .ipm-acdn01 .acdn_btn .txt.big {
    font-size: 2.5rem;
  }
  .ipm-acdn01 .acdn_cont_area {
    transition: height 0.3s ease-out, padding 0s ease-out;
  }
  .ipm-acdn01 .acdn_cont__foot {
    margin-top: 8px;
  }
  .ipm-acdn01.is-open .acdn_btn {
    padding-bottom: 15px;
  }
  .ipm-acdn01.is-open .acdn_btn::before {
    transform: rotate(-180deg);
  }
  .ipm-acdn01.is-open .acdn_cont_area {
    padding: 0 20px 20px;
  }
  .ipm-file-download {
    height: auto;
    min-height: 150px;
  }
  .RAON_K_UP_file_upload_bluegray {
    width: 100%;
    height: 100%;
  }
  #RAON_K_UP_content {
    height: calc(100% - 33px);
  }
  .RAON_K_UP_uploadbox {
    height: 100%;
  }
  .RAON_K_UP_uploadbox_sec {
    height: calc(100% - 31px);
  }
}
@layer overrides {
  .w100 {
    width: 100px !important;
  }
  .w125 {
    width: 125px !important;
  }
  .w150 {
    width: 150px !important;
  }
  .w175 {
    width: 175px !important;
  }
  .w200 {
    width: 200px !important;
  }
  .w225 {
    width: 225px !important;
  }
  .w250 {
    width: 250px !important;
  }
  .w275 {
    width: 275px !important;
  }
  .w300 {
    width: 300px !important;
  }
  .w325 {
    width: 325px !important;
  }
  .w350 {
    width: 350px !important;
  }
  .w375 {
    width: 375px !important;
  }
  .w400 {
    width: 400px !important;
  }
  .w425 {
    width: 425px !important;
  }
  .w450 {
    width: 450px !important;
  }
  .w475 {
    width: 475px !important;
  }
  .w500 {
    width: 500px !important;
  }
  .w525 {
    width: 525px !important;
  }
  .w550 {
    width: 550px !important;
  }
  .w575 {
    width: 575px !important;
  }
  .w600 {
    width: 600px !important;
  }
  .w625 {
    width: 625px !important;
  }
  .w650 {
    width: 650px !important;
  }
  .w675 {
    width: 675px !important;
  }
  .w700 {
    width: 700px !important;
  }
  .is-off {
    display: none !important;
  }
  /*테이블*/
  .tbl-wrap {
    overflow: auto;
    width: 100%;
    max-height: 512px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
  }
  .tbl-wrap.view_row4 {
    max-height: 128px;
  }
  .tbl-wrap.view_row5 {
    max-height: 160px;
  }
  .tbl-wrap.view_row6 {
    max-height: 192px;
  }
  .tbl-wrap.view_row7 {
    max-height: 224px;
  }
  .tbl-wrap.view_row8 {
    max-height: 256px;
  }
  .tbl-wrap.view_row9 {
    max-height: 288px;
  }
  .tbl-wrap.view_row10 {
    max-height: 320px;
  }
  .tbl-wrap.view_row11 {
    max-height: 352px;
  }
  .tbl-wrap.view_row12 {
    max-height: 384px;
  }
  .tbl-wrap.view_row13 {
    max-height: 416px;
  }
  .tbl-wrap.view_row14 {
    max-height: 448px;
  }
  .tbl-wrap.view_row15 {
    max-height: 480px;
  }
  .tbl-wrap.view_row16 {
    max-height: 512px;
  }
  .tbl-wrap.view_row17 {
    max-height: 544px;
  }
  .tbl-wrap.view_row18 {
    max-height: 576px;
  }
  .tbl-wrap.view_row19 {
    max-height: 608px;
  }
  .tbl-wrap.view_row20 {
    max-height: 640px;
  }
  .tbl-wrap.view_row21 {
    max-height: 672px;
  }
  .tbl-wrap.theme02 {
    border-top-color: #ccc;
  }
  .tbl-wrap.type02 {
    border-top: 0;
    border-bottom: 0;
  }
  .tbl-wrap > table {
    width: max-content;
    max-width: initial;
    min-width: 100%;
    border-top: 0;
    table-layout: auto;
  }
  .tbl-wrap > table.fixed {
    width: 100%;
  }
  .tbl-wrap > table th,
  .tbl-wrap > table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tbl-wrap thead {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .tbl-wrap .ipm-tbl01 thead th,
  .tbl-wrap .ipm-tbl01 thead td {
    border-bottom: 1px solid #e1e1e1;
  }
  .tbl-wrap tbody + tfoot tr th,
  .tbl-wrap tbody + tfoot tr td {
    border-top: 0;
    border-bottom: 1px solid #e1e1e1;
  }
  .filter_list .tbl-wrap {
    border-top-width: 2px;
    height: 512px;
  }
  .modal-body .tbl-wrap.view_row4 {
    height: calc((1.584em + 1.2rem) * 4 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row5 {
    height: calc((1.584em + 1.2rem) * 5 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row6 {
    height: calc((1.584em + 1.2rem) * 6 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row7 {
    height: calc((1.584em + 1.2rem) * 7 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row8 {
    height: calc((1.584em + 1.2rem) * 8 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row9 {
    height: calc((1.584em + 1.2rem) * 9 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row10 {
    height: calc((1.584em + 1.2rem) * 10 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row11 {
    height: calc((1.584em + 1.2rem) * 11 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row12 {
    height: calc((1.584em + 1.2rem) * 12 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row13 {
    height: calc((1.584em + 1.2rem) * 13 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row14 {
    height: calc((1.584em + 1.2rem) * 14 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row15 {
    height: calc((1.584em + 1.2rem) * 15 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row16 {
    height: calc((1.584em + 1.2rem) * 16 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row17 {
    height: calc((1.584em + 1.2rem) * 17 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row18 {
    height: calc((1.584em + 1.2rem) * 18 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row19 {
    height: calc((1.584em + 1.2rem) * 19 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row20 {
    height: calc((1.584em + 1.2rem) * 20 + 1.386em + 1.3rem - 2px);
  }
  .modal-body .tbl-wrap.view_row21 {
    height: calc((1.584em + 1.2rem) * 21 + 1.386em + 1.3rem - 2px);
  }
  /* =============== INDIVIDUAL PAGES ======================== */
  .jstree-node {
    position: relative;
  }
  .jstree-node + .jstree-node {
    margin-top: 7px;
  }
  .jstree-node .jstree-ocl {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-width: 6;
    border-style: solid;
    border-color: transparent;
    border-top: 7 solid currentColor;
    border-bottom: 0;
    color: var(--gray-hard);
    position: absolute;
    right: 5px;
    top: 16px;
    transform: rotate(-180deg);
    transition: transform 0.1s;
  }
  .jstree-node .jstree-anchor {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 3px 3px 3px 0;
    border-radius: 10px;
    font-size: 1.4rem;
    color: #444;
    font-weight: 600;
  }
  .jstree-node .jstree-anchor[aria-expanded=false] .jstree-icon:not(.jstree-ocl) {
    display: inline-flex;
    width: 24px;
    height: 15px;
    background: url("data:image/svg+xml, %3Csvg version='1.1' id='icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;stroke:%237E7E7E;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M17.4,4.5H13c-0.4,0-0.7,0.1-1,0.4c-0.4,0.3-0.6,0.8-0.6,1.4v1.4H6.6c-0.9,0-1.6,0.8-1.6,1.7v8.3 c0,1,0.7,1.8,1.6,1.8h10.8c0.9,0,1.6-0.8,1.6-1.8V9.4V6.3C19,5.3,18.3,4.5,17.4,4.5z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
    flex: none;
  }
  .jstree-node .jstree-anchor[aria-expanded=true] {
    font-weight: 700;
    color: var(--secondary);
  }
  .jstree-node .jstree-anchor[aria-expanded=true] .jstree-icon:not(.jstree-ocl) {
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: url("../../resources/images/folder01_on.svg") no-repeat center;
  }
  .jstree-node .jstree-anchor[aria-selected=true] {
    background: #ecf0fa;
    color: var(--secondary);
  }
  .jstree-node .jstree-wholerow {
    padding: 9px 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 10px;
    font-size: 1.4rem;
    z-index: 1;
    cursor: pointer;
  }
  .jstree-node .jstree-wholerow:hover ~ .jstree-anchor {
    background: #ecf0fa;
  }
  .jstree-node .jstree-hovered {
    background: #ecf0fa;
  }
  .jstree-closed .jstree-ocl {
    transform: rotate(0deg);
  }
  .jstree-leaf .jstree-ocl {
    display: none;
  }
  .jstree-leaf .jstree-anchor {
    padding: 3px 2px;
    word-break: normal;
  }
  .jstree-leaf .jstree-anchor::before {
    display: none;
  }
  .tree_list {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
  }
  .tree_list .tree__head {
    margin: 0 19px;
    padding: 20px 0;
    border-bottom: 1px solid #999;
  }
  .tree_list .tree__cont {
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden auto;
  }
  .tree_list.prmn_list .tree__cont {
    height: initial;
  }
  .tree_list .jstree-node .jstree-children {
    position: relative;
    padding-left: 24px;
    margin-top: 8px;
  }
  .tree_list .jstree-node .jstree-children::before {
    content: " ";
    position: absolute;
    left: 10px;
    top: 0;
    width: 0;
    height: calc(100% - 7px);
    border-left: 2px dashed #e3e3e3;
  }
  .btn_tree_tgl [class^=ico-] {
    transform: rotate(0);
    transition: transform 0.2s;
  }
  .btn_tree_tgl.is-open [class^=ico-] {
    transform: rotate(180deg);
    transition: transform 0.2s;
  }
  .evgrsy_tbl thead th:nth-child(2) {
    width: 550px;
  }
  .evgrsy_tbl tbody td:first-child:not([rowspan]),
  .evgrsy_tbl tbody td[rowspan] + td:nth-child(2) {
    line-height: 1.3;
  }
  .evgrsy_tbl .last_group td[rowspan] {
    border-bottom: 0;
  }
  .evgrsy_tbl tfoot {
    position: sticky;
    bottom: 0;
  }
  .ev_mrobevli_tbl th:first-child, .ev_mrobevli_tbl td:first-child {
    max-width: 400px;
  }
  .ev_mrobevli_tbl td:first-child {
    line-height: 1.3;
  }
  .modal-body .prmn_manual_list_area {
    height: 100%;
  }
  .prmn_manual_list_area .tree__head .tit {
    color: var(--black);
    font-size: 1.5rem;
    font-weight: 600;
  }
  .prmn_list {
    max-height: 580px;
    overflow: auto;
  }
  .prmn_list .prmn_tree {
    min-height: 603px;
    max-height: 100%;
  }
  .bi_en_tbl .order_group {
    min-height: 30px;
  }
  .bi_en_tbl .inner_tbl_head {
    padding: 5px 48px 5px 15px;
    text-align: right;
  }
  .bi_en_tbl .inner_tbl_head .btn-outline01 {
    min-width: 80px;
  }
  .bi_en_tbl .tbl_fake01 {
    display: table;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    background: #f9f9f9;
    border-collapse: collapse;
  }
  .bi_en_tbl .tbl_fake01 .fake_tr {
    display: table-row;
  }
  .bi_en_tbl .tbl_fake01 .fake_tr + .fake_tr {
    border-top: 1px solid #e1e1e1;
  }
  .bi_en_tbl .tbl_fake01 .fake_td {
    display: table-cell;
    padding: 5px 10px;
    box-sizing: border-box;
  }
  .bi_en_tbl .tbl_fake01 .deliverable {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 450px;
  }
  .bi_en_tbl .tbl_fake01 .date_start,
  .bi_en_tbl .tbl_fake01 .date_end {
    width: 180px;
    border-left: 1px solid #e1e1e1;
  }
  .bi_en_tbl .tbl_fake01 .cell-acts {
    width: 150px;
    padding-right: 40px;
  }
  .bi_en_tbl .tbl_fake01 .cell-acts .btn_group {
    gap: 8px;
    vertical-align: middle;
  }
  .bi_en_tbl .tbl_fake01 .cell-acts .btnItemDelete {
    margin-right: 2px;
  }
  .tipo_mn_tbl {
    width: 100%;
    border-collapse: collapse;
  }
  .tipo_mn_tbl .tipo_group_tit,
  .tipo_mn_tbl td {
    padding-left: 20px;
    padding-right: 20px;
  }
  .tipo_mn_tbl .line_left {
    border-left: 1px solid #fff;
  }
  .tipo_mn_tbl .tipo_group {
    font-size: 0;
  }
  .tipo_mn_tbl .tipo_group .ipm-tbl01 {
    border-collapse: collapse;
    border-top: 0;
  }
  .tipo_mn_tbl .tipo_group .ipm-tbl01 td {
    border-bottom: 0;
  }
  .tipo_mn_tbl .sub_cardinality td {
    border-top: 1px solid #e1e1e1;
  }
  .tipo_mn_tbl .sub_cardinality td:first-child {
    border-left: 1px solid #e1e1e1;
  }
  .tipo_mn_tbl .gender {
    min-width: 1.5em;
  }
  .tipo_mn_tbl .inp_group {
    gap: 10px;
  }
  .tipo_mn_tbl .wide {
    padding-top: 1.1088em;
  }
  .modal_stmn .stmn_info {
    flex: 0.8;
  }
  .human_resources_tbl .arr_sub::before {
    content: " ";
    color: var(--gray-hard);
    display: inline-flex;
    width: 13px;
    height: 13px;
    mask: url("../../resources/images/arr_right08.svg") no-repeat center;
    background-color: currentColor;
  }
  .staying_expenses_tbl td {
    border-bottom: 0;
  }
  .staying_expenses_tbl .sub_cardinality td:first-child {
    border-left: 1px solid #e1e1e1;
  }
  .staying_expenses_tbl tbody td {
    border-top: 1px solid #e1e1e1;
  }
  .staying_expenses_tbl tbody tr:first-child td {
    border-top: 0;
  }
  .staying_expenses_tbl tfoot tr:first-child th,
  .staying_expenses_tbl tfoot tr:first-child td {
    border-top: 1px solid #e1e1e1;
  }
  /* 사업실시관리 */
  .modal_budget_apply .editable_file_box .btn_group + .ipm-tbl03 {
    margin-top: 8px;
  }
  .modal_budget_apply .total_budget_info {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 10px;
    text-align: center;
  }
  .pct_smry_total {
    height: 180px;
    box-sizing: border-box;
  }
  .pct_smry_total .ipm-para01 {
    width: 100%;
    gap: 12px;
    justify-content: center;
  }
  .pct_smry_total .badge-primary-outline {
    min-width: 30px;
    border: 0;
    text-align: center;
  }
  .pct_smry_total .percent {
    margin-top: 35px;
    color: #fff;
    font-size: 5.2rem;
    font-weight: 700;
    text-align: center;
  }
  .pct_smry_detail {
    display: flex;
    padding: 0 16px;
  }
  .pct_smry_detail .smry__item {
    width: 25%;
    color: var(--gray-hard);
    text-align: center;
  }
  .pct_smry_detail .smry__item + .smry__item {
    border-left: 1px solid #999;
  }
  .pct_smry_detail .item__tit {
    font-size: 1.4rem;
    color: #333;
    font-weight: 600;
  }
  .pct_smry_detail .item__cont {
    margin-top: 25px;
    color: inherit;
    font-size: 3.8rem;
    font-weight: 700;
  }
  .pct_smry_detail .delay_lv1 {
    color: #009cff;
  }
  .pct_smry_detail .delay_lv2 {
    color: #228738;
  }
  .pct_smry_detail .delay_lv3 {
    color: #ffb114;
  }
  .pct_smry_detail .delay_lv4 {
    color: #ff6a33;
  }
  .pct_smry_detail .delay_lv5 {
    color: #de3412;
  }
  .pct_smry_detail .item__badge {
    margin-top: 12px;
  }
  .achievement_rate {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .achievement_rate .ar__item {
    width: calc(50% - 10px);
  }
  .achievement_rate .tit {
    font-size: 1.6rem;
    color: #1f1f1f;
    font-weight: 600;
  }
  .achievement_rate .tit .point {
    color: #000;
    font-weight: 700;
  }
  .achievement_rate .ar__progress {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
  }
  .achievement_rate .ar__progress::before {
    content: "Goal";
    color: #999;
    font-size: 1.3rem;
  }
  .output_achivement .ipm-box14 {
    padding: 40px 0;
    overflow: hidden;
  }
  .output_achivement .tit {
    margin: 0 40px 30px;
    font-size: 1.6rem;
    color: var(--black);
    font-weight: 600;
  }
  .output_achivement .swiper {
    width: 100%;
    height: 100%;
  }
  .output_achivement .swiper-wrapper {
    display: flex;
    padding: 0 40px;
    box-sizing: border-box;
    cursor: grab;
  }
  .output_achivement .swiper-slide {
    width: 33.3% !important;
    flex: none;
    padding: 0 30px;
    box-sizing: border-box;
  }
  .output_achivement .oa_graph {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 25%;
  }
  .output_achivement .oa_pagination {
    margin-top: 28px;
    text-align: center;
  }
  .output_achivement .oa_pagination .swiper-pagination-bullet {
    display: inline-flex;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #6d7882;
    transition: width 0.2s;
  }
  .output_achivement .oa_pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 4px;
  }
  .output_achivement .oa_pagination .swiper-pagination-bullet-active {
    width: 24px;
    border-radius: 4px;
    background: var(--primary);
    transition: width 0.2s, border-radius 0.2s;
  }
  .output_achivement .nbr {
    margin-top: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 1.6rem;
    color: var(--black);
  }
  .output_achivement .txt {
    margin-top: 12px;
    font-weight: 500;
    font-size: 1.4rem;
    color: #333;
    line-height: 1.2;
  }
  .activity_status {
    display: flex;
    gap: 5px;
    width: 100%;
  }
  .activity_status .as__item {
    flex: 1;
  }
  .activity_status .as__item + .as__item .item_head {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .activity_status .as__item + .as__item .item_head::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-width: 7.5px;
    border-style: solid;
    border-color: transparent;
    border-left: 9px solid currentColor;
    border-right: 0;
    color: #d3d3d3;
  }
  .activity_status .as__item + .as__item .item_cont {
    padding-left: 14px;
  }
  .activity_status .head_box {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px;
    border-radius: 8px;
    box-sizing: border-box;
  }
  .activity_status .img_box {
    padding: 7px;
    border-radius: 50%;
    color: #fff;
  }
  .activity_status .yellow {
    background: #ffefd6;
  }
  .activity_status .yellow .img_box {
    padding: 6px;
    background: #f9bc5c;
  }
  .activity_status .green {
    background: #d9f0d5;
  }
  .activity_status .green .img_box {
    background: #8ece84;
  }
  .activity_status .blue {
    background: #d6e4ff;
  }
  .activity_status .blue .img_box {
    background: #597fc9;
  }
  .activity_status .tit {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--gray-hard);
  }
  .activity_status .item_cont {
    margin-top: 10px;
  }
  .activity_status .item__list {
    max-height: calc((1.2em + 16px) * 6);
    padding: 7px 12px;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    font-size: 1.4rem;
    overflow-y: auto;
  }
  .activity_status .item__list .item {
    position: relative;
    padding: 8px 0 8px 15px;
    color: #333;
    font-size: 1em;
    line-height: 1.2;
  }
  .activity_status .item__list .item::before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: calc(0.6em + 8px);
    border-radius: 50%;
    background: currentColor;
    transform: translateY(-50%);
  }
  .communicator_list {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 14px 4px 20px;
  }
  .communicator_list .list__item {
    display: flex;
    align-items: center;
    gap: 7px;
  }
  .communicator_list .list__item + .list__item {
    margin-top: 20px;
  }
  .communicator_list .img_box {
    flex: none;
    width: 24px;
    height: 24px;
    padding: 1px;
    border: 1px solid #7c7e82;
    border-radius: 50%;
  }
  .communicator_list .profile_img {
    width: 26px;
    border-radius: 50%;
    aspect-ratio: 1/1;
  }
  .communicator_list .txt_box {
    width: calc(100% - 31px);
  }
  .communicator_list .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.4rem;
    color: #444;
    font-weight: 700;
  }
  .communicator_list .team_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-top: 5px;
    font-size: 1.2rem;
    color: #656565;
  }
  .post-list-wrap {
    height: 750px;
    overflow: auto;
    border-top: 2px solid var(--black);
  }
  .post-list .name,
  .post-detail .name {
    padding-right: 8px;
    font-size: 1em;
    font-weight: 600;
    color: var(--gray-hard);
    text-align: right;
  }
  .post-list .team_name,
  .post-detail .team_name {
    position: relative;
    padding-left: 9px;
    font-size: 1em;
    color: #797b7f;
  }
  .post-list .team_name::before,
  .post-detail .team_name::before {
    content: " ";
    position: absolute;
    left: 0;
    top: calc(50% - 7px);
    width: 1px;
    height: 14px;
    background: #e1e1e1;
  }
  .post-list .datetime,
  .post-detail .datetime {
    font-size: 1em;
    text-align: right;
    color: #797b7f;
  }
  .post-list {
    font-size: 1.3rem;
  }
  .post-list .pl__item {
    display: flex;
    align-items: center;
    padding: 0.9em 10px 0.9em 5px;
  }
  .post-list .pl__item + .pl__item {
    border-top: 1px solid #e1e1e1;
  }
  .post-list .pl__item:last-child {
    border-bottom: 1px solid #e1e1e1;
  }
  .post-list .link_wrap {
    position: relative;
    max-width: 50%;
    display: inline-block;
  }
  .post-list .link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 10px 5px 5px;
    font-size: 1em;
    font-weight: 600;
    color: var(--gray-hard);
  }
  .post-list .link:hover, .post-list .link:focus, .post-list .link:active {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .post-list .badge_cmt_cnt {
    position: absolute;
    left: 100%;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: calc(100% + 3px);
    padding: 0 5px;
    box-sizing: border-box;
    border: 1px solid #c6c6c6;
    border-radius: 50%;
    color: var(--primary);
    font-size: 1.2rem;
    font-weight: 500;
    font-style: normal;
    transform: translateY(-50%);
  }
  .post-list .sub_info {
    margin-left: auto;
    font-size: 1.2rem;
  }
  .post-list .name,
  .post-list .team_name,
  .post-list .datetime {
    display: inline-block;
  }
  .post-list .name {
    width: 150px;
  }
  .post-list .team_name {
    width: 160px;
  }
  .post-detail .pd__head {
    padding: 15px 19px 10px 19px;
  }
  .post-detail .pd__head.view {
    padding: 0;
  }
  .post-detail .pd__head.view .ipm-tbl02 {
    border-top: 0;
  }
  .post-detail .pd__head.view .ipm-tbl02 tr {
    border-bottom: 0;
  }
  .post-detail .pd_tit {
    font-size: 1.5rem;
    color: #333;
    font-weight: 600;
    line-height: 1.3;
  }
  .post-detail .side_info {
    margin-top: 11px;
    display: flex;
    align-items: center;
  }
  .post-detail .datetime {
    margin-left: auto;
  }
  .post-detail .pd__cont {
    border-top: 1px solid #ccc;
  }
  /* 결재함관리 - 업무알림 & 코피스 메인 */
  .task_alrim__list {
    display: flex;
    padding: 0 5px;
  }
  .task_alrim__list .ta__item {
    width: 25%;
  }
  .task_alrim__list.grid02 .ta__item {
    width: 50%;
  }
  .task_alrim__list .img_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 20px;
    background: currentColor;
  }
  .task_alrim__list .img_box [class^=ico] {
    color: #fff;
  }
  .task_alrim__list .skyblue {
    color: #09c7ce;
  }
  .task_alrim__list .green {
    color: #30b14e;
  }
  .task_alrim__list .navy {
    color: #1f48ac;
  }
  .task_alrim__list .orange {
    color: #f86041;
  }
  .task_alrim__list .purple {
    color: #695ed3;
  }
  .task_alrim__list .blue {
    color: #1679ff;
  }
  .task_alrim__list .txt_wrap {
    display: grid;
    gap: 8px;
  }
  .task_alrim__list .txt {
    font-size: 1.5rem;
    color: inherit;
    font-weight: 600;
  }
  .task_alrim__list .count {
    display: flex;
    align-items: flex-end;
    color: inherit;
    font-size: 1.8rem;
    line-height: 1.2;
  }
  .task_alrim__list .cnt_txt {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
  }
  .task_alrim__list.sty02 .link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 10px;
  }
  .task_alrim__list.sty02 .link:hover .cnt_txt, .task_alrim__list.sty02 .link:focus .cnt_txt, .task_alrim__list.sty02 .link:active .cnt_txt {
    text-decoration: none;
  }
  .task_alrim__list.sty02 .txt_wrap {
    color: #fff;
  }
  .task_alrim__list.sty02 .count {
    justify-content: center;
    gap: 5px;
  }
  .task_alrim__list.sty02 .cnt_txt {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }
  /* 나의 할 일 - 나의 사업 */
  .my_business_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .my_business_list .mybs__box {
    width: calc(25% - 7.5px);
  }
  .my_business_list .mybs__box .link_wrap {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 20px 22px 19px 24px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-radius: 14px;
    background: #fff;
  }
  .my_business_list .mybs__box .link_wrap:hover, .my_business_list .mybs__box .link_wrap:focus, .my_business_list .mybs__box .link_wrap:active {
    border-color: transparent;
    position: relative;
  }
  .my_business_list .mybs__box .link_wrap:hover::before, .my_business_list .mybs__box .link_wrap:focus::before, .my_business_list .mybs__box .link_wrap:active::before {
    content: " ";
    display: block;
    position: absolute;
    left: -1px;
    top: -2px;
    width: 100%;
    height: 100%;
    border: 2px solid var(--primary);
    border-radius: inherit;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.41);
  }
  .my_business_list .mybs__tit {
    position: relative;
    height: 55px;
  }
  .my_business_list .mybs__tit .txt {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: calc(1em * 2.6 + 3px);
    line-height: 1.3;
    text-overflow: ellipsis;
    font-size: 1.9rem;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
  }
  .my_business_list .mybs__tit .price {
    font-size: 1.5rem;
  }
  .my_business_list .mybs__simple_info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 4px;
    position: relative;
    z-index: 1;
    margin-top: 17px;
    font-size: 1.3rem;
    padding-right: 40px;
  }
  .my_business_list .mybs__simple_info .tit {
    width: 4em;
    font-size: 1em;
    color: var(--gray-hard);
    font-weight: 500;
  }
  .my_business_list .mybs__simple_info .txt {
    width: calc(100% - 4em - 4px);
    min-width: 3em;
    font-size: 1em;
    color: var(--black);
    font-weight: 600;
  }
  .my_business_list .alrim_box {
    position: absolute;
    z-index: 1;
    right: 27px;
    bottom: 20px;
  }
  .my_business_list .alrim_box .btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #2098f3;
    color: #fff;
  }
  .my_business_list .alrim_box .badge-alrim01 {
    display: inline-block;
    padding: 3px 6px;
    border: 0 none;
    border-radius: 20px;
    position: absolute;
    right: -4px;
    top: -6px;
    background: #f34242;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
  }
  .my_business_list .healthcare,
  .main__outcome_summary .healthcare {
    color: #b6ecb3;
  }
  .my_business_list .education,
  .main__outcome_summary .education {
    color: #e1edf7;
  }
  .my_business_list .public_admin,
  .main__outcome_summary .public_admin {
    color: #e1e5f7;
  }
  .my_business_list .tech_env_energy,
  .main__outcome_summary .tech_env_energy {
    color: #d9f4ed;
  }
  .my_business_list .agri_forest_fish,
  .main__outcome_summary .agri_forest_fish {
    color: #f9f4d4;
  }
  .my_business_list .emergency_relief,
  .main__outcome_summary .emergency_relief {
    color: #f7e5e7;
  }
  .my_business_list .other_bs,
  .main__outcome_summary .other_bs {
    color: #ededed;
  }
  .main__outcome_summary .ico_type_wrap,
  .main__outcome_summary .ico_sdg_wrap {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
  .main__outcome_summary .ico_type_wrap {
    width: 55px;
    height: 55px;
  }
  .main__outcome_summary .ico_sdg_wrap {
    width: 28px;
    height: 28px;
  }
  .main__outcome_summary .sdg01 {
    background: #e4011e;
  }
  .main__outcome_summary .sdg02 {
    background: #d6a600;
  }
  .main__outcome_summary .sdg03 {
    background: #1b973a;
  }
  .main__outcome_summary .sdg04 {
    background: #c50e28;
  }
  .main__outcome_summary .sdg05 {
    background: #e83418;
  }
  .main__outcome_summary .sdg06 {
    background: #00a6d9;
  }
  .main__outcome_summary .sdg07 {
    background: #fabd00;
  }
  .main__outcome_summary .sdg08 {
    background: #970a31;
  }
  .main__outcome_summary .sdg09 {
    background: #ec6a06;
  }
  .main__outcome_summary .sdg10 {
    background: #dc097b;
  }
  .main__outcome_summary .sdg11 {
    background: #f5a20b;
  }
  .main__outcome_summary .sdg12 {
    background: #d39206;
  }
  .main__outcome_summary .sdg13 {
    background: #407936;
  }
  .main__outcome_summary .sdg14 {
    background: #0075ba;
  }
  .main__outcome_summary .sdg15 {
    background: #28a838;
  }
  .main__outcome_summary .sdg16 {
    background: #004c88;
  }
  .main__outcome_summary .sdg17 {
    background: #023067;
  }
  /*나의 할일 - 최근 등록된 소통채널*/
  .community_channel_list {
    margin-top: 20px;
  }
  .community_channel_list .cc__item + .cc__item {
    margin-top: 7px;
  }
  .community_channel_list .link {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    font-weight: 500;
  }
  .community_channel_list .link:hover .txt, .community_channel_list .link:focus .txt, .community_channel_list .link:active .txt {
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .community_channel_list [class^=badge-] {
    flex: none;
    display: inline-block;
    min-width: 76px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 14px;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.3rem;
  }
  .community_channel_list .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 2px;
    color: var(--gray-hard);
  }
}
/* ==============
*		통계관리
* =============== */
/* ==============
	*		사업종료
	* =============== */
/* ==============
*		시스템관리
* =============== *//*# sourceMappingURL=style.css.map */