@charset "UTF-8";
/* Root */
/* @import url("../../build/css/variables.css"); */
/* omks css framework */
/**********  **********/
/* 접근성 */
/**********  **********/
.a11y-hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.0625em;
  height: 0.0625em;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  opacity: 0;
}

/**********  **********/
/* 상속 요소 */
/**********  **********/
.extend-font, .multi-select .multiselect.custom-select,
.multiselect-native-select .multiselect.custom-select, .omks-pattern-state-count, .omks-pattern-process, .omks-pattern-period .period-txt, .omks-pattern-legend, .omks-pattern-inline-info-col, .omks-pattern-inline-info-row, .omks-form-textarea, .omks-form-select, .omks-form-text[type=text], .omks-form-text[type=password], .omks-form-text[type=number], .omks-form-text[type=search], .omks-form-text[type=email], .omks-dropdown, .omks-card, .omks-hero, .omks-text {
  font-family: "pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.0125rem;
  line-height: 1.5;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx: grayscale;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.extend-form-focus:focus, a:focus, button:focus, select:focus, input:focus, textarea:focus, label:focus, .extend-form-focus:focus-within, a:focus-within, button:focus-within, select:focus-within, input:focus-within, textarea:focus-within, label:focus-within {
  border-radius: 0.1875rem;
  outline: 3px solid rgba(0, 105, 180, 0.25);
}

.extend-scrollbar::-webkit-scrollbar, .omks-search .search-filter-layer .filter-layer-body::-webkit-scrollbar, .omks-modal .modal-body::-webkit-scrollbar, .omks-table.style-scroll-x::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.extend-scrollbar::-webkit-scrollbar-track, .omks-search .search-filter-layer .filter-layer-body::-webkit-scrollbar-track, .omks-modal .modal-body::-webkit-scrollbar-track, .omks-table.style-scroll-x::-webkit-scrollbar-track {
  background: var(--element-secondary-lighter, #EEF2F7);
  border-radius: var(--border-radius-rounded, 999999px);
}
.extend-scrollbar::-webkit-scrollbar-thumb, .omks-search .search-filter-layer .filter-layer-body::-webkit-scrollbar-thumb, .omks-modal .modal-body::-webkit-scrollbar-thumb, .omks-table.style-scroll-x::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-rounded, 999999px);
  background: var(--element-gray, #6D7882);
}
.extend-scrollbar::-webkit-scrollbar-corner, .omks-search .search-filter-layer .filter-layer-body::-webkit-scrollbar-corner, .omks-modal .modal-body::-webkit-scrollbar-corner, .omks-table.style-scroll-x::-webkit-scrollbar-corner {
  background: var(--element-secondary-lighter, #EEF2F7);
}

/**********  **********/
/* 기본 설정 */
/**********  **********/
[class*=-button] [class^=button] {
  display: inline-flex;
}

code {
  display: inline;
  padding: 0.125rem 0.25rem;
  background-color: #f4f4f4;
  border-radius: 0.1875rem;
  color: #cc0029;
  font-weight: 300;
}

/**********  **********/
/* 여백 클래스 정의 */
/**********  **********/
.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.m-0 {
  margin: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.m-1 {
  margin: 0.125rem !important;
}

.mt-1 {
  margin-top: 0.125rem !important;
}

.mr-1 {
  margin-right: 0.125rem !important;
}

.mb-1 {
  margin-bottom: 0.125rem !important;
}

.ml-1 {
  margin-left: 0.125rem !important;
}

.mx-1 {
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important;
}

.my-1 {
  margin-top: 0.125rem !important;
  margin-bottom: 0.125rem !important;
}

.p-1 {
  padding: 0.125rem !important;
}

.pt-1 {
  padding-top: 0.125rem !important;
}

.pr-1 {
  padding-right: 0.125rem !important;
}

.pb-1 {
  padding-bottom: 0.125rem !important;
}

.pl-1 {
  padding-left: 0.125rem !important;
}

.px-1 {
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
}

.py-1 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.m-2 {
  margin: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-2 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.25rem !important;
}

.pr-2 {
  padding-right: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-2 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.m-3 {
  margin: 0.375rem !important;
}

.mt-3 {
  margin-top: 0.375rem !important;
}

.mr-3 {
  margin-right: 0.375rem !important;
}

.mb-3 {
  margin-bottom: 0.375rem !important;
}

.ml-3 {
  margin-left: 0.375rem !important;
}

.mx-3 {
  margin-left: 0.375rem !important;
  margin-right: 0.375rem !important;
}

.my-3 {
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important;
}

.p-3 {
  padding: 0.375rem !important;
}

.pt-3 {
  padding-top: 0.375rem !important;
}

.pr-3 {
  padding-right: 0.375rem !important;
}

.pb-3 {
  padding-bottom: 0.375rem !important;
}

.pl-3 {
  padding-left: 0.375rem !important;
}

.px-3 {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}

.py-3 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.m-4 {
  margin: 0.5rem !important;
}

.mt-4 {
  margin-top: 0.5rem !important;
}

.mr-4 {
  margin-right: 0.5rem !important;
}

.mb-4 {
  margin-bottom: 0.5rem !important;
}

.ml-4 {
  margin-left: 0.5rem !important;
}

.mx-4 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-4 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.p-4 {
  padding: 0.5rem !important;
}

.pt-4 {
  padding-top: 0.5rem !important;
}

.pr-4 {
  padding-right: 0.5rem !important;
}

.pb-4 {
  padding-bottom: 0.5rem !important;
}

.pl-4 {
  padding-left: 0.5rem !important;
}

.px-4 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-4 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.m-5 {
  margin: 0.625rem !important;
}

.mt-5 {
  margin-top: 0.625rem !important;
}

.mr-5 {
  margin-right: 0.625rem !important;
}

.mb-5 {
  margin-bottom: 0.625rem !important;
}

.ml-5 {
  margin-left: 0.625rem !important;
}

.mx-5 {
  margin-left: 0.625rem !important;
  margin-right: 0.625rem !important;
}

.my-5 {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important;
}

.p-5 {
  padding: 0.625rem !important;
}

.pt-5 {
  padding-top: 0.625rem !important;
}

.pr-5 {
  padding-right: 0.625rem !important;
}

.pb-5 {
  padding-bottom: 0.625rem !important;
}

.pl-5 {
  padding-left: 0.625rem !important;
}

.px-5 {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}

.py-5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.m-6 {
  margin: 0.75rem !important;
}

.mt-6 {
  margin-top: 0.75rem !important;
}

.mr-6 {
  margin-right: 0.75rem !important;
}

.mb-6 {
  margin-bottom: 0.75rem !important;
}

.ml-6 {
  margin-left: 0.75rem !important;
}

.mx-6 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-6 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.p-6 {
  padding: 0.75rem !important;
}

.pt-6 {
  padding-top: 0.75rem !important;
}

.pr-6 {
  padding-right: 0.75rem !important;
}

.pb-6 {
  padding-bottom: 0.75rem !important;
}

.pl-6 {
  padding-left: 0.75rem !important;
}

.px-6 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-6 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.m-7 {
  margin: 0.875rem !important;
}

.mt-7 {
  margin-top: 0.875rem !important;
}

.mr-7 {
  margin-right: 0.875rem !important;
}

.mb-7 {
  margin-bottom: 0.875rem !important;
}

.ml-7 {
  margin-left: 0.875rem !important;
}

.mx-7 {
  margin-left: 0.875rem !important;
  margin-right: 0.875rem !important;
}

.my-7 {
  margin-top: 0.875rem !important;
  margin-bottom: 0.875rem !important;
}

.p-7 {
  padding: 0.875rem !important;
}

.pt-7 {
  padding-top: 0.875rem !important;
}

.pr-7 {
  padding-right: 0.875rem !important;
}

.pb-7 {
  padding-bottom: 0.875rem !important;
}

.pl-7 {
  padding-left: 0.875rem !important;
}

.px-7 {
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}

.py-7 {
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
}

.m-8 {
  margin: 1rem !important;
}

.mt-8 {
  margin-top: 1rem !important;
}

.mr-8 {
  margin-right: 1rem !important;
}

.mb-8 {
  margin-bottom: 1rem !important;
}

.ml-8 {
  margin-left: 1rem !important;
}

.mx-8 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-8 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.p-8 {
  padding: 1rem !important;
}

.pt-8 {
  padding-top: 1rem !important;
}

.pr-8 {
  padding-right: 1rem !important;
}

.pb-8 {
  padding-bottom: 1rem !important;
}

.pl-8 {
  padding-left: 1rem !important;
}

.px-8 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-8 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.m-9 {
  margin: 1.125rem !important;
}

.mt-9 {
  margin-top: 1.125rem !important;
}

.mr-9 {
  margin-right: 1.125rem !important;
}

.mb-9 {
  margin-bottom: 1.125rem !important;
}

.ml-9 {
  margin-left: 1.125rem !important;
}

.mx-9 {
  margin-left: 1.125rem !important;
  margin-right: 1.125rem !important;
}

.my-9 {
  margin-top: 1.125rem !important;
  margin-bottom: 1.125rem !important;
}

.p-9 {
  padding: 1.125rem !important;
}

.pt-9 {
  padding-top: 1.125rem !important;
}

.pr-9 {
  padding-right: 1.125rem !important;
}

.pb-9 {
  padding-bottom: 1.125rem !important;
}

.pl-9 {
  padding-left: 1.125rem !important;
}

.px-9 {
  padding-left: 1.125rem !important;
  padding-right: 1.125rem !important;
}

.py-9 {
  padding-top: 1.125rem !important;
  padding-bottom: 1.125rem !important;
}

.m-10 {
  margin: 1.25rem !important;
}

.mt-10 {
  margin-top: 1.25rem !important;
}

.mr-10 {
  margin-right: 1.25rem !important;
}

.mb-10 {
  margin-bottom: 1.25rem !important;
}

.ml-10 {
  margin-left: 1.25rem !important;
}

.mx-10 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.my-10 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.p-10 {
  padding: 1.25rem !important;
}

.pt-10 {
  padding-top: 1.25rem !important;
}

.pr-10 {
  padding-right: 1.25rem !important;
}

.pb-10 {
  padding-bottom: 1.25rem !important;
}

.pl-10 {
  padding-left: 1.25rem !important;
}

.px-10 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.py-10 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.m-11 {
  margin: 1.375rem !important;
}

.mt-11 {
  margin-top: 1.375rem !important;
}

.mr-11 {
  margin-right: 1.375rem !important;
}

.mb-11 {
  margin-bottom: 1.375rem !important;
}

.ml-11 {
  margin-left: 1.375rem !important;
}

.mx-11 {
  margin-left: 1.375rem !important;
  margin-right: 1.375rem !important;
}

.my-11 {
  margin-top: 1.375rem !important;
  margin-bottom: 1.375rem !important;
}

.p-11 {
  padding: 1.375rem !important;
}

.pt-11 {
  padding-top: 1.375rem !important;
}

.pr-11 {
  padding-right: 1.375rem !important;
}

.pb-11 {
  padding-bottom: 1.375rem !important;
}

.pl-11 {
  padding-left: 1.375rem !important;
}

.px-11 {
  padding-left: 1.375rem !important;
  padding-right: 1.375rem !important;
}

.py-11 {
  padding-top: 1.375rem !important;
  padding-bottom: 1.375rem !important;
}

.m-12 {
  margin: 1.5rem !important;
}

.mt-12 {
  margin-top: 1.5rem !important;
}

.mr-12 {
  margin-right: 1.5rem !important;
}

.mb-12 {
  margin-bottom: 1.5rem !important;
}

.ml-12 {
  margin-left: 1.5rem !important;
}

.mx-12 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-12 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.p-12 {
  padding: 1.5rem !important;
}

.pt-12 {
  padding-top: 1.5rem !important;
}

.pr-12 {
  padding-right: 1.5rem !important;
}

.pb-12 {
  padding-bottom: 1.5rem !important;
}

.pl-12 {
  padding-left: 1.5rem !important;
}

.px-12 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-12 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.m-13 {
  margin: 1.625rem !important;
}

.mt-13 {
  margin-top: 1.625rem !important;
}

.mr-13 {
  margin-right: 1.625rem !important;
}

.mb-13 {
  margin-bottom: 1.625rem !important;
}

.ml-13 {
  margin-left: 1.625rem !important;
}

.mx-13 {
  margin-left: 1.625rem !important;
  margin-right: 1.625rem !important;
}

.my-13 {
  margin-top: 1.625rem !important;
  margin-bottom: 1.625rem !important;
}

.p-13 {
  padding: 1.625rem !important;
}

.pt-13 {
  padding-top: 1.625rem !important;
}

.pr-13 {
  padding-right: 1.625rem !important;
}

.pb-13 {
  padding-bottom: 1.625rem !important;
}

.pl-13 {
  padding-left: 1.625rem !important;
}

.px-13 {
  padding-left: 1.625rem !important;
  padding-right: 1.625rem !important;
}

.py-13 {
  padding-top: 1.625rem !important;
  padding-bottom: 1.625rem !important;
}

.m-14 {
  margin: 1.75rem !important;
}

.mt-14 {
  margin-top: 1.75rem !important;
}

.mr-14 {
  margin-right: 1.75rem !important;
}

.mb-14 {
  margin-bottom: 1.75rem !important;
}

.ml-14 {
  margin-left: 1.75rem !important;
}

.mx-14 {
  margin-left: 1.75rem !important;
  margin-right: 1.75rem !important;
}

.my-14 {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}

.p-14 {
  padding: 1.75rem !important;
}

.pt-14 {
  padding-top: 1.75rem !important;
}

.pr-14 {
  padding-right: 1.75rem !important;
}

.pb-14 {
  padding-bottom: 1.75rem !important;
}

.pl-14 {
  padding-left: 1.75rem !important;
}

.px-14 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.py-14 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

.m-15 {
  margin: 1.875rem !important;
}

.mt-15 {
  margin-top: 1.875rem !important;
}

.mr-15 {
  margin-right: 1.875rem !important;
}

.mb-15 {
  margin-bottom: 1.875rem !important;
}

.ml-15 {
  margin-left: 1.875rem !important;
}

.mx-15 {
  margin-left: 1.875rem !important;
  margin-right: 1.875rem !important;
}

.my-15 {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
}

.p-15 {
  padding: 1.875rem !important;
}

.pt-15 {
  padding-top: 1.875rem !important;
}

.pr-15 {
  padding-right: 1.875rem !important;
}

.pb-15 {
  padding-bottom: 1.875rem !important;
}

.pl-15 {
  padding-left: 1.875rem !important;
}

.px-15 {
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
}

.py-15 {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
}

.m-16 {
  margin: 2rem !important;
}

.mt-16 {
  margin-top: 2rem !important;
}

.mr-16 {
  margin-right: 2rem !important;
}

.mb-16 {
  margin-bottom: 2rem !important;
}

.ml-16 {
  margin-left: 2rem !important;
}

.mx-16 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-16 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.p-16 {
  padding: 2rem !important;
}

.pt-16 {
  padding-top: 2rem !important;
}

.pr-16 {
  padding-right: 2rem !important;
}

.pb-16 {
  padding-bottom: 2rem !important;
}

.pl-16 {
  padding-left: 2rem !important;
}

.px-16 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-16 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.m-17 {
  margin: 2.125rem !important;
}

.mt-17 {
  margin-top: 2.125rem !important;
}

.mr-17 {
  margin-right: 2.125rem !important;
}

.mb-17 {
  margin-bottom: 2.125rem !important;
}

.ml-17 {
  margin-left: 2.125rem !important;
}

.mx-17 {
  margin-left: 2.125rem !important;
  margin-right: 2.125rem !important;
}

.my-17 {
  margin-top: 2.125rem !important;
  margin-bottom: 2.125rem !important;
}

.p-17 {
  padding: 2.125rem !important;
}

.pt-17 {
  padding-top: 2.125rem !important;
}

.pr-17 {
  padding-right: 2.125rem !important;
}

.pb-17 {
  padding-bottom: 2.125rem !important;
}

.pl-17 {
  padding-left: 2.125rem !important;
}

.px-17 {
  padding-left: 2.125rem !important;
  padding-right: 2.125rem !important;
}

.py-17 {
  padding-top: 2.125rem !important;
  padding-bottom: 2.125rem !important;
}

.m-18 {
  margin: 2.25rem !important;
}

.mt-18 {
  margin-top: 2.25rem !important;
}

.mr-18 {
  margin-right: 2.25rem !important;
}

.mb-18 {
  margin-bottom: 2.25rem !important;
}

.ml-18 {
  margin-left: 2.25rem !important;
}

.mx-18 {
  margin-left: 2.25rem !important;
  margin-right: 2.25rem !important;
}

.my-18 {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important;
}

.p-18 {
  padding: 2.25rem !important;
}

.pt-18 {
  padding-top: 2.25rem !important;
}

.pr-18 {
  padding-right: 2.25rem !important;
}

.pb-18 {
  padding-bottom: 2.25rem !important;
}

.pl-18 {
  padding-left: 2.25rem !important;
}

.px-18 {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}

.py-18 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}

.m-19 {
  margin: 2.375rem !important;
}

.mt-19 {
  margin-top: 2.375rem !important;
}

.mr-19 {
  margin-right: 2.375rem !important;
}

.mb-19 {
  margin-bottom: 2.375rem !important;
}

.ml-19 {
  margin-left: 2.375rem !important;
}

.mx-19 {
  margin-left: 2.375rem !important;
  margin-right: 2.375rem !important;
}

.my-19 {
  margin-top: 2.375rem !important;
  margin-bottom: 2.375rem !important;
}

.p-19 {
  padding: 2.375rem !important;
}

.pt-19 {
  padding-top: 2.375rem !important;
}

.pr-19 {
  padding-right: 2.375rem !important;
}

.pb-19 {
  padding-bottom: 2.375rem !important;
}

.pl-19 {
  padding-left: 2.375rem !important;
}

.px-19 {
  padding-left: 2.375rem !important;
  padding-right: 2.375rem !important;
}

.py-19 {
  padding-top: 2.375rem !important;
  padding-bottom: 2.375rem !important;
}

.m-20 {
  margin: 2.5rem !important;
}

.mt-20 {
  margin-top: 2.5rem !important;
}

.mr-20 {
  margin-right: 2.5rem !important;
}

.mb-20 {
  margin-bottom: 2.5rem !important;
}

.ml-20 {
  margin-left: 2.5rem !important;
}

.mx-20 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.my-20 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.p-20 {
  padding: 2.5rem !important;
}

.pt-20 {
  padding-top: 2.5rem !important;
}

.pr-20 {
  padding-right: 2.5rem !important;
}

.pb-20 {
  padding-bottom: 2.5rem !important;
}

.pl-20 {
  padding-left: 2.5rem !important;
}

.px-20 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-20 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.m-21 {
  margin: 2.625rem !important;
}

.mt-21 {
  margin-top: 2.625rem !important;
}

.mr-21 {
  margin-right: 2.625rem !important;
}

.mb-21 {
  margin-bottom: 2.625rem !important;
}

.ml-21 {
  margin-left: 2.625rem !important;
}

.mx-21 {
  margin-left: 2.625rem !important;
  margin-right: 2.625rem !important;
}

.my-21 {
  margin-top: 2.625rem !important;
  margin-bottom: 2.625rem !important;
}

.p-21 {
  padding: 2.625rem !important;
}

.pt-21 {
  padding-top: 2.625rem !important;
}

.pr-21 {
  padding-right: 2.625rem !important;
}

.pb-21 {
  padding-bottom: 2.625rem !important;
}

.pl-21 {
  padding-left: 2.625rem !important;
}

.px-21 {
  padding-left: 2.625rem !important;
  padding-right: 2.625rem !important;
}

.py-21 {
  padding-top: 2.625rem !important;
  padding-bottom: 2.625rem !important;
}

.m-22 {
  margin: 2.75rem !important;
}

.mt-22 {
  margin-top: 2.75rem !important;
}

.mr-22 {
  margin-right: 2.75rem !important;
}

.mb-22 {
  margin-bottom: 2.75rem !important;
}

.ml-22 {
  margin-left: 2.75rem !important;
}

.mx-22 {
  margin-left: 2.75rem !important;
  margin-right: 2.75rem !important;
}

.my-22 {
  margin-top: 2.75rem !important;
  margin-bottom: 2.75rem !important;
}

.p-22 {
  padding: 2.75rem !important;
}

.pt-22 {
  padding-top: 2.75rem !important;
}

.pr-22 {
  padding-right: 2.75rem !important;
}

.pb-22 {
  padding-bottom: 2.75rem !important;
}

.pl-22 {
  padding-left: 2.75rem !important;
}

.px-22 {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
}

.py-22 {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important;
}

.m-23 {
  margin: 2.875rem !important;
}

.mt-23 {
  margin-top: 2.875rem !important;
}

.mr-23 {
  margin-right: 2.875rem !important;
}

.mb-23 {
  margin-bottom: 2.875rem !important;
}

.ml-23 {
  margin-left: 2.875rem !important;
}

.mx-23 {
  margin-left: 2.875rem !important;
  margin-right: 2.875rem !important;
}

.my-23 {
  margin-top: 2.875rem !important;
  margin-bottom: 2.875rem !important;
}

.p-23 {
  padding: 2.875rem !important;
}

.pt-23 {
  padding-top: 2.875rem !important;
}

.pr-23 {
  padding-right: 2.875rem !important;
}

.pb-23 {
  padding-bottom: 2.875rem !important;
}

.pl-23 {
  padding-left: 2.875rem !important;
}

.px-23 {
  padding-left: 2.875rem !important;
  padding-right: 2.875rem !important;
}

.py-23 {
  padding-top: 2.875rem !important;
  padding-bottom: 2.875rem !important;
}

.m-24 {
  margin: 3rem !important;
}

.mt-24 {
  margin-top: 3rem !important;
}

.mr-24 {
  margin-right: 3rem !important;
}

.mb-24 {
  margin-bottom: 3rem !important;
}

.ml-24 {
  margin-left: 3rem !important;
}

.mx-24 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-24 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-24 {
  padding: 3rem !important;
}

.pt-24 {
  padding-top: 3rem !important;
}

.pr-24 {
  padding-right: 3rem !important;
}

.pb-24 {
  padding-bottom: 3rem !important;
}

.pl-24 {
  padding-left: 3rem !important;
}

.px-24 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-24 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.m-25 {
  margin: 3.125rem !important;
}

.mt-25 {
  margin-top: 3.125rem !important;
}

.mr-25 {
  margin-right: 3.125rem !important;
}

.mb-25 {
  margin-bottom: 3.125rem !important;
}

.ml-25 {
  margin-left: 3.125rem !important;
}

.mx-25 {
  margin-left: 3.125rem !important;
  margin-right: 3.125rem !important;
}

.my-25 {
  margin-top: 3.125rem !important;
  margin-bottom: 3.125rem !important;
}

.p-25 {
  padding: 3.125rem !important;
}

.pt-25 {
  padding-top: 3.125rem !important;
}

.pr-25 {
  padding-right: 3.125rem !important;
}

.pb-25 {
  padding-bottom: 3.125rem !important;
}

.pl-25 {
  padding-left: 3.125rem !important;
}

.px-25 {
  padding-left: 3.125rem !important;
  padding-right: 3.125rem !important;
}

.py-25 {
  padding-top: 3.125rem !important;
  padding-bottom: 3.125rem !important;
}

.m-26 {
  margin: 3.25rem !important;
}

.mt-26 {
  margin-top: 3.25rem !important;
}

.mr-26 {
  margin-right: 3.25rem !important;
}

.mb-26 {
  margin-bottom: 3.25rem !important;
}

.ml-26 {
  margin-left: 3.25rem !important;
}

.mx-26 {
  margin-left: 3.25rem !important;
  margin-right: 3.25rem !important;
}

.my-26 {
  margin-top: 3.25rem !important;
  margin-bottom: 3.25rem !important;
}

.p-26 {
  padding: 3.25rem !important;
}

.pt-26 {
  padding-top: 3.25rem !important;
}

.pr-26 {
  padding-right: 3.25rem !important;
}

.pb-26 {
  padding-bottom: 3.25rem !important;
}

.pl-26 {
  padding-left: 3.25rem !important;
}

.px-26 {
  padding-left: 3.25rem !important;
  padding-right: 3.25rem !important;
}

.py-26 {
  padding-top: 3.25rem !important;
  padding-bottom: 3.25rem !important;
}

.m-27 {
  margin: 3.375rem !important;
}

.mt-27 {
  margin-top: 3.375rem !important;
}

.mr-27 {
  margin-right: 3.375rem !important;
}

.mb-27 {
  margin-bottom: 3.375rem !important;
}

.ml-27 {
  margin-left: 3.375rem !important;
}

.mx-27 {
  margin-left: 3.375rem !important;
  margin-right: 3.375rem !important;
}

.my-27 {
  margin-top: 3.375rem !important;
  margin-bottom: 3.375rem !important;
}

.p-27 {
  padding: 3.375rem !important;
}

.pt-27 {
  padding-top: 3.375rem !important;
}

.pr-27 {
  padding-right: 3.375rem !important;
}

.pb-27 {
  padding-bottom: 3.375rem !important;
}

.pl-27 {
  padding-left: 3.375rem !important;
}

.px-27 {
  padding-left: 3.375rem !important;
  padding-right: 3.375rem !important;
}

.py-27 {
  padding-top: 3.375rem !important;
  padding-bottom: 3.375rem !important;
}

.m-28 {
  margin: 3.5rem !important;
}

.mt-28 {
  margin-top: 3.5rem !important;
}

.mr-28 {
  margin-right: 3.5rem !important;
}

.mb-28 {
  margin-bottom: 3.5rem !important;
}

.ml-28 {
  margin-left: 3.5rem !important;
}

.mx-28 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.my-28 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.p-28 {
  padding: 3.5rem !important;
}

.pt-28 {
  padding-top: 3.5rem !important;
}

.pr-28 {
  padding-right: 3.5rem !important;
}

.pb-28 {
  padding-bottom: 3.5rem !important;
}

.pl-28 {
  padding-left: 3.5rem !important;
}

.px-28 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.py-28 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.m-29 {
  margin: 3.625rem !important;
}

.mt-29 {
  margin-top: 3.625rem !important;
}

.mr-29 {
  margin-right: 3.625rem !important;
}

.mb-29 {
  margin-bottom: 3.625rem !important;
}

.ml-29 {
  margin-left: 3.625rem !important;
}

.mx-29 {
  margin-left: 3.625rem !important;
  margin-right: 3.625rem !important;
}

.my-29 {
  margin-top: 3.625rem !important;
  margin-bottom: 3.625rem !important;
}

.p-29 {
  padding: 3.625rem !important;
}

.pt-29 {
  padding-top: 3.625rem !important;
}

.pr-29 {
  padding-right: 3.625rem !important;
}

.pb-29 {
  padding-bottom: 3.625rem !important;
}

.pl-29 {
  padding-left: 3.625rem !important;
}

.px-29 {
  padding-left: 3.625rem !important;
  padding-right: 3.625rem !important;
}

.py-29 {
  padding-top: 3.625rem !important;
  padding-bottom: 3.625rem !important;
}

.m-30 {
  margin: 3.75rem !important;
}

.mt-30 {
  margin-top: 3.75rem !important;
}

.mr-30 {
  margin-right: 3.75rem !important;
}

.mb-30 {
  margin-bottom: 3.75rem !important;
}

.ml-30 {
  margin-left: 3.75rem !important;
}

.mx-30 {
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
}

.my-30 {
  margin-top: 3.75rem !important;
  margin-bottom: 3.75rem !important;
}

.p-30 {
  padding: 3.75rem !important;
}

.pt-30 {
  padding-top: 3.75rem !important;
}

.pr-30 {
  padding-right: 3.75rem !important;
}

.pb-30 {
  padding-bottom: 3.75rem !important;
}

.pl-30 {
  padding-left: 3.75rem !important;
}

.px-30 {
  padding-left: 3.75rem !important;
  padding-right: 3.75rem !important;
}

.py-30 {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

.m-31 {
  margin: 3.875rem !important;
}

.mt-31 {
  margin-top: 3.875rem !important;
}

.mr-31 {
  margin-right: 3.875rem !important;
}

.mb-31 {
  margin-bottom: 3.875rem !important;
}

.ml-31 {
  margin-left: 3.875rem !important;
}

.mx-31 {
  margin-left: 3.875rem !important;
  margin-right: 3.875rem !important;
}

.my-31 {
  margin-top: 3.875rem !important;
  margin-bottom: 3.875rem !important;
}

.p-31 {
  padding: 3.875rem !important;
}

.pt-31 {
  padding-top: 3.875rem !important;
}

.pr-31 {
  padding-right: 3.875rem !important;
}

.pb-31 {
  padding-bottom: 3.875rem !important;
}

.pl-31 {
  padding-left: 3.875rem !important;
}

.px-31 {
  padding-left: 3.875rem !important;
  padding-right: 3.875rem !important;
}

.py-31 {
  padding-top: 3.875rem !important;
  padding-bottom: 3.875rem !important;
}

.m-32 {
  margin: 4rem !important;
}

.mt-32 {
  margin-top: 4rem !important;
}

.mr-32 {
  margin-right: 4rem !important;
}

.mb-32 {
  margin-bottom: 4rem !important;
}

.ml-32 {
  margin-left: 4rem !important;
}

.mx-32 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-32 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.p-32 {
  padding: 4rem !important;
}

.pt-32 {
  padding-top: 4rem !important;
}

.pr-32 {
  padding-right: 4rem !important;
}

.pb-32 {
  padding-bottom: 4rem !important;
}

.pl-32 {
  padding-left: 4rem !important;
}

.px-32 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-32 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.m-33 {
  margin: 4.125rem !important;
}

.mt-33 {
  margin-top: 4.125rem !important;
}

.mr-33 {
  margin-right: 4.125rem !important;
}

.mb-33 {
  margin-bottom: 4.125rem !important;
}

.ml-33 {
  margin-left: 4.125rem !important;
}

.mx-33 {
  margin-left: 4.125rem !important;
  margin-right: 4.125rem !important;
}

.my-33 {
  margin-top: 4.125rem !important;
  margin-bottom: 4.125rem !important;
}

.p-33 {
  padding: 4.125rem !important;
}

.pt-33 {
  padding-top: 4.125rem !important;
}

.pr-33 {
  padding-right: 4.125rem !important;
}

.pb-33 {
  padding-bottom: 4.125rem !important;
}

.pl-33 {
  padding-left: 4.125rem !important;
}

.px-33 {
  padding-left: 4.125rem !important;
  padding-right: 4.125rem !important;
}

.py-33 {
  padding-top: 4.125rem !important;
  padding-bottom: 4.125rem !important;
}

.m-34 {
  margin: 4.25rem !important;
}

.mt-34 {
  margin-top: 4.25rem !important;
}

.mr-34 {
  margin-right: 4.25rem !important;
}

.mb-34 {
  margin-bottom: 4.25rem !important;
}

.ml-34 {
  margin-left: 4.25rem !important;
}

.mx-34 {
  margin-left: 4.25rem !important;
  margin-right: 4.25rem !important;
}

.my-34 {
  margin-top: 4.25rem !important;
  margin-bottom: 4.25rem !important;
}

.p-34 {
  padding: 4.25rem !important;
}

.pt-34 {
  padding-top: 4.25rem !important;
}

.pr-34 {
  padding-right: 4.25rem !important;
}

.pb-34 {
  padding-bottom: 4.25rem !important;
}

.pl-34 {
  padding-left: 4.25rem !important;
}

.px-34 {
  padding-left: 4.25rem !important;
  padding-right: 4.25rem !important;
}

.py-34 {
  padding-top: 4.25rem !important;
  padding-bottom: 4.25rem !important;
}

.m-35 {
  margin: 4.375rem !important;
}

.mt-35 {
  margin-top: 4.375rem !important;
}

.mr-35 {
  margin-right: 4.375rem !important;
}

.mb-35 {
  margin-bottom: 4.375rem !important;
}

.ml-35 {
  margin-left: 4.375rem !important;
}

.mx-35 {
  margin-left: 4.375rem !important;
  margin-right: 4.375rem !important;
}

.my-35 {
  margin-top: 4.375rem !important;
  margin-bottom: 4.375rem !important;
}

.p-35 {
  padding: 4.375rem !important;
}

.pt-35 {
  padding-top: 4.375rem !important;
}

.pr-35 {
  padding-right: 4.375rem !important;
}

.pb-35 {
  padding-bottom: 4.375rem !important;
}

.pl-35 {
  padding-left: 4.375rem !important;
}

.px-35 {
  padding-left: 4.375rem !important;
  padding-right: 4.375rem !important;
}

.py-35 {
  padding-top: 4.375rem !important;
  padding-bottom: 4.375rem !important;
}

.m-36 {
  margin: 4.5rem !important;
}

.mt-36 {
  margin-top: 4.5rem !important;
}

.mr-36 {
  margin-right: 4.5rem !important;
}

.mb-36 {
  margin-bottom: 4.5rem !important;
}

.ml-36 {
  margin-left: 4.5rem !important;
}

.mx-36 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.my-36 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.p-36 {
  padding: 4.5rem !important;
}

.pt-36 {
  padding-top: 4.5rem !important;
}

.pr-36 {
  padding-right: 4.5rem !important;
}

.pb-36 {
  padding-bottom: 4.5rem !important;
}

.pl-36 {
  padding-left: 4.5rem !important;
}

.px-36 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}

.py-36 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.m-37 {
  margin: 4.625rem !important;
}

.mt-37 {
  margin-top: 4.625rem !important;
}

.mr-37 {
  margin-right: 4.625rem !important;
}

.mb-37 {
  margin-bottom: 4.625rem !important;
}

.ml-37 {
  margin-left: 4.625rem !important;
}

.mx-37 {
  margin-left: 4.625rem !important;
  margin-right: 4.625rem !important;
}

.my-37 {
  margin-top: 4.625rem !important;
  margin-bottom: 4.625rem !important;
}

.p-37 {
  padding: 4.625rem !important;
}

.pt-37 {
  padding-top: 4.625rem !important;
}

.pr-37 {
  padding-right: 4.625rem !important;
}

.pb-37 {
  padding-bottom: 4.625rem !important;
}

.pl-37 {
  padding-left: 4.625rem !important;
}

.px-37 {
  padding-left: 4.625rem !important;
  padding-right: 4.625rem !important;
}

.py-37 {
  padding-top: 4.625rem !important;
  padding-bottom: 4.625rem !important;
}

.m-38 {
  margin: 4.75rem !important;
}

.mt-38 {
  margin-top: 4.75rem !important;
}

.mr-38 {
  margin-right: 4.75rem !important;
}

.mb-38 {
  margin-bottom: 4.75rem !important;
}

.ml-38 {
  margin-left: 4.75rem !important;
}

.mx-38 {
  margin-left: 4.75rem !important;
  margin-right: 4.75rem !important;
}

.my-38 {
  margin-top: 4.75rem !important;
  margin-bottom: 4.75rem !important;
}

.p-38 {
  padding: 4.75rem !important;
}

.pt-38 {
  padding-top: 4.75rem !important;
}

.pr-38 {
  padding-right: 4.75rem !important;
}

.pb-38 {
  padding-bottom: 4.75rem !important;
}

.pl-38 {
  padding-left: 4.75rem !important;
}

.px-38 {
  padding-left: 4.75rem !important;
  padding-right: 4.75rem !important;
}

.py-38 {
  padding-top: 4.75rem !important;
  padding-bottom: 4.75rem !important;
}

.m-39 {
  margin: 4.875rem !important;
}

.mt-39 {
  margin-top: 4.875rem !important;
}

.mr-39 {
  margin-right: 4.875rem !important;
}

.mb-39 {
  margin-bottom: 4.875rem !important;
}

.ml-39 {
  margin-left: 4.875rem !important;
}

.mx-39 {
  margin-left: 4.875rem !important;
  margin-right: 4.875rem !important;
}

.my-39 {
  margin-top: 4.875rem !important;
  margin-bottom: 4.875rem !important;
}

.p-39 {
  padding: 4.875rem !important;
}

.pt-39 {
  padding-top: 4.875rem !important;
}

.pr-39 {
  padding-right: 4.875rem !important;
}

.pb-39 {
  padding-bottom: 4.875rem !important;
}

.pl-39 {
  padding-left: 4.875rem !important;
}

.px-39 {
  padding-left: 4.875rem !important;
  padding-right: 4.875rem !important;
}

.py-39 {
  padding-top: 4.875rem !important;
  padding-bottom: 4.875rem !important;
}

.m-40 {
  margin: 5rem !important;
}

.mt-40 {
  margin-top: 5rem !important;
}

.mr-40 {
  margin-right: 5rem !important;
}

.mb-40 {
  margin-bottom: 5rem !important;
}

.ml-40 {
  margin-left: 5rem !important;
}

.mx-40 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my-40 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.p-40 {
  padding: 5rem !important;
}

.pt-40 {
  padding-top: 5rem !important;
}

.pr-40 {
  padding-right: 5rem !important;
}

.pb-40 {
  padding-bottom: 5rem !important;
}

.pl-40 {
  padding-left: 5rem !important;
}

.px-40 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-40 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.gap-0 {
  gap: 0rem !important;
}

.gap-row-0 {
  row-gap: 0rem !important;
}

.gap-column-0 {
  -moz-column-gap: 0rem !important;
       column-gap: 0rem !important;
}

.gap-1 {
  gap: 0.5rem !important;
}

.gap-row-1 {
  row-gap: 0.5rem !important;
}

.gap-column-1 {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}

.gap-2 {
  gap: 1rem !important;
}

.gap-row-2 {
  row-gap: 1rem !important;
}

.gap-column-2 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}

.gap-3 {
  gap: 1.5rem !important;
}

.gap-row-3 {
  row-gap: 1.5rem !important;
}

.gap-column-3 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}

.gap-4 {
  gap: 2rem !important;
}

.gap-row-4 {
  row-gap: 2rem !important;
}

.gap-column-4 {
  -moz-column-gap: 2rem !important;
       column-gap: 2rem !important;
}

.gap-5 {
  gap: 2.5rem !important;
}

.gap-row-5 {
  row-gap: 2.5rem !important;
}

.gap-column-5 {
  -moz-column-gap: 2.5rem !important;
       column-gap: 2.5rem !important;
}

.gap-6 {
  gap: 3rem !important;
}

.gap-row-6 {
  row-gap: 3rem !important;
}

.gap-column-6 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}

.gap-7 {
  gap: 3.5rem !important;
}

.gap-row-7 {
  row-gap: 3.5rem !important;
}

.gap-column-7 {
  -moz-column-gap: 3.5rem !important;
       column-gap: 3.5rem !important;
}

.gap-8 {
  gap: 4rem !important;
}

.gap-row-8 {
  row-gap: 4rem !important;
}

.gap-column-8 {
  -moz-column-gap: 4rem !important;
       column-gap: 4rem !important;
}

.gap-9 {
  gap: 4.5rem !important;
}

.gap-row-9 {
  row-gap: 4.5rem !important;
}

.gap-column-9 {
  -moz-column-gap: 4.5rem !important;
       column-gap: 4.5rem !important;
}

.gap-10 {
  gap: 5rem !important;
}

.gap-row-10 {
  row-gap: 5rem !important;
}

.gap-column-10 {
  -moz-column-gap: 5rem !important;
       column-gap: 5rem !important;
}

.gap-11 {
  gap: 5.5rem !important;
}

.gap-row-11 {
  row-gap: 5.5rem !important;
}

.gap-column-11 {
  -moz-column-gap: 5.5rem !important;
       column-gap: 5.5rem !important;
}

.gap-12 {
  gap: 6rem !important;
}

.gap-row-12 {
  row-gap: 6rem !important;
}

.gap-column-12 {
  -moz-column-gap: 6rem !important;
       column-gap: 6rem !important;
}

.gap-13 {
  gap: 6.5rem !important;
}

.gap-row-13 {
  row-gap: 6.5rem !important;
}

.gap-column-13 {
  -moz-column-gap: 6.5rem !important;
       column-gap: 6.5rem !important;
}

.gap-14 {
  gap: 7rem !important;
}

.gap-row-14 {
  row-gap: 7rem !important;
}

.gap-column-14 {
  -moz-column-gap: 7rem !important;
       column-gap: 7rem !important;
}

.gap-15 {
  gap: 7.5rem !important;
}

.gap-row-15 {
  row-gap: 7.5rem !important;
}

.gap-column-15 {
  -moz-column-gap: 7.5rem !important;
       column-gap: 7.5rem !important;
}

.gap-16 {
  gap: 8rem !important;
}

.gap-row-16 {
  row-gap: 8rem !important;
}

.gap-column-16 {
  -moz-column-gap: 8rem !important;
       column-gap: 8rem !important;
}

.gap-17 {
  gap: 8.5rem !important;
}

.gap-row-17 {
  row-gap: 8.5rem !important;
}

.gap-column-17 {
  -moz-column-gap: 8.5rem !important;
       column-gap: 8.5rem !important;
}

.gap-18 {
  gap: 9rem !important;
}

.gap-row-18 {
  row-gap: 9rem !important;
}

.gap-column-18 {
  -moz-column-gap: 9rem !important;
       column-gap: 9rem !important;
}

.gap-19 {
  gap: 9.5rem !important;
}

.gap-row-19 {
  row-gap: 9.5rem !important;
}

.gap-column-19 {
  -moz-column-gap: 9.5rem !important;
       column-gap: 9.5rem !important;
}

.gap-20 {
  gap: 10rem !important;
}

.gap-row-20 {
  row-gap: 10rem !important;
}

.gap-column-20 {
  -moz-column-gap: 10rem !important;
       column-gap: 10rem !important;
}

.gap-21 {
  gap: 10.5rem !important;
}

.gap-row-21 {
  row-gap: 10.5rem !important;
}

.gap-column-21 {
  -moz-column-gap: 10.5rem !important;
       column-gap: 10.5rem !important;
}

.gap-22 {
  gap: 11rem !important;
}

.gap-row-22 {
  row-gap: 11rem !important;
}

.gap-column-22 {
  -moz-column-gap: 11rem !important;
       column-gap: 11rem !important;
}

.gap-23 {
  gap: 11.5rem !important;
}

.gap-row-23 {
  row-gap: 11.5rem !important;
}

.gap-column-23 {
  -moz-column-gap: 11.5rem !important;
       column-gap: 11.5rem !important;
}

.gap-24 {
  gap: 12rem !important;
}

.gap-row-24 {
  row-gap: 12rem !important;
}

.gap-column-24 {
  -moz-column-gap: 12rem !important;
       column-gap: 12rem !important;
}

.gap-25 {
  gap: 12.5rem !important;
}

.gap-row-25 {
  row-gap: 12.5rem !important;
}

.gap-column-25 {
  -moz-column-gap: 12.5rem !important;
       column-gap: 12.5rem !important;
}

.gap-26 {
  gap: 13rem !important;
}

.gap-row-26 {
  row-gap: 13rem !important;
}

.gap-column-26 {
  -moz-column-gap: 13rem !important;
       column-gap: 13rem !important;
}

.gap-27 {
  gap: 13.5rem !important;
}

.gap-row-27 {
  row-gap: 13.5rem !important;
}

.gap-column-27 {
  -moz-column-gap: 13.5rem !important;
       column-gap: 13.5rem !important;
}

.gap-28 {
  gap: 14rem !important;
}

.gap-row-28 {
  row-gap: 14rem !important;
}

.gap-column-28 {
  -moz-column-gap: 14rem !important;
       column-gap: 14rem !important;
}

.gap-29 {
  gap: 14.5rem !important;
}

.gap-row-29 {
  row-gap: 14.5rem !important;
}

.gap-column-29 {
  -moz-column-gap: 14.5rem !important;
       column-gap: 14.5rem !important;
}

.gap-30 {
  gap: 15rem !important;
}

.gap-row-30 {
  row-gap: 15rem !important;
}

.gap-column-30 {
  -moz-column-gap: 15rem !important;
       column-gap: 15rem !important;
}

.gap-31 {
  gap: 15.5rem !important;
}

.gap-row-31 {
  row-gap: 15.5rem !important;
}

.gap-column-31 {
  -moz-column-gap: 15.5rem !important;
       column-gap: 15.5rem !important;
}

.gap-32 {
  gap: 16rem !important;
}

.gap-row-32 {
  row-gap: 16rem !important;
}

.gap-column-32 {
  -moz-column-gap: 16rem !important;
       column-gap: 16rem !important;
}

.gap-33 {
  gap: 16.5rem !important;
}

.gap-row-33 {
  row-gap: 16.5rem !important;
}

.gap-column-33 {
  -moz-column-gap: 16.5rem !important;
       column-gap: 16.5rem !important;
}

.gap-34 {
  gap: 17rem !important;
}

.gap-row-34 {
  row-gap: 17rem !important;
}

.gap-column-34 {
  -moz-column-gap: 17rem !important;
       column-gap: 17rem !important;
}

.gap-35 {
  gap: 17.5rem !important;
}

.gap-row-35 {
  row-gap: 17.5rem !important;
}

.gap-column-35 {
  -moz-column-gap: 17.5rem !important;
       column-gap: 17.5rem !important;
}

.gap-36 {
  gap: 18rem !important;
}

.gap-row-36 {
  row-gap: 18rem !important;
}

.gap-column-36 {
  -moz-column-gap: 18rem !important;
       column-gap: 18rem !important;
}

.gap-37 {
  gap: 18.5rem !important;
}

.gap-row-37 {
  row-gap: 18.5rem !important;
}

.gap-column-37 {
  -moz-column-gap: 18.5rem !important;
       column-gap: 18.5rem !important;
}

.gap-38 {
  gap: 19rem !important;
}

.gap-row-38 {
  row-gap: 19rem !important;
}

.gap-column-38 {
  -moz-column-gap: 19rem !important;
       column-gap: 19rem !important;
}

.gap-39 {
  gap: 19.5rem !important;
}

.gap-row-39 {
  row-gap: 19.5rem !important;
}

.gap-column-39 {
  -moz-column-gap: 19.5rem !important;
       column-gap: 19.5rem !important;
}

.gap-40 {
  gap: 20rem !important;
}

.gap-row-40 {
  row-gap: 20rem !important;
}

.gap-column-40 {
  -moz-column-gap: 20rem !important;
       column-gap: 20rem !important;
}

.display-flex {
  display: flex !important;
}

.width-full {
  width: 100%;
  flex: 0 0 100%;
}

.width-half {
  width: 50%;
  flex: 0 0 50%;
}

.height-full {
  height: 100%;
}

/* 텍스트 색상 및 굵기 */
.style-fc-danger {
  color: var(--text-danger, #BD2C0F) !important;
}
.style-fc-information {
  color: var(--text-information, #096AB3) !important;
}
.style-fc-warning {
  color: var(--text-warning, #8A5C00) !important;
}
.style-fc-success {
  color: var(--text-success, #267337) !important;
}
.style-fc-inverse {
  color: var(--text-basic-inverse, #fff) !important;
}
.style-fc-primary {
  color: var(--text-primary, #0b50d0) !important;
}
.style-fc-secondary {
  color: var(--text-secondary, #052561) !important;
}
.style-fc-disabled {
  color: var(--text-disabled, #8a949e) !important;
}
.style-fc-basic {
  color: var(--text-basic, #1e2124) !important;
}
.style-fc-subtle {
  color: var(--text-subtle, #464c53) !important;
}
.style-fc-bolder {
  color: var(--text-bolder, #131416) !important;
}

.style-fw-thin {
  font-weight: var(--font-weight-thin, 100) !important;
}
.style-fw-extralight {
  font-weight: var(--font-weight-extralight, 200) !important;
}
.style-fw-light {
  font-weight: var(--font-weight-light, 300) !important;
}
.style-fw-regular {
  font-weight: var(--font-weight-regular, 400) !important;
}
.style-fw-medium {
  font-weight: var(--font-weight-medium, 500);
}
.style-fw-semibold {
  font-weight: var(--font-weight-semibold, 600) !important;
}
.style-fw-bold {
  font-weight: var(--font-weight-bold, 700) !important;
}
.style-fw-extrabold {
  font-weight: var(--font-weight-extrabold, 800) !important;
}
.style-fw-black {
  font-weight: var(--font-weight-black, 900) !important;
}

/**********  **********/
/* 엘리먼트 */
/**********  **********/
.omks {
  /* 텍스트 */
  /* 테이블 */
  /* 태그 */
  /* 칩 */
  /* 스위치 버튼 */
}
.omks-text[class*=-heading] {
  font-weight: 700;
}
.omks-text.style-size-heading-xl {
  font-size: var(--heading-xlarge-font-size, 40px);
  letter-spacing: var(--heading-xlarge-letter-spacing, 1px);
}
.omks-text.style-size-heading-l {
  font-size: var(--heading-large-font-size, 32px);
  letter-spacing: var(--heading-large-letter-spacing, 1px);
}
.omks-text.style-size-heading-m {
  font-size: var(--heading-medium-font-size, 24px);
}
.omks-text.style-size-heading-s {
  font-size: var(--heading-small-font-size, 18px);
}
.omks-text.style-size-heading-xs {
  font-size: var(--heading-xsmall-font-size, 16px);
}
.omks-text.style-size-heading-xxs {
  font-size: var(--heading-xxsmall-font-size, 15px);
}
.omks-text.style-size-xl {
  font-size: var(--body-Xlarge-font-size, 24px);
}
.omks-text.style-size-l {
  font-size: var(--body-large-font-size, 18px);
}
.omks-text.style-size-m {
  font-size: var(--body-medium-font-size, 16px);
}
.omks-text.style-size-s {
  font-size: var(--body-small-font-size, 15px);
}
.omks-text.style-size-xs {
  font-size: var(--body-xsmall-font-size, 13px);
}
.omks-text:has(.text-ico) {
  display: inline-flex;
  align-items: center;
  gap: 0.375Rem;
}
.omks-text:has(.text-ico) .text-ico {
  display: inline-flex;
}
.omks-text:has(.text-ico) .text-ico > * {
  font-size: 1em !important;
}
.omks-text:has(.text-ico) .text-ico img {
  width: 1em;
}
.omks-table {
  border-top: 1px solid var(--border-gray-dark, #58616A);
}
.omks-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.omks-table table th, .omks-table table td {
  text-align: center;
  vertical-align: middle;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--divider-gray-light, #CDD1D5);
  color: #464C53;
}
.omks-table table thead th {
  font-weight: 700;
  background: var(--surface-primary-subtler, #F5F8FE);
}
.omks-table table tbody th, .omks-table table tbody td {
  background-color: #fff;
}
.omks-table table tbody th {
  background: var(--surface-primary-subtler, #F5F8FE);
}
.omks-table table:has(th[rowspan]) th, .omks-table table:has(th[rowspan]) td {
  border: 1px solid var(--divider-gray-light, #CDD1D5);
}
.omks-table table:not(:has(thead)) tbody td {
  text-align: left;
}
.omks-table.style-striped tbody tr:nth-child(2n+1) {
  background-color: #f9f9f9;
}
.omks-table.style-hoverable tbody tr:hover {
  background-color: #f5f5f5;
}
.omks-table.style-narrow th, .omks-table.style-narrow td {
  padding: 0.5rem 0.5rem;
}
.omks-table.style-all-border th, .omks-table.style-all-border td {
  border: 1px solid var(--divider-gray-light, #CDD1D5);
}
.omks-table.style-scroll-x {
  display: grid;
  overflow-x: auto;
}
.omks-table.style-scroll-x::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.omks-table.style-scroll-x th, .omks-table.style-scroll-x td {
  white-space: nowrap;
}
.omks-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  border-radius: var(--border-radius-md, 4px);
  background: var(--button-gray-fill, #F4F5F6);
  color: var(--text-subtle, #464C53);
}
.omks-tag [class^=tag-] {
  display: inline-flex;
}
.omks-tag .tag-remove,
.omks-tag .tag-button {
  min-width: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
}
.omks-tag .button-ico {
  display: inline-flex;
}
.omks-tag .button-ico img {
  width: 1em;
}
.omks-tag.style-size-l {
  height: var(--spacing-spacing-40, 40px);
  padding: var(--spacing-spacing-8, 8px) var(--spacing-spacing-12, 12px);
}
.omks-tag.style-size-m {
  height: var(--spacing-spacing-32, 32px);
  padding: var(--spacing-spacing-8, 8px) var(--spacing-spacing-12, 12px);
}
.omks-tag.style-size-s {
  height: var(--spacing-spacing-24, 24px);
  padding: var(--spacing-spacing-8, 8px);
}
.omks-tag.style-inverse {
  border: 1px solid var(--border-gray-light, #CDD1D5);
  background-color: #fff;
}
.omks-tag:hover {
  background: var(--button-gray-fill-hover, #E6E8EA);
}
.omks-tag:active {
  background: var(--button-gray-fill-pressed, #CDD1D5);
}
.omks-chip {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-spacing-4, 4px);
  height: var(--spacing-spacing-40, 40px);
  box-sizing: border-box;
  padding: 0px var(--spacing-spacing-12, 12px);
  border-radius: var(--border-radius-md, 4px);
  border: 1px solid var(--border-gray-light, #CDD1D5);
  background: var(--surface-white, #FFF);
  color: var(--text-basic, #1E2124);
  cursor: pointer;
}
.omks-chip input[type=checkbox],
.omks-chip .chip-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden;
  opacity: 0;
}
.omks-chip .chip-name {
  display: inline-flex;
  font-size: var(--font-size-label-small, 15px);
}
.omks-chip .chip-ico {
  width: var(--spacing-spacing-20, 20px);
  aspect-ratio: 1/1;
}
.omks-chip .chip-ico img {
  width: 100%;
}
.omks-chip.style-size-l {
  height: var(--spacing-spacing-48, 48px);
  padding: 0px var(--spacing-spacing-20, 20px);
}
.omks-chip.style-size-l .chip-ico {
  width: var(--spacing-spacing-24, 24px);
}
.omks-chip.style-size-m {
  height: var(--spacing-spacing-40, 40px);
  padding: 0px var(--spacing-spacing-12, 12px);
}
.omks-chip.style-size-m .chip-ico {
  width: var(--spacing-spacing-20, 20px);
}
.omks-chip.style-size-s {
  height: var(--spacing-spacing-32, 32px);
  padding: 0px var(--spacing-spacing-8, 8px);
}
.omks-chip.style-size-s .chip-ico {
  width: var(--spacing-spacing-16, 16px);
}
.omks-chip.is-active, .omks-chip:has(.chip-checkbox:checked) {
  border: 1px solid var(--border-primary, #256EF4);
  background: var(--action-primary-selected, #F5F8FE);
  color: var(--text-primary, #0B50D0);
}
.omks-chip.is-active .chip-ico, .omks-chip:has(.chip-checkbox:checked) .chip-ico {
  display: inline-flex;
}
.omks-chip.is-disabled, .omks-chip:has(.chip-checkbox:disabled) {
  border: 1px solid var(--border-disabled, #B1B8BE);
  background: var(--action-disabled, #CDD1D5);
  color: var(--text-disabled, #8A949E);
}
.omks-chip.is-disabled .chip-ico, .omks-chip:has(.chip-checkbox:disabled) .chip-ico {
  display: none;
}
.omks-switch-button {
  position: relative;
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  cursor: pointer;
}
.omks-switch-button input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: 0;
  width: 1px;
  height: 1px;
}
.omks-switch-button input[type=checkbox]:focus ~ .switch-dot {
  border-color: #000;
}
.omks-switch-button input[type=checkbox]:checked ~ .switch-dot {
  background-color: var(--element-primary, #256EF4);
  border-color: var(--element-primary, #256EF4);
}
.omks-switch-button input[type=checkbox]:checked ~ .switch-dot:before {
  transform: translate(100%, -50%);
  background-color: #fff;
}
.omks-switch-button:has(input[type=checkbox]:checked) {
  color: var(--element-primary, #256EF4);
}
.omks-switch-button .switch-dot {
  display: flex;
  position: relative;
  width: 2.5rem;
  height: 1.5rem;
  min-width: auto;
  border: 0.1em solid transparent;
  border-radius: 1.5625rem;
  background-color: #ECECEC;
}
.omks-switch-button .switch-dot:before {
  position: absolute;
  top: 50%;
  left: 0.25rem;
  transform: translateY(-50%);
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
.omks-switch-button.style-size-l .switch-dot {
  width: 3.125rem;
  height: 1.75rem;
}
.omks-switch-button.style-size-l .switch-dot:before {
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.omks-switch-button.style-size-m .switch-dot {
  width: 2.5rem;
  height: 1.5rem;
}
.omks-switch-button.style-size-m .switch-dot:before {
  left: 0.125rem;
  width: 1rem;
  height: 1rem;
}
.omks-switch-button.style-size-s .switch-dot {
  width: 2rem;
  height: 1.25rem;
}
.omks-switch-button.style-size-s .switch-dot:before {
  width: 0.75rem;
  height: 0.75rem;
}
.omks-block {
  display: block;
  width: 100%;
  flex: 1 1 100%;
}
.omks-block:not(:last-child) {
  margin-bottom: 1.25rem;
}
.omks-block.style-box {
  padding: 1rem;
  background-color: aliceblue;
  border-radius: 0.3125rem;
  box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.1);
}
.omks-block:has(.style-scroll-x) {
  display: grid;
}
.omks-button {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  min-width: 4.25rem;
  height: var(--spacing-spacing-48, 48px);
  padding: 0.625rem 1rem;
  border: 1px solid transparent;
  gap: var(--spacing-spacing-4, 4px);
  border-radius: var(--border-radius-md, 0.25rem);
  border: 1px solid var(--button-tertiary-border, #B1B8BE);
  background: var(--button-tertiary-fill, rgba(255, 255, 255, 0));
}
.omks-button [class^=button] {
  display: inline-flex;
}
.omks-button:focus {
  outline: 3px solid rgba(0, 105, 180, 0.25);
}
.omks-button:disabled {
  color: var(--text-disabled-on, #6D7882) !important;
  border: none !important;
  background: var(--button-disabled-fill, #CDD1D5) !important;
  cursor: not-allowed;
}
.omks-button.is-disabled {
  color: var(--text-disabled-on, #6D7882) !important;
  border: none !important;
  background: var(--button-disabled-fill, #CDD1D5) !important;
  cursor: not-allowed;
}
.omks-button.style-size-xl {
  height: 64px;
  min-width: 120px;
  padding: var(--spacing-spacing-16, 16px) var(--spacing-spacing-24, 24px);
  font-size: var(--label-large-font-size, 18px);
  letter-spacing: var(--label-large-letter-spacing, 0px);
}
.omks-button.style-size-l {
  height: 56px;
  min-width: 100px;
  padding: 0px var(--spacing-spacing-16, 16px);
  font-size: var(--label-large-font-size, 18px);
}
.omks-button.style-size-m {
  height: 48px;
  min-width: 80px;
  padding: 0px var(--spacing-spacing-16, 16px);
  font-size: var(--label-medium-font-size, 16px);
}
.omks-button.style-size-s {
  height: 40px;
  min-width: 64px;
  padding: 0px var(--spacing-spacing-12, 12px);
  font-size: var(--label-small-font-size, 15px);
}
.omks-button.style-size-xs {
  height: 32px;
  min-width: 60px;
  padding: 0px var(--spacing-spacing-8, 8px);
  font-size: var(--label-small-font-size, 15px);
}
.omks-button.style-primary {
  border: none;
  border-radius: var(--border-radius-md, 4px);
  background: var(--button-primary-fill, #256EF4);
  color: #FFF;
}
.omks-button.style-primary:hover, .omks-button.style-primary:focus {
  border-radius: var(--border-radius-md, 4px);
  background: var(--button-primary-fill-hover, #0B50D0);
}
.omks-button.style-primary:active {
  border-radius: var(--border-radius-md, 4px);
  background: var(--button-primary-fill-pressed, #083891);
}
.omks-button.style-secondary {
  border: 1px solid var(--button-secondary-border, #256EF4);
  background: var(--button-secondary-fill, #FFF);
  color: var(--text-primary, #0B50D0);
}
.omks-button.style-secondary:hover, .omks-button.style-secondary:focus {
  border: 1px solid var(--button-secondary-border, #256EF4);
  background: var(--button-secondary-fill-hover, #F5F8FE);
}
.omks-button.style-secondary:active {
  border: 1px solid var(--button-secondary-border, #256EF4);
  background: var(--button-secondary-fill-pressed, #D8E5FD);
}
.omks-button.style-assistive {
  border: 1px solid var(--button-assistive-border, #B1B8BE);
  background: var(--button-assistive-fill, #F5F8FE);
  color: var(--text-subtle, #464C53);
}
.omks-button.style-assistive:hover, .omks-button.style-assistive:focus {
  border: 1px solid var(--button-assistive-border, #B1B8BE);
  background: var(--button-assistive-fill-hover, #D8E5FD);
}
.omks-button.style-assistive:active {
  border: 1px solid var(--button-assistive-border, #B1B8BE);
  background: var(--button-assistive-fill-pressed, #B1CEFB);
}
.omks-button.style-tertiary {
  border: 1px solid var(--button-tertiary-border, #B1B8BE);
  background: var(--button-tertiary-fill, rgb(255, 255, 255));
  color: var(--text-subtle, #464C53);
}
.omks-button.style-tertiary:hover, .omks-button.style-tertiary:focus {
  border: 1px solid var(--button-tertiary-border, #B1B8BE);
  background: var(--button-tertiary-fill-hover, #F4F5F6);
}
.omks-button.style-tertiary:active {
  border: 1px solid var(--button-tertiary-border, #B1B8BE);
  background: var(--button-tertiary-fill-pressed, #E6E8EA);
}
.omks-button.style-delete {
  border: 1px solid var(--button-danger-border, #BD2C0F);
  background: var(--button-danger-fill, #FDEFEC);
  color: var(--text-danger, #BD2C0F);
}
.omks-button.style-delete:hover, .omks-button.style-delete:focus {
  border: 1px solid var(--button-danger-border, #BD2C0F);
  background: var(--button-danger-fill-hover, #FCDFD9);
}
.omks-button.style-delete:active {
  border: 1px solid var(--button-danger-border, #BD2C0F);
  background: var(--button-danger-fill-pressed, #F7AFA1);
}
.omks-button.style-text {
  border: none;
  height: auto;
  padding: var(--spacing-spacing-4, 4px);
  font-weight: inherit;
  color: inherit;
}
.omks-button.style-text:hover, .omks-button.style-text:focus {
  background: var(--button-text-fill-hover, #EEF2F7);
}
.omks-button.style-text:active {
  background: var(--button-text-fill-pressed, #D6E0EB);
}
.omks-button.style-text:disabled {
  background: var(--button-text-fill, rgba(255, 255, 255, 0)) !important;
  color: var(--text-disabled-on, #6D7882) !important;
}
.omks-button.style-text.style-size-l {
  height: var(--spacing-spacing-40, 40px);
  min-width: 96px;
  font-size: var(--label-large-font-size, 18px);
}
.omks-button.style-text.style-size-m {
  height: var(--spacing-spacing-32, 32px);
  min-width: 80px;
  font-size: var(--label-medium-font-size, 16px);
}
.omks-button.style-text.style-size-s {
  height: var(--spacing-spacing-24, 24px);
  min-width: 60px;
  font-size: var(--label-small-font-size, 15px);
}
.omks-button.style-icon {
  min-width: auto;
  border: none;
  height: auto;
  padding: var(--spacing-spacing-2, 2px);
  font-weight: inherit;
}
.omks-button.style-icon:hover, .omks-button.style-icon:focus {
  border: none;
}
.omks-button.style-icon:active {
  border: none;
}
.omks-button.style-icon:disabled {
  background: var(--button-text-fill, rgba(255, 255, 255, 0)) !important;
  color: var(--text-disabled-on, #6D7882) !important;
}
.omks-button-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3125rem 0.625rem;
}
.omks-button-group.is-align-center {
  justify-content: center;
}
.omks-button-group.is-align-end {
  justify-content: flex-end;
}
.omks-button-group:has(.is-align-end) {
  display: flex;
  width: 100%;
}
.omks-button-group .omks-button.is-align-end,
.omks-button-group [class*=-button].is-align-end {
  margin-left: auto;
}
.omks-button-group.is-size-s [class*=-button] {
  min-width: 3.125rem;
  height: 1.5625rem;
}
.omks-link:has(.link-ico) {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.omks-link .link-ico,
.omks-link .link-txt {
  display: inline-flex;
}
.omks-link .link-txt {
  text-underline-offset: 0.1875rem;
}
.omks-link:hover .link-txt {
  text-decoration: underline;
}
.omks-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.3125Rem;
  box-sizing: border-box;
  padding: 0px var(--padding-3, 8px);
  border-radius: var(--radius-small2, 4px);
  border: 1px solid var(--border-gray-dark, #58616A);
  background-color: #fff;
  font-size: 0.9375rem;
  white-space: nowrap;
  line-height: 1;
  vertical-align: middle;
  height: var(--size-height-4, 24px);
}
.omks-badge.style-size-l {
  height: var(--size-height-5, 32px);
}
.omks-badge.style-primary {
  border: none;
  background: var(--element-primary, #256EF4);
  color: var(--text-basic-inverse, #FFF);
}
.omks-badge.style-primary-outline {
  background-color: #fff;
  border: 1px solid var(--border-primary, #256EF4);
  color: var(--text-primary, #0B50D0);
}
.omks-badge.style-primary-tint {
  border: none;
  background: var(--element-primary-lighter, #F5F8FE);
  color: var(--text-primary, #0B50D0);
}
.omks-badge.style-tertiary {
  border: none;
  background: var(--element-gray, #6D7882);
  color: var(--text-basic-inverse, #FFF);
}
.omks-badge.style-tertiary-outline {
  background-color: #fff;
  border: 1px solid var(--border-gray-dark, #58616A);
  color: var(--text-subtle, #464C53);
}
.omks-badge.style-tertiary-tint {
  border: none;
  background: var(--element-gray-light, #E6E8EA);
  color: var(--text-subtle, #464C53);
}
.omks-button:has(.omks-badge) {
  position: relative;
}

.omks-button .omks-badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  aspect-ratio: 1/1;
  padding: 0 0.5rem;
  border-radius: 9999px;
}

.omks-box {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 1rem;
  background: var(--background-primary-subtler, #F5F8FE);
  border-radius: 0.25rem;
}
.omks-box:not(:last-child) {
  margin-bottom: 1.25rem;
}
.omks-box.style-inverse {
  background: var(--surface-white, #FFF);
  border: 1px solid var(--border-gray, #b1b8be);
}
.omks-divider {
  all: unset;
  position: relative;
  display: block;
  height: 1px;
  margin: 0.25rem 0;
  flex: 1 1 100%;
}
.omks-divider:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%) skewY(-0.01deg);
  content: "";
  width: 100%;
  height: 1px;
  box-sizing: border-box;
  background-image: repeating-linear-gradient(to right, #e9e9e9 0 0.5rem, transparent 0.5rem 0.5rem);
}
.omks-divider.style-dotted:before {
  background-image: repeating-linear-gradient(to right, #e9e9e9 0 0.25rem, transparent 0.25rem 0.5rem);
}
.omks-divider.style-dashed:before {
  border: none;
  background-image: repeating-linear-gradient(to right, #e9e9e9 0 0.5rem, transparent 0.5rem 1rem);
}

/**********  **********/
/* 그리드 */
/**********  **********/
.col-start-1 {
  --omks-grid-cell-column-start: 1;
  grid-column-start: var(--omks-grid-cell-column-start);
}

.col-span-1 {
  --omks-grid-cell-column-span: 1;
  grid-column-end: span var(--omks-grid-cell-column-span);
}

.row-start-1 {
  --omks-grid-cell-row-start: 1;
  grid-row-start: var(--omks-grid-cell-row-start);
}

.row-span-1 {
  --omks-grid-cell-row-span: 1;
  grid-row-end: span var(--omks-grid-cell-row-span);
}

.col-start-2 {
  --omks-grid-cell-column-start: 2;
  grid-column-start: var(--omks-grid-cell-column-start);
}

.col-span-2 {
  --omks-grid-cell-column-span: 2;
  grid-column-end: span var(--omks-grid-cell-column-span);
}

.row-start-2 {
  --omks-grid-cell-row-start: 2;
  grid-row-start: var(--omks-grid-cell-row-start);
}

.row-span-2 {
  --omks-grid-cell-row-span: 2;
  grid-row-end: span var(--omks-grid-cell-row-span);
}

.col-start-3 {
  --omks-grid-cell-column-start: 3;
  grid-column-start: var(--omks-grid-cell-column-start);
}

.col-span-3 {
  --omks-grid-cell-column-span: 3;
  grid-column-end: span var(--omks-grid-cell-column-span);
}

.row-start-3 {
  --omks-grid-cell-row-start: 3;
  grid-row-start: var(--omks-grid-cell-row-start);
}

.row-span-3 {
  --omks-grid-cell-row-span: 3;
  grid-row-end: span var(--omks-grid-cell-row-span);
}

.col-start-4 {
  --omks-grid-cell-column-start: 4;
  grid-column-start: var(--omks-grid-cell-column-start);
}

.col-span-4 {
  --omks-grid-cell-column-span: 4;
  grid-column-end: span var(--omks-grid-cell-column-span);
}

.row-start-4 {
  --omks-grid-cell-row-start: 4;
  grid-row-start: var(--omks-grid-cell-row-start);
}

.row-span-4 {
  --omks-grid-cell-row-span: 4;
  grid-row-end: span var(--omks-grid-cell-row-span);
}

.col-start-5 {
  --omks-grid-cell-column-start: 5;
  grid-column-start: var(--omks-grid-cell-column-start);
}

.col-span-5 {
  --omks-grid-cell-column-span: 5;
  grid-column-end: span var(--omks-grid-cell-column-span);
}

.row-start-5 {
  --omks-grid-cell-row-start: 5;
  grid-row-start: var(--omks-grid-cell-row-start);
}

.row-span-5 {
  --omks-grid-cell-row-span: 5;
  grid-row-end: span var(--omks-grid-cell-row-span);
}

.col-start-6 {
  --omks-grid-cell-column-start: 6;
  grid-column-start: var(--omks-grid-cell-column-start);
}

.col-span-6 {
  --omks-grid-cell-column-span: 6;
  grid-column-end: span var(--omks-grid-cell-column-span);
}

.row-start-6 {
  --omks-grid-cell-row-start: 6;
  grid-row-start: var(--omks-grid-cell-row-start);
}

.row-span-6 {
  --omks-grid-cell-row-span: 6;
  grid-row-end: span var(--omks-grid-cell-row-span);
}

.col-start-7 {
  --omks-grid-cell-column-start: 7;
  grid-column-start: var(--omks-grid-cell-column-start);
}

.col-span-7 {
  --omks-grid-cell-column-span: 7;
  grid-column-end: span var(--omks-grid-cell-column-span);
}

.row-start-7 {
  --omks-grid-cell-row-start: 7;
  grid-row-start: var(--omks-grid-cell-row-start);
}

.row-span-7 {
  --omks-grid-cell-row-span: 7;
  grid-row-end: span var(--omks-grid-cell-row-span);
}

.col-start-8 {
  --omks-grid-cell-column-start: 8;
  grid-column-start: var(--omks-grid-cell-column-start);
}

.col-span-8 {
  --omks-grid-cell-column-span: 8;
  grid-column-end: span var(--omks-grid-cell-column-span);
}

.row-start-8 {
  --omks-grid-cell-row-start: 8;
  grid-row-start: var(--omks-grid-cell-row-start);
}

.row-span-8 {
  --omks-grid-cell-row-span: 8;
  grid-row-end: span var(--omks-grid-cell-row-span);
}

.col-start-9 {
  --omks-grid-cell-column-start: 9;
  grid-column-start: var(--omks-grid-cell-column-start);
}

.col-span-9 {
  --omks-grid-cell-column-span: 9;
  grid-column-end: span var(--omks-grid-cell-column-span);
}

.row-start-9 {
  --omks-grid-cell-row-start: 9;
  grid-row-start: var(--omks-grid-cell-row-start);
}

.row-span-9 {
  --omks-grid-cell-row-span: 9;
  grid-row-end: span var(--omks-grid-cell-row-span);
}

.col-start-10 {
  --omks-grid-cell-column-start: 10;
  grid-column-start: var(--omks-grid-cell-column-start);
}

.col-span-10 {
  --omks-grid-cell-column-span: 10;
  grid-column-end: span var(--omks-grid-cell-column-span);
}

.row-start-10 {
  --omks-grid-cell-row-start: 10;
  grid-row-start: var(--omks-grid-cell-row-start);
}

.row-span-10 {
  --omks-grid-cell-row-span: 10;
  grid-row-end: span var(--omks-grid-cell-row-span);
}

.col-start-11 {
  --omks-grid-cell-column-start: 11;
  grid-column-start: var(--omks-grid-cell-column-start);
}

.col-span-11 {
  --omks-grid-cell-column-span: 11;
  grid-column-end: span var(--omks-grid-cell-column-span);
}

.row-start-11 {
  --omks-grid-cell-row-start: 11;
  grid-row-start: var(--omks-grid-cell-row-start);
}

.row-span-11 {
  --omks-grid-cell-row-span: 11;
  grid-row-end: span var(--omks-grid-cell-row-span);
}

.col-start-12 {
  --omks-grid-cell-column-start: 12;
  grid-column-start: var(--omks-grid-cell-column-start);
}

.col-span-12 {
  --omks-grid-cell-column-span: 12;
  grid-column-end: span var(--omks-grid-cell-column-span);
}

.row-start-12 {
  --omks-grid-cell-row-start: 12;
  grid-row-start: var(--omks-grid-cell-row-start);
}

.row-span-12 {
  --omks-grid-cell-row-span: 12;
  grid-row-end: span var(--omks-grid-cell-row-span);
}

.has-1-cols {
  --omks-grid-column-count: 1;
}

.gap-grid-1 {
  --omks-grid-gap: 0.5rem;
}

.has-2-cols {
  --omks-grid-column-count: 2;
}

.gap-grid-2 {
  --omks-grid-gap: 1rem;
}

.has-3-cols {
  --omks-grid-column-count: 3;
}

.gap-grid-3 {
  --omks-grid-gap: 1.5rem;
}

.has-4-cols {
  --omks-grid-column-count: 4;
}

.gap-grid-4 {
  --omks-grid-gap: 2rem;
}

.has-5-cols {
  --omks-grid-column-count: 5;
}

.gap-grid-5 {
  --omks-grid-gap: 2.5rem;
}

.has-6-cols {
  --omks-grid-column-count: 6;
}

.gap-grid-6 {
  --omks-grid-gap: 3rem;
}

.has-7-cols {
  --omks-grid-column-count: 7;
}

.gap-grid-7 {
  --omks-grid-gap: 3.5rem;
}

.has-8-cols {
  --omks-grid-column-count: 8;
}

.gap-grid-8 {
  --omks-grid-gap: 4rem;
}

.has-9-cols {
  --omks-grid-column-count: 9;
}

.gap-grid-9 {
  --omks-grid-gap: 4.5rem;
}

.has-10-cols {
  --omks-grid-column-count: 10;
}

.gap-grid-10 {
  --omks-grid-gap: 5rem;
}

.has-11-cols {
  --omks-grid-column-count: 11;
}

.gap-grid-11 {
  --omks-grid-gap: 5.5rem;
}

.has-12-cols {
  --omks-grid-column-count: 12;
}

.gap-grid-12 {
  --omks-grid-gap: 6rem;
}

.is-flex-none {
  flex: none !important;
}
.is-flex-wrap {
  flex-wrap: wrap;
  width: unset;
}
.is-flex-direction-col {
  flex-direction: column !important;
}
.is-flex-auto {
  flex: 1 1 auto !important;
}
.is-align-center {
  align-items: center;
}
.is-align-end {
  align-items: flex-end;
}
.is-align-start {
  align-items: flex-start;
}
.is-align-self-end {
  align-self: flex-end;
}
.is-align-self-start {
  align-self: flex-start;
}
.is-justify-center {
  justify-content: center;
}
.is-justify-end {
  justify-content: flex-end;
}
.is-justify-start {
  justify-content: flex-start;
}
.is-justify-self-end {
  justify-self: flex-end;
}
.is-justify-self-start {
  justify-self: flex-start;
}

[class*=-grid] {
  display: grid;
  -moz-column-gap: var(--omks-grid-gap, 1rem);
       column-gap: var(--omks-grid-gap, 1rem);
  row-gap: var(--omks-grid-gap, 1rem);
}

.omks-auto-grid {
  --omks-grid-column-min: 10rem;
  --omks-grid-cell-column-span: 1;
  --omks-grid-cell-row-span: 1;
  grid-template-columns: repeat(auto-fit, minmax(var(--omks-grid-column-min), 1fr));
  grid-template-rows: auto;
}
.omks-auto-grid .grid-cell {
  grid-column-end: span var(--omks-grid-cell-column-span);
  grid-column-start: var(--omks-grid-cell-column-start);
  grid-row-end: span var(--omks-grid-cell-row-span);
  grid-row-start: var(--omks-grid-cell-row-start);
}
.omks-fixed-grid {
  --omks-grid-gap-count: calc(var(--omks-grid-column-count) - 1);
  --omks-grid-column-width: calc((100% - var(--omks-grid-gap-count) * var(--omks-grid-gap, 1rem)) / var(--omks-grid-column-count));
  grid-template-columns: repeat(var(--omks-grid-column-count), var(--omks-grid-column-width));
}
.omks-flex-grid {
  display: flex;
  width: 100%;
  height: 100%;
  gap: var(--omks-grid-gap, 0.625rem);
}
.omks-flex-grid .grid-cell {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  gap: 0.5rem;
}

/**********  **********/
/* 레이아웃 */
/**********  **********/
.omks-layout-wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  width: 100%;
  min-height: 100vh;
  grid-template-areas: "header header" "side container";
  font-size: 1rem;
  background-color: #ECF0F7;
}
.omks-layout-wrap * {
  font-family: "pretendard";
}
.omks-layout-header {
  grid-area: header;
  grid-column: span 2;
  background: var(--element-secondary-dark, #0E2337);
  color: var(--text-inverse-static, #FFF);
}
.omks-layout-container {
  grid-area: container;
  padding: 1.875rem 1.875rem 2.5rem;
  overflow: hidden;
}
.omks-layout-side {
  grid-area: side;
}

/**********  **********/
/* 일반 컴포넌트 */
/**********  **********/
.omks {
  /**********  **********/
  /* 결합 컴포넌트 */
  /**********  **********/
}
.omks-hero {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background-color: #f4f4f4;
  margin-bottom: 3.125rem;
}
.omks-hero:last-child {
  margin-bottom: 0;
}
.omks-hero .hero-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3125rem 0.625rem;
}
.omks-hero .hero-ttl {
  display: inline-flex;
}
.omks-hero .hero-sub {
  display: flex;
  flex: 1 1 100%;
}
.omks-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.omks-list .list-item,
.omks-list > li {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem 0.625rem;
}
.omks-combine {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3125rem 0.625rem;
}
.omks-stnc:after {
  content: "";
  display: block;
  clear: both;
}
.omks-stnc .stnc-ico {
  float: left;
  margin-right: 0.3em;
}
.omks-stnc .stnc-txt {
  display: block;
  overflow: hidden;
}
.omks-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.15);
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: var(--spacing-spacing-32, 32px);
}
.omks-modal.style-size-xl .modal-wrap {
  width: 62.5rem;
}
.omks-modal.style-size-l .modal-wrap {
  width: 50rem;
}
.omks-modal.style-size-m .modal-wrap {
  width: 37.5rem;
}
.omks-modal.style-size-s .modal-wrap {
  width: 25rem;
  min-width: auto;
}
.omks-modal .modal-wrap {
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 37.5rem;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
  padding: var(--spacing-spacing-32, 32px);
  border-radius: var(--border-radius-xl, 12px);
  border: 1px solid var(--border-gray, #B1B8BE);
  background: var(--surface-white, #FFF);
  animation: modalRending 0.5s ease 0s 1 alternate both;
}
@keyframes modalRending {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: translateY(0.625rem);
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: translateY(0rem);
  }
}
.omks-modal .modal-head {
  display: flex;
  align-items: center;
}
.omks-modal .modal-body {
  padding: var(--spacing-spacing-4, 0.25rem);
  overflow-y: auto;
}
.omks-modal .modal-head,
.omks-modal .modal-foot {
  flex: none;
}
.omks-modal .modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 2rem;
  height: 2rem;
}
.omks-modal:has(.modal-conts) .modal-wrap {
  width: auto !important;
}
.omks-modal .modal-conts {
  overflow: hidden;
}
.omks-modal .modal-conts.style-size-xxxl {
  width: 87.5rem;
}
.omks-modal .modal-conts.style-size-xxl {
  width: 75rem;
}
.omks-modal .modal-conts.style-size-xl {
  width: 62.5rem;
}
.omks-modal .modal-conts.style-size-l {
  width: 50rem;
}
.omks-modal .modal-conts.style-size-m {
  width: 37.5rem;
}
.omks-modal .modal-conts.style-size-s {
  width: 25rem;
}
.omks-toast {
  position: fixed;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 0.625rem;
}
.omks-toast .toast-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  width: -moz-max-content;
  width: max-content;
  min-width: 11.25rem;
  padding: var(--spacing-spacing-8, 8px);
  border-radius: var(--border-radius-md, 4px);
  border: 1px solid var(--border-gray-light, #CDD1D5);
  border-radius: var(--border-radius-md, 4px);
  background: var(--surface-gray-subtler, #F4F5F6);
  font-size: var(--body-small-font-size, 16px);
  color: var(--text-subtle, #464C53);
}
.omks-toast .toast-head {
  font-weight: 600;
}
.omks-toast .toast-body {
  grid-row-start: 2;
  font-size: var(--body-small-font-size, 15px);
  color: var(--text-subtle, #464C53);
}
.omks-toast .toast-close {
  display: flex;
}
.omks-toast.style-infomation .toast-card {
  border: 1px solid var(--border-information-light, #D8E5FD);
  background: var(--surface-information-subtler, #E7F4FE);
  color: var(--text-information, #096AB3);
}
.omks-toast.style-danger .toast-card {
  border: 1px solid var(--border-danger-light, #FCDFD9);
  background: var(--surface-danger-subtler, #FDEFEC);
  color: var(--text-danger, #BD2C0F);
}
.omks-toast.style-warning .toast-card {
  border: 1px solid var(--border-warning-light, #FFE0A3);
  background: var(--surface-warning-subtler, #FFF3DB);
  color: var(--text-warning, #8A5C00);
}
.omks-toast.style-success .toast-card {
  border: 1px solid var(--border-success-light, #D8EEDD);
  background: var(--surface-success-subtler, #EAF6EC);
  color: var(--text-success, #267337);
}
.omks-toast.is-disrupt {
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}
.omks-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}
.omks-dialog .dialog-wrap {
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: -moz-max-content;
  width: max-content;
  min-width: 20rem;
  max-width: 100%;
  box-sizing: border-box;
  padding: var(--spacing-spacing-24, 24px);
  border-radius: var(--border-radius-lg, 8px);
  border: 1px solid var(--border-gray, #B1B8BE);
  background: var(--background-white, #FFF);
  box-shadow: 0px var(--shadow-2-cast-y, 0px) var(--shadow-2-cast-blur, 2px) 0px var(--shadow-2-cast-shadow, rgba(0, 0, 0, 0.05)), 0px var(--shadow-2-core-y, 4px) var(--shadow-2-core-blur, 8px) 0px var(--shadow-2-core-shadow, rgba(0, 0, 0, 0.08));
}
.omks-dialog .dialog-head {
  display: flex;
  align-items: center;
}
.omks-dialog .dialog-foot {
  margin-top: 1.25rem;
}
.omks-dialog .dialog-close {
  display: flex;
  margin-left: auto;
}
.omks-dialog.is-disrupt {
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}
.omks-breadcrumb ul, .omks-breadcrumb li {
  margin: 0;
  padding: 0;
}
.omks-breadcrumb .breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem 1.25rem;
}
.omks-breadcrumb .breadcrumb-list:has(.breadcrumb-item:nth-child(6)) {
  color: Red;
}
.omks-breadcrumb .breadcrumb-list:has(.breadcrumb-item:nth-child(6)) .breadcrumb-item:nth-child(2) .breadcrumb-nav {
  position: absolute;
  visibility: hidden;
}
.omks-breadcrumb .breadcrumb-list:has(.breadcrumb-item:nth-child(6)) .breadcrumb-item:nth-child(2) .breadcrumb-ellipsis {
  position: relative;
  visibility: visible;
}
.omks-breadcrumb .breadcrumb-list:has(.breadcrumb-item:nth-child(6)) .breadcrumb-item:nth-child(2) ~ .breadcrumb-item {
  position: absolute;
  visibility: hidden;
}
.omks-breadcrumb .breadcrumb-list:has(.breadcrumb-item:nth-child(6)) .breadcrumb-item:nth-child(2) ~ .breadcrumb-item:last-child {
  position: relative;
  visibility: visible;
}
.omks-breadcrumb .breadcrumb-item {
  display: flex;
  align-items: baseline;
  gap: 0.3125rem;
  padding: 0 0.125rem;
}
.omks-breadcrumb .breadcrumb-item:last-child {
  color: blue;
}
.omks-breadcrumb .breadcrumb-item ~ .breadcrumb-item {
  position: relative;
}
.omks-breadcrumb .breadcrumb-item ~ .breadcrumb-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  content: "";
  width: 1.25rem;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/feather/chevron-right.svg");
  background-size: 1.25rem auto;
  background-position: center;
}
.omks-breadcrumb .breadcrumb-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}
.omks-breadcrumb .breadcrumb-ico img {
  width: 1rem;
}
.omks-breadcrumb .breadcrumb-ico [class^=material-] {
  font-size: 1em;
}
.omks-breadcrumb .breadcrumb-nav {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
.omks-breadcrumb .breadcrumb-nav a {
  display: inline-flex;
  padding: 0.25rem;
  border-radius: 0.25rem;
  line-height: 1;
  text-decoration: underline;
}
.omks-breadcrumb .breadcrumb-nav a:hover {
  background-color: #EEF2F7;
}
.omks-breadcrumb .breadcrumb-nav a:active {
  background-color: #D6E0EB;
}
.omks-breadcrumb .breadcrumb-ellipsis {
  display: flex;
  padding: 0.25rem;
  border-radius: 0.25rem;
  line-height: 1;
  position: absolute;
  visibility: hidden;
}
.omks-card {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: var(--radius-xlarge2, 12px);
  border: 1px solid var(--border-gray-light, #CDD1D5);
  background: var(--color-surface-white-subtle, #FFF);
  overflow: hidden;
}
.omks-card [class^=card-] {
  margin: 0;
  padding: 0;
}
.omks-card .card-head {
  display: flex;
  flex-wrap: wrap;
  padding: var(--spacing-spacing-24, 24px) var(--spacing-spacing-32, 32px) 24px var(--spacing-spacing-32, 32px);
  gap: var(--spacing-spacing-16, 16px);
}
.omks-card .card-body {
  padding: 0px var(--spacing-spacing-32, 32px) var(--spacing-spacing-24, 24px) var(--spacing-spacing-32, 32px);
}
.omks-card .card-foot {
  padding: 0px var(--spacing-spacing-32, 32px) var(--spacing-spacing-24, 24px) var(--spacing-spacing-32, 32px);
}
.omks-card .card-image {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #eee;
}
.omks-tab {
  position: relative;
  display: flex;
  margin-bottom: 1.875rem;
}
.omks-tab:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0.0625rem;
  background-color: var(--border-gray-light, #CDD1D5);
}
.omks-tab:last-child {
  margin-bottom: 0;
}
.omks-tab .tab-list {
  display: flex;
}
.omks-tab .tab-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 5rem;
  height: 3.125rem;
  box-sizing: border-box;
  padding: var(--spacing-spacing-12, 12px) var(--spacing-spacing-8, 12px);
  border-bottom: var(--border-width-sm, 1px) solid var(--border-gray-light, #CDD1D5);
  font-weight: 500;
  color: var(--text-subtle-inverse, #B1B8BE);
}
.omks-tab .tab-button:hover, .omks-tab .tab-button:focus {
  border-bottom: var(--border-width-sm, 1px) solid var(--border-gray-light, #CDD1D5);
  background: var(--surface-primary-subtler, #F5F8FE);
  color: var(--text-basic, #1E2124);
}
.omks-tab .tab-button:active {
  border-bottom: var(--border-width-sm, 1px) solid var(--border-gray-light, #CDD1D5);
  background: var(--surface-primary-subtle, #D8E5FD);
  color: var(--text-basic, #1E2124);
}
.omks-tab .tab-button:disabled, .omks-tab .tab-button.is-disabled {
  background-color: #fff;
  color: #1E2124;
  cursor: default;
}
.omks-tab .tab-button.is-active {
  border-bottom: var(--border-width-md, 2px) solid var(--divider-primary, #256EF4);
  color: var(--text-primary, #0B50D0);
}
.omks-tab .tab-button .button-txt {
  padding: 0 0.5rem;
}
.omks-tab.type-depths {
  display: inline-flex;
  border: 1px solid #CDD1D5;
  border-radius: 0.375rem;
  overflow: hidden;
}
.omks-tab.type-depths:after {
  content: none;
}
.omks-tab.type-depths .tab-button {
  height: var(--spacing-spacing-40, 40px);
  padding: var(--spacing-spacing-12, 12px) var(--spacing-spacing-8, 8px);
  border: none;
}
.omks-tab.type-depths .tab-button.is-active {
  background: var(--action-primary-active, #256EF4);
  color: var(--text-inverse-static, #FFF);
}
.omks-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
.omks-pagination .pagi-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--spacing-spacing-40, 40px);
  height: var(--spacing-spacing-40, 40px);
  box-sizing: border-box;
  padding: 0 0.75rem;
  border-radius: var(--radius-small2, 4px);
  border: var(--border-width-sm, 1px) solid var(--border-gray-light, #CDD1D5);
  background: var(--background-white, #FFF);
}
.omks-pagination .pagi-nav img {
  width: 1rem;
}
.omks-pagination .pagi-nav:hover {
  border: var(--border-width-sm, 1px) solid var(--border-gray-light, #CDD1D5);
  background: var(--background-gray-subtler, #F4F5F6);
}
.omks-pagination .pagi-nav:active {
  border: var(--border-width-sm, 1px) solid var(--border-gray-light, #CDD1D5);
  background: var(--background-gray-subtle, #E6E8EA);
}
.omks-pagination .pagi-nav:disabled, .omks-pagination .pagi-nav.is-disabled {
  border-radius: 4px;
  border: var(--border-width-sm, 1px) solid var(--border-gray-light, #CDD1D5);
  background: var(--surface-disabled, #CDD1D5);
}
.omks-pagination .pagi-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--spacing-spacing-40, 40px);
  height: var(--spacing-spacing-40, 40px);
  box-sizing: border-box;
  padding: 0 0.75rem;
  border-radius: var(--radius-small2, 4px);
  color: var(--text-subtle, #464C53);
}
.omks-pagination .pagi-page:hover, .omks-pagination .pagi-page:focus {
  background: var(--action-primary-hover, #F5F8FE);
}
.omks-pagination .pagi-page:active {
  background: var(--action-primary-pressed, #D8E5FD);
}
.omks-pagination .pagi-page.is-current, .omks-pagination .pagi-page.is-active {
  cursor: default;
  font-weight: 600;
  color: var(--action-primary-active, #256EF4);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
.omks-dropdown {
  position: relative;
  display: inline-block;
  max-width: 100%;
  color: var(--text-subtle, #464C53);
}
.omks-dropdown:has(.dropdown-trigger.is-active) {
  z-index: 1;
}
.omks-dropdown:has(.dropdown-trigger.is-active) .dropdown-layer {
  visibility: visible;
  transform: translateY(0.625rem);
  transition: all 0.2s ease;
}
.omks-dropdown:has(.dropdown-trigger.is-active) .dropdown-layer.is-top {
  transform: translateY(-0.625rem);
}
.omks-dropdown .dropdown-trigger .trigger-select {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  height: var(--spacing-spacing-48, 48px);
  box-sizing: border-box;
  padding: 0 1rem;
  padding-right: var(--spacing-spacing-48, 48px);
  border-radius: var(--border-radius-md, 4px);
  border: 1px solid var(--input-border);
  background: #FFF;
  background-repeat: no-repeat;
  background-position: right 1rem top 50%;
  background-size: 0.5625rem auto;
  background-image: url("../../img/board/select-arrow-fill.svg");
}
.omks-dropdown .dropdown-trigger .trigger-select .selected-options {
  display: block;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.omks-dropdown .dropdown-trigger .trigger-select.style-size-l {
  height: var(--spacing-spacing-56, 56px);
}
.omks-dropdown .dropdown-trigger .trigger-select.style-size-m {
  height: var(--spacing-spacing-48, 48px);
}
.omks-dropdown .dropdown-trigger .trigger-select.style-size-s {
  height: var(--spacing-spacing-40, 40px);
}
.omks-dropdown .dropdown-layer {
  position: absolute;
  top: 100%;
  left: 0;
  width: -moz-max-content;
  width: max-content;
  max-width: 80vw;
  min-width: 100%;
  box-sizing: border-box;
  padding: 0 0.3125rem;
  transform: none;
  visibility: hidden;
}
.omks-dropdown .dropdown-layer.is-right {
  left: inherit;
  right: 0;
}
.omks-dropdown .dropdown-layer.is-top {
  top: inherit;
  bottom: 100%;
}
.omks-dropdown .dropdown-contents {
  padding: var(--spacing-spacing-8, 8px);
  border-radius: var(--border-radius-lg, 8px);
  border: 1px solid var(--border-gray, #B1B8BE);
  background: var(--background-white, #FFF);
  box-shadow: 0px var(--shadow-2-cast-y, 0px) var(--shadow-2-cast-blur, 2px) 0px var(--shadow-2-cast-shadow, rgba(0, 0, 0, 0.05)), 0px var(--shadow-2-core-y, 4px) var(--shadow-2-core-blur, 8px) 0px var(--shadow-2-core-shadow, rgba(0, 0, 0, 0.08));
  max-height: 50vh;
  overflow-y: auto;
}
.omks-dropdown .dropdown-item {
  width: 100%;
  min-height: 2.375rem;
  box-sizing: border-box;
  padding: 0.5rem 0.75rem;
  border-radius: var(--border-radius-lg, 8px);
}
.omks-dropdown .dropdown-item:focus, .omks-dropdown .dropdown-item:focus-visible {
  outline-offset: -0.1875rem;
  background: var(--action-primary-hover, #F5F8FE);
  color: var(--text-primary, #0B50D0);
}
.omks-dropdown .dropdown-item:hover {
  background: var(--action-primary-hover, #F5F8FE);
  color: var(--text-primary, #0B50D0);
}
.omks-dropdown .dropdown-item.is-active {
  background: var(--action-primary-active, #256EF4);
  color: #fff;
}
.omks-dropdown a.dropdown-item,
.omks-dropdown button.dropdown-item {
  display: flex;
  align-items: center;
  gap: 4.25em;
}
.omks-dropdown .dropdown-divider {
  display: block;
  height: 1px;
  background-color: #ececec;
  border: none;
  margin: 0.25rem 0;
}
.omks-dropdown:focus-within .dropdown-trigger {
  border: var(--border-width-sm, 1px) solid var(--input-border-active, #256EF4);
  background: var(--input-surface, #FFF);
}
.omks-acordi {
  width: 100%;
  border-radius: var(--border-radius-lg, 8px);
  border: 1px solid var(--border-gray, #B1B8BE);
  background: var(--background-white, #FFF);
}
.omks-acordi:has(.acordi-trigger.is-active) .acordi-body {
  display: block;
}
.omks-acordi .acordi-head {
  position: relative;
  padding: var(--spacing-spacing-24, 24px) var(--spacing-spacing-32, 32px);
}
.omks-acordi .acordi-body {
  display: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  padding: var(--spacing-spacing-24, 24px) var(--spacing-spacing-32, 32px);
  background: var(--background-primary-subtler, #F5F8FE);
}
.omks-acordi .acordi-clickable {
  position: relative;
  z-index: 2;
}
.omks-acordi .acordi-trigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: inherit;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.omks-acordi .acordi-trigger .trigger-ico {
  display: inline-flex;
}
.omks-acordi .acordi-trigger.is-active .trigger-ico {
  transform: rotateZ(180deg);
}

/**********  **********/
/* 폼 요소 관련 기본 컴포넌트 */
/**********  **********/
.omks-form-text[type=text], .omks-form-text[type=password], .omks-form-text[type=number], .omks-form-text[type=search], .omks-form-text[type=email] {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: var(--spacing-spacing-48, 48px);
  box-sizing: border-box;
  padding: 0 1rem;
  border-radius: var(--border-radius-md, 4px);
  border: 1px solid var(--input-border, #CDD1D5);
  background: #FFF;
  white-space: nowrap;
}
.omks-form-text[type=text]::-moz-placeholder, .omks-form-text[type=password]::-moz-placeholder, .omks-form-text[type=number]::-moz-placeholder, .omks-form-text[type=search]::-moz-placeholder, .omks-form-text[type=email]::-moz-placeholder {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #9C9C9C;
  color: var(--text-disabled, #8A949E);
}
.omks-form-text[type=text]::placeholder, .omks-form-text[type=password]::placeholder, .omks-form-text[type=number]::placeholder, .omks-form-text[type=search]::placeholder, .omks-form-text[type=email]::placeholder {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #9C9C9C;
  color: var(--text-disabled, #8A949E);
}
.omks-form-text[type=text]:-moz-read-only, .omks-form-text[type=password]:-moz-read-only, .omks-form-text[type=number]:-moz-read-only, .omks-form-text[type=search]:-moz-read-only, .omks-form-text[type=email]:-moz-read-only {
  border-color: #D0D0D0;
  background: #F5F5F5;
}
.omks-form-text[type=text]:read-only, .omks-form-text[type=password]:read-only, .omks-form-text[type=number]:read-only, .omks-form-text[type=search]:read-only, .omks-form-text[type=email]:read-only {
  border-color: #D0D0D0;
  background: #F5F5F5;
}
.omks-form-text[type=text]:focus, .omks-form-text[type=password]:focus, .omks-form-text[type=number]:focus, .omks-form-text[type=search]:focus, .omks-form-text[type=email]:focus {
  border: var(--border-width-sm, 1px) solid var(--input-border-active, #256EF4);
  background: var(--input-surface, #FFF);
}
.omks-form-text.style-size-l {
  height: var(--spacing-spacing-56, 56px);
  font-size: var(--label-large-font-size, 18px);
}
.omks-form-text.style-size-m {
  height: var(--spacing-spacing-48, 48px);
  font-size: var(--label-medium-font-size, 16px);
}
.omks-form-text.style-size-s {
  height: var(--spacing-spacing-40, 40px);
  font-size: var(--label-small-font-size, 15px);
}
.omks-form-select {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: var(--spacing-spacing-48, 48px);
  box-sizing: border-box;
  padding: 0 1rem;
  padding-right: var(--spacing-spacing-48, 48px);
  border-radius: var(--border-radius-md, 4px);
  border: 1px solid var(--input-border, #CDD1D5);
  background: #FFF;
  background-repeat: no-repeat;
  background-position: right 1rem top 50%;
  background-size: 1.25rem auto;
  background-image: url("../../img/omks/feather/chevron-down.svg");
}
.omks-form-select:focus {
  border: var(--border-width-sm, 1px) solid var(--input-border-active, #256EF4);
}
.omks-form-select.style-size-l {
  height: var(--spacing-spacing-56, 56px);
  padding-right: var(--spacing-spacing-56, 56px);
  font-size: var(--label-large-font-size, 18px);
}
.omks-form-select.style-size-m {
  height: var(--spacing-spacing-48, 48px);
  padding-right: var(--spacing-spacing-48, 48px);
  font-size: var(--label-medium-font-size, 16px);
}
.omks-form-select.style-size-s {
  height: var(--spacing-spacing-40, 40px);
  padding-right: var(--spacing-spacing-40, 40px);
  font-size: var(--label-small-font-size, 15px);
}
.omks-form-choice {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  font-weight: 400;
  font-size: 1rem;
  cursor: pointer;
}
.omks-form-choice input[type=checkbox],
.omks-form-choice input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.omks-form-choice .choice-ico {
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  box-sizing: border-box;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
  text-indent: -9999px;
  overflow: hidden;
}
.omks-form-choice .choice-txt {
  display: inline-flex;
  font-size: 1em;
}
.omks-form-choice:has(input[type=checkbox]) .choice-ico {
  position: relative;
}
.omks-form-choice:has(input[type=checkbox]) .choice-ico:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: inherit;
  height: inherit;
  content: "";
}
.omks-form-choice:has(input[type=radio]) .choice-ico {
  background-color: #fff;
  border-radius: 50%;
  border-color: rgba(0, 0, 0, 0.15);
}
.omks-form-choice:has(input[type=checkbox]:checked) {
  font-weight: 500;
}
.omks-form-choice:has(input[type=checkbox]:checked) .choice-ico {
  border-color: #3481F5;
  background-color: #3481F5;
}
.omks-form-choice:has(input[type=checkbox]:checked) .choice-ico:before {
  -webkit-mask-image: url("../../img/omks/feather/check.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 1.1em auto;
  mask-image: url("../../img/omks/feather/check.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 1.1em auto;
  background-color: #fff;
}
.omks-form-choice:has(input[type=radio]:checked) {
  font-weight: 500;
}
.omks-form-choice:has(input[type=radio]:checked) .choice-ico {
  background: none;
  background-color: #fff;
  border: 0.3125rem solid #3481F5;
}
.omks-form-choice.style-size-l .choice-ico {
  width: var(--spacing-spacing-24, 24px);
  height: var(--spacing-spacing-24, 24px);
  font-size: 1.25rem;
}
.omks-form-choice.style-size-l .choice-txt {
  font-size: var(--label-medium-font-size, 16px);
}
.omks-form-choice.style-size-m .choice-ico {
  width: var(--spacing-spacing-20, 20px);
  height: var(--spacing-spacing-20, 20px);
  font-size: 1rem;
}
.omks-form-choice.style-size-m .choice-txt {
  font-size: var(--label-medium-font-size, 16px);
}
.omks-form-choice.style-size-s .choice-ico {
  width: var(--spacing-spacing-16, 16px);
  height: var(--spacing-spacing-16, 16px);
  font-size: 0.75rem;
}
.omks-form-choice.style-size-s .choice-txt {
  font-size: var(--label-small-font-size, 15px);
}
.omks-form-textarea {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 3.75rem;
  box-sizing: border-box;
  padding: var(--spacing-spacing-12, 12px) var(--spacing-spacing-16, 16px);
  border-radius: var(--border-radius-md, 4px);
  border: 1px solid var(--input-border, #CDD1D5);
  background: #FFF;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.omks-form-textarea::-moz-placeholder {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #9C9C9C;
}
.omks-form-textarea::placeholder {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #9C9C9C;
}
.omks-form-textarea:-moz-read-only {
  border-color: #D0D0D0;
  background: #F5F5F5;
}
.omks-form-textarea:read-only {
  border-color: #D0D0D0;
  background: #F5F5F5;
}
.omks-form-field {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  width: 100%;
  flex: 1 1 auto;
}
.omks-form-field .field-label {
  display: block;
  font-size: 1rem;
  font-weight: 500;
}
.omks-form-field .field-control {
  display: flex;
}
.omks-form-field .field-helper {
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--text-subtle, #464c53);
}
.omks-form-field.has-error .field-control input {
  border: var(--border-width-sm, 1px) solid var(--border-danger, #DE3412);
}
.omks-form-field.has-error .field-helper {
  color: var(--text-danger, #DE3412);
}
.omks-file {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem 0.625rem;
}
.omks-file .file-attached {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem 0.625rem;
}
.omks-file .file-attached .attached-file {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.omks-file .file-attached .attached-file .file-ico {
  display: inline-flex;
}
.omks-file .file-attached .attached-file .file-link {
  display: flex;
  align-items: center;
}
.omks-file .file-attached .attached-file .file-link [class^=link] {
  display: inline-flex;
}
.omks-file .file-attached .attached-file .file-link .link-name {
  display: block;
  max-width: 6.25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.omks-file .file-attached .attached-file .file-link:hover, .omks-file .file-attached .attached-file .file-link:focus {
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  color: blue;
}
.omks-file .file-preview-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18.75rem;
  aspect-ratio: 1/1;
  background-color: #f34f4f;
  overflow: hidden;
}
.omks-file .file-preview-image img {
  max-width: 100%;
}
.omks-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.omks-search > form {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.omks-search:has(.search-filter-trigger.is-active) .search-filter-layer {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.omks-search .search-keyword {
  position: relative;
  display: flex;
  width: 22.5rem;
  gap: 0.5rem;
  height: var(--spacing-spacing-48, 48px);
  border-radius: var(--border-radius-md, 4px);
  border: 1px solid var(--input-border, #CDD1D5);
  background: var(--input-surface, #FFF);
  overflow: hidden;
}
.omks-search .search-keyword:focus-within {
  border: var(--border-width-sm, 1px) solid var(--input-border-active, #256EF4);
  background: var(--input-surface, #FFF);
  outline: 3px solid rgba(0, 105, 180, 0.25);
}
.omks-search .search-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  outline: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 var(--spacing-spacing-16, 16px);
}
.omks-search .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--spacing-spacing-48, 48px);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.omks-search .search-submit img {
  width: var(--spacing-spacing-24, 24px);
}
.omks-search .search-filter-trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--spacing-spacing-48, 48px);
  padding: 0px var(--spacing-spacing-12, 12px);
  gap: var(--spacing-spacing-2, 2px);
}
.omks-search .search-filter-trigger.is-active {
  border: var(--border-width-static-regular, 1px) solid var(--border-gray, #B1B8BE);
  background: var(--button-secondary-fill-pressed, #D8E5FD);
}
.omks-search .search-filter-layer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: -moz-max-content;
  width: max-content;
  width: 35rem;
  border-radius: var(--border-radius-xl, 12px);
  border: var(--border-width-sm, 1px) solid var(--border-gray-darker, #1E2124);
  background: var(--surface-white, #FFF);
  /* shadow-2 */
  box-shadow: 0px var(--shadow-2-cast-y, 0px) var(--shadow-2-cast-blur, 2px) 0px var(--shadow-2-cast-shadow, rgba(0, 0, 0, 0.05)), 0px var(--shadow-2-core-y, 4px) var(--shadow-2-core-blur, 8px) 0px var(--shadow-2-core-shadow, rgba(0, 0, 0, 0.08));
  transition: all 0.2s ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(0.625rem);
}
.omks-search .search-filter-layer .filter-layer-head {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  gap: 1.25rem 0.625rem;
  padding: var(--spacing-spacing-24, 24px) var(--spacing-spacing-32, 32px);
  border-bottom: 1px solid var(--border-gray-lighter, #E6E8EA);
}
.omks-search .search-filter-layer .filter-layer-ttl {
  color: var(--text-bolder, #131416);
  /* heading/medium */
  font-family: var(--font-family-pretendard, Pretendard);
  font-size: var(--heading-medium-font-size, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: var(--heading-medium-letter-spacing, 0px);
}
.omks-search .search-filter-layer .filter-layer-search {
  grid-column: span 2;
}
.omks-search .search-filter-layer .filter-layer-search .search-keyword {
  width: 100%;
  height: var(--spacing-spacing-56, 56px);
}
.omks-search .search-filter-layer .filter-layer-search .search-submit {
  width: var(--spacing-spacing-56, 56px);
}
.omks-search .search-filter-layer .filter-layer-search .search-submit img {
  width: var(--spacing-spacing-32, 32px);
}
.omks-search .search-filter-layer .filter-layer-close {
  display: inline-flex;
}
.omks-search .search-filter-layer .filter-layer-body {
  max-height: 20rem;
  overflow-y: auto;
  padding: 0px var(--spacing-spacing-32, 32px);
}
.omks-search .search-filter-layer .filter-layer-foot {
  padding: var(--spacing-spacing-20, 20px) var(--spacing-spacing-32, 32px);
  border-top: 1px solid var(--border-gray, #B1B8BE);
}
.omks-search .search-filter-options {
  color: var(--text-basic, #1E2124);
}
.omks-search .search-filter-options .filter-options-row {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: 6.875rem auto;
  padding: var(--spacing-spacing-16, 16px) 0px;
}
.omks-search .search-filter-options .filter-options-row ~ .filter-options-row {
  border-top: 1px solid var(--border-gray-lighter, #E6E8EA);
}
.omks-search .search-filter-options .filter-options-cell {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: var(--spacing-spacing-48, 48px);
}

/**********  **********/
/* 자주쓰는 패턴 컴포넌트 조합 */
/**********  **********/
.omks-pattern-call-field {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.omks-pattern-call-field input[type=text] {
  flex: auto;
}
.omks-pattern-call-field button {
  flex: none;
}
.omks-pattern-inline-info-row {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem 1.25rem;
}
.omks-pattern-inline-info-row:after {
  display: block;
  content: "";
  clear: both;
}
.omks-pattern-inline-info-row .row-ttl {
  position: relative;
  font-weight: 600;
}
.omks-pattern-inline-info-row .row-ttl:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0.625rem, -50%) skewY(-0.01deg);
  width: 0.0625rem;
  height: 0.75rem;
  background-color: #000;
  content: "";
}
.omks-pattern-inline-info-row .row-conts {
  display: block;
  overflow: hidden;
}
.omks-pattern-inline-info-col {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem 0.625rem;
}
.omks-pattern-inline-info-col [class*=-ttl] {
  font-weight: 600;
}
.omks-pattern-tooltip {
  display: inline-block;
  position: relative;
}
.omks-pattern-tooltip:has(.tooltip-trigger:hover) .tooltip-layer {
  z-index: 1;
}
.omks-pattern-tooltip:has(.tooltip-trigger:hover) .tooltip-conts {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.omks-pattern-tooltip .tooltip-trigger {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: default;
}
.omks-pattern-tooltip .tooltip-layer {
  position: absolute;
  padding: 0.625rem 0;
  z-index: -1;
}
.omks-pattern-tooltip .tooltip-layer.is-right {
  left: inherit;
  right: 0;
}
.omks-pattern-tooltip .tooltip-layer.is-right .tooltip-conts:before {
  left: inherit;
  right: 0.625rem;
}
.omks-pattern-tooltip .tooltip-layer.is-top {
  top: inherit;
  bottom: 100%;
}
.omks-pattern-tooltip .tooltip-layer.is-top .tooltip-conts:before {
  bottom: inherit;
  top: 100%;
  transform: rotateZ(0deg);
}
.omks-pattern-tooltip .tooltip-layer.is-fixed .tooltip-layer {
  z-index: 1;
}
.omks-pattern-tooltip .tooltip-layer.is-fixed .tooltip-conts {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.omks-pattern-tooltip .tooltip-conts {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  max-width: 50vw;
  box-sizing: border-box;
  padding: var(--padding-2, 4px) var(--padding-5, 12px);
  border-radius: var(--radius-small3, 4px);
  background: var(--surface-inverse, #1E2124);
  color: #fff;
  font-size: var(--font-size-body-small, 15px);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
  transform: translateY(0.625rem);
}
.omks-pattern-tooltip .tooltip-conts:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0.625rem;
  transform: rotateZ(180deg);
  margin-top: -1px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5rem 0.5rem 0 0.5rem;
  border-color: var(--surface-inverse, #1E2124) transparent transparent transparent;
}
.omks-pattern-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 1.25rem;
  margin: 0;
  padding: 0;
}
.omks-pattern-legend .legend-item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
}
.omks-pattern-legend .legend-dot {
  display: flex;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background-color: #ccc;
}
.omks-pattern-period {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3125rem 0.625Rem;
}
.omks-pattern-period:has(.period-date ~ .period-date) .date-input {
  width: 11.25rem;
  min-width: 11.25rem;
}
.omks-pattern-period .period-date {
  position: relative;
  display: inline-block;
}
.omks-pattern-period .period-date .date-api {
  position: absolute;
}
.omks-pattern-period .period-date .date-input {
  width: 100%;
  min-width: 18.75rem;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: var(--spacing-spacing-48, 48px);
  text-align: center;
}
.omks-pattern-period .period-date .date-trigger {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-spacing-48, 48px);
  aspect-ratio: 1/1;
}
.omks-pattern-period.width-full {
  flex-wrap: nowrap;
  width: 100%;
}
.omks-pattern-period.width-full .period-date {
  flex: 1 1 auto;
}
.omks-pattern-period.width-full .period-date .date-input {
  width: 100% !important;
  min-width: auto !important;
}
.omks-pattern-process .process-bar {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
.omks-pattern-process .process-bar .bar-item {
  position: relative;
  display: flex;
}
.omks-pattern-process .process-bar .bar-item ~ .bar-item {
  position: relative;
}
.omks-pattern-process .process-bar .bar-item ~ .bar-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: 1rem auto;
  background-position: center;
  background-image: url("../../img/omks/feather/chevron-right.svg");
}
.omks-pattern-process .process-bar .bar-item.is-active .bar-block {
  background: var(--element-primary, #256EF4);
  box-shadow: 0 0 0.625rem 0.0625rem rgba(0, 0, 0, 0.2);
  color: var(--text-inverse, #fff);
}
.omks-pattern-process .process-bar .bar-block {
  width: 9.375rem;
  box-sizing: border-box;
  padding: 1rem;
  aspect-ratio: 3/2;
  border-radius: var(--border-radius-md, 4px);
  background: var(--element-primary-lighter, #F5F8FE);
  background: var(--surface-secondary-subtler, #EEF2F7);
}
.omks-pattern-process .process-bar.style-circle .bar-item ~ .bar-item:before {
  content: "";
  aspect-ratio: none;
  height: 0.1875rem;
  background: none;
  background: var(--element-primary-lighter, #F5F8FE);
  background: var(--surface-secondary-subtler, #EEF2F7);
}
.omks-pattern-process .process-bar.style-circle .bar-block {
  width: 2.5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--element-primary-lighter, #F5F8FE);
  background: var(--surface-secondary-subtler, #EEF2F7);
}
.omks-pattern-process .process-bar.style-circle .bar-item-name {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0.625rem);
  width: -moz-max-content;
  width: max-content;
  max-width: 200%;
}
.omks-pattern-process:has(.style-circle) {
  padding-bottom: 1.875rem;
}
.omks-pattern-state-count {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem 0.625rem;
  line-height: 1.2;
}
.omks-pattern-state-count [class*=-label] {
  font-weight: 400;
  font-size: 1em;
}
.omks-pattern-state-count [class*=-value] {
  font-weight: 600;
  font-size: 1.25em;
}
.omks-pattern-figure {
  display: flex;
  gap: 1rem;
}
.omks-pattern-figure .figure-image {
  flex: none;
}
.omks-pattern-figure .figure-image .image-frame {
  width: 10rem;
  aspect-ratio: 1/1;
  background-color: #ddd;
  overflow: hidden;
  border: 1px solid #ccc;
}
.omks-pattern-figure .figure-image .image-frame img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
}
.omks-pattern-figure .figure-conts {
  padding: 1rem;
}

.omks-icon {
  display: flex;
  width: var(--spacing-spacing-24, 24px);
  height: var(--spacing-spacing-24, 24px);
  color: inherit;
}
.omks-icon.style-size-xl {
  width: var(--spacing-spacing-40, 40px);
  height: var(--spacing-spacing-40, 40px);
}
.omks-icon.style-size-l {
  width: var(--spacing-spacing-32, 32px);
  height: var(--spacing-spacing-32, 32px);
}
.omks-icon.style-size-m {
  width: var(--spacing-spacing-24, 24px);
  height: var(--spacing-spacing-24, 24px);
}
.omks-icon.style-size-s {
  width: var(--spacing-spacing-20, 20px);
  height: var(--spacing-spacing-20, 20px);
}
.omks-icon.style-size-xs {
  width: var(--spacing-spacing-16, 16px);
  height: var(--spacing-spacing-16, 16px);
}
.omks-icon.style-size-xxs {
  width: var(--spacing-spacing-12, 12px);
  height: var(--spacing-spacing-12, 12px);
}
.omks-icon svg {
  width: inherit;
  height: inherit;
}
.omks-icon svg path {
  fill: currentColor !important;
}
.omks-icon.type-fill svg path {
  fill: currentColor !important;
  stroke: transparent !important;
}
.omks-icon.type-stroke svg path {
  fill: transparent !important;
  stroke: currentColor !important;
}

/* 풀캘린더 */
.fc-scrollgrid {
  border-top: 2px solid #555;
}

.fc-toolbar.fc-header-toolbar {
  margin: 0;
}

.fc-theme-standard td, .fc-theme-standard th {
  border: 1px solid var(--fc-border-color);
}

.fc-col-header-cell {
  height: 5rem;
  vertical-align: middle;
  background-color: #F7F7F7;
}

.fc-h-event .fc-event-main {
  padding: 0.3125rem 0.5rem;
  color: var(--fc-event-text-color);
}

.fc-h-event {
  background-color: var(--fc-event-bg-color);
  border: none;
  border-radius: 0;
  border-left: 0.25rem solid var(--fc-event-border-color);
}
.fc-h-event:has(.calendar-link-button) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.fc-h-event.style-red {
  background-color: rgba(235, 42, 41, 0.1);
  border-left-color: #EB2A29;
}
.fc-h-event.style-red .fc-event-main {
  color: #EB2A29;
}
.fc-h-event.style-green {
  background-color: rgba(0, 181, 209, 0.1);
  border-left-color: #00B5D1;
}
.fc-h-event.style-green .fc-event-main {
  color: #00B5D1;
}
.fc-h-event.style-yellow {
  background-color: rgba(245, 183, 76, 0.1);
  border-left-color: #F5B74C;
}
.fc-h-event.style-yellow .fc-event-main {
  color: #F5B74C;
}
.fc-h-event.style-gray {
  background-color: rgba(187, 187, 187, 0.1);
  border-left-color: #BBB;
}
.fc-h-event.style-gray .fc-event-main {
  color: #BBB;
}

/* 다이얼로그 api */
.swal2-container {
  z-index: 9999 !important;
}

/* 멀티 셀렉트 */
.multi-select,
.multiselect-native-select {
  width: 100%;
  text-align: left !important;
}
.multi-select .btn-group,
.multiselect-native-select .btn-group {
  width: 100% !important;
  flex: 1 1 100%;
  text-align: left !important;
}
.multi-select .multiselect,
.multiselect-native-select .multiselect {
  text-align: left !important;
}
.multi-select .multiselect.custom-select,
.multiselect-native-select .multiselect.custom-select {
  margin: 0;
  padding: 0;
  height: var(--spacing-spacing-48, 48px);
  box-sizing: border-box;
  padding: 0 1rem;
  padding-right: var(--spacing-spacing-48, 48px);
  border-radius: var(--border-radius-md, 4px);
  border: 1px solid var(--input-border, #CDD1D5);
  background: #FFF;
  background-repeat: no-repeat;
  background-position: right 1rem top 50%;
  background-size: 1.25rem auto;
  background-image: url("../../img/omks/feather/chevron-down.svg");
}
.multi-select .multiselect.custom-select:focus,
.multiselect-native-select .multiselect.custom-select:focus {
  border: var(--border-width-sm, 1px) solid var(--input-border-active, #256EF4);
}
.multi-select .multiselect-container .multiselect-filter > input.multiselect-search,
.multiselect-native-select .multiselect-container .multiselect-filter > input.multiselect-search {
  margin-left: 0;
  padding: 0 1.125rem;
}
.multi-select .multiselect-container .multiselect-filter > .fa-search,
.multiselect-native-select .multiselect-container .multiselect-filter > .fa-search {
  display: none;
}
.multi-select .dropdown-menu,
.multiselect-native-select .dropdown-menu {
  min-width: 100%;
}
.multi-select.style-size-l .multiselect.custom-select,
.multiselect-native-select.style-size-l .multiselect.custom-select {
  height: var(--spacing-spacing-56, 56px);
  padding-right: var(--spacing-spacing-56, 56px);
  font-size: var(--label-large-font-size, 18px);
}
.multi-select.style-size-m .multiselect.custom-select,
.multiselect-native-select.style-size-m .multiselect.custom-select {
  height: var(--spacing-spacing-48, 48px);
  padding-right: var(--spacing-spacing-48, 48px);
  font-size: var(--label-medium-font-size, 16px);
}
.multi-select.style-size-s .multiselect.custom-select,
.multiselect-native-select.style-size-s .multiselect.custom-select {
  height: var(--spacing-spacing-40, 40px);
  padding-right: var(--spacing-spacing-40, 40px);
  font-size: var(--label-small-font-size, 15px);
}

/* 한눈에 보기 */
.chart-item .select-multiple {
  width: 100%;
}

.chart-item .choices,
[class^=omks-] .choices {
  width: 100%;
}
.chart-item .choices__inner,
[class^=omks-] .choices__inner {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  border: none;
  border-radius: 0;
  padding: 0;
  overflow: visible;
}
.chart-item .choices__inner .choices__list--multiple,
[class^=omks-] .choices__inner .choices__list--multiple {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  gap: 0.3125rem 0.625rem;
}
.chart-item .choices__inner .choices__list--multiple:not(:has(.choices__item)),
[class^=omks-] .choices__inner .choices__list--multiple:not(:has(.choices__item)) {
  display: none;
}
.chart-item .choices__list--multiple .choices__item[data-deletable],
[class^=omks-] .choices__list--multiple .choices__item[data-deletable] {
  padding: 0.25rem 0.5rem;
}
.chart-item .choices__list--multiple .choices__item,
[class^=omks-] .choices__list--multiple .choices__item {
  margin: 0;
}
.chart-item .choices__inner .choices__input,
[class^=omks-] .choices__inner .choices__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: var(--spacing-spacing-48, 48px);
  box-sizing: border-box;
  margin: 0px;
  padding: 0 1rem;
  padding-right: var(--spacing-spacing-48, 48px);
  border-radius: var(--border-radius-md, 4px);
  border: 1px solid var(--input-border, #CDD1D5);
  background: url(../../img/omks/feather/chevron-down.svg) right 1rem top 50%/1.25rem no-repeat rgb(255, 255, 255);
  background-position: right 1rem top 50%;
}
.chart-item .chart-item .choices__inner .choices__input,
[class^=omks-] .chart-item .choices__inner .choices__input {
  box-sizing: border-box;
}

.omks-temp-pattern-search {
  border-radius: var(--border-radius-lg, 0.5rem);
  border: 1px solid var(--border-gray-lighter, #E6E8EA);
  background: #F7F8FB;
}
.omks-temp-pattern-search .search-block {
  padding: 1.25rem 1.5rem;
}
.omks-temp-pattern-search .search-block ~ .search-block {
  border-top: 1px solid var(--border-gray-lighter, #E6E8EA);
}
.omks-temp-pattern-search .search-basic {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 0.625rem;
}
.omks-temp-pattern-search .search-basic .basic-filter {
  display: flex;
  gap: 0.625rem;
}
.omks-temp-pattern-search .search-basic .basic-filter .omks-form-select {
  flex: 1 1 auto;
}
.omks-temp-pattern-search .search-basic .basic-keyword {
  flex: 1;
  display: flex;
  gap: 0.625rem;
}
.omks-temp-pattern-search .search-basic .basic-keyword .omks-form-text {
  flex: 1 1 auto;
}
.omks-temp-pattern-search .search-detail {
  display: grid;
  gap: 1rem;
}
.omks-temp-pattern-search .search-detail .detail-submit {
  display: flex;
  align-items: flex-start;
}
.omks-temp-pattern-search .search-detail .detail-submit .detail-submit-buttons {
  margin-left: auto;
}
.omks-temp-pattern-search .search-detail .detail-selected-tags {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.omks-temp-pattern-search .search-detail .detail-selected-tags .omks-tag {
  background-color: #fff;
  gap: 0.625rem;
}
.omks-temp-pattern-search .search-detail .detail-selected-tags .omks-tag .tag-txt {
  font-size: 0.9375rem;
  color: var(--text-subtle, #464C53);
}
.omks-temp-pattern-search .search-detail .detail-selected-tags .omks-tag .tag-remove:hover, .omks-temp-pattern-search .search-detail .detail-selected-tags .omks-tag .tag-remove:focus {
  color: var(--text-danger, #EB0004);
}
.omks-temp-pattern-search .search-detail .detail-selected-reset {
  background-color: transparent;
  color: var(--text-subtle, #464C53);
}
.omks-temp-pattern-search .search-detail .detail-selected-reset:hover, .omks-temp-pattern-search .search-detail .detail-selected-reset:active {
  background-color: var(--button-gray-fill-hover, #E6E8EA);
}
.omks-temp-pattern-search .search-detail .detail-submit-buttons {
  flex: none;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.omks-temp-pattern-search .search-detail .detail-filter .omks-form-field {
  gap: 0.5rem;
}
.omks-temp-pattern-search .search-detail .detail-period {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.625rem;
  width: 100%;
}
.omks-temp-pattern-search .search-detail .detail-period .period-calendar.omks-pattern-period {
  flex: 1;
  width: 100%;
}
.omks-temp-pattern-search .search-detail .detail-period .period-buttons {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  border-radius: var(--border-radius-md, 4px);
  border: 1px solid var(--input-border, #CDD1D5);
  background-color: #FFF;
  color: var(--text-subtler, #6D7882);
}
.omks-temp-pattern-search .search-detail .detail-period .period-buttons .omks-button {
  max-width: 5rem;
  border-color: transparent;
}
.omks-temp-pattern-search .search-detail .detail-period .period-buttons .omks-button:hover {
  background: var(--button-tertiary-fill-hover, #F4F5F6);
  color: #000;
}
.omks-temp-pattern-search .search-detail .detail-period .period-buttons .omks-button:focus {
  z-index: 2;
}
.omks-temp-pattern-search .search-detail .detail-period .period-buttons .omks-button.is-active {
  z-index: 1;
  background-color: var(--button-assistive-fill, #EBF5FF);
  border-color: var(--button-primary-fill, #118DFF);
  color: var(--text-primary, #118DFF);
}

/** 파일 로딩 바 **/
.upload-loading {
  text-align: center;
}
.upload-loading img {
  width: 5.2083333333vw;
  -webkit-animation: loading infinite 1.3s;
          animation: loading infinite 1.3s;
}
.upload-loading strong {
  display: block;
  margin-top: 1.0416666667vw;
  font-size: 1.4583333333vw;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
  word-break: keep-all;
  text-align: center;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.file-upload-div .upload-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
}
.file-upload-div .upload-loading img {
  width: 10rem;
}
.file-upload-div .upload-loading strong {
  display: flex;
  justify-content: center;
  font-size: 1.0625rem;
  font-weight: 600;
  color: #fff;
  word-break: keep-all;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.9375rem;
}