@charset "UTF-8";
/* Root */
/* @import "../../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, .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(255, 0, 0, 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;
}

.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;
}

.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 {
    display: none;
    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 .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.125rem;
    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;
    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(255, 0, 0, 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;
    color: inherit;
}
.omks-button.style-icon:hover, .omks-button.style-icon:focus {
    background: var(--button-text-fill-hover, #EEF2F7);
}
.omks-button.style-icon:active {
    background: var(--button-text-fill-pressed, #D6E0EB);
}
.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;
    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;
}
.omks-layout-wrap * {
    font-family: "pretendard";
}
.omks-layout-header {
    grid-area: header;
    grid-column: span 2;
    height: 3.75rem;
    background: var(--element-secondary-dark, #063A74);
    color: var(--text-inverse-static, #FFF);
}
.omks-layout-header .header-identity {
    display: flex;
    width: 14.375rem;
}
.omks-layout-header .header-identity .identity-logo {
    display: inline-flex;
    width: 11.25rem;
    padding: 0.625rem 1rem;
}
.omks-layout-header .header-identity .identity-logo img {
    width: 100%;
    height: auto;
}
.omks-layout-header .header-flip-trigger {
    margin-left: auto;
    display: flex;
}
.omks-layout-header .header-flip-trigger .trigger-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    aspect-ratio: 1/1;
}
.omks-layout-header .header-user {
    border-left: 1px solid var(--alpha-base24, rgba(255, 255, 255, 0.24));
    background: var(--element-secondary-dark, #063A74);
    color: var(--text-inverse-static, #FFF);
}
.omks-layout-header .header-user .user-button {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: var(--spacing-spacing-12, 12px) var(--spacing-spacing-16, 16px);
}
.omks-layout-header .header-user .user-button .button-ico {
    display: inline-flex;
    width: 1.25rem;
    margin-left: 0.25rem;
}
.omks-layout-header .header-user .user-ico {
    display: inline-flex;
    width: 2rem;
    aspect-ratio: 1/1;
}
.omks-layout-header .header-user .user-ico img {
    width: 2rem;
}
.omks-layout-header .header-user .user-name {
    font-size: var(--body-medium-font-size, 16px);
}
.omks-layout-container {
    grid-area: container;
    padding: 1.875rem 1.875rem 2.5rem;
    overflow: hidden;
}
.omks-layout-side {
    grid-area: side;
    width: 14.375rem;
    border-right: 1px solid var(--border-gray-light, #CDD1D5);
    background: var(--action-secondary-active, #052B57);
}
.omks-layout-side .side-menu .menu-item {
    border-bottom: 1px solid var(--alpha-base10, rgba(255, 255, 255, 0.1));
}
.omks-layout-side .side-menu .menu-name {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    min-height: 3.5rem;
    box-sizing: border-box;
    padding: var(--spacing-spacing-16, 16px);
    color: var(--text-inverse-static, #FFF);
    background: var(--action-secondary-active, #052B57);
}
.omks-layout-side .side-menu .menu-name:after {
    position: absolute;
    top: 50%;
    right: var(--spacing-spacing-16, 16px);
    transform: translateY(-50%);
    content: "";
    width: 1.5rem;
    aspect-ratio: 1/1;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url("/resources/img/omks/feather/chevron-down.svg");
    mask-image: url("/resources/img/omks/feather/chevron-down.svg");
    background-color: #fff;
}
.omks-layout-side .side-menu .menu-name:hover, .omks-layout-side .side-menu .menu-name:focus {
    background: var(--action-secondary-active-hover, #031F3F);
}
.omks-layout-side .side-menu .menu-name:active {
    background: var(--action-secondary-active-pressed, #02162C);
}
.omks-layout-side .side-menu .menu-name.is-current {
    border-bottom: 1px solid var(--alpha-base10, rgba(255, 255, 255, 0.1));
    background: var(--action-primary-active, #256EF4);
}
.omks-layout-side .side-menu .menu-name.is-active:after {
    transform: translateY(-50%) rotateZ(180deg);
}
.omks-layout-side .side-menu .menu-name.is-active ~ .menu-depths {
    display: block;
}
.omks-layout-side .side-menu .menu-depths {
    display: none;
}
.omks-layout-side .side-menu .menu-depths .depths-name {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    min-height: 3rem;
    padding: var(--spacing-spacing-4, 4px) var(--spacing-spacing-24, 24px);
    box-sizing: border-box;
    color: var(--text-bolder, #131416);
    border-bottom: 1px solid var(--divider-gray-light, #CDD1D5);
    background: var(--background-white, #FFF);
}
.omks-layout-side .side-menu .menu-depths .depths-name:before {
    content: "";
    display: flex;
    width: 1.5rem;
    aspect-ratio: 1/1;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url("/resources/img/omks/feather/plus.svg");
    mask-image: url("/resources/img/omks/feather/plus.svg");
    background-color: var(--text-bolder, #131416);
}
.omks-layout-side .side-menu .menu-depths .depths-name:hover, .omks-layout-side .side-menu .menu-depths .depths-name:focus {
    background: var(--action-primary-hover, #F5F8FE);
}
.omks-layout-side .side-menu .menu-depths .depths-name:active {
    background: var(--action-primary-pressed, #D8E5FD);
}
.omks-layout-side .side-menu .menu-depths .depths-name.is-current {
    font-weight: 700;
}
.omks-layout-side .side-menu .menu-depths .depths-name.is-active {
    background: var(--action-primary-selected, #F5F8FE);
}
.omks-layout-side .side-menu .menu-depths .depths-name.is-active:before {
    -webkit-mask-image: url("/resources/img/omks/feather/minus.svg");
    mask-image: url("/resources/img/omks/feather/minus.svg");
}
.omks-layout-side .side-menu .menu-depths .depths-name.is-active ~ .depths-links {
    display: flex;
}
.omks-layout-side .side-menu .menu-depths a.depths-name:before {
    content: none;
}
.omks-layout-side .side-menu .menu-depths .depths-links {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-spacing-8, 8px) var(--spacing-spacing-24, 24px);
    gap: 0.125rem;
    border-bottom: 1px solid var(--divider-gray-light, #CDD1D5);
    background: var(--background-white, #FFF);
    display: none;
}
.omks-layout-side .side-menu .menu-depths .depths-link {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
    min-height: 1.875rem;
    box-sizing: border-box;
    padding: var(--spacing-spacing-4, 4px) var(--spacing-spacing-16, 16px);
    border-radius: var(--border-radius-sm, 2px);
    background: var(--background-white, #FFF);
    font-size: var(--body-small-font-size, 15px);
    color: var(--text-subtle, #464C53);
}
.omks-layout-side .side-menu .menu-depths .depths-link .link-ico {
    position: relative;
    display: flex;
    flex: none;
    width: 0.25rem;
    height: 1.375rem;
}
.omks-layout-side .side-menu .menu-depths .depths-link .link-ico:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) skewY(-0.01deg);
    content: "";
    width: 0.25rem;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: var(--icon-gray-light, #464C53);
}
.omks-layout-side .side-menu .menu-depths .depths-link:hover, .omks-layout-side .side-menu .menu-depths .depths-link:focus {
    background: var(--action-primary-hover, #F5F8FE);
}
.omks-layout-side .side-menu .menu-depths .depths-link:active {
    background: var(--action-primary-pressed, #D8E5FD);
}
.omks-layout-side .side-menu .menu-depths .depths-link.is-current {
    color: var(--text-primary, #0B50D0);
    font-weight: 700;
    background: var(--action-secondary-selected, #EEF2F7);
}

/**********  **********/
/* 일반 컴포넌트 */
/**********  **********/
.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);
    display: flex !important;
    padding: var(--spacing-spacing-32, 32px) !important;
}
.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("/resources/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(--border-radius-lg, 8px);
    border: 1px solid var(--border-gray, #B1B8BE);
    background: var(--background-white, #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("/resources/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);
    background: #FFF;
    background-repeat: no-repeat;
    background-position: right 1rem top 50%;
    background-size: 1.25rem auto;
    background-image: url("/resources/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;
    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: none;
    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("/resources/img/omks/feather/check.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 1.1em auto;
    mask-image: url("/resources/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(255, 0, 0, 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 {
    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("/resources/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);
}
.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);
}
.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);
}
.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;
}

/* 풀캘린더 */
.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;
}