@charset "UTF-8";
@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 500; src: local("NotoSansMedium"), url(../fonts/NotoSansKR-Medium.woff2) format("woff2"), url(../fonts/NotoSansKR-Medium.woff) format("woff"), url(../fonts/NotoSansKR-Medium.otf) format("opentype"); }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 700; src: local("NotoSansBold"), url(../fonts/NotoSansKR-Bold.woff2) format("woff2"), url(../fonts/NotoSansKR-Bold.woff) format("woff"), url(../fonts/NotoSansKR-Bold.otf) format("opentype"); }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 900; src: local("NotoSansBlack"), url(../fonts/NotoSansKR-Black.woff2) format("woff2"), url(../fonts/NotoSansKR-Black.woff) format("woff"), url(../fonts/NotoSansKR-Black.otf) format("opentype"); }

@font-face { font-family: 'BMDohyeon'; font-style: normal; font-weight: 500; src: local("BMDohyeon"), url(../fonts/BMDOHYEON_ttf.ttf) format("ttf"), url(../fonts/BMDOHYEON_otf.otf) format("opentype"); }

@font-face { font-family: 'Kanit'; font-style: normal; font-weight: 500; src: local("Kanit"), url(../fonts/Kanit-Light.ttf) format("ttf"), url(../fonts/Kanit-Light.woff) format("woff"); }

@font-face { font-family: 'Kanit'; font-style: normal; font-weight: 700; src: local("Kanit"), url(../fonts/Kanit-SemiBold.ttf) format("ttf"), url(../fonts/Kanit-SemiBold.woff) format("woff"); }

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

html { -webkit-text-size-adjust: 100%; }

body { font-family: "NotoSansKR", Arial, Dotum, serif, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; -webkit-text-size-adjust: none; font-weight: 500; line-height: 1.25; font-size: 16px; color: var(--color-dark); /*-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);*/ word-break: break-word; word-wrap: break-word; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, figure, figcaption { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

summary { display: list-item; }

h1, h2, h3, h4, h5, h6 { font-size: inherit; }

fieldset, img { border: 0 none; vertical-align: middle; }

dl, ul, ol, menu, li { list-style: none; }

blockquote, q { quotes: none; }

em { font-style: normal; }

b, strong { font-weight: 700; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

table { border-collapse: collapse; border-spacing: 0; }

textarea { overflow: auto; -webkit-appearance: none; resize: vertical; font-size: 100%; }

input, select { -webkit-appearance: none; font-family: inherit; border-radius: 0; font-size: 100%; outline: none; }

button { font-family: inherit; font-size: 100%; border: 0; background-color: transparent; cursor: pointer; color: inherit; }

button[disabled], input[disabled] { cursor: default; }

caption { display: none; }

address, caption, cite, code, dfn, em, var { font-style: normal; }

a { color: inherit; text-decoration: none; }

input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type='number'], input[type='tel'], input[type='email'] { background-color: #fff; }

input:checked[type='checkbox'] { background-color: #666; -webkit-appearance: checkbox; }

input:checked[type='checkbox'] { -webkit-appearance: checkbox; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button, input { overflow: visible; }

button, [type='button'], [type='submit'], [type='reset'], [type='file'] { -webkit-appearance: button; border-radius: 0; cursor: pointer; }

button { font-family: inherit; font-size: 100%; }

input, select, textarea, button, pre { font-family: "NotoSansKR", Arial, Dotum, serif, Pretendard; }

select { width: 100%; height: 100%; border: 0; }

input:focus, textarea:focus { outline: none; }

::placeholder { color: #cfcfcf; font-size: inherit; font-weight: 700; }

::selection { background-color: #ECA323; color: #fff; }

:root { --color-light: #f5f3ec; --color-dark: #262626; --both-space: 42px; --headerH: 80px; --bodyWidth: 1900px; }

@media all and (max-width: 1200px) { :root { --both-space: 17px; } }

#accessibility, .blind { overflow: hidden; position: absolute; display: inline-block; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; white-space: nowrap; clip: rect(0, 0, 0, 0); z-index: -1; }

.ui-widget { font-family: "NotoSansKR", Arial, Dotum, serif, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }

.w100 { width: 100%; }

.w80 { width: 80%; }

.w60 { width: 60%; }

.w40 { width: 40%; }

.w20 { width: 20%; }

.w-400 { max-width: 400px; width: 100%; }

.w-300 { width: 300px; }

.mt10 { margin-top: 10px !important; }

.mt20 { margin-top: 20px !important; }

.mt30 { margin-top: 30px !important; }

.ml10 { margin-left: 10px !important; }

.ml20 { margin-left: 20px !important; }

.ml30 { margin-left: 30px !important; }

.mr10 { margin-right: 10px !important; }

.mr20 { margin-right: 20px !important; }

.mr30 { margin-right: 30px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

.text-normal { font-weight: 500 !important; }

.text-bold { font-weight: 700 !important; }

.text-black { font-weight: 900 !important; }

.color-primary { color: #0287ff !important; }

.color-blue { color: #0038ff !important; }

.color-red { color: #ff0000 !important; }

.wrap { position: relative; min-width: 1600px; }

.wrap:after { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; content: ''; transition: opacity 0.2s 0.3s ease; }

.wrap.menuShow:after { display: block; opacity: 1; z-index: 1; }

.wrap.menuShow .header { background-color: transparent; z-index: auto;
}

.menu-section { position: relative; min-width: 270px; width: 270px; background-color: #fbfbfb; border-right: 1px solid #e2e5ea;}

.menu-section__inner { padding: 35px 20px 60px; }

.menu-section address { position: absolute; bottom: 30px; left: 40px; color: #9ca2b3; font-size: 12px; }

.emoji__box { position: relative; width: 230px; height: 40px; margin: 0 auto; padding: 10px 0 10px 20px; border-radius: 17.5px; box-shadow: 6px 12px 14px 0 rgba(0, 0, 0, 0.09); background-color: #fffdd5; font-size: 13px; font-weight: 700; color: #646579; }

.emoji__box:before { position: absolute; top: 100%; left: 32px; display: block; width: 16px; height: 12px; border-top: 6px solid #fffdd5; border-right: 8px solid #fffdd5; border-bottom: 6px solid transparent; border-left: 8px solid transparent; content: ''; }

.emoji__box p { position: relative; display: inline-flex; padding-right: 28px; line-height: 1.5; }

.emoji__box i { position: absolute; top: 50%; right: 0; width: 24px; height: 30px; margin-top: -15px; background-image: url(../images/common/ico_emoji.png); background-size: 100% auto; background-repeat: no-repeat; }

.emoji__box i.ico_emoji_02 { background-position: 0 -30px; }

.emoji__box i.ico_emoji_03 { background-position: 0 -60px; }

.emoji__box i.ico_emoji_04 { background-position: 0 -90px; }

.emoji__box i.ico_emoji_05 { background-position: 0 -120px; }

.gnb { margin-top: 32px; }

.gnb_list > li { overflow: hidden; }

.gnb a { display: block; color: #979aa4; }

.gnb_menu { margin-top: 20px; }

.gnb_list__tit { position: relative; display: block; margin-bottom: 15px; padding: 15px 0 17px 53px; border-radius: 6px; }

.gnb_list__tit i { position: absolute; top: 50%; left: 21px; display: block; width: 20px; height: 20px; margin-top: -10px; background-color: #A3A7AE; mask-repeat: no-repeat; mask-position: 0 0; mask-size: 100% auto; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 0 0; -webkit-mask-size: 100% auto; }

.gnb_list__tit.tit_01 i { left: 23px; width: 16px; mask-image: url(../images/common/gnb_meun_ico_01.svg); -webkit-mask-image: url(../images/common/gnb_meun_ico_01.svg); }

.gnb_list__tit.tit_02 i { mask-image: url(../images/common/gnb_meun_ico_02.svg); -webkit-mask-image: url(../images/common/gnb_meun_ico_02.svg); }

.gnb_list__tit.tit_03 i { mask-image: url(../images/common/gnb_meun_ico_03.svg); -webkit-mask-image: url(../images/common/gnb_meun_ico_03.svg); }

.gnb_list__tit:after { position: absolute; top: 50%; right: 20px; width: 7px; height: 7px; margin-top: -6px; border: solid #979aa4; border-width: 2px 2px 0 0; transform: rotate(135deg); transition: all 0.5s ease; content: ''; pointer-events: none; }

.gnb_list_dep { height: 0; margin-left: 32px; }

.gnb_list_dep a { position: relative; padding: 5px 0 5px 22px; font-size: 15px; line-height: 1.6; }

.gnb_list_dep a:hover { color: #0050f3; }

.gnb_list_dep a:hover:before { border-color: #0050f3; }

.gnb_list_dep a:before { content: ''; display: block; position: absolute; top: 10px; left: 0; width: 9px; height: 9px; border: solid #979aa4; border-width: 0 0 2px 2px; border-radius: 0 0 0 2px; }

.gnb .active { overflow: visible; }

.gnb .active .gnb_list__tit { transition: all 0.3s ease; background-color: #0050f3; }

.gnb .active .gnb_list__tit a { color: #fff; }

.gnb .active .gnb_list__tit i { background-color: #fff; }

.gnb .active .gnb_list__tit:after { margin-top: -3px; transform: rotate(-45deg); border-color: #fff; }

.gnb .active .gnb_list_dep { height: 100%; margin-bottom: 10px; }

.gnb .active .gnb_list_dep .active a { color: #0050f3; }

.gnb .active .gnb_list_dep .active a:before { border-color: #0050f3; }

.main-section { width: calc(100% - 270px); min-width: 1330px; flex: 1; padding: var(--both-space) var(--both-space) 100px; background-color: #f2f6fc; }

.container { display: flex; min-height: calc(100vh - 80px); height: calc(100% - 80px); }

/* Button */

.btn { display: inline-flex; margin: 0 5px; align-items: center; vertical-align: middle; border-radius: 6px; }

.btn .ico { width: 12px; height: 12px; }

.btn .ico.ico-arrow { margin-left: 3px; }

.btn--full { display: inline-block; padding: 14px 20px; min-width: 100px; text-align: center; background-color: #0287ff; color: #fff; }

.btn--full.btn--gray { background-color: #535b6d; }

.btn--full.btn--black { background-color: #3c3c3c; }

.btn--full.btn--red { background-color: #ff4f4f}

/* .btn--full.btn--green { flex-wrap: wrap; width: 80px; min-width: 0; padding: 10px 25px; background-color: #04a97b; } */

.btn--full.btn--green { background-color: #04a97b; }

.btn--border { height: 30px; padding: 7.5px 15px 8.5px; border-radius: 6px; font-size: 14px; line-height: 1; font-weight: 700; color: #3c3c3c; border: solid 1px #3c3c3c; }

.btn--border.btn--round { height: 26px; padding-right: 11px; padding-left: 11px; font-size: 13px; font-weight: 500; color: #2463eb; border-radius: 13px; border-color: #2463eb; }

.delete-btn { display: none; text-align:center; text-align-last:center; }

.btn--line { text-decoration: underline; font-size: 14px; }

.btn:disabled { background-color: #d2d2d2;}


.btn .ico-reset { width: 13px; height: 18px; margin-left: 3px; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; background-image: url("data:image/svg+xml,%3Csvg width='15' height='17' viewBox='0 0 15 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M14 9.612C14 13.14 11.09 16 7.5 16S1 13.14 1 9.612s2.91-6.388 6.5-6.388c1.99 0 3.77.879 4.964 2.263' fill='%23F2F6FC'/%3E%3Cpath d='M14 9.612C14 13.14 11.09 16 7.5 16S1 13.14 1 9.612s2.91-6.388 6.5-6.388c1.99 0 3.77.879 4.964 2.263' stroke='%23373737' stroke-width='1.65' stroke-linejoin='round'/%3E%3Cpath stroke='%23373737' stroke-width='1.65' stroke-linejoin='round' d='m12.398 1 .187 4.63-4.41.927'/%3E%3C/g%3E%3C/svg%3E"); }

.btn .ico-report { display: block; width: 24px; height: 20px; margin: 0 auto; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='20' viewBox='0 0 24 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M7.59.466c.287-.621 1.233-.621 1.52 0a.926.926 0 0 0 .022.043l.078.134.124.19c.214.308.488.62.824.91a5.3 5.3 0 0 0 2.204 1.138 6.753 6.753 0 0 0 3.988 9.567v.278l-.023.193-.04.491a4.82 4.82 0 0 1-.249 1.185c-.283.862-.788 1.683-1.573 2.445-1.274 1.237-3.202 2.232-5.892 2.932a.888.888 0 0 1-.446 0c-2.69-.7-4.618-1.695-5.892-2.932-.785-.762-1.29-1.583-1.573-2.445-.19-.575-.232-.885-.285-1.618l-.004-.065.004.01-.027-.196V3.727c0-.474.456-.835.96-.76 2.311.347 4.006-.165 5.232-1.225.336-.29.61-.6.824-.91L7.49.643 7.568.51zm7.8 2.502c.504-.076.96.285.96.76v3.169l-1.327-3.88.056-.007z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cpath d='m8.35 2.194.075.087c.176.193.377.39.605.588l.203.168a6.982 6.982 0 0 0 2.574 1.297A6.76 6.76 0 0 0 11.6 6a6.745 6.745 0 0 0 3.094 5.675v.974l-.01.088-.012.137c-.094 1.296-.352 2.082-1.402 3.102l-.193.179c-.995.886-2.473 1.643-4.53 2.222l-.197.053.223.06c-2.42-.629-4.088-1.49-5.143-2.514-.984-.956-1.273-1.707-1.382-2.865l-.028-.343-.015-.113V4.59l.072.005c2.338.138 4.2-.522 5.593-1.726a7.07 7.07 0 0 0 .605-.588l.075-.087z' fill='%2304A97B' fill-rule='nonzero'/%3E%3Cpath d='M10.51 8.444a.873.873 0 0 1 1.17-.027.73.73 0 0 1 .106 1l-.078.088-3.154 3.077a.874.874 0 0 1-.988.148l-.105-.061-2.363-1.631a.734.734 0 0 1-.171-1.076.869.869 0 0 1 1.054-.22l.104.06 1.775 1.226 2.65-2.584zM18.35.75a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 0 1 0-10.5z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cpath d='M19.35 3v2h2v2h-2v2h-2V7h-2V5h2V3h2z' fill='%2304A97B'/%3E%3C/g%3E%3C/svg%3E"); }

.btn .ico-down { margin-left: 3px; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%233C3C3C' fill-rule='nonzero'%3E%3Cpath d='M12 10.5V12H0v-1.5zM6.625 0l-.001 7.527 3.065-3.064 1.06 1.061L6.406 9.87a.75.75 0 0 1-.976.072l-.084-.072L1 5.524l1.06-1.06 3.064 3.063V0h1.5z'/%3E%3C/g%3E%3C/svg%3E%0A"); }

.table-bottom { display: flex; padding: 25px 20px 0; justify-content: end; align-items: center; }

.table-bottom--flex { justify-content: space-between; }

.table-bottom--overlap { position: relative; padding-top: 0; }

.table-bottom--overlap .btn { position: absolute; bottom: -58px; }

.table-top { display: flex; margin-bottom: 14px; }

.table-top .btn { margin-left: auto; }

.table-top .btn.btn--line { font-size: 14px; font-weight: 700; }

.btn-del { position: relative; display: inline-flex; margin-left: 4px; align-items: center; }

.btn-del:after { content: ''; display: inline-flex; width: 14px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Ccircle cx='7.5' cy='7' r='7' fill='%23C5BEB4'/%3E%3Cpath d='M10.5 4.60429L9.89571 4L7.5 6.39571L5.10429 4L4.5 4.60429L6.89571 7L4.5 9.39571L5.10429 10L7.5 7.60429L9.89571 10L10.5 9.39571L8.10429 7L10.5 4.60429Z' fill='%23F5F3EC'/%3E%3C/svg%3E") no-repeat 0 0; }

.calendar-box { display: flex; align-items: center; }


.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}



.paging {  display: flex; margin-top: 20px; align-items: center; justify-content: center; }

.paging__num { display: inline-block; width: 32px; height: 32px; margin: 0 1px; border-radius: 6px; text-align: center; font-size: 0; flex-shrink: 0; }

.paging__first, .paging__prev, .paging__next, .paging__last { position: relative; margin: 0 4px; }

.paging__first:before, .paging__prev:before, .paging__next:before, .paging__last:before { content: ''; position: absolute; top: 50%; left: 50%; background-repeat: no-repeat; background-size: 100% auto; }

.paging__first, .paging__last { height: 30px; width: 20px; font-size: 0; }

.paging__first:before, .paging__last:before { width: 18px; height: 18px; margin-top: -10px; margin-left: -9px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1925 13.5L14.25 12.4425L10.815 9L14.25 5.5575L13.1925 4.5L8.6925 9L13.1925 13.5Z' fill='%23333333'/%3E%3Cpath d='M8.25 13.5L9.3075 12.4425L5.8725 9L9.3075 5.5575L8.25 4.5L3.75 9L8.25 13.5Z' fill='%23333333'/%3E%3C/svg%3E"); }

.paging__prev, .paging__next { font-size: 18px; color: #999; }

.paging__prev:before, .paging__next:before { width: 12px; height: 12px; margin-top: -7px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.9425 1.885L8.0575 1L3.0575 6L8.0575 11L8.9425 10.115L4.8275 6L8.9425 1.885Z' fill='%23333333'/%3E%3C/svg%3E"); }

.paging__last:before, .paging__next:before { transform: rotate(-180deg); }

.paging__prev { padding-left: 15px; }

.paging__prev:before { left: 0; }

.paging__next { padding-right: 15px; }

.paging__next:before { left: auto; right: 0; }

.paging__num-wrap { margin: 0 15px; }

.paging .paging__num { font-size: 16px; line-height: 30px; color: #333; font-family: Verdana; font-weight: 700; }

.paging .paging__num--active { border: 1px solid #e6eaf4; color: #ff484a; background-color: #fff; }

/* icons */
.ico { display: inline-flex; }

.ico::before { content: ""; }

.layer-wrap { position: relative; }

.layer-wrap.active .layer-box { display: block; }

.layer-box { position: absolute; top: 100%; left: 50%; display: none; margin-top: 5px; padding: 5px 8px; border: 1px solid #d4e4ff; background-color: #e5eefd; transform: translateX(-50%); white-space: nowrap; }

.layer-box:before { position: absolute; top: 0; left: 50%; display: block; width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; content: ''; background-color: #e5eefd; border: solid #d4e4ff; border-width: 1px 0 0 1px; transform: rotate(45deg); }

.title { display: flex; align-items: center; padding: 0 20px 0 10px; }

.title__unit { margin-left: auto; font-size: 14px; color: #818a9a; }

.title__unit .btn { margin-right: 0; font-size: 14px; color: #373737; }

.title .o-select { min-width: 110px; margin-right: 10px; }

.title--large { margin-bottom: 16px; justify-content: space-between;}

.title--large .title__text { font-size: 30px; font-weight: 900; }

.title--small { margin-top: 50px; margin-bottom: 13px; line-height: 1.9; }

.title--small .title__text { font-size: 26px; }

.text--small { font-size: 12px; color: #979aa4; line-height: 1.16; }

.text--point { color: #0287ff; }

.text--gray { color: #818a9a; }

.text--top { vertical-align: top; }

.text-question { margin-right: 30px; line-height: 1; }

.text--right { text-align: right; }

.text--center { text-align: center; }

.holder { position: relative; display: flex; align-items: center; }

.holder .w-auto { flex: 1; }

.holder-text { position: relative; }

.holder-text .o-text { padding-right: 40px !important; }

.holder-text.has-btn,
.holder-text.input-address { margin-right: 5px; }

.holder-text.has-btn .o-text,
.holder-text.input-address .o-text { padding-right: 90px !important; }

.holder-text.unit-won .o-text { padding-right: 30px !important; }

.holder-text button { position: absolute; top: 50%; margin-left: auto; transform: translateY(-50%); }

.holder-text .btn { right: 15px; margin-right: 0; }

.holder-text .unit { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }

.holder-text .unit.won { color: #c4c4c4; }

.o-text { flex: 1; height: 50px; padding: 11px 15px; border: 1px solid #e6eaf4; background-color: #fff; border-radius: 6px; font-weight: 900; }

.o-text.table--in {text-align: center; text-align-last:center;}

.o-text:focus { border-color: #0287ff; }

.o-text[readonly] {  border: none; }

.o-select { position: relative; display: inline-flex; min-width: 120px; height: 50px; border-radius: 6px; color: #000; }

.o-select--large { min-width: 300px; }

.o-select .ui-selectmenu-button.ui-button { width: 100%; margin: 0; padding: 0 26px 0 15px; border-radius: 6px; border-color: #e6eaf4; background-color: #fff; line-height: 50px; font-size: 16px; font-weight: 900; color: #000; font-family: 'Apple SD Gothic Neo', "NotoSansKR"; }

.o-select .ui-selectmenu-button.ui-button.ui-selectmenu-button-open { border-color: #0287ff; }

.o-select .ui-selectmenu-button.ui-button.ui-selectmenu-disabled { background-color: #f5f6fa; opacity: 1; }

.o-select .ui-selectmenu-button.ui-button.ui-selectmenu-disabled .ui-icon { opacity: .3; }

.o-select .ui-selectmenu-button.ui-button.unselected { color: #c4c4c4 !important; }

.o-select .ui-selectmenu-button.ui-button .ui-icon { position: absolute; right: 10px; top: 50%; width: 16px; height: 10px; margin-top: -5px; transition: transform 0.5s ease; background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 2.071 8 10 0 2.071 2.09 0 8 5.858 13.91 0z' fill='%23333647' fill-rule='nonzero'/%3E%3C/svg%3E%0A"); }

.o-select .ui-selectmenu-button-open .ui-icon { transform: rotate(-180deg); }

.ui-selectmenu-menu { padding-top: 2px; }

.ui-menu.ui-widget-content { padding: 12px 15px; background-color: #f4fcff; border-color: #e5eefd; border-radius: 6px; }

.ui-menu.ui-widget-content .ui-state-disabled { display: none; }

.ui-menu.ui-widget-content.ui-menu--custom .ui-menu-item-wrapper { line-height: 25px; font-weight: 500; font-family: "NotoSansKR"; }

.ui-menu.ui-widget-content .ui-menu-item-wrapper { padding: 0; line-height: 24px; font-weight: 900; font-family: 'Apple SD Gothic Neo', "NotoSansKR"; }

.ui-menu.ui-widget-content .ui-state-active { margin: 0; border: 0; background-color: transparent; color: #0287ff; }

.o-text { color: #000; }

.o-check { position: relative; display: inline-flex; line-height: 1; vertical-align: middle; }

.o-check:last-child { margin-right: 0; }

.o-check .o-input { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }

.o-check .o-label { position: relative; display: inline-block; min-height: 20px; padding: 0 0 0 30px; vertical-align: top; color: #333; line-height: 1.5; }

.o-check .o-label:before { position: absolute; top: 50%; left: 0; display: inline-block; width: 24px; height: 24px; margin-top: -12px; margin-right: 7px; background-color: #c8c8c8; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='10' viewBox='0 0 13 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.984.2 1.806 1.58L7.14 8.238l.055.055-.828.828-.756.866-.059-.051-.054.054-.82-.82-.873-.764.05-.058L.6 5.093l1.697-1.697L5.44 6.538z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E%0A"); border-radius: 3px; content: ""; }

.o-check .o-input:checked + .o-label:before { background-color: #0287ff; }

.o-check .o-input[disabled] + .o-label { color: #bbb; }

.o-check .o-input[disabled] + .o-label:before { border-color: #f0f0f0; }

.o-check .o-input:checked[disabled] + .o-label:before { background-color: #f0f0f0; border-color: #f0f0f0; }

.o-radio { position: relative; display: inline-flex; margin-right: 30px; line-height: 1; }

.o-radio:last-child { margin-right: 0; }

.o-radio .o-input { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }

.o-radio .o-label { position: relative; display: inline-block; padding-left: 30px; color: #333; line-height: 24px; }

.o-radio .o-label:before { position: absolute; top: 50%; left: 0; display: inline-block; width: 24px; height: 24px; margin-top: -12px; content: ""; border-radius: 50%; background-color: #c8c8c8; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='10' viewBox='0 0 13 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.984.2 1.806 1.58L7.14 8.238l.055.055-.828.828-.756.866-.059-.051-.054.054-.82-.82-.873-.764.05-.058L.6 5.093l1.697-1.697L5.44 6.538z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E%0A"); vertical-align: text-bottom; }

.o-radio .o-input:checked + .o-label:before { background-color: #0287ff; }

.o-radio .o-input[disabled] + .o-label { color: #bbb; }

.o-radio .o-input[disabled] + .o-label:before { border-color: #f0f0f0; }

.o-radio .o-input:checked[disabled] + .o-label:before { border-color: #d7d7d7; background-color: #f0f0f0; }

.o-radio .o-label.label--empty { padding-left: 0; }

.o-check .o-label.label--empty { padding-left: 24px; }

.o-radio .o-label.label--empty:before, .o-check .o-label.label--empty:before { margin-right: 0; }

.o-radio__tab { width: 50%; margin-right: 0; line-height: 1.75; font-weight: 900; }

.o-radio__tab .o-label { position: relative; width: 100%; padding: 10px 0; color: #c4c4c4; text-align: center; border: 1px solid #c4c4c4; border-radius: 6px 0 0 6px; overflow: hidden; }

.o-radio__tab .o-label:before { display: none; }

.o-radio__tab .o-input:checked + .o-label { border-color: #0287ff; color: #0287ff; z-index: 5; }

.o-radio__tab + .o-radio__tab { margin-left: -1px; }

.o-radio__tab + .o-radio__tab .o-label { border-radius: 0 6px 6px 0; }

.o-textarea-box { display: block; position: relative; }

.o-textarea-box .write-char-number { position: absolute; bottom: 15px; right: 15px; color: #bbb; font-size: 12px; line-height: 1; }

.o-text.o-text--time { width: 65px; }

.w--full { width: 100%; }

.w--holder { max-width: 440px; }

.o-file-box { position: relative; display: inline-flex; align-items: center; }

.o-flie { position: relative; cursor: pointer; }

.o-flie input { position: absolute; opacity: 0; width: 0; height: 0; }

.o-flie__txt { display: block; white-space: nowrap; }

.o-file__btns { display: inline-flex; flex-wrap: wrap; }

.o-file__btns .btn { margin: 2px 3px; }

.o-calendar { position: relative; width: 230px; height: 50px; padding: 0 34px 0 14px; border: 1px solid #e6eaf4; background-color: #fff; background-size: 18px auto; background-repeat: no-repeat; background-position: calc(100% - 15px) 50%; background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter color-interpolation-filters='auto' id='u7crzs24ha'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.007843 0 0 0 0 0.529412 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(-198 -18)' filter='url(%23u7crzs24ha)' fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M199 32h16V19.84h-16z'/%3E%3Cpath d='M202.147 18v3.682V18z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M202.147 18v3.683'/%3E%3Cpath d='M205.382 18v3.682V18z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M205.382 18v3.683'/%3E%3Cpath d='M208.618 18v3.682V18z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M208.618 18v3.683'/%3E%3Cpath d='M211.853 18v3.682V18z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M211.853 18v3.683'/%3E%3Cpath d='M202.147 24.93h1.663-1.663z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M202.147 24.929h1.663'/%3E%3Cpath d='M206.169 24.93h1.662-1.662z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M206.169 24.929h1.663'/%3E%3Cpath d='M210.19 24.93h1.663-1.663z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M210.19 24.929h1.663'/%3E%3Cpath d='M202.147 28.291h1.663-1.663z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M202.147 28.292h1.663'/%3E%3Cpath d='M206.169 28.291h1.662-1.662z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M206.169 28.292h1.663'/%3E%3Cpath d='M210.19 28.291h1.663-1.663z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M210.19 28.292h1.663'/%3E%3C/g%3E%3C/svg%3E%0A"); border-radius: 6px; font-weight: 900; }

.o-calendar.table--in {text-align: center; text-align-last:center;}

.o-calendar--large { width: 360px; }

.o-calendar[readonly], .o-calendar[disabled] { background: #f0f0f0; color: #bbb; }

.calendar-box { display: flex; vertical-align: middle; align-items: center; }

.calendar-box .bar { width: 8px; height: 2px; background-color: #000; margin: 0 6px; }

.calendar-holder { position: relative; display: block; flex: 1; width: 100%; }

.calendar-holder:after { position: absolute; top: 50%; right: 16px; width: 20px; height: 20px; background-position: 50% 50%; background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter color-interpolation-filters='auto' id='u7crzs24ha'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.007843 0 0 0 0 0.529412 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(-198 -18)' filter='url(%23u7crzs24ha)' fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M199 32h16V19.84h-16z'/%3E%3Cpath d='M202.147 18v3.682V18z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M202.147 18v3.683'/%3E%3Cpath d='M205.382 18v3.682V18z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M205.382 18v3.683'/%3E%3Cpath d='M208.618 18v3.682V18z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M208.618 18v3.683'/%3E%3Cpath d='M211.853 18v3.682V18z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M211.853 18v3.683'/%3E%3Cpath d='M202.147 24.93h1.663-1.663z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M202.147 24.929h1.663'/%3E%3Cpath d='M206.169 24.93h1.662-1.662z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M206.169 24.929h1.663'/%3E%3Cpath d='M210.19 24.93h1.663-1.663z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M210.19 24.929h1.663'/%3E%3Cpath d='M202.147 28.291h1.663-1.663z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M202.147 28.292h1.663'/%3E%3Cpath d='M206.169 28.291h1.662-1.662z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M206.169 28.292h1.663'/%3E%3Cpath d='M210.19 28.291h1.663-1.663z'/%3E%3Cpath stroke='%23C4C4C4' stroke-width='1.5' stroke-linejoin='bevel' d='M210.19 28.292h1.663'/%3E%3C/g%3E%3C/svg%3E%0A"); transform: translateY(-50%); content: ""; }

.ui-datepicker.ui-widget-content { margin-top: 10px; padding: 0 0 5px; border: 1px solid #dfdfdf; border-radius: 0; z-index: 9999 !important; }

.ui-datepicker .ui-datepicker-header { background: #2463eb; color: #fff; padding: 10px; border: 0; font-size: 15px; border-radius: 0; }

.ui-datepicker-calendar { padding-bottom: 5px; font-size: 12px; color: #666; }

.ui-datepicker-calendar .ui-state-default { width: 30px; height: 30px; border: 0; text-align: center; background: #fff; margin: 0 auto; line-height: 30px; }

.ui-datepicker table { margin-bottom: 0; }

.ui-datepicker-week-end, .ui-datepicker-week-end .ui-state-default { color: #344ec7; }

.ui-datepicker-week-end:first-child, .ui-datepicker-week-end:first-child .ui-state-default { color: #e74f4e; }

.ui-datepicker-calendar .ui-state-default.ui-state-active, .ui-datepicker-current-day .ui-state-active { background: #0287ff; color: #fff !important; }

.ui-datepicker-calendar .ui-state-default.ui-state-active { font-weight: 700; }

.ui-datepicker th { padding: 15px 5px 10px; }

.ui-datepicker td { padding: 0; }

.ui-datepicker td span, .ui-datepicker td a { padding: 0; }

.ui-datepicker .ui-corner-all { cursor: pointer; }

.ui-datepicker .ui-corner-all .ui-icon { background: none; }

.ui-datepicker .ui-corner-all .ui-icon:after { content: ""; display: block; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 0; top: 50%; margin-top: -5px; }

.ui-datepicker .ui-corner-all.ui-datepicker-prev .ui-icon:after { left: 5px; -webkit-transform: rotate(225deg); transform: rotate(225deg); }

.ui-datepicker .ui-corner-all.ui-state-hover { background: none; border: none; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 50%; margin-top: -13px; }

.ui-datepicker .ui-datepicker-prev { left: 5px; }

.ui-datepicker .ui-datepicker-next { right: 5px; }

.table { width: 100%; table-layout: fixed; }

.table__wrap { border-radius: 20px; overflow: hidden; }

.table__wrap.height-fixed { max-height: 530px; overflow-y: auto; }

.table__wrap.height-fixed thead th:last-child { border-top-right-radius: 20px; }

.table__wrap.height-fixed--short { max-height: 350px; }

.table__wrap.height-fixed::-webkit-scrollbar { width: 7px; }

.table__wrap.height-fixed::-webkit-scrollbar-track { background-color: #ededed; }

.table__wrap.height-fixed::-webkit-scrollbar-thumb { width: 5px; border-radius: 4.5px; background-color: #333647; }

.table__wrap.height-fixed::-webkit-scrollbar-button:vertical:start:decrement, .table__wrap.height-fixed::-webkit-scrollbar-button:vertical:start:increment { display: block; height: 28px; }

.table__wrap.height-fixed thead { position: sticky; top: 0; left: 0; right: 0; }

.table__wrap.height-fixed tfoot { position: sticky; bottom: -1px; right: 0; left: 0; }

.table__wrap .table__wrap { border-radius: 0; }

.table__wrap .table__wrap th { border-color: #ebebeb; }

.table .text--small { display: block; }

.table .btn--line { font-size: inherit; }

.table th { background-color: #e5eefd; color: #818a9a; font-weight: 500; font-size: 14px; }

.table th.bg-purple { background-color: #dedeff; border-color: #ceceff; }

.table th.bg-light { background-color: #fff; }

.table th.bg-gray { background-color: #e5e5e5; }

.table th.bg-blue { background-color: #d6e8fb; }

.table th.bg-green { background-color: #d1f4c1; }

.table th.bg-almond { background-color: #ffe8ce; }

.table td { padding: 0 20px; background-color: #fff; }

.table td .o-text { margin-right: 0; }

.table td.table__include { padding: 25px 20px; }

.table td.table__include .table-bottom { padding-top: 10px; padding-right: 0; }

.table td.table__include .table__wrap { margin-top: 25px; }

.table td.table__include .table__wrap:first-child { margin-top: 0; }

.table td.table__include .table--in .o-select { min-width: 100px; }

.table td.border-left { border-left: 1px solid #d4e4ff; }

.table td.bg-blue { background-color: rgba(214, 232, 251, 0.3); }

.table td.bg-green { background-color: rgba(209, 244, 193, 0.3); }

.table td.bg-almond { background-color: rgba(255, 232, 206, 0.3); }

.table tr + tr th { border-top: 1px solid #d4e4ff; }

.table tr + tr td { border-top: 1px solid #e8ecf3; }

.table .table-num { width: 100px; padding: 10px; }

.table--row { text-align: left; }

.table--row th { height: 70px; padding-left: 25px; }

.table--col { text-align: center; word-break: break-all; }

.table--col th { height: 56px; padding-left: 0; text-align: center; background-color: #e5eefd; }

.table--col td { min-height: 70px; padding: 17px 10px 16px; text-align: center; }

.table--in { border-bottom: 1px solid #ebebeb; }

.table--in th { height: 44px; font-size: 13px; line-height: 1.8; color: #8c8b84; background-color: #fbf8e9; border-left: 1px solid #ebebeb; }

.table--in th:not(.border-left):first-child
{ border-left: 0; }

.table--in.edit td { padding: 5px; }

.table--in td { min-height: none; height: 45px; padding: 12px 15px 13px; border-left: 1px solid #ebebeb; border-color: #ebebeb; text-align: left; }

.table--in td.text--center { text-align: center; }

.table--in td.text--right { text-align: right; }

.table--in td.text--right .o-text { text-align: right; }

.table--in td:not(.border-left):first-child
{ border-left: 0; }

.table--in td .o-text { height: 35px; padding: 7px 15px; font-weight: 500; }

.table--in td .o-calendar { height: 35px; font-weight: 500; }

.table--in td .o-select { height: 35px; text-align: center; text-align-last:center;}

.table--in td .o-select .ui-selectmenu-button.ui-button { line-height: 35px; font-size: 16px; color: #262626; font-weight: 500; font-family: "NotoSansKR"; }

.table--in td .o-select .ui-selectmenu-button.ui-button .ui-icon { width: 10px; height: 6px; margin-top: -3px; }

.table--small td { min-height: 40px; padding: 9px 10px; }

.table tfoot th, .table tfoot td { border-top: 1px solid #e8ecf3; background-color: #fbf8e9; }

.table .o-text, .table .o-calendar, .table .o-select { width: 100%; }

.table .holder .o-select { width: auto; margin-right: 5px; }

.table .bg-yellow { background-color: #fbf8e9; }

.table-search { display: flex; margin-bottom: 15px; }

.table-search__inner { display: flex; flex: 1; align-items: center; justify-content: center; padding: 15px 20px; background-color: #fff; border-radius: 20px; }

.table-search__inner.align-center { align-items: center; justify-content: center; }

.table-search .search__title { margin: 0 15px 0 20px; white-space: nowrap; font-size: 14px; }

.table-search .search__title:first-child { margin-left: 0; }

.table-search .btn { min-width: 85px; height: 50px; }

.table-search .btn.btn--green { height: 100%; margin-left: 20px; }

.table-search .btn:last-child { margin-right: 0; }

.table-search .o-select { margin-right: 5px; }

.table-search .btn { margin-left: 15px; }

.tag { display: inline-flex; margin-right: 10px; padding: 0 11px; opacity: 0.6; border-radius: 13px; border: solid 1px #75c9cd; background-color: #adf4f7; color: #277d81; line-height: 1.85; letter-spacing: -0.5px; font-size: 13px; font-weight: 700; }

.toggle-cont { display: none; }

.toggle-cont.is-active { display: block; }

tr.toggle-cont.is-active { display: table-row; }

@media all and (max-width: 1600px) { .wrap { --bodyWidth: 1600px; min-width: 1280px; }
  .wrap.menuShow .menu-section { transform: translateX(0); }
  .wrap.menuShow .menu-section__inner { border-top: 1px solid rgba(236, 239, 241, 0.7); }
  .wrap.menuShow .menu-section__inner:before { position: absolute; top: calc(var(--headerH) * -1); left: 0; right: 0; display: block; width: calc(100% + 1px); height: var(--headerH); background-color: #fbfbfb; border-right: 1px solid #e2e5ea; content: ""; }  
  .menu-section { position: absolute; top: 80px; left: 0; bottom: 0; transform: translateX(-100%); transition: transform 0.3s ease-in-out; z-index: 10; }
  .menu-section.active { transform: translateX(0); }
  .main-section { min-width: 1280px; } }

@media all and (max-width: 1200px) { .wrap { --bodyWidth: 1200px; }
  .paging a { margin: 0px 3px; }
  .search-box .o-input { display: none; }
  .search-box .o-btn-search { position: relative; width: 40px; height: 40px; top: 0; background-color: #EAE7E2; border: 1px solid #C8C6BD; border-radius: 8px; }
  .text-date { font-size: 12px; } }

.header { position: relative;
    display: flex; height: var(--headerH);
    padding-right: 40px; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(236, 239, 241, 0.7); z-index: 10; background-color: #fff;
    }

.header__logo { position: relative; overflow: hidden; display: inline-flex; width: 154px; height: 37px; z-index: 15; }
      
.header .logo-box { position: relative; width: 270px; padding: 27px 0 27px 40px; background-color: #fff; border-bottom: 1px solid rgba(236, 239, 241, 0.7); z-index: 15; }

.header .btn__gnb { display: none; position: relative; width: 17px; height: 14px; vertical-align: middle; margin-right: 38px; }

.header .btn__gnb span { position: absolute; top: 6px; left: 0; width: 17px; height: 2px; font-size: 0; line-height: 0; background-color: #222; }

.header .btn__gnb:before, .header .btn__gnb:after { position: absolute; width: 17px; height: 2px; left: 0; background-color: #222; content: ''; }

.header .btn__gnb:before { top: 0px; }

.header .btn__gnb:after { bottom: 0px; }

.header-utils { display: flex; align-items: center; height: 100%; }

.header-utils .search-box { width: 200px; }

.header-utils-user { display: flex; align-items: center; margin-left: 40px; }

.header-utils-user .layer-wrap { margin-right: 15px; }

.header-utils-user .layer-wrap .user__name { margin: 0; font-weight: 700; }

.header-utils-user .layer-wrap .layer-box button { font-size: 12px; color: #262626; width: 76px; height: 21px; border: 1px solid #deeaff; background-color: #fff; }

.header-utils-user img { border-radius: 50%; width: 30px; height: 31px; object-fit: cover; }

.header--fix { position: sticky; top: 0; left: 0; right: 0; z-index: 100; background-color: #fff; }

.search-box { position: relative; margin-left: 15px;}

.search-box .o-text { width: 100%; height: 40px; margin-right: 0; padding: 12px 30px 10px 15px; font-size: 14px; border-color: #f1f1f1; background-color: #f1f1f1; color: #262626; border-radius: 20px; border: 0; font-weight: 500; }

.search-box .o-text::placeholder { color: #979aa4; }

.search-box .o-btn-search { position: absolute; top: 0; bottom: 0; right: 15px; width: 24px; height: 100%; border: 0; padding: 3px; border-radius: 0; background-repeat: no-repeat; background-position: 50% 50%; background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M10.672 11.6a.903.903 0 0 1 1.176-.097l.112.097 3.773 3.823a.932.932 0 0 1 0 1.307.903.903 0 0 1-1.176.097l-.113-.098-3.772-3.823a.932.932 0 0 1 0-1.306z' fill='%236C6C6C'/%3E%3Cpath d='M7.16 0c3.955 0 7.16 3.249 7.16 7.256 0 4.008-3.205 7.257-7.16 7.257-3.954 0-7.16-3.249-7.16-7.257C0 3.25 3.206 0 7.16 0z' fill='%236C6C6C'/%3E%3Cpath d='M7.16 1.847c-2.948 0-5.337 2.422-5.337 5.41 0 2.987 2.39 5.409 5.337 5.409 2.948 0 5.338-2.422 5.338-5.41 0-2.987-2.39-5.409-5.338-5.409z' fill='%23F1F1F1'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size: 16px auto; flex-shrink: 0; transform: none; background-color: transparent; }

.header-premium-outer { position: relative; display: flex; align-items: center; height: 100%; }

.header-premium-outer.is-showing:before { position: absolute; bottom: -1px; left: 50%; display: inline-block; content: ""; width: 0; height: 0; margin-left: -13px; object-fit: contain; z-index: 1; border-style: solid; border-bottom: 14px solid rgba(0, 0, 0, 0.85); border-top: 14px solid transparent; border-left: 13px solid transparent; border-right: 13px solid transparent; }

.btn-premium { position: relative; display: inline-flex; align-items: center; height: 40px; padding: 2px 14px 2px; font-size: 14px; font-weight: 700; line-height: 1; background-color: #ffe8d9; color: #3c3c3c; border-radius: 20px; }

.btn-premium:before { content: ""; display: inline-flex; width: 18px; height: 18px; margin-right: 5px; border-radius: 4px; background: #ff7110 url(../../assets/images/common/ico_krw.svg) no-repeat 50% 50%/12px auto; }

@media all and (max-width: 1920px) { .btn__gnb { display: inline-block; } }

@media all and (max-width: 1600px) { .header .btn__gnb { display: inline-block; } }

.header-no-gnb .btn__gnb { display: none; }

.mpop-wrap { position: relative; }

.mpop-header { position: sticky; top: 0; display: flex; width: 100%; height: 68px; padding: 2px 20px; justify-content: center; background-color: #fff; z-index: 100; align-items: center; }

.mpop-header__title { overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: inline-block; white-space: nowrap; font-size: 20px; font-weight: 900; }

.mpop-header__close { position: absolute; right: 10px; top: 50%; width: 24px; height: 24px; margin-top: -12px; font-size: 0; }

.mpop-header__close:before, .mpop-header__close:after { position: absolute; top: 50%; content: ''; width: 1px; height: 16px; margin-top: -8px; background-color: #000; }

.mpop-header__close:before { transform: rotate(45deg); }

.mpop-header__close:after { transform: rotate(-45deg); }

.m-content { padding: 30px; }

.m-content.bg-type { background-color: #fbf8e9; }

.m-bottom { padding: 30px; background-color: #f2f6fc; }

.m-bottom .btn { width: 100%; min-height: 50px; }

.m-bottom .btn:first-child { margin-left: 0; margin-right: 0; }

.m-search { padding: 30px; background-color: #f2f6fc; }

.m-search .m-forms { margin-bottom: 20px; }

.m-search .m-forms__block { padding-top: 8px; }

.m-search .btn--full { width: 100%; min-height: 40px; border-radius: 20px; margin: 0; padding: 4px 10px; align-items: center; font-size: 16px; }

.m-tit { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 500; line-height: 1.43; color: #000; }

.m-tab { display: flex; border-radius: 6px; margin-bottom: 24px; padding: 0 0 0 1px; background-color: #fff; }

.m-tab__item { display: flex; flex: 1; justify-content: center; }

.m-tab__item:first-child .m-tab__btn { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.m-tab__item:last-child .m-tab__btn { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.m-tab__btn { display: flex; flex: 1; min-height: 56px; padding: 16px 10px; font-size: 16px; font-weight: 900; justify-content: center; color: #9a9a9a; border: 1px solid #e6eaf4; margin-left: -1px; }

.m-tab__item.is-on .m-tab__btn { position: relative; color: #0287ff; border-color: #0287ff; z-index: 1; }

.m-forms { display: flex; flex-direction: column; }

.m-forms__block { display: flex; flex-direction: column; padding: 20px 0 0; }

.m-forms__block:first-child { padding-top: 0; }

.m-forms__row { display: flex; }

.m-forms .holder { flex: 1; }

.m-forms .holder .o-text { width: 100%; }

.m-forms .o-calendar, .m-forms .o-select { width: 100%; }

/* bottom Layer */
.bottom-sheet { position: fixed; bottom: 0; left: 0; right: 0; overflow: hidden; max-height: 80vh; border-top-left-radius: 12px; border-top-right-radius: 12px; background-color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: inline-block; white-space: nowrap; border-bottom: 0; z-index: 110; }

.bottom-sheet.is-active { -webkit-transform: translateY(0); transform: translateY(0); }

.bottom-sheet__container { overflow-x: hidden; overflow-y: auto; max-height: 80vh; }

.bottom-sheet__head { position: sticky; top: 0; display: flex; height: 69px; padding: 10px 30px 10px; align-items: center; border: 1px solid #ededed; background-color: #fff; z-index: 10; }

.bottom-sheet__title { display: block; font-size: 20px; font-weight: 900; line-height: 1.4; color: #0287ff; }

.bottom-sheet__close { position: absolute; right: 24px; top: 50%; width: 24px; height: 24px; margin-top: -12px; font-size: 0; }

.bottom-sheet__close:before, .bottom-sheet__close:after { position: absolute; top: 50%; content: ''; width: 1px; height: 16px; margin-top: -8px; background-color: #000; }

.bottom-sheet__close:before { transform: rotate(45deg); }

.bottom-sheet__close:after { transform: rotate(-45deg); }

.bottom-sheet__body { padding: 30px; }

.fx-btm-list { font-size: 16px; }

.fx-btm-list li { margin-top: 25px; }

.fx-btm-list li:first-child { margin-top: 0; }

.fx-btm-list li button { width: 100%; text-align: left; }

.btn-selbox { position: relative; display: flex; width: 100%; height: 50px; padding: 13px 20px 13px 15px; border-radius: 6px; border: solid
1px #e6eaf4; background-color: #fff; text-align: left; align-items: center; line-height: 1; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: inline-block; white-space: nowrap; font-weight: 900; }

.btn-selbox:after { position: absolute; right: 10px; top: 50%; width: 16px; height: 10px; margin-top: -5px; background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 2.071 8 10 0 2.071 2.09 0 8 5.858 13.91 0z' fill='%23333647' fill-rule='nonzero'/%3E%3C/svg%3E%0A"); content: ""; }

.btn-selbox:disabled { border: solid 1px #e6eaf4; background-color: #f5f6fa; }

.btn-selbox.no-data { color: #c4c4c4; }

.dim-layer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 105; }


/* input file */
.file-box { position: relative; overflow: hidden; display: inline-flex; cursor: pointer; }

.file-box .o-text { width: 100%; margin: 0; padding-right: 83px; }

.file-box__file { overflow: hidden; position: absolute; display: inline-block; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; white-space: nowrap; clip: rect(0, 0, 0, 0); z-index: -1; }

.file-box .btn { position: absolute; top: 12px; right: 15px; margin: 0; }

.btn-pw-hide, .btn-pw-show { position: relative; top: 50%; right: 0; display: none; width: 40px; height: 50px; margin: 0; }

.btn-pw-hide:before, .btn-pw-show:before { position: absolute; top: 17px; right: 15px; width: 22px; height: 18px; content: ""; }

.btn-pw-hide.is-show, .btn-pw-show.is-show { right: 0; display: inline-flex; }

.btn-pw-hide:before { background: url(../images/ico_eye_hide.png) no-repeat 50% 50%/100% auto; }

.btn-pw-show:before { background: url(../images/ico_eye_show.png) no-repeat 50% 50%/100% auto; }

.btn-clear { position: absolute; top: 50%; right: 0; display: none; width: 40px; height: 50px; }

.btn-clear:before, .btn-clear:after { left: 14px; }

.btn-clear:before, .btn-clear:after { position: absolute; top: 50%; content: ''; width: 2px; height: 15px; margin-top: -7.5px; margin-left: -1px; background-color: #6d6d6d; }

.btn-clear:before { transform: rotate(45deg); }

.btn-clear:after { transform: rotate(-45deg); }

.btn-clear.is-show { display: inline-flex; }

/* qty button */
.qty { overflow: hidden; display: flex; width: 16px; flex-direction: column; border-radius: 3px; }

.qty__btn { position: relative; display: inline-flex; width: 100%; height: 14px; font-size: 0; background-color: #e5eefd; }

.qty__btn--plus:before, .qty__btn--plus:after { position: absolute; top: 50%; content: ''; width: 2px; height: 8px; margin-top: -4px; margin-left: -1px; background-color: #2463eb; }

.qty__btn--plus:before { transform: rotate(0); }

.qty__btn--plus:after { transform: rotate(90deg); }

.qty__btn--plus:before, .qty__btn--plus:after { left: 50%; }

.qty__btn--minus { margin-top: 2px; }

.qty__btn--minus:before { position: absolute; left: 50%; top: 50%; content: ""; display: block; width: 8px; height: 2px; background-color: #2463eb; transform: translate(-50%, -50%); }

.qty__btn:disabled:before, .qty__btn:disabled:after { background-color: #ccc; }

.ico-pdf { display: inline-flex; width: 28px; height: 30px; font-size: 0; background: url(../images/ico_pdf.svg) no-repeat 0 0/100% auto; }

.ico-pdf.is-disabled { filter: grayscale(1) opacity(0.4); pointer-events: none; }

.file-btns-holder { display: inline-flex; vertical-align: middle; }

.file-btns-holder .ico-pdf { margin-right: 4px; }

/* no data */
.nodata { padding: 25px 10px; text-align: center; }

.nodata__text { color: rgba(136, 136, 136, 0.6); font-size: 16px; font-weight: 700; line-height: 1.25; }

.nodata__text:before { display: block; width: 48px; height: 48px; margin: 0 auto 10px; content: ""; background: url(../images/ico_bang.svg) no-repeat 0 0/100% auto; }

/* View Type */
.view-type { position: relative; overflow: hidden; display: inline-flex; margin-right: 20px; border: 1px solid #e6eaf4; border-radius: 6px; background-color: #fff; vertical-align: middle; }

.view-type__btn { position: relative; display: inline-flex; width: 50px; height: 50px; font-size: 0; border-left: 1px solid #e6eaf4; }

.view-type__btn i { display: flex; margin: auto; width: 26px; height: 26px; mask-size: 26px auto; mask-repeat: no-repeat; mask-position: 50% 50%; -webkit-mask-size: 100% auto; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; background-color: #d8d8d8; }

.view-type__btn i.ico-chart { mask-image: url(../images/ico_view_chart.svg); -webkit-mask-image: url(../images/ico_view_chart.svg); }

.view-type__btn i.ico-list { mask-image: url(../images/ico_view_list.svg); -webkit-mask-image: url(../images/ico_view_list.svg); }

.view-type__btn:first-child { border-left: 0; }

.view-type__btn.is-active i { background-color: #0287ff; }

/* lypop */
.lypop-wrap { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 100; display: none; justify-content: center; align-items: center; }

.lypop-wrap.is-active { display: flex; }

.lypop { overflow: hidden; position: relative; display: inline-flex; width: 300px; min-width: 0; min-height: 142px; border-radius: 6px; flex-direction: column; font-size: 16px; }

.lypop-wide { overflow: hidden; position: relative; display: inline-flex; width: 1000px; min-width: 0; min-height: 142px; border-radius: 6px; flex-direction: column; font-size: 16px; }

.lypop__title { margin-bottom: 15px; font-size: 20px; font-weight: 900; line-height: 1.4; }

.lypop__close { position: absolute; top: 14px; right: 14px; width: 30px; height: 30px; font-size: 0; }

.lypop__close:before, .lypop__close:after { position: absolute; top: 50%; content: ''; width: 1px; height: 20px; margin-top: -10px; background-color: #000; }

.lypop__close:before { transform: rotate(45deg); }

.lypop__close:after { transform: rotate(-45deg); }

.lypop__content { padding: 40px 15px 40px; text-align: center; background-color: #fff; line-height: 1.38; }

.lypop__btns { display: flex; margin-top: auto; }

.lypop__btns .btn { flex: 1; width: 100%; margin: 0; border-radius: 0; }

.lypop__text { margin: 20px 0; }

/* intro */
.intro-section { position: relative; display: flex; flex-direction: column; height: 100vh;  background: url(../images/auth_bg.png) no-repeat 50% 50%/cover; min-width: 1200px; min-height: 800px; }

.intro-section { justify-content: center; align-items: center; margin: auto; }

.auth-box { display: flex; flex-direction: column; width: 505px; height: 560px; padding: 50px 60px 60px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.95); font-size: 14px; }

.auth-box__title { font-size: 36px; font-weight: 900; line-height: 1.06; color: #262626; }

.auth-box__desc { margin-top: 14px; color: #1b1b1b; }

.auth-box__btns { margin-top: 40px; }

.auth-box__btns .btn { width: 100%; margin: 0; line-height: 1.38; font-size: 16px;}

.auth-forms { margin-top: 57px; }

.auth-forms__title { display: block; color: #262626;}

.auth-forms__item { padding-bottom: 25px; }

.auth-forms__item .o-label { color: #383838; }

.auth-forms .holder { margin-top: 10px; }

.auth-forms .holder .o-text { margin-right: 0; }

.auth-copyright { position: absolute; bottom: 30px; left: 40px; font-size: 12px; color: #9ca2b3; }

.graph__list { display: flex; height: 137px; padding: 14px 0 10px; justify-content: space-around; }

.graph li { display: flex; height: 100%; flex-direction: column-reverse; align-items: center; padding: 28px 30px 0; }

.graph__text { white-space: nowrap; font-size: 12px; color: #818a9a; }

.graph__bar { display: inline-flex; width: 20px; margin-bottom: 6px; min-height: 2px; }

.graph__num { position: relative; padding-bottom: 9px; }

.graph__num span { position: absolute; bottom: 9px; left: 0; padding: 0 11px; font-size: 13px; line-height: 1.85; font-weight: 900; color: #277d81; transform: translateX(-50%); background-color: #adf4f7; border: 1px solid #75c9cd; border-radius: 13px; white-space: nowrap; }

.graph__num span:before { content: ''; position: absolute; top: 100%; left: 50%; display: block; width: 7px; height: 7px; margin-top: -3px; transform: translateX(-50%) rotate(135deg); background-color: #adf4f7; border: solid #75c9cd; border-width: 1px 1px 0 0; }

.graph__total { margin-left: 15px; }

.graph__total .graph__bar { width: 40px; }

.graph__total .graph__text { color: #0050f3; }

.graph[data-color="abd07f"] .graph__bar { background-color: #abd07f; }

.graph[data-color="827fd0"] .graph__bar { background-color: #827fd0; }

.graph[data-color="f18960"] .graph__bar { background-color: #f18960; }

.graph[data-color="4acdc2"] .graph__bar { background-color: #4acdc2; }

.graph[data-color="da53af"] .graph__bar { background-color: #da53af; }

.graph--empty .graph__bar { background-color: #c8c8c8 !important; }

.mmip-main .title__text { line-height: 0.8; }

.mmip-main .title--large { margin-bottom: 26px; }

.mmip-main .title.sp-type { margin-bottom: 13px; }

.main-header { position: relative; padding: 30px 0; }

.main-header__inner { position: relative; display: inline-flex; flex-direction: column; min-height: 270px; padding: 35px 220px 37px 0; }

.main-header__inner:after { position: absolute; top: -42px; right: 0; content: ""; display: block; width: 180.3px; height: 241px; background: url(../images/main_title_bg@2x.png) no-repeat 100% 0/cover; }

.main-header__title { font-family: "BMDohyeon", "NotoSansKR", Arial, Dotum, serif; font-size: 65px; line-height: 1.05; color: #3e3c8a; }

.main-header__date { display: block; margin-top: 12.7px; font-family: "Kanit", "NotoSansKR", Arial, Dotum, serif; font-size: 27px; font-weight: 300; line-height: 0.67; color: #6260a9; }

.main-header__btn { position: absolute; top: 0; right: 0; color: #000; font-weight: 700; }

.m-title { font-weight: 900; line-height: 0.8; color: #262626; }

.m-state-list { display: flex; }

.m-state { display: inline-flex; flex-direction: column; width: 292px; min-height: 273px; margin: 0 21px 75px 0; padding: 25px 10px; border-radius: 20px; background-color: #e5eefd; text-align: center; }

.m-state__tit { margin: 0 0 23px; font-family: "BMDohyeon", "NotoSansKR", Arial, Dotum, serif; font-size: 20px; line-height: 1.2; color: #6075a9; }

.m-state__tit em { color: #000; }

.m-state__cont:before { content: ""; display: block; width: 100px; height: 100px; margin: 0 auto 1px; background-image: url(../../static/images/main_icons.png); background-position: 0 0; background-repeat: no-repeat; background-size: 500px auto; }

.m-state__cont.ico-a1:before { background-position: 0 0; }

.m-state__cont.ico-a2:before { background-position: -100px 0; }

.m-state__cont.ico-a3:before { background-position: -200px 0; }

.m-state__cont.ico-a4:before { background-position: -300px 0; }

.m-state__cont.ico-b1:before { background-position: 0 -100px; }

.m-state__cont.ico-b2:before { background-position: -100px -100px; }

.m-state__cont.ico-c1:before { background-position: 0 -200px; }

.m-state__cont.ico-c2:before { background-position: -100px -200px; }

.m-state__cont.ico-c3:before { background-position: -200px -200px; }

.m-state__cont.ico-c4:before { background-position: -300px -200px; }

.m-state__num { display: flex; margin-top: 10px; flex-wrap: wrap; justify-content: center; align-items: center; font-family: "Kanit", "NotoSansKR", Arial, Dotum, serif; }

.m-state__num .num { margin-left: 10px; font-size: 30px; font-weight: 600; line-height: 0.8; color: #0287ff; }

.m-state__num .num:first-child { margin-left: 0; }

.m-state__num .unit { margin-left: 3px; font-size: 20px; font-family: "BMDohyeon", "NotoSansKR", Arial, Dotum, serif; font-style: normal; line-height: 1.2; color: #6582c9; }

.m-state__chart { height: 347px; border-radius: 20px; border: solid 1px #e5eefd; background-color: #fff; }

.m-state__txt { font-family: "BMDohyeon", "NotoSansKR", Arial, Dotum, serif; font-size: 20px; line-height: 1.2; text-align: center; color: #000; }

.m-state__box { display: flex; }

.m-state__box.w4 .m-state__sbox { width: 25%; }

.m-state__sbox { justify-content: center; }

.m-state__sbox .m-state__cont:before { margin-bottom: 8px; }

.m-state:hover { box-shadow: 10px 7px 15px 0 rgba(0, 0, 0, 0.11); }

.m-state--wx2 { width: 610px; }

.legend-group { display: inline-flex; align-items: center; }

.legend-group .rnd-legend { display: inline-flex; width: 10px; height: 10px; margin: 0 3px 0 20px; border-radius: 50%; }

.legend-group .bg-b { background-color: #0287ff; }

.legend-group .bg-p { background-color: #ff71bf; }

/* 보험 테이블 */
.ly-premium { overflow: auto; position: absolute; top: 0; left: 0; right: 0; display: none; height: 100%; min-height: 100vh; padding: var(--headerH) 0 50px; background: rgba(0, 0, 0, 0.85); opacity: 0; }

.ly-premium.is-showing { display: block; opacity: 1; z-index: 5; }

.ly-premium__in { overflow: auto; position: relative; width: 1246px; margin: 0 auto; padding: 169px 0 80px; }

.ly-premium .btn-ly-close { position: absolute; top: 80px; right: 0; display: inline-flex; width: 34px; height: 34px; border-radius: 50%; font-size: 0; background-color: #fff; }

.ly-premium .btn-ly-close:before, .ly-premium .btn-ly-close:after { position: absolute; top: 50%; content: ''; width: 1px; height: 20px; margin-top: -10px; background-color: #000; }

.ly-premium .btn-ly-close:before { transform: rotate(45deg); }

.ly-premium .btn-ly-close:after { transform: rotate(-45deg); }

.ly-premium .btn-ly-close:before, .ly-premium .btn-ly-close:after { margin-left: 17px; }

.ly-premium .table__wrap { background-color: #fff; font-size: 16px; }

.ly-premium .table__wrap td { height: 50px; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #e8ecf3; }

.ly-premium .table__wrap .tr-top td { border-top-color: #c2cad8; }

.ly-premium .table__wrap .tr-header th { height: 76px; font-size: 17px; font-weight: 700; }

.ly-premium .table__wrap .tr-header + .tr-top td { border-top: 0; }

.ly-premium .tab-btn { min-width: 99px; }

.nav-tab { display: flex; margin-bottom: 40px; justify-content: center; align-items: center; }

.nav-tab__btn { display: inline-flex; height: 46px; min-width: 125px; padding: 5px 10px 5px; border-radius: 23px; background-color: #fff; align-items: center; justify-content: center; font-size: 16px; font-weight: 900; line-height: 1.38; color: #9a9a9a; border: solid 1px #e6eaf4; }

.nav-tab__item { margin: 0 5px; }

.nav-tab__item.is-on .nav-tab__btn { color: #fff; background-color: #0287ff; border-color: #0287ff; }

.tab { display: flex; margin-bottom: 30px; }

.tab__item { display: flex; height: 50px; margin-right: 10px; padding: 0; border-radius: 25px; border: solid 1px #e6eaf4; background-color: #fff; color: #9a9a9a; font-size: 16px; line-height: 1.75; align-items: center; text-align: center; justify-content: center; }

.tab__item.is-on { /* padding: 7px; */ color: #0287ff; border-color: currentColor; }

.tab__item.is-on .tab__in-btn { display: inline-flex; }

.tab__btn { display: block; padding: 7px 20px; /* width:100%;  */ height: 100%; min-width: 125px; border-radius: 25px; font-weight: 900; }

.tab__in-btn { /* display: inline-flex; */ display: none; height: 36px; margin: 7px 7px 7px -15px; padding: 7px 20px; border-radius: 18px; border: solid 1px #2463eb; background-color: #0287ff; color: #fff; line-height: 1.2; }