@charset "utf-8";

/*-------------------------------------------------------------------
    @genaral
-------------------------------------------------------------------*/
/* grid */

/*-------------------------------------------------------------------
    @elements
-------------------------------------------------------------------*/
/* button */
.btn-wrap {display: flex; align-items: center; gap: 0 4px; justify-content: center;}

.btn { border: 1px solid transparent; padding: 0 0; margin: 0 0; display: flex; align-items: center; justify-content: center;}
.btn-ic { border: none; padding: 0; margin: 0; display: block; text-indent: -9999px; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.btn-txt {display: flex; align-items: center; justify-content: center;}

.btn.xs {height: 20px; border-radius: 4px; font-size: 11px; gap: 0 4px; padding: 0 8px;}
.btn.sm {height: 24px; border-radius: 8px; font-size: 12px; gap: 0 4px; padding: 0 12px;}
.btn.md {height: 32px; border-radius: 8px; font-size: 12px; gap: 0 4px; padding: 0 20px;}
.btn.lg {height: 48px; border-radius: 8px; font-size: 14px; gap: 0 4px; padding: 0 20px;}
.btn.xl {height: 60px; border-radius: 8px; font-size: 13px; gap: 0 4px; padding: 0 20px;}

.btn.circle {border-radius: 100px;}

.btn.fill-gray {background-color: #F1F3F5; color: #868E96; border-color: #f1f3f5;}
.btn.fill-deepgray {background-color: #868E96; color: #ffffff; border-color: #868E96;}
.btn.fill-dark {background-color: #343A40; color: #ffffff; border-color: #343A40;}
.btn.fill-purple {background-color: #0052d1; color: #ffffff; border-color: #0052d1;}
.btn.fill-blue {background-color: #4C6EF5; color: #ffffff; border-color: #4C6EF5;}
.btn.fill-denim {background-color: #1971C2; color: #ffffff; border-color: #1971C2;}
.btn.fill-darkorchid {background-color: #9C36B5; color: #ffffff; border-color: #9C36B5;}
.btn.fill-tangerine {background-color: #F08C00; color: #ffffff; border-color: #F08C00;}
.btn.fill-crimson {background-color: #E03131; color: #ffffff; border-color: #E03131;}
.btn.fill-pinkred {background-color: #FE6A6D; color: #ffffff; border-color: #FE6A6D;}
.btn.fill-skyblue {background-color: #4FADF4; color: #ffffff; border-color: #4FADF4;}

.btn.line-blue {background-color: #ffffff; color: #748FFC; border-color: #748FFC;}
.btn.line-gray {background-color: #ffffff; color: #343A40; border-color: #CED4DA;}
.btn.line-purple {background-color: #ffffff; color: #0052d1; border-color: #0052d1;}
.btn.line-tangerine {background-color: #ffffff; color: #FD7E14; border-color: #FD7E14;}
.btn.line-green {background-color: #ffffff; color: #66A80F; border-color: #66A80F;}

.btn.to-blue:hover {background-color: #4C6EF5; color: #ffffff; border-color: #4C6EF5;}
.btn.to-blue.on {background-color: #4C6EF5; color: #ffffff; border-color: #4C6EF5;}
.btn.to-dark:hover {background-color: #343A40; color: #ffffff; border-color: #343A40;}

.btn-txt.v1 {height: 32px; padding: 0 12px; font-size: 13px; line-height: 1.231; gap: 0 4px; font-weight: 600;}
.btn-txt.v1:hover {color: #4C6EF5;}
.btn-txt.v2 {font-size: 13px; font-weight: 600; line-height: 1.231; text-align: left; color: #343A40; gap: 0 4px;}
.btn-txt.v3 {height: 32px; padding: 0 12px; font-size: 13px; line-height: 1.231; gap: 0 4px; font-weight: 600;}
.btn-txt.v4 {font-size: 12px; line-height: 1.334; gap: 0 2px;}
.btn-txt.v5 {font-size: 13px; line-height: 1.847; gap: 0 4px; color: #4C6EF5; font-weight: 600;}

.btn-box.v1 {width: 150px; height: 100px; flex-direction: column; align-items: center; justify-content: center; border-radius: 10px; color: #ffffff; text-align: center; font-weight: 600; font-size: 16px; display: flex; gap: 10px 0;}
.btn-box.v1.purple {border-color: #1E6AE1; background-color: #1E6AE1;}
.btn-box.v1.blue {border-color: #4C6EF5; background-color: #4C6EF5;}

.btn[class*='fill-']:disabled {background-color: #CED4DA; color: #ADB5BD; border-color: #CED4DA;}
.btn[class*='line-']:disabled {background-color: #ffffff; color: #CED4DA; border-color: #CED4DA;}
[class*='btn-txt']:disabled,
[class*='btn-txt']:hover:disabled {color: #ADB5BD;}

.btn-tutorial {width: 20px; height: 20px; background-image: url('../img/icon/ic_tutorial.png'); opacity: 0.6;}
.btn-tutorial:hover {opacity: 1;}
.btn-cscenter {width: 20px; height: 20px; background-image: url('../img/icon/ic_cscenter.png'); opacity: 0.6;}
*:hover > .btn-cscenter {opacity: 1;}
.btn-user {height: 24px; padding: 0 10px 0 30px; background: #4D8DFF url('../img/icon/ic_user.png') no-repeat 10px center; background-size: 16px; border-radius: 12px; color: #ffffff; font-weight: 600; font-size: 12px; min-width: 102px;}
.btn-user:hover {background-color: #1E6AE1}
.btn-menu {width: 20px; height: 20px; background-image: url('../img/icon/ic_sitemap.png'); opacity: 0.6;}
.btn-menu:hover {opacity: 1;}
.btn-search {width: 16px; height: 16px; background-image: url('../img/icon/ic_search.png');}
.btn-search.square {width: 32px; height: 32px; border: 1px solid #CED4DA; border-radius: 8px; background-image: url('../img/icon/ic_search.png'); background-size: 16px;}
.btn-ic.btn-refresh {width: 24px; height: 24px; background-image: url('../img/icon/ic_refresh_g.png');}
.btn-sort {width: 14px; height: 14px;}
.btn-sort.down {background-image: url('../img/icon/ic_sort_down.png');}
.btn-sort.down.click {background-image: url('../img/icon/ic_sort_down_recolor1_bold_recolor.png');}
.btn-sort.up {background-image: url('../img/icon/ic_sort_up.png');}
.btn-sort.up.click {background-image: url('../img/icon/ic_sort_up_recolor1_bold_recolor.png');}
/* list-wrap.v5 정렬 헤더 */
.list-wrap.v5 .list-head .row .col.sortable {cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0 4px; user-select: none;}
.list-wrap.v5 .list-head .row .col.sortable:hover p {color: #495057;}
.list-wrap.v5 .list-head .row .col.sortable p {margin: 0; white-space: nowrap;}
.list-wrap.v5 .list-head .row .col.sortable .btn-sort {display: inline-block; flex-shrink: 0; pointer-events: none;}
.btn-sitemap-close {width: 20px; height: 20px; background-image: url('../img/icon/ic_sitemap_close.png');}
.btn-pop-close {width: 16px; height: 16px; background-image: url('../img/icon/ic_pop_close.png');}
.btn-file {background-color: #ffffff; border-radius: 20px; height: 30px; padding: 0 20px; color: #868E96; font-weight: 600; gap: 0 4px;}
.btn-form {background-color: #ffffff; border-radius: 20px; height: 30px; padding: 0 20px; gap: 0 4px;}
.btn-filter:hover,
.btn-filter.on {background-color: #4C6EF5; color: #ffffff;}
.btn-datepicker-prev {width: 20px; height: 20px; background-image: url('../img/icon/ic_arr_datepicker_l.png');}
.btn-datepicker-next {width: 20px; height: 20px; background-image: url('../img/icon/ic_arr_datepicker_r.png');}
.btn-chuck {width: 12px; height: 12px; background-image: url('../img/icon/ic_chuck.png');}
.btn-calendar-more {font-size: 11px; line-height: 1.182; color: #868E96;}
.btn-full-close {width: 20px; height: 20px; background-image: url('../img/icon/ic_full_close.png');}
.btn-delete {width: 16px; height: 16px; background-image: url('../img/icon/ic_delete_default.png');}
.btn-reset {padding-left: 20px; color: #868E96; background: url('../img/icon/ic_refresh_d.png') no-repeat left center; background-size: 16px;}
.btn-cancel {width: 12px; height: 12px; background-image: url('../img/icon/ic_cancel.png');}
.btn-maximum {width: 14px; height: 14px; background-image: url('../img/icon/ic_maximum.png');}
.btn-add-work {width: 20px; height: 20px; background-image: url('../img/icon/ic_add_work_b.png');}
.btn-add-work:disabled {background-image: url('../img/icon/ic_add_work_disabled.png');}
.btn-close-detail {width: 24px; height: 24px; background-image: url('../img/icon/ic_close_detail.png'); background-size: 16px; border: 1px solid #CED4DA; background-color: #ffffff;}
.btn-detail-prev {width: 40px; height: 40px; background-image: url('../img/icon/ic_detail_prev.png');}
.btn-detail-next {width: 40px; height: 40px; background-image: url('../img/icon/ic_detail_next.png');}
.btn-option-toggle {width: 24px; height: 24px; background-image: url('../img/icon/ic_detail_next.png');}
.btn-option-toggle.open {background-image: url('../img/icon/ic_toggle_open.png');}
.btn-option-toggle.close {background-image: url('../img/icon/ic_toggle_close.png');}
.btn-refresh-now {width: 16px; height: 16px; background-image: url('../img/icon/ic_reset_default.png');}
.btn-zoomin {width: 24px; height: 24px; background-image: url('../img/icon/ic_zoomin.png');}
.btn-zoomout {width: 24px; height: 24px; background-image: url('../img/icon/ic_zoomout.png');}
.btn-pin-delete {width: 12px; height: 12px; background-image: url('../img/icon/ic_pin_delete.png');}
.btn-setting {width: 12px; height: 12px; background-image: url('../img/icon/ic_setting.png');}
.btn-swap {width: 12px; height: 12px; background-image: url('../img/icon/ic_swap.png');}
.btn-view {width: 16px; height: 16px;}
.btn-view.off {background-image: url('../img/icon/ic_view_off.png');}
.btn-view.on {background-image: url('../img/icon/ic_view_on.png');}
.btn-login {width: 120px; border-radius: 15px; background-color: #0052d1; color: #ffffff; display: flex; gap: 0 6px; font-size: 13px; font-weight: 600; justify-content: center; height: 27px; align-items: center;}
[class*="btn-history-"] {width: 36px; height: 36px;}
.btn-history-claim {background-image: url('../img/icon/ic_history_claim.png');}
.btn-history-pay {background-image: url('../img/icon/ic_history_pay.png');}
.btn-history-apply {background-image: url('../img/icon/ic_history_apply.png');}
.btn-convey {width: 16px; height: 16px; background-image: url('../img/icon/ic_convey_hover.png');}
[class*="btn-size"] {width: 16px; height: 16px;}
.btn-size.shrink {background-image: url('../img/icon/ic_size_shrink.png');}
.btn-size.expansion {background-image: url('../img/icon/ic_size_expansion.png');}
.btn-img {width: 40px; height: 30px; position: relative; overflow: hidden; object-fit: cover;}
.btn-img img {position: absolute; width: 100%; height: 100%; object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/* icon */
i[class^='ic-'] {display: block; flex: none; background-size: 100%; background-repeat: no-repeat; background-position: center;}

.ic-gnb01 {width: 24px; height: 24px; background-image: url('../img/icon/ic_gnb01.png');}
.ic-gnb08 {width: 24px; height: 24px; background-image: url('../img/icon/ic_gnb08.png');}
.ic-gnb09 {width: 24px; height: 24px; background-image: url('../img/icon/ic_gnb09.png');}
.ic-gnb12 {width: 24px; height: 24px; background-image: url('../img/icon/ic_gnb12.png');}
.ic-sub01 {width: 16px; height: 16px; background-image: url('../img/icon/ic_sub01_default.png');}
.ic-sub02 {width: 16px; height: 16px; background-image: url('../img/icon/ic_sub02_default.png');}
.ic-sub03 {width: 16px; height: 16px; background-image: url('../img/icon/ic_sub03_default.png');}
.ic-sub04 {width: 16px; height: 16px; background-image: url('../img/icon/ic_sub04_default.png');}
.ic-sub05 {width: 16px; height: 16px; background-image: url('../img/icon/ic_sub05_default.png');}
.ic-sub06 {width: 16px; height: 16px; background-image: url('../img/icon/ic_sub06_default.png');}
.ic-sub07 {width: 16px; height: 16px; background-image: url('../img/icon/ic_sub07_default.png');}
.ic-sub08 {width: 16px; height: 16px; background-image: url('../img/icon/ic_sub08_default.png');}
.ic-sub09 {width: 16px; height: 16px; background-image: url('../img/icon/ic_sub09_default.png');}
.ic-sub10 {width: 16px; height: 16px; background-image: url('../img/icon/ic_sub10_default.png');}
*:hover > * > .ic-sub01,
*.on > * > .ic-sub01 {background-image: url('../img/icon/ic_sub01_hover.png');}
*:hover > * > .ic-sub02,
*.on > * > .ic-sub02 {background-image: url('../img/icon/ic_sub02_hover.png');}
*:hover > * > .ic-sub03,
*.on > * > .ic-sub03 {background-image: url('../img/icon/ic_sub03_hover.png');}
*:hover > * > .ic-sub04,
*.on > * > .ic-sub04 {background-image: url('../img/icon/ic_sub04_hover.png');}
*:hover > * > .ic-sub05,
*.on > * > .ic-sub05 {background-image: url('../img/icon/ic_sub05_hover.png');}
*:hover > * > .ic-sub06,
*.on > * > .ic-sub06 {background-image: url('../img/icon/ic_sub06_hover.png');}
*:hover > * > .ic-sub07,
*.on > * > .ic-sub07 {background-image: url('../img/icon/ic_sub07_hover.png');}
*:hover > * > .ic-sub08,
*.on > * > .ic-sub08 {background-image: url('../img/icon/ic_sub08_hover.png');}
*:hover > * > .ic-sub09,
*.on > * > .ic-sub09 {background-image: url('../img/icon/ic_sub09_hover.png');}
*:hover > * > .ic-sub10,
*.on > * > .ic-sub10 {background-image: url('../img/icon/ic_sub10_hover.png');}
.ic-add.dark {width: 16px; height: 16px; background-image: url('../img/icon/ic_add_default_d.png');}
button:hover > .ic-add.dark {background-image: url('../img/icon/ic_add_hover_d.png');}
button:disabled > .ic-add.dark,
button:hover:disabled > .ic-add.dark {background-image: url('../img/icon/ic_add_disabled_d.png');}
.ic-add.white {width: 16px; height: 16px; background-image: url('../img/icon/ic_add_default_w.png');}
.ic-schedule {width: 16px; height: 16px; background-image: url('../img/icon/ic_schedule_default.png');}
button:hover > .ic-schedule {background-image: url('../img/icon/ic_schedule_hover.png');}
.ic-group {width: 16px; height: 16px; background-image: url('../img/icon/ic_group_default.png');}
button:hover > .ic-group {background-image: url('../img/icon/ic_group_hover.png');}
.ic-area {width: 16px; height: 16px; background-image: url('../img/icon/ic_area_default.png');}
button:hover > .ic-area {background-image: url('../img/icon/ic_area_hover.png');}
button.not-hover > .ic-area {background-image: url('../img/icon/ic_area_default.png');}
.ic-setting {width: 14px; height: 14px; background-image: url('../img/icon/ic_setting.png');}
.ic-reset {width: 16px; height: 16px; background-image: url('../img/icon/ic_reset_default.png');}
button.btn-txt:hover > .ic-reset {background-image: url('../img/icon/ic_reset_hover.png');}
.ic-reset.orange {width: 16px; height: 16px; background-image: url('../img/icon/ic_reset_o.png');}
button:disabled > .ic-reset,
button:disabled:hover > .ic-reset{background-image: url('../img/icon/ic_reset_disabled.png');}
.ic-close {width: 16px; height: 16px; background-image: url('../img/icon/ic_close.png');}
.ic-submit {width: 16px; height: 16px; background-image: url('../img/icon/ic_submit_default.png');}
.btn:disabled > .ic-submit {background-image: url('../img/icon/ic_submit_disabled.png');}
.ic-logout {width: 16px; height: 16px; background-image: url('../img/icon/ic_logout.png');}
.ic-allcheck {width: 14px; height: 14px; background-image: url('../img/icon/ic_allcheck_default.png');}
button:hover > .ic-allcheck {width: 14px; height: 14px; background-image: url('../img/icon/ic_allcheck_hover.png');}
.ic-excel {width: 60px; height: 60px; background-image: url('../img/icon/ic_excel.png');}
.ic-word {width: 60px; height: 60px; background-image: url('../img/icon/ic_word.png');}
.ic-file {width: 14px; height: 14px; background-image: url('../img/icon/ic_file.png');}
.ic-form {width: 16px; height: 16px; background-image: url('../img/icon/ic_form.png');}
.ic-tooltip {width: 16px; height: 16px; background-image: url('../img/icon/ic_tooltip.png'); cursor: pointer;}
.ic-delete {width: 16px; height: 16px; background-image: url('../img/icon/ic_delete_default.png');}
button:hover > .ic-delete {background-image: url('../img/icon/ic_delete_hover.png');}
button:hover > .ic-delete.white {background-image: url('../img/icon/ic_delete_w.png');}
button:disabled > .ic-delete,
button:hover:disabled > .ic-delete {background-image: url('../img/icon/ic_delete_disabled.png');}
.ic-delete.white {width: 16px; height: 16px; background-image: url('../img/icon/ic_delete_w.png');}
.ic-sms {width: 16px; height: 16px; background-image: url('../img/icon/ic_sms_default.png');}
button:hover > .ic-sms {background-image: url('../img/icon/ic_sms_hover.png');}
.ic-modify {width: 16px; height: 16px; background-image: url('../img/icon/ic_modify_default.png');}
button:not(.v2):hover:disabled > .ic-modify,
button:not(.v2):disabled > .ic-modify {background-image: url('../img/icon/ic_modify_disabled.png');}
button:not(.v2):hover > .ic-modify {background-image: url('../img/icon/ic_modify_hover.png');}
.ic-filter {width: 14px; height: 14px; background-image: url('../img/icon/ic_filter_default.png');}
.btn.on > .ic-filter,
.btn:hover > .ic-filter {background-image: url('../img/icon/ic_filter_hover.png');}
.ic-warning {width: 40px; height: 40px; background-image: url('../img/icon/ic_warning.png');}
.ic-complete {width: 40px; height: 40px; background-image: url('../img/icon/ic_complete.png');}
.ic-find {width: 40px; height: 40px; background-image: url('../img/icon/ic_find.png');}
.ic-upload {width: 14px; height: 14px; background-image: url('../img/icon/ic_upload.png');}
.ic-search {width: 16px; height: 16px; background-image: url('../img/icon/ic_search_b.png');}
.ic-lookup {width: 16px; height: 16px; background-image: url('../img/icon/ic_search.png');}
button:hover > .ic-lookup {background-image: url('../img/icon/ic_search_b.png');}
.ic-rectangle {width: 12px; height: 12px; background-image: url('../img/icon/ic_rectangle.png');}
.ic-circle {width: 12px; height: 12px; background-image: url('../img/icon/ic_circle.png');}
.ic-line-normal {width: 20px; height: 20px; background-image: url('../img/icon/ic_line_normal.png');}
.ic-line-bold {width: 20px; height: 20px; background-image: url('../img/icon/ic_line_bold.png');}
.ic-dispatch {width: 16px; height: 16px; background-image: url('../img/icon/ic_dispatch_default.png');}
button:hover > .ic-dispatch {background-image: url('../img/icon/ic_dispatch_hover.png');}
.ic-save {width: 16px; height: 16px; background-image: url('../img/icon/ic_save.png');}
.ic-save.white {background-image: url('../img/icon/ic_save_w.png');}
.ic-add-work {width: 16px; height: 16px;}
.ic-add-work.dark {background-image: url('../img/icon/ic_add_work_d.png');}
.ic-add-work.white {background-image: url('../img/icon/ic_add_work_w.png');}
button:disabled > .ic-add-work {background-image: url('../img/icon/ic_add_work_disabled.png');}
.ic-route {width: 16px; height: 16px; background-image: url('../img/icon/ic_route.png');}
.ic-swap {width: 12px; height: 12px; background-image: url('../img/icon/ic_swap.png');}
.ic-more {width: 20px; height: 20px; background-image: url('../img/icon/ic_more.png');}
.ic-download {width: 16px; height: 16px; background-image: url('../img/icon/ic_download.png');}
.ic-download.blue {background-image: url('../img/icon/ic_excel_down_hover.png');}
.btn-fold {width: 20px; height: 40px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.btn-fold.close {background: #4C6EF5 url('../img/icon/ic_fold_close.png') no-repeat left center; background-size: 16px;}
.btn-fold.open {background: #4C6EF5 url('../img/icon/ic_fold_open.png') no-repeat left center; background-size: 16px;}
.ic-back {width: 20px; height: 20px; background-image: url('../img/icon/ic_back.png');}
.ic-way {width: 16px; height: 16px; background-image: url('../img/icon/ic_way.png');}
.ic-chart01 {width: 14px; height: 6px; background-image: url('../img/icon/ic_chart01.png');}
.ic-chart02 {width: 14px; height: 6px; background-image: url('../img/icon/ic_chart02.png');}
.ic-chart03 {width: 14px; height: 6px; background-image: url('../img/icon/ic_chart03.png');}
.ic-chart04 {width: 14px; height: 6px; background-image: url('../img/icon/ic_chart04.png');}
.ic-chart05 {width: 14px; height: 6px; background-image: url('../img/icon/ic_chart05.png');}
.ic-chart06 {width: 14px; height: 6px; background-image: url('../img/icon/ic_chart06.png');}
.ic-excel-down {width: 16px; height: 16px; background-image: url('../img/icon/ic_excel_down.png');}
button:hover > .ic-excel-down {background-image: url('../img/icon/ic_excel_down_hover.png');}
.ic-chuck {width: 12px; height: 12px; background-image: url('../img/icon/ic_chuck.png');}
.ic-convey {width: 16px; height: 16px; background-image: url('../img/icon/ic_convey_default.png');}
button:hover > .ic-convey {background-image: url('../img/icon/ic_convey_hover.png');}
.ic-login {width: 16px; height: 16px; background-image: url('../img/icon/ic_login.png');}
.ic-login.purple {background-image: url('../img/icon/ic_login_p.png');}
.ic-next {width: 16px; height: 16px; background-image: url('../img/icon/ic_next.png');}
.ic-terms {width: 12px; height: 12px; background-image: url('../img/icon/ic_terms.png');}
.ic-pw {width: 16px; height: 16px; background-image: url('../img/icon/ic_pw.png');}
.ic-cancle {width: 16px; height: 16px; background-image: url('../img/icon/ic_cancel.png');}
.ic-oneday-close {width: 12px; height: 12px; background-image: url('../img/icon/ic_oneday_close.png');}
.ic-attachment {width: 16px; height: 16px; background-image: url('../img/icon/ic_attachment.png');}
.ic-attach {width: 16px; height: 16px; background-image: url('../img/icon/ic_attach.png');}
.ic-notice {width: 16px; height: 16px; background-image: url('../img/icon/ic_notice.png');}
.ic-list {width: 16px; height: 16px; background-image: url('../img/icon/ic_list.png');}
.ic-preview {width: 16px; height: 16px; background-image: url('../img/icon/ic_preview.png');}
.ic-message {width: 16px; height: 16px; background-image: url('../img/icon/ic_message.png');}
[class^='ic-arr-paging-'] {width: 16px; height: 16px;}
.ic-arr-paging-prev {background-image: url('../img/icon/ic_paging_prev.png');}
.ic-arr-paging-next {background-image: url('../img/icon/ic_paging_next.png');}
.ic-member {width: 36px; height: 36px; background-image: url('../img/icon/ic_member.png');}
.ic-company {width: 36px; height: 36px; background-image: url('../img/icon/ic_company.png');}
.ic-contractor {width: 36px; height: 36px; background-image: url('../img/icon/ic_contractor.png');}
.ic-tax {width: 36px; height: 36px; background-image: url('../img/icon/ic_tax.png');}
.ic-authority {width: 36px; height: 36px; background-image: url('../img/icon/ic_authority.png');}
.ic-pay {width: 16px; height: 16px; background-image: url('../img/icon/ic_pay.png');}
.ic-write {width: 12px; height: 12px;}
.ic-write.blue {background-image: url('../img/icon/ic_write_b.png');}
.ic-write.white {background-image: url('../img/icon/ic_write_w.png');}
.ic-link {width: 30px; height: 30px; }
.ic-link.white {background-image: url('../img/icon/ic_link_w.png');}
.ic-link.blue {background-image: url('../img/icon/ic_link_b.png');}
.ic-small-pdf {width: 16px; height: 16px; background-image: url('../img/icon/ic_small_pdf.png');}
.ic-small-excel {width: 16px; height: 16px; background-image: url('../img/icon/ic_small_excel.png');}
.ic-edit {width: 16px; height: 16px; background-image: url('../img/icon/ic_edit.png');}
.ic-real-time {width: 12px; height: 12px; background-image: url('../img/icon/ic_real_time.png');}
.ic-img {width: 12px; height: 12px; background-image: url('../img/icon/ic_img.png');}
.ic-satellite {width: 12px; height: 12px; background-image: url('../img/icon/ic_satellite.png');}
.ic-recommend {width: 12px; height: 12px; background-image: url('../img/icon/ic_recommend.png');}
.ic-actual {width: 12px; height: 12px; background-image: url('../img/icon/ic_actual.png');}
.ic-direction {width: 12px; height: 12px; background-image: url('../img/icon/ic_direction.png');}
.ic-talk {width: 16px; height: 16px; background-image: url('../img/icon/ic_talk_default.png');}
.ic-talk:hover {background-image: url('../img/icon/ic_talk_hover.png');}
.ic-drop {width: 16px; height: 16px; background-image: url('../img/icon/ic_drop.png');}
.ic-coin {width: 36px; height: 36px; background-image: url('../img/icon/ic_coin.png');}
.ic-input {width: 36px; height: 36px; background-image: url('../img/icon/ic_input.png');}
.ic-card {width: 24px; height: 24px; background-image: url('../img/icon/ic_card.png');}
.ic-account {width: 24px; height: 24px; background-image: url('../img/icon/ic_account.png');}
.ic-item {width: 16px; height: 16px; background-image: url('../img/icon/ic_item.png');}

/* line */
.line.v1 {margin: 0; border: 0; border-top: 1px solid #E9ECEF;}
.line.v2 {margin: 0; border: 0; border-top: 1px solid #CED4DA;}

/* list */
.list-top {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.list-top.has-line {border-bottom: 1px solid #CED4DA;}
.list-top .division {display: flex; align-items: center; gap: 0 20px;}
.list-top .txt-count {font-size: 12px; font-weight: 600; line-height: 1.3334; color: #868E96;}
.list-top .txt-count strong {display: inline-block; line-height: 1.3334; color: #343A40; padding-left: 2px;}
.list-top dl {display: flex; align-items: center; justify-content: flex-start; gap: 0 2px;}
.list-top dl dt {font-size: 12px; font-weight: 600; line-height: 1.3334; color: #868E96;}

.list-wrap {}

.list-wrap.fixed-table {display: flex; width: 100%;}
.list-wrap.fixed-table .fixed-col {display: flex; flex-direction: column; border-right: 1px solid #F1F3F5; flex: none;}
.list-wrap.fixed-table .scroll-col {flex: 1 0; /*overflow: hidden;*/ display: flex; flex-direction: column; min-width: 0;}
/* .list-wrap.fixed-table .fixed-col table {table-layout: auto; width: auto; white-space: nowrap;} */
.list-wrap.fixed-table .fixed-col .list-head,
.list-wrap.fixed-table .fixed-col .list-body,
.list-wrap.fixed-table .scroll-col .list-head,
.list-wrap.fixed-table .scroll-col .list-body {width: auto;}
.list-wrap.fixed-table .fixed-col .list-head table,
.list-wrap.fixed-table .fixed-col .list-body table {table-layout: auto; width: auto; white-space: nowrap; min-width: 0;}
.list-wrap.fixed-table .scroll-col .list-head table,
.list-wrap.fixed-table .scroll-col .list-body table {table-layout: auto; width: max-content; white-space: nowrap; min-width: 0;}
.list-wrap.fixed-table .fixed-col .mCSB_scrollTools {opacity: 0;}

.list-wrap.v1 {width: 100%; display: flex; flex-direction: column;}
.list-wrap.v1 .no-data {flex: 1 0; width: 100%; display: flex; min-height: 0; align-items: center; justify-content: center;}
.list-wrap.v1 .no-data p {border: 1px dashed #CED4DA; width: 185px; margin: 0 auto; text-align: center; font-size: 11px; font-weight: 600; line-height: 1.182; color: #868E96; padding: 40px 0; border-radius: 20px;}
/*계정관리-지점정보용*/
.list-wrap.v1 .no-data-branch {flex: 1 0; width: 100%; min-height: 0; align-items: center; justify-content: center;}
.list-wrap.v1 .list-head {width: 100%; flex: none; overflow: hidden;}
.list-wrap.v1 .list-body {width: 100%; flex: 1 0; min-height: 0;}
.list-wrap.v1 .list-foot {width: 100%; flex: none; overflow: hidden;}
.list-wrap.v1 table {width: 100%; min-width: 1240px; table-layout: fixed;}
.list-wrap.v1 table thead tr {border-top: 1px solid #E9ECEF; border-bottom: 1px solid #E9ECEF;}
.list-wrap.v1 table thead tr th {background-color: #F8F9FA; text-align: center; color: #868E96; font-size: 12px; font-weight: 600; height: 40px; vertical-align: middle; padding: 0 10px; border-right: 1px solid #E9ECEF; border-left: 1px solid #E9ECEF;}
.list-wrap.v1 table thead tr th:first-child {border-left: 0;}
.list-wrap.v1 table thead tr th:last-child {border-right: 0;}
.list-wrap.v1 table thead tr th > span {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; font-size: 12px; font-weight: 600}
.list-wrap.v1 table thead tr th:has(.btn-sort) > span {max-width: calc(100% - 16px);}
.list-wrap.v1 table .switch {margin: 0 auto;}
.list-wrap.v1 table .btn-sort {margin-left: 4px; display: inline-block; vertical-align: middle;}
.list-wrap.v1 table thead tr th.sortable {cursor: pointer; user-select: none;}
.list-wrap.v1 table thead tr th.sortable .btn-sort {pointer-events: none;}
.list-wrap.v1 table .check {display: inline-block; vertical-align: middle;}
.list-wrap.v1 table tbody tr {border-bottom: 1px solid #E9ECEF;}
.list-wrap.v1:has(tfoot) table tbody tr:last-child {border-bottom: 0;}
.list-wrap.v1 table tbody tr:hover {background-color: #edf2ff;}
.list-wrap.v1 table tbody tr:hover td {background-color: #edf2ff !important;}
.list-wrap.v1 table tbody tr[onclick] {cursor: pointer;}
.list-wrap.v1 table tbody tr td {text-align: center; height: 45px; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 6.5px 10px;}
.list-wrap.v1 table tbody tr td > .check,
.list-wrap.v1 table tbody tr td > .btn,
.list-wrap.v1 table tbody tr td > [class^="ic-"] {display: inline-block;}
.list-wrap.v1 table tbody tr td > p.btn.sm {line-height: 22px;}
.list-wrap.v1 table tbody tr td > .label {margin: 0 auto;}
.list-wrap.v1 table tbody tr td .link {display: flex; align-items: center; justify-content: center; gap: 0 4px; max-width: 100%;}
.list-wrap.v1 table tbody tr td .link a {min-width: 0; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12px; line-height: 1.3334; color: #343A40;}
.list-wrap.v1 table tbody tr td > [class^="ic-"] {vertical-align: middle;}
.list-wrap.v1 table tbody tr td.error {cursor: pointer;}
.list-wrap.v1 table tbody tr td.long {overflow: visible; word-break: break-all; white-space: initial; text-align: left;}
.list-wrap.v1 table tfoot tr {border-top: 1px solid #E9ECEF;}
.list-wrap.v1 table tfoot tr th {text-align: center; height: 40px; vertical-align: middle; font-size: 12px; color: #1E6AE1; font-weight: 600;}
.list-wrap.v1 table tfoot tr td {text-align: center; height: 40px; vertical-align: middle; font-size: 14px; color: #1E6AE1; font-weight: 700;}
.list-wrap.v1 .list-head table tbody tr td {font-weight: 700; text-align: center;}

.list-wrap.v1.fixed-table {flex-direction: row;}
.list-wrap.v1.fixed-table .fixed-col table tr th {background-color: #DEE2E6;}
.list-wrap.v1.fixed-table table tbody tr:hover {background-color: transparent}

.list-wrap.v2 {width: 100%;}
.list-wrap.v2 .list-head {width: 100%; border-radius: 20px; overflow: hidden; padding: 0 10px; background-color: #E9ECEF;}
.list-wrap.v2 .list-body {width: 100%; padding: 0 10px;}
.list-wrap.v2 table {width: 100%; table-layout: fixed;}
.list-wrap.v2 .list-head table thead tr th {text-align: center; position: relative; font-size: 11px; line-height: 1.455; padding: 10px 0; vertical-align: middle; font-weight: 400;}
.list-wrap.v2 .list-head table thead tr th.partition::before {content: ""; width: 1px; height: 70%; background-color: #CED4DA; position: absolute; transform: rotate(-45deg);}
.list-wrap.v2 .list-head table thead tr th.partition p {line-height: 0.728;}
.list-wrap.v2 .list-head table thead tr th.partition p:first-child {text-align: right; padding-right: 10px;}
.list-wrap.v2 .list-head table thead tr th.partition p:last-child {text-align: left; padding-left: 10px;}
.list-wrap.v2 .list-body table tbody tr {border-bottom: 1px solid #E9ECEF;}
.list-wrap.v2 .list-body table tbody tr th {text-align: left; color: #868E96; font-size: 12px; font-weight: 600; padding: 10px 0; line-height: 1.25;}
.list-wrap.v2 .list-body table tbody tr td {font-size: 12px; line-height: 1.25; padding: 10px; text-align: center; color: #868E96}

.list-wrap.v3 ul li + li {margin-top: 2px;}
.list-wrap.v3 ul li a {display: block; width: 100%; border: 1px solid #F8F9FA; background-color: #F8F9FA; border-radius: 10px; padding: 9px 19px;}
.list-wrap.v3 ul li:hover a {border-color: #748FFC; background-color: #EDF2FF;}
.list-wrap.v3 ul li a .txt-zip {font-size: 12px; font-weight: 600; line-height: 1.25; color: #343A40;}
.list-wrap.v3 ul li a .txt {font-size: 11px; line-height: 1.455; color: #868E96;}

.list-wrap.v4 ul li {width: 100%;}
.list-wrap.v4 ul li + li {margin-top: 5px;}
.list-wrap.v4 ul li.no-data {min-height: 100%;}
.list-wrap.v4 ul li.no-data p {border: 1px dashed #CED4DA; width: 185px; margin: 0 auto; text-align: center; font-size: 11px; font-weight: 600; line-height: 1.182; color: #868E96; padding: 40px 0; border-radius: 20px;}
.list-wrap.v4 ul li a {display: block; padding: 12px 20px; background: #F8F9FA; border-radius: 10px; border: 1px solid #F8F9FA;}
.list-wrap.v4 ul li:hover a {border-color: #748FFC; background-color: #EDF2FF;}
.list-wrap.v4 ul li  + .data {margin-top: 8px;}
.list-wrap.v4 ul li .data {display: flex; align-items: center;}
.list-wrap.v4 ul li .data .tit {flex: 1 0; font-size: 14px; font-weight: 700; line-height: 1.143; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #343A40;}
.list-wrap.v4 ul li .data .manager {width: 110px;}
.list-wrap.v4 ul li .data .manager dl {display: flex; align-items: center; justify-content: flex-start; gap: 0 2px;}
.list-wrap.v4 ul li .data .manager dl dt {flex: none; font-size: 12px; color: #868E96; font-weight: 600; line-height: 1.3334;}
/*운전자관리-권역, 권역목록- 2driver(s) 로 만들기 위해 flex 옵션 제거, 아래가 기존*/
.list-wrap.v4 ul li .data .manager dl dd {font-size: 12px; line-height: 1.3334; font-weight: 600; color: #343A40}
/*.list-wrap.v4 ul li .data .manager dl dd {flex: 1 0; font-size: 12px; line-height: 1.3334; font-weight: 600; color: #343A40}*/
.list-wrap.v4 ul li .data + .vouch {margin-top: 8px;}
.list-wrap.v4 ul li .vouch {display: flex; align-items: center; justify-content: flex-start; gap: 0 4px;}
.list-wrap.v4 ul li .vouch dl {display: flex; align-items: center; justify-content: flex-start; gap: 0 4px;}
.list-wrap.v4 ul li .vouch dl dt {flex: none; line-height: 20px; border-radius: 4px; padding: 0 8px; font-size: 11px; color: #868E96; background-color: #E9ECEF;}
.list-wrap.v4 ul li .vouch dl dd {color: #868E96; font-size: 11px; font-weight: 600; line-height: 1.182;}

.list-wrap.v5 {display: flex; flex-direction: column;}
.list-wrap.v5 .row {display: flex; width: 100%; padding: 0 5px; gap: 0 5px;}
.list-wrap.v5 .row .col {flex: 1 0; display: flex; align-items: center; justify-content: center; gap: 2px 4px; flex-wrap: wrap; padding: 8px 0;}
.list-wrap.v5 .row .col[class*='w'] {flex: none;}
.list-wrap.v5 .row .col.ta-c p {text-align: center;}
.list-wrap.v5 .row.hover {background-color: #F3F0FF !important; border-color: #F3F0FF !important;}
.row.ui-sortable-helper,
.list-wrap.v5 .row.ui-sortable-helper {width: 100%; background-color: #DBE4FF !important; box-shadow: 0px 4px 4px 0px #0000001A; border-color: #748FFC !important; display: flex;}
.list-wrap.v5 .row.ui-sortable-placeholder {height: 0 !important; margin-top: 0 !important;}
.list-wrap.v5.has-check .check-row {position: relative;}
.list-wrap.v5.has-check .check-row + .check-row {margin-top: 6px;}
.list-wrap.v5.has-check .check-row > input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.list-wrap.v5.has-check .check-row > input[type="checkbox"]:checked + .row {background-color: #DBE4FF; border-color: #DBE4FF;}
.list-wrap.v5.has-check .check-row > input[type="radio"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.list-wrap.v5.has-check .check-row > input[type="radio"]:checked + .row {background-color: #DBE4FF; border-color: #DBE4FF; font-weight: bold;}
.list-wrap.v5 .list-head .row {background-color: #F1F3F5; border-radius: 8px;}
.list-wrap.v5 .list-head .row .col {min-height: 32px;}
.list-wrap.v5 .list-head .row .col p {font-size: 12px; font-weight: 600; line-height: 1.3334; color: #868e86;}
.list-wrap.v5 .list-head .row .col .division {display: flex; align-items: center; justify-content: center; width: 100%;}
.list-wrap.v5 .list-head + .list-body {margin-top: 6px;}
.list-wrap.v5 .list-body .row {border-radius: 10px; border: 1px solid #F8F9FA; background-color: #F8F9FA; min-height: 32px;}
.list-wrap.v5 .list-body .row:hover {background-color: #EDF2FF; border-color: #EDF2FF;}
.list-wrap.v5 .list-body .row.on {border-color: #748FFC; background-color: #EDF2FF;}
.list-wrap.v5 .list-body .row + .row {margin-top: 6px;}
.list-wrap.v5 .list-body .row .col {min-height: 32px;}
.list-wrap.v5 .list-body .row .col p {font-size: 12px; line-height: 1.334; color: #343a34;}
.list-wrap.v5 .list-body .row .col p.shortening {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.list-wrap.v5 .list-body .row .col.jc-fs {padding: 0 10px;}
/* 지역관리 운전자 목록 체크박스만 고정 너비 적용 */
.list-wrap.v5 .col-check {flex: 0 0 30px; max-width: 30px; justify-content: center; padding: 8px 0;}
.list-wrap.v5 .col-max {flex: 0 0 90px; max-width: 90px; justify-content: center; padding: 8px 0;}

.list-wrap.v6 ul li {color: #868E96; position: relative; font-size: 11px; line-height: 1.455; padding-left: 16px;}
.list-wrap.v6 ul li::before {content: ""; width: 2px; height: 2px; border-radius: 50%; position: absolute; left: 8px; top: 7px; background-color: #868E96;}

.list-wrap.v7 ul li {font-size: 11px; line-height: 1.455;}

.list-wrap.v8 > ul > li {display: flex; align-items: flex-start; padding: 10px 15px;}
.list-wrap.v8 > ul > li + li {border-top: 1px solid #E9ECEF}
.list-wrap.v8 > ul > li > * {flex: 1 0; color: #868E96; font-size: 11px; line-height: 1.182;}
.list-wrap.v8 > ul > li .num {flex: none; width: 25px;}
.list-wrap.v8 > ul > li .cont .data {margin-top: 4px;}
.list-wrap.v8 > ul > li .cont .data > ul {display: flex; gap: 0 20px;}
.list-wrap.v8 > ul > li .cont .data > ul > li {position: relative; color: #343A40; font-size: 10px; line-height: 1.7; display: flex; align-items: center; justify-content: flex-start; gap: 0 2px;}
.list-wrap.v8 > ul > li .cont .data > ul > li + li::before {content: ""; width: 1px; height: 11px; background-color: #CED4DA; position: absolute; left: -11px; top: 50%; transform: translateY(-50%);}

.list-wrap.v9 {display: flex; flex-direction: column;}
.list-wrap.v9 .row {display: flex; width: 100%;}
.list-wrap.v9 .row .col {flex: 1 0; display: flex; align-items: center; justify-content: center; gap: 0 4px;}
.list-wrap.v9 .row .col[class*='w'] {flex: none;}
.list-wrap.v9 .row.hover {background-color: #F3F0FF !important; border-color: #F3F0FF !important;}
.row.ui-sortable-helper,
.list-wrap.v9 .row.ui-sortable-helper {width: 100%; background-color: #DBE4FF !important; box-shadow: 0px 4px 4px 0px #0000001A; border-color: #748FFC !important; display: flex;}
.list-wrap.v9 .row.ui-sortable-placeholder {height: 0 !important; margin-top: 0 !important;}
.list-wrap.v9 .list-head {border-radius: 8px; overflow: hidden;}
.list-wrap.v9 .list-head table {width: 100%;}
.list-wrap.v9 .list-head table thead tr + tr {border-top: 1px solid #E9ECEF;}
.list-wrap.v9 .list-head table thead tr th {background-color: #F1F3F5; text-align: center; padding: 8px 0; font-size: 12px; line-height: 1.3334; color: #868E96; vertical-align: middle; border-right: 1px solid #E9ECEF;}
.list-wrap.v9 .list-head table thead tr > th + th {border-left: 1px solid #E9ECEF;}
.list-wrap.v9 .list-head table thead tr > th:last-child {border-right: 0;}
.list-wrap.v9 .list-head table thead tr > th > button {display: inline-block;}
.list-wrap.v9 .list-head + .list-body {margin-top: 6px;}
.list-wrap.v9 .list-body .row {border-radius: 10px; border: 1px solid #F8F9FA; background-color: #F8F9FA; height: 32px;}
.list-wrap.v9 .list-body .row:hover {background-color: #EDF2FF; border-color: #EDF2FF;}
.list-wrap.v9 .list-body .row.on {border-color: #748FFC; background-color: #EDF2FF;}
.list-wrap.v9 .list-body .row + .row {margin-top: 6px;}
.list-wrap.v9 .list-body .row .col {height: 32px;}
.list-wrap.v9 .list-body .row .col p {font-size: 12px; line-height: 1.334; color: #343a34;}
.list-wrap.v9 .list-body .row .col.jc-fs {padding: 0 10px;}

.list-wrap.v10 > ul > li {font-size: 12px; line-height: 1.5834; position: relative; padding-left: 15px;}
.list-wrap.v10 > ul > li::before {content: ""; width: 2px; height: 2px; position: absolute; border-radius: 50%; background-color: #343A40; left: 6px; top: 8px;}

/* img list */
.img-list{}

.img-list.v1{}

/* title */
.tit-wrap {display: flex; align-items: center;}
.tit-wrap .tit-area {display: flex; align-items: center; justify-content: flex-start; gap: 0 10px;}

.tit-wrap.v1 {border-bottom: 1px solid #CED4DA; padding-bottom: 8px; justify-content: space-between;}
.tit-wrap.v2 {justify-content: space-between;}

.tit.v1 {font-size: 16px; font-weight: 700; line-height: 1.1875; text-align: left;}
.tit.v2 {font-size: 14px; font-weight: 600; line-height: 1.143; text-align: left;}
.tit.v3 {font-size: 12px; font-weight: 600; line-height: 1.334; text-align: left;}
.tit.v4 {font-size: 12px; font-weight: 700; line-height: 1.334; text-align: left; color: #868E86;}
.tit.v5 {font-size: 14px; font-weight: 700; line-height: 1.143; text-align: left;}
.tit.v6 {font-size: 24px; font-weight: 700; line-height: 1.208334; text-align: left;}

/* text */
.txt-invalid {color: #FD7E14; font-size: 11px; font-weight: 400; line-height: 1.182;}
.txt-valid {color: #4C6EF5; font-size: 11px; font-weight: 400; line-height: 1.182;}
.txt-warning {color: #FD7E14; font-size: 11px; font-weight: 400; line-height: 1.364;}
.txt-comment {color: #ADB5BD; font-size: 11px; font-weight: 400; line-height: 1.182;}
.txt-normal {color: #343A40; font-size: 12px; font-weight: 400; line-height: 1.167;}
.txt-usher {color: #868E96; font-size: 12px; font-weight: 400; line-height: 1.667;}
.txt-attachment {font-size: 12px; line-height: 1.3334; color: #343A40; display: block; width: fit-content; padding-left: 20px; background: url('../img/icon/ic_attachment.png') no-repeat left top; background-size: 16px;}
.txt-explain {color: #868E96; font-size: 12px; font-weight: 500; line-height: 1.667;}

/* table */
.tbl-wrap{}
.tbl-wrap table{ width: 100%; table-layout: fixed; }

.tbl-wrap.v1 table tbody tr th {font-size: 11px; font-weight: 600; line-height: 1.182; color: #868E96; text-align: left; vertical-align: top; padding: 9.5px 0;}
.tbl-wrap.v1 table tbody tr td {font-size: 12px; font-weight: 400; line-height: 1.167; text-align: left; vertical-align: top; padding: 9px 0;}
.tbl-wrap.v1 table tbody tr td:has(input[type="text"]) {padding: 0;}

.tbl-wrap.v2 table tbody tr th,
.tbl-wrap.v2 table tbody tr td {padding: 8px 0; height: 16px;}
.tbl-wrap.v2 table tbody tr th {font-size: 12px; font-weight: 600; line-height: 1.25; text-align: left;}

.tbl-wrap.v3 {display: flex; flex-direction: column;}
.tbl-wrap.v3 .tbl-body {flex: 1 0; min-height: 0;}
.tbl-wrap.v3 .tbl-head {flex: none;}
.tbl-wrap.v3 .normal-height {height: 35px; vertical-align: middle; padding: 10px 0;}
.tbl-wrap.v3 th.normal-style {color: #343A40; font-weight: 600;}
.tbl-wrap.v3 table {}
.tbl-wrap.v3 table thead {border-bottom: 1px solid #000000;}
.tbl-wrap.v3 table thead tr th {padding-bottom: 10px; color: #868E96; font-weight: 600; font-size: 11px; line-height: 1.182;}
.tbl-wrap.v3 table tbody tr {border-bottom: 1px solid #E9ECEF;}
.tbl-wrap.v3 table tbody tr td {text-align: center; font-size: 12px; line-height: 1.3334; height: 44px; vertical-align: middle;}
.tbl-wrap.v3 table tfoot tr {border-bottom: 1px solid #E9ECEF;}
.tbl-wrap.v3 table tfoot tr th {text-align: center; vertical-align: middle; font-size: 12px; line-height: 1.334; font-weight: 600; height: 40px; background-color: #F8F9FA;}
.tbl-wrap.v3 table tfoot tr td {vertical-align: middle; text-align: center; font-size: 12px; line-height: 1.3334; height: 40px; background-color: #F8F9FA;}

.tbl-wrap.v4 {display: flex; flex-direction: column;}
.tbl-wrap.v4 .tbl-head {flex: none;}
.tbl-wrap.v4 .tbl-body {flex: 1 0; min-height: 0;}
.tbl-wrap.v4 .tbl-head + .tbl-body table tbody tr > * {border-top: 0;}
.tbl-wrap.v4 table thead tr th {border-top: 1px solid #E9ECEF; border-bottom: 1px solid #E9ECEF; text-align: center; font-size: 12px; font-weight: 600; padding: 8px 0; background-color: #F8F9FA; line-height: 1.3334; color: #868E96; vertical-align: middle;}
.tbl-wrap.v4 table thead tr > * {border-right: 1px solid #E9ECEF;}
.tbl-wrap.v4 table thead tr > *:last-child {border-right: 0;}
.tbl-wrap.v4 table thead tr > * + * {border-left: 1px solid #E9ECEF}
.tbl-wrap.v4 table tbody tr > * {border-top: 1px solid #E9ECEF; border-bottom: 1px solid #E9ECEF; text-align: center; font-size: 12px; line-height: 1.3334; padding: 8px 0; vertical-align: middle;}
.tbl-wrap.v4 table tbody tr > * + * {border-left: 1px solid #E9ECEF;}
.tbl-wrap.v4 table tbody tr > td + td {border-left: 0;}
.tbl-wrap.v4 table tbody tr th {background-color: #F8F9FA; font-weight: 600; color: #868E96;}
.tbl-wrap.v4 table tbody tr td {color: #343A40;}
.tbl-wrap.v4 .tbl-body table tbody tr td {height: 45px;}

.tbl-wrap.v5 > table > thead {border-bottom: 1px solid #F1F3F5;}
.tbl-wrap.v5 > table > thead > tr > th {padding: 10px 0; text-align: center; color: #868E96; font-weight: 500; font-size: 12px; line-height: 1.1667;}
.tbl-wrap.v5 > table > tbody > tr + tr {border-top: 1px solid #F1F3F5}
.tbl-wrap.v5 > table > tbody > tr > th {text-align: center; font-size: 12px; vertical-align: middle; font-weight: 700; line-height: 1.167; padding: 20px 0;}
.tbl-wrap.v5 > table > tbody > tr > td {text-align: left; padding: 20px 0; font-weight: 500; font-size: 12px; line-height: 1.167; vertical-align: middle;}
.tbl-wrap.v5 > table > tbody > tr > td .check {margin: 0 auto;}
.tbl-wrap.v5 > table > tbody > tr > td > table {width: 100%;}
.tbl-wrap.v5 > table > tbody > tr > td > table > tbody > tr > td {padding: 5px 0; vertical-align: middle;}

.tbl-wrap.v6 > table > tbody > tr {border-bottom: 1px solid #E9ECEF;}
.tbl-wrap.v6 > table > tbody > tr > th,
.tbl-wrap.v6 > table > tbody > tr > td {padding: 20px 0; font-size: 14px; font-weight: 700; line-height: 1.215;}
.tbl-wrap.v6 > table > tbody > tr > th {text-align: center; color: #000000; vertical-align: middle;}
.tbl-wrap.v6 > table > tbody > tr > td {text-align: left;}
.tbl-wrap.v6 > table > tbody > tr > td > table > tbody > tr > td {font-size: 14px; font-weight: 700; line-height: 1.215; text-align: left; padding: 10px 0;}
.tbl-wrap.v6 > table > tbody > tr > td > table > tbody > tr:first-child > td {padding-top: 0;}
.tbl-wrap.v6 > table > tbody > tr > td > table > tbody > tr:last-child > td {padding-bottom: 0;}
.tbl-wrap.v6 > table > tbody > tr > td > table > tbody > tr > td > table {margin-top: 4px;}
.tbl-wrap.v6 > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td {font-size: 12px; color: #868E96; line-height: 1.58334; font-weight: 400;}
.tbl-wrap.v6 > table > tfoot > tr {border-bottom: 1px solid #E9ECEF;}
.tbl-wrap.v6 > table > tfoot > tr > th,
.tbl-wrap.v6 > table > tfoot > tr > td {padding: 20px 0; font-size: 20px; line-height: 1.2; font-weight: 700; color: #1E6AE1; text-align: left;}

.tbl-wrap.v7 {background-color: #F8F9FA; border-radius: 10px; padding: 0 20px;}
.tbl-wrap.v7 > table > tbody > tr + tr {border-top: 1px solid #E9ECEF;}
.tbl-wrap.v7 > table > tbody > tr > th,
.tbl-wrap.v7 > table > tbody > tr > td {padding-top: 25px; padding-bottom: 25px; vertical-align: middle;}
.tbl-wrap.v7 > table > tbody > tr:nth-child(1) > th,
.tbl-wrap.v7 > table > tbody > tr:nth-child(1) > td {}
.tbl-wrap.v7 > table > tbody > tr > th {font-weight: 700; font-size: 20px; line-height: 1.2; text-align: left;}
.tbl-wrap.v7 > table > tbody > tr > th:nth-child(1) {padding-left: 80px;}
.tbl-wrap.v7 > table > tbody > tr > td {text-align: center; font-size: 14px; font-weight: 700;}
.tbl-wrap.v7 > table > tbody > tr > td .btn {margin: 0 auto;}
.tbl-wrap.v7 > table > tbody > tr > td i {display: inline-block; vertical-align: middle;}
.tbl-wrap.v7 > table > tbody > tr > td > table > tbody > tr > td {padding-top: 10px; padding-bottom: 10px; font-size: 16px; vertical-align: middle; text-align: left;}
.tbl-wrap.v7 > table > tbody > tr > td > table > tbody > tr > td.price {text-align: right; font-size: 24px; font-weight: 700; color: #1E6AE1; line-height: 1.2; padding-right: 4px;}
.tbl-wrap.v7 > table > tbody > tr > td > table > tbody > tr > td.vat {padding-left: 4px; color: #868E96; font-size: 12px; font-weight: 600;}
.tbl-wrap.v7 > table .use {width: fit-content; color: #1E6AE1; font-size: 14px; font-weight: 600; line-height: 16px; padding-left: 20px; margin: 0 auto; background: url('../img/icon/ic_use.png') no-repeat left center; background-size: 16px;}

/* 라벨 */
.label.v1 {display: block; width: fit-content; line-height: 17px; padding: 0 8px; border-radius: 17px; color: #ffffff !important;}
.label.v1.gray {background-color: #ADB5BD;}
.label.v1.blue {background-color: #4C6EF5;}
.label.v1.cyan {background-color: #15AABF;}
.label.v1.lime {background-color: #66A80F;}
.label.v1.purple {background-color: #BE4BDB;}
.label.v1.pink {background-color: #FA5252;}
.label.v1.dark {background-color: #343A40;}
.label.v1.orange {background-color: #FAB005;}
.label.v1.indigo {background-color: #748FFC;}

.label.v2 {display: block; width: fit-content; border: 1px solid #748ffc; line-height: 22px; background-color: #ffffff; padding: 0 12px; font-size: 12px; line-height: 1.834; color: #748ffc; border-radius: 12px;}

.label.v3 {display: flex; align-items: center; justify-content: flex-start; border: 1px solid #E9ECEF; background-color: #ffffff; padding: 0 10px; height: 20px; font-size: 11px; color: #868E96; font-weight: 600; gap: 2px; width: fit-content; border-radius: 10px;}
.label.v3::before {content: ""; width: 8px; height: 8px; display: block; border-radius: 50%;}
.label.v3.gray::before {background-color: #ADB5BD;}
.label.v3.blue::before {background-color: #4C6EF5;}
.label.v3.cyan::before {background-color: #15AABF;}
.label.v3.lime::before {background-color: #66A80F;}
.label.v3.purple::before {background-color: #BE4BDB;}
.label.v3.pink::before {background-color: #FA5252;}
.label.v3.dark::before {background-color: #343A40;}

.label.v4 {display: inline-block; width: 8px; height: 8px; border-radius: 50%;}
.label.v4.clr01 {background-color: #1864AB;}
.label.v4.clr02 {background-color: #1C7ED6;}
.label.v4.clr03 {background-color: #339AF0;}
.label.v4.clr04 {background-color: #74C0FC;}
.label.v4.clr05 {background-color: #2B8A3E;}
.label.v4.clr06 {background-color: #37B24D;}
.label.v4.clr07 {background-color: #51CF66;}
.label.v4.clr08 {background-color: #8CE99A;}
.label.v4.clr09 {background-color: #C92A2A;}
.label.v4.clr10 {background-color: #F03E3E;}
.label.v4.clr11 {background-color: #FF6B6B;}
.label.v4.clr12 {background-color: #FFA8A8;}
.label.v4.clr13 {background-color: #A61E4D;}
.label.v4.clr14 {background-color: #D6336C;}
.label.v4.clr15 {background-color: #F06595;}
.label.v4.clr16 {background-color: #FAA2C1;}
.label.v4.clr17 {background-color: #862E9C;}
.label.v4.clr18 {background-color: #AE3EC9;}
.label.v4.clr19 {background-color: #CC5DE8;}
.label.v4.clr20 {background-color: #E599F7;}
.label.v4.clr21 {background-color: #5F3DC4;}
.label.v4.clr22 {background-color: #7048E8;}
.label.v4.clr23 {background-color: #845EF7;}
.label.v4.clr24 {background-color: #B197FC;}
.label.v4.clr25 {background-color: #364FC7;}
.label.v4.clr26 {background-color: #4263EB;}
.label.v4.clr27 {background-color: #5C7CFA;}
.label.v4.clr28 {background-color: #91A7FF;}
.label.v4.clr29 {background-color: #0B7285;}
.label.v4.clr30 {background-color: #1098AD;}
.label.v4.clr31 {background-color: #22B8CF;}
.label.v4.clr32 {background-color: #66D9E8;}
.label.v4.clr33 {background-color: #087F5B;}
.label.v4.clr34 {background-color: #0CA678;}
.label.v4.clr35 {background-color: #20C997;}
.label.v4.clr36 {background-color: #63E6BE;}
.label.v4.clr37 {background-color: #5C940D;}
.label.v4.clr38 {background-color: #74B816;}
.label.v4.clr39 {background-color: #94D82D;}
.label.v4.clr40 {background-color: #C0EB75;}
.label.v4.clr41 {background-color: #E67700;}
.label.v4.clr42 {background-color: #F59F00;}
.label.v4.clr43 {background-color: #FCC419;}
.label.v4.clr44 {background-color: #FFE066;}
.label.v4.clr45 {background-color: #D9480F;}
.label.v4.clr46 {background-color: #F76707;}
.label.v4.clr47 {background-color: #FF922B;}
.label.v4.clr48 {background-color: #FFC078;}

.label.v5 {display: inline-block; width: 6px; height: 6px; border-radius: 50%;}
.label.v5.clr01 {background-color: #38D9A9;}
.label.v5.clr02 {background-color: #4C6EF5;}
.label.v5.clr03 {background-color: #CED4DA;}
.label.v5.clr04 {background-color: #40C057;}
.label.v5.clr05 {background-color: #D0BFFF;}
.label.v5.clr06 {background-color: #4D8DFF;}
.label.v5.clr07 {background-color: #343A40;}
.label.v5.clr08 {background-color: #82C91E;}
.label.v5.clr09 {background-color: #E9ECEF;}
.label.v5.clr10 {background-color: #FD7E14;}

.label.v6 {width: fit-content; padding: 2px 8px; border-radius: 4px; color: #ffffff; font-size: 12px; line-height: 1.3334; text-align: center; display: inline-block;}

.label.v6.clr01 {background-color: #82C91E;}
.label.v6.clr02 {background-color: #FAB005;}
.label.v6.clr03 {background-color: #868E96;}
.label.v6.clr04 {background-color: #1E6AE1;}
.label.v6.clr05 {background-color: #FA5252;}

.label.v7 {padding-left: 10px; width: fit-content; font-size: 12px; line-height: 1.3334; color: #343A40; position: relative;}
.label.v7::before {content: ""; width: 6px; height: 6px; position: absolute; left: 0; top: 5px; border-radius: 50%;}
.label.v7.clr01::before {background-color: #FF6B6B;}
.label.v7.clr02::before {background-color: #4DABF7;}
.label.v7.clr03::before {background-color: #E599F7;}
.label.v7.clr04::before {background-color: #FAB005;}

.label.v8 {width: fit-content; padding: 2px 8px; border-radius: 8px; color: #ffffff; font-size: 10px; line-height: 1.2; text-align: center;}

.label.v8.clr01 {background-color: #868E96;}
.label.v8.clr02 {background-color: #FA5252;}
.label.v8.clr03 {background-color: #82C91E;}
.label.v8.clr04 {background-color: #FAB005;}

.label.v9 {width: fit-content; padding: 0 14px; border-radius: 25px; color: #ffffff; font-size: 14px; line-height: 1.786; text-align: center; display: inline-block;}

.label.v9.clr01 {background-color: #ADB5BD;}
.label.v9.clr02 {background-color: #4C6EF5;}
.label.v9.clr03 {background-color: #15AABF;}
.label.v9.clr04 {background-color: #82C91E;}
.label.v9.clr05 {background-color: #BE4BDB;}
.label.v9.clr06 {background-color: #FA5252;}
.label.v9.clr07 {background-color: #343A40;}

/* tab */
.tab-wrap.v1 .tab-btn-wrap {display: flex; border: 1px solid #E9ECEF; border-radius: 8px; overflow: hidden; height: 32px;}
.tab-wrap.v1 .tab-btn-wrap .tab-btn {flex: 1 0; background-color: #ffffff; text-align: center; height: 30px; color: #343A40; font-weight: 600;}
.tab-wrap.v1 .tab-btn-wrap .tab-btn + .tab-btn {border-left: 1px solid #E9ECEF;}
.tab-wrap.v1 .tab-btn-wrap .tab-btn.on {background-color: #EDF2FF; color: #4C6EF5}
.tab-wrap.v1 .tab-cont-wrap .tab-cont {display: none;}

.tab-wrap.v2 {display: flex; flex-direction: column;}
.tab-wrap.v2 .tab-btn-wrap {flex: none; padding: 0 20px; border-bottom: 1px solid #E9ECEF; display: flex; align-items: flex-start; justify-content: flex-start;}
.tab-wrap.v2 .tab-btn-wrap .tab-btn {flex: none; padding: 8px 20px; text-align: center; color: #868E96; font-size: 12px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.3334; position: relative;}
.tab-wrap.v2 .tab-btn-wrap .tab-btn.on {color: #343A40;}
.tab-wrap.v2 .tab-btn-wrap .tab-btn.on::after {content: ""; width: 100%; height: 2px; background-color: #343A40; position: absolute; left: 0; bottom: 0;}
.tab-wrap.v2 .tab-cont-wrap {flex: 1 0; min-width: 0; min-height: 0;}
.tab-wrap.v2 .tab-cont-wrap .tab-cont {height: 100%; padding: 20px 20px;}
.tab-wrap.v2 .tab-cont-wrap .tab-cont > .fx {height: 100%; width: 100%;}

/* [추가]엑셀 다운로드 버튼 추가로 인해 */
.tab-wrap.v2 .tab-btn-wrap-split {display: flex; justify-content: space-between; align-items: center;}
.tab-wrap.v2 .tab-btn-wrap .left-buttons {display: flex;}

.tab-wrap.v3 {display: flex; flex-direction: column; height: 100%;}
.tab-wrap.v3 .tab-btn-wrap {display: flex; flex: none;}
.tab-wrap.v3 .tab-btn-wrap .tab-btn {flex: 1 0; background-color: #ffffff; text-align: center; height: 32px; color: #868E96; letter-spacing: -0.02em; font-weight: 500; border-bottom: 2px solid #CED4DA;}
.tab-wrap.v3 .tab-btn-wrap .tab-btn.on {color: #343A40; border-color: #343A40;}
.tab-wrap.v3 .tab-cont-wrap {flex: 1 0; display: flex; flex-direction: column; min-height: 0;}
.tab-wrap.v3 .tab-cont-wrap .tab-cont {display: none; flex: 1 0; min-height: 0; padding-left: 30px; padding-right: 30px;}
.tab-wrap.v3[data-use="false"] .tab-cont-wrap .tab-cont:first-of-type {display: block;}

/* accordion */
.acc-wrap.v1 .acc-list {border-top: 1px solid #CED4DA;}
.acc-wrap.v1 .acc-list .acc-tit {display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; gap: 0 20px;}
.acc-wrap.v1 .acc-list .acc-tit::after {content: ""; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url('../img/icon/ic_arr_acc_down_default.png');}
.acc-wrap.v1[data-use="false"] .acc-list .acc-tit::after {display: none;}
.acc-wrap.v1 .acc-list .acc-tit .tit-area {flex: 1 0;}
.acc-wrap.v1 .acc-list .acc-tit .tit-area p {font-size: 12px; font-weight: 600; line-height: 1.334; text-align: left;}
.acc-wrap.v1 .acc-list .acc-cont {padding: 10px 20px;}

.acc-wrap.v2 .acc-list + .acc-list {margin-top: 32px;}
.acc-wrap.v2 .acc-list .acc-tit {display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #CED4DA;}
.acc-wrap.v2 .acc-list .acc-tit::after {content: ""; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url('../img/icon/ic_arr_acc_down_disabled.png');}
.acc-wrap.v2 .acc-list .acc-tit[data-click]::after {background-image: url('../img/icon/ic_arr_acc_down_default.png');}
.acc-wrap.v2 .acc-list.on .acc-tit::after {background-image: url('../img/icon/ic_arr_acc_up_default.png');}
.acc-wrap.v2 .acc-list .acc-tit .tit-area {flex: 1 0; display: flex; align-items: center; gap: 0 10px;}
.acc-wrap.v2 .acc-list .acc-tit .tit-area p {font-size: 16px; font-weight: 700; line-height: 1.25; text-align: left; color: #CED4DA;}
.acc-wrap.v2 .acc-list .acc-tit[data-click] .tit-area p {color: #343A40;}
.acc-wrap.v2 .acc-list .acc-tit[data-click] .tit-area p span {font-size: 12px;}
.acc-wrap.v2 .acc-list .acc-cont {padding: 16px 0px;}

.acc-wrap.v3 .acc-list {border-bottom: 1px solid #E9ECEF; padding-bottom: 10px;}
.acc-wrap.v3 .acc-list .acc-tit {display: flex; align-items: center; justify-content: space-between; padding: 24px 20px 10px;}
.acc-wrap.v3 .acc-list .acc-tit[data-click] {cursor: pointer;}
.acc-wrap.v3 .acc-list .acc-tit[data-click]::after {content: ""; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url('../img/icon/ic_arr_acc_down_default.png');}
.acc-wrap.v3 .acc-list.on .acc-tit::after {background-image: url('../img/icon/ic_arr_acc_up_default.png');}
.acc-wrap.v3 .acc-list .acc-tit .tit-area {flex: 1 0; display: flex; align-items: center; gap: 0 10px;}
.acc-wrap.v3 .acc-list .acc-tit .tit-area p {font-size: 13px; font-weight: 700; line-height: 1.231; text-align: left; color: #343A40;}
.acc-wrap.v3 .acc-list .acc-cont {padding: 5px 20px 10px; display: none;}
.acc-wrap.v3 .acc-list .acc-cont .btn-wrap {flex-wrap: wrap; padding-top: 10px; padding-bottom: 5px; gap: 10px 10px; justify-content: flex-start;}
.acc-wrap.v3 .acc-list .acc-cont .btn-wrap .btn-fnq {width: 250px; border: 1px solid #CED4DA; padding: 12px 0; font-size: 12px; border-radius: 10px; line-height: 1.3334;}
.acc-wrap.v3 .acc-list .acc-cont .btn-wrap .btn-fnq:hover {background-color: #EDF2FF; border-color: #CED4DA; color: #4C6EF5;}
.acc-wrap.v3 .acc-list .acc-cont .result-list ul li a {display: block; color: #868E96; line-height: 2; font-size: 12px; padding: 4px 10px;}
.acc-wrap.v3 .acc-list .acc-cont .result-list ul li:hover a {background-color: #EDF2FF;}

/* 상세보기 */
.view-wrap.v1 {flex: 1 0; min-height: 0;}
.view-wrap.v1 table {width: 100%; height: 100%;}
.view-wrap.v1 table tbody > tr > * {border-top: 1px solid #E9ECEF; border-bottom: 1px solid #E9ECEF; border-left: 1px solid #E9ECEF; border-right: 1px solid #E9ECEF; vertical-align: middle; padding: 12px 20px;}
.view-wrap.v1 table tbody > tr > *:first-child {border-left: 0;}
.view-wrap.v1 table tbody > tr > *:last-child {border-left: 0;}
.view-wrap.v1 table tbody > tr > th {background-color: #F8F9FA; text-align: center; color: #868E96; font-size: 12px; line-height: 1.3334; font-weight: 600;}
.view-wrap.v1 table tbody > tr > td {height: 40px; text-align: center; font-size: 12px; line-height: 1.3334; color: #343A40;}
.view-wrap.v1 table tbody > tr:has(.cont) > td {height: auto;}
.view-wrap.v1 table tbody > tr > td.title {font-weight: 600; text-align: center;}
.view-wrap.v1 table tbody > tr > td.cont {vertical-align: top; padding: 20px 20px; text-align: left; line-height: 1.667;}
.view-wrap.v1 table tbody > tr > td.attachment {text-align: left;}

.view-wrap.v2 {flex: 1 0; min-height: 0;}
.view-wrap.v2 .txt01 {font-size: 13px; line-height: 1.231; font-weight: 600;}
.view-wrap.v2 .txt01 + ul {margin-top: 8px;}
.view-wrap.v2 ul li {position: relative; font-size: 12px; line-height: 1.667; padding-left: 15px;}
.view-wrap.v2 ul li::before {content: ""; width: 2px; height: 2px; position: absolute; border-radius: 50%; background-color: #343A40; left: 6px; top: 9px;}
.view-wrap.v2 ul + .img-area {margin-top: 10px;}
.view-wrap.v2 .img-area {display: flex; gap: 10px 10px;}
.view-wrap.v2 .img-area + .txt01 {margin-top: 30px;}
.view-wrap.v2 ul + .txt01 {margin-top: 30px;}


/* 상세보기 네비게이션 */
.view-nav.v1 table {width: 100%; height: 100%;}
.view-nav.v1 table tbody > tr > * {border-top: 1px solid #E9ECEF; border-bottom: 1px solid #E9ECEF; border-left: 1px solid #E9ECEF; border-right: 1px solid #E9ECEF; vertical-align: middle; padding: 12px 20px;}
.view-nav.v1 table tbody > tr > *:first-child {border-left: 0;}
.view-nav.v1 table tbody > tr > *:last-child {border-left: 0;}
.view-nav.v1 table tbody > tr > th {background-color: #F8F9FA; text-align: center; color: #868E96; font-size: 12px; line-height: 1.3334; font-weight: 600;}
.view-nav.v1 table tbody > tr > td {height: 40px; text-align: center; font-size: 12px; line-height: 1.3334; color: #343A40;}
.view-nav.v1 table tbody > tr > td a {font-size: 12px; line-height: 1.3334; color: #343A40; font-weight: 600;}
.view-nav.v1 table tbody > tr:has(.cont) > td {height: auto;}
.view-nav.v1 table tbody > tr > td.title {font-weight: 600; text-align: center;}
.view-nav.v1 table tbody > tr > td.cont {vertical-align: top; padding: 20px 20px; text-align: left; line-height: 1.667;}
.view-nav.v1 table tbody > tr > td.attachment {text-align: left;}

/* 작성하기 */
.write-wrap.v1 {flex: 1 0;}
.write-wrap.v1 table {width: 100%; height: 100%;}
.write-wrap.v1 table tbody > tr > * {border-top: 1px solid #E9ECEF; border-bottom: 1px solid #E9ECEF; border-left: 1px solid #E9ECEF; border-right: 1px solid #E9ECEF; vertical-align: middle; padding: 6px 10px;}
.write-wrap.v1 table tbody > tr > *:first-child {border-left: 0;}
.write-wrap.v1 table tbody > tr > *:last-child {border-left: 0;}
.write-wrap.v1 table tbody > tr > th {background-color: #F8F9FA; text-align: center; color: #868E96; font-size: 12px; line-height: 1.3334; font-weight: 600;}
.write-wrap.v1 table tbody > tr > td {height: 40px; font-size: 12px; line-height: 1.3334; color: #343A40;}
.write-wrap.v1 table tbody > tr:has(.cont) > td {height: auto;}
.write-wrap.v1 table tbody > tr > td.title {font-weight: 600; text-align: center;}
.write-wrap.v1 table tbody > tr > td.cont .has-unit:has(textarea) {height: 100%;}
.write-wrap.v1 table tbody > tr > td.cont .has-unit textarea {height: 100%;}
.write-wrap.v1 table tbody > tr > td.cont .has-unit .unit {right: 20px; bottom: 20px; top: auto;}
.write-wrap.v1 table tbody > tr > td.attachment {text-align: left;}

/* 우클릭 버튼 */
.hidden-btn {position: relative;}
.hidden-btn .btn {position: absolute; width: max-content; z-index: 1; right: -8px; top: 50%; transform: translate(100%, -50%);}

/* paging */
.paging {display: flex; align-items: center; justify-content: center; gap: 0 10px;}
.paging ul {display: flex; align-items: center; justify-content: center; gap: 0 10px;}
.paging ul li {}
.paging ul li a {display: block; width: 16px; line-height: 16px; text-align: center; font-size: 11px; font-weight: 600; color: #868E96; border-radius: 50%;}
.paging ul li.on a {background-color: #868E96; color: #ffffff;}
.paging ul li.front a,
.paging ul li.prev a,
.paging ul li.next a,
.paging ul li.back a {text-indent: -9999px; background-repeat: no-repeat; background-position: center; background-size: 16px;}
.paging ul li.front a {background-image: url('../img/icon/ic_paging_front.png');}
.paging ul li.prev a {background-image: url('../img/icon/ic_paging_prev.png');}
.paging ul li.next a {background-image: url('../img/icon/ic_paging_next.png');}
.paging ul li.back a {background-image: url('../img/icon/ic_paging_back.png');}

.list-search {display: flex; align-items: center; justify-content: flex-start; gap: 0 10px;}
.list-search .keyword {min-width: 400px; position: relative;}
.list-search .keyword input[type="text"] {width: 100%; height: 40px; border-radius: 20px; border: 1px solid #CED4DA; background-color: #ffffff; padding: 0 56px 0 20px; font-size: 12px; max-width: 100% !important;}
.list-search .keyword .btn-search {position: absolute; right: 20px; top: calc(50% - 8px);}
.list-search .keyword .autocomplete {position: absolute; width: 100%; top: 100%; padding-top: 10px;}
.list-search .keyword .autocomplete ul {padding: 10px 20px; border-radius: 8px; border: 1px solid #748FFC; background-color: #ffffff;}
.list-search .keyword .autocomplete ul li a {display: block; width: 100%; line-height: 2; font-size: 12px; color: #868E96;}

.sort {display: flex; align-items: stretch; justify-content: flex-start; gap: 0 20px;}
.sort dl {display: flex; align-items: stretch; justify-content: flex-start; gap: 0 10px;}
.sort dl dt {font-size: 12px; font-weight: 600; line-height: 2; color: #868E96; max-height: 32px; display: flex; align-items: center; justify-content: flex-start;}
.sort dl dd {flex: none;}

.map {flex: 1 0; overflow: hidden; position: relative;}
.map .btn-zoomin {position: absolute; right: 10px; top: 10px; z-index: 1;}
.map .btn-zoomout {position: absolute; right: 10px; top: 10px; z-index: 1;}
.map .map-filter {position: absolute; right: 20px; top: 15px; z-index: 1; display: flex; gap: 0 4px;}
.map .map-filter .item {flex: none;}
.map .map-summary {position: absolute; right: 20px; top: 70px; z-index: 1; height: calc(100vh - 160px); display: flex; flex-direction: column; gap: 10px;}
.map .map-summary .item {box-shadow: 0px 4px 10px 0px #0000001A; background-color: #ffffff; border-radius: 20px; width: 325px; padding: 10px 20px; display: flex; flex-direction: column;} /*width: 260px; -> width: 300px;*/
.map .map-summary .item:has(.list-wrap) {min-height: 0;}
.map .map-summary .item .item-head {display: flex; align-items: center; justify-content: space-between; flex: none;}
.map .map-summary .item .item-head p {font-size: 12px; line-height: 1.3334; color: #868E96; font-weight: 600;}
.map .map-summary .item .item-cont {padding-top: 10px; flex: 1 0; min-height: 0; display: none; flex-direction: column;}
.map .map-summary .item.on .item-cont {display: flex;}
.map .map-summary .item .item-cont .list-wrap {flex: 1 0; min-height: 0;}
.map .map-summary .item .item-cont .list-wrap .list-body {flex: 1 0; min-height: 0;}
.map .map-summary .item .item-cont .list-wrap .list-body .row .col:nth-child(1) {padding-left: 8px;}
.map .map-tooltip {position: absolute;}
.map .map-tooltip.v1 {box-shadow: 0px 4px 4px 0px #0000001A; background-color: #ffffff; padding: 4px 15px; border-radius: 20px; z-index: 2;}
.map .map-tooltip.v1 p {text-align: center; font-size: 11px; line-height: 1.455;}
.map .map-tooltip.v1 .txt-name {color: #868E96;}
.map .map-tooltip.v1 .txt-state {color: #E03131;}
.map .map-tooltip.v2 {box-shadow: 0px 4px 4px 0px #0000001A; background-color: #343A40; padding: 4px 10px; border-radius: 4px; z-index: 2;}
.map .map-tooltip.v2 p {font-size: 11px; font-weight: 400; line-height: 1.455; text-align: left; color: #FFFFFF;}

.map .map-tooltip.v3 {width: 175px; border-radius: 10px; padding: 10px; background-color: #ffffff;}
.map .map-tooltip.v3 .title {font-weight: 600; font-size: 13px; line-height: 1.231;}
.map .map-tooltip.v3 .text {font-size: 12px; line-height: 1.3334;}
.map .map-tooltip.v3 .title + .text {margin-top: 2px;}
.map .map-tooltip.v3 .text + .text {margin-top: 2px;}

.map .map-tooltip.v3.clr01 .title {color: #40C057;}
.map .map-tooltip.v3.clr02 .title {color: #BE4BDB;}

.map .map-tooltip.v4 {display: none; width: 265px; border-radius: 10px; overflow: hidden; flex-direction: column; box-shadow: 0px 4px 10px 0px #0000001A;}
.map .map-tooltip.v4.on {display: flex;}
.map .map-tooltip.v4 .tooltip-head {background-color: #CED4DA; padding: 10px 0;}
.map .map-tooltip.v4 .tooltip-head p {text-align: center; font-size: 13px; font-weight: 600; line-height: 1.231;}
.map .map-tooltip.v4 .tooltip-body {padding: 10px 20px; background-color: #ffffff;}
.map .map-tooltip.v4 .tooltip-body p {font-size: 12px; color: #868E96; line-height: 1.3334}
.map .map-tooltip.v4 .tooltip-body p + p {margin-top: 4px;}

.map .pin-wrap {position: absolute; z-index: 1;}
.map .pin-wrap [class*="ic-"] {position: absolute; right: -14px; top: 0; z-index: 1;}
.map .pin-wrap .pin {min-width: 20px; height: 20px; border-radius: 10px; padding: 2px 2px; position: relative;}
.map .pin-wrap .pin::before {content: ""; position: absolute; left: 50%; top: 100%; transform: translate(-50%, -2px); border-left: 4px solid transparent; border-right: 4px solid transparent; border-top-width: 8px; border-top-style: solid; z-index: 1;}
.map .pin-wrap .pin::after {content: ""; width: 8px; height: 8px; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 7px); border: 2px solid #343A40; border-radius: 50%; background-color: #ffffff;}
.map .pin-wrap .pin .inner {border-radius: 10px;}
.map .pin-wrap .pin .inner p {line-height: 16px; text-align: center; font-size: 11px; font-weight: 600; padding: 0 4px;}

.map .pin-wrap .detail.v1 {position: absolute; width: 270px;  display: block; left: 50%; top: 0; transform: translate(-50%, -100%); padding-bottom: 5px;}
.map .pin-wrap .detail.v1 .inner {display: flex; flex-direction: column; max-height: 125px; box-shadow: 0px 4px 10px 0px #0000001A; border-radius: 10px; overflow: hidden; background-color: #ffffff;}
.map .pin-wrap .detail.v1 .detail-head {background-color: #CED4DA; padding: 10px 0; flex: none;}
.map .pin-wrap .detail.v1 .detail-head p {text-align: center; font-size: 11px; font-weight: 600; line-height: 1.182;}
.map .pin-wrap .detail.v1 .detail-body {background-color: #ffffff; min-height: 0; max-height: 92px;}
.map .pin-wrap:hover .detail.v1 {display: block;}

.map .pin-wrap .detail.v2 {position: absolute; width: 180px; display: none; left: 50%; top: 0; transform: translate(-50%, -100%); padding-bottom: 40px;}
.map .pin-wrap .detail.v2 .inner {display: flex; flex-direction: column; box-shadow: 0px 4px 10px 0px #0000001A; border-radius: 10px; overflow: hidden; background-color: #ffffff;}
.map .pin-wrap .detail.v2 .detail-head {background-color: #CED4DA; padding: 10px 10px; flex: none; position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 0 4px;}
.map .pin-wrap .detail.v2 .detail-head p {font-size: 11px; font-weight: 600; line-height: 1.182; color: #868E96;}
.map .pin-wrap .detail.v2 .detail-head p strong {color: #343A40}
.map .pin-wrap .detail.v2 .detail-head .btn-pin-delete {position: absolute; right: 10px; top: 12px;}
.map .pin-wrap .detail.v2 .detail-body {background-color: #ffffff; padding: 10px 5px;}
.map .pin-wrap .detail.v2 .detail-body .place {text-align: center; font-size: 12px; font-weight: 600; line-height: 1.3334;}
.map .pin-wrap .detail.v2 .detail-body .data {margin-top: 10px; display: flex;}
.map .pin-wrap .detail.v2 .detail-body .data dl {flex: 1 0;}
.map .pin-wrap .detail.v2 .detail-body .data dl + dl {border-left: 1px solid #E9ECEF;}
.map .pin-wrap .detail.v2 .detail-body .data dl dd {text-align: center; font-size: 14px; line-height: 1.143; font-weight: 600;}
.map .pin-wrap .detail.v2 .detail-body .data dl:nth-child(2) dd {color: #4C6EF5;}
.map .pin-wrap .detail.v2 .detail-body .data dl:nth-child(3) dd {color: #FA5252;}
.map .pin-wrap .detail.v2 .detail-body .data dl dt {text-align: center; font-size: 11px; line-height: 1.182; color: #343A40;}
.map .pin-wrap.on .detail.v2 {display: block;}

.map .pin-wrap .pin.v1 .inner p {color: #ffffff;}

.map .pin-wrap .pin.v2 .inner {background-color: #ffffff;}

.map .pin-wrap .pin.clr01 {background-color: #1864AB;}
.map .pin-wrap .pin.clr02 {background-color: #1C7ED6;}
.map .pin-wrap .pin.clr03 {background-color: #339AF0;}
.map .pin-wrap .pin.clr04 {background-color: #74C0FC;}
.map .pin-wrap .pin.clr05 {background-color: #2B8A3E;}
.map .pin-wrap .pin.clr06 {background-color: #37B24D;}
.map .pin-wrap .pin.clr07 {background-color: #51CF66;}
.map .pin-wrap .pin.clr08 {background-color: #8CE99A;}
.map .pin-wrap .pin.clr09 {background-color: #C92A2A;}
.map .pin-wrap .pin.clr10 {background-color: #F03E3E;}
.map .pin-wrap .pin.clr11 {background-color: #FF6B6B;}
.map .pin-wrap .pin.clr12 {background-color: #FFA8A8;}
.map .pin-wrap .pin.clr13 {background-color: #A61E4D;}
.map .pin-wrap .pin.clr14 {background-color: #D6336C;}
.map .pin-wrap .pin.clr15 {background-color: #F06595;}
.map .pin-wrap .pin.clr16 {background-color: #FAA2C1;}
.map .pin-wrap .pin.clr17 {background-color: #862E9C;}
.map .pin-wrap .pin.clr18 {background-color: #AE3EC9;}
.map .pin-wrap .pin.clr19 {background-color: #CC5DE8;}
.map .pin-wrap .pin.clr20 {background-color: #E599F7;}
.map .pin-wrap .pin.clr21 {background-color: #5F3DC4;}
.map .pin-wrap .pin.clr22 {background-color: #7048E8;}
.map .pin-wrap .pin.clr23 {background-color: #845EF7;}
.map .pin-wrap .pin.clr24 {background-color: #B197FC;}
.map .pin-wrap .pin.clr25 {background-color: #364FC7;}
.map .pin-wrap .pin.clr26 {background-color: #4263EB;}
.map .pin-wrap .pin.clr27 {background-color: #5C7CFA;}
.map .pin-wrap .pin.clr28 {background-color: #91A7FF;}
.map .pin-wrap .pin.clr29 {background-color: #0B7285;}
.map .pin-wrap .pin.clr30 {background-color: #1098AD;}
.map .pin-wrap .pin.clr31 {background-color: #22B8CF;}
.map .pin-wrap .pin.clr32 {background-color: #66D9E8;}
.map .pin-wrap .pin.clr33 {background-color: #087F5B;}
.map .pin-wrap .pin.clr34 {background-color: #0CA678;}
.map .pin-wrap .pin.clr35 {background-color: #20C997;}
.map .pin-wrap .pin.clr36 {background-color: #63E6BE;}
.map .pin-wrap .pin.clr37 {background-color: #5C940D;}
.map .pin-wrap .pin.clr38 {background-color: #74B816;}
.map .pin-wrap .pin.clr39 {background-color: #94D82D;}
.map .pin-wrap .pin.clr40 {background-color: #C0EB75;}
.map .pin-wrap .pin.clr41 {background-color: #E67700;}
.map .pin-wrap .pin.clr42 {background-color: #F59F00;}
.map .pin-wrap .pin.clr43 {background-color: #FCC419;}
.map .pin-wrap .pin.clr44 {background-color: #FFE066;}
.map .pin-wrap .pin.clr45 {background-color: #D9480F;}
.map .pin-wrap .pin.clr46 {background-color: #F76707;}
.map .pin-wrap .pin.clr47 {background-color: #FF922B;}
.map .pin-wrap .pin.clr48 {background-color: #FFC078;}

.map .pin-wrap .pin.clr01::before {border-top-color: #1864AB;}
.map .pin-wrap .pin.clr02::before {border-top-color: #1C7ED6;}
.map .pin-wrap .pin.clr03::before {border-top-color: #339AF0;}
.map .pin-wrap .pin.clr04::before {border-top-color: #74C0FC;}
.map .pin-wrap .pin.clr05::before {border-top-color: #2B8A3E;}
.map .pin-wrap .pin.clr06::before {border-top-color: #37B24D;}
.map .pin-wrap .pin.clr07::before {border-top-color: #51CF66;}
.map .pin-wrap .pin.clr08::before {border-top-color: #8CE99A;}
.map .pin-wrap .pin.clr09::before {border-top-color: #C92A2A;}
.map .pin-wrap .pin.clr10::before {border-top-color: #F03E3E;}
.map .pin-wrap .pin.clr11::before {border-top-color: #FF6B6B;}
.map .pin-wrap .pin.clr12::before {border-top-color: #FFA8A8;}
.map .pin-wrap .pin.clr13::before {border-top-color: #A61E4D;}
.map .pin-wrap .pin.clr14::before {border-top-color: #D6336C;}
.map .pin-wrap .pin.clr15::before {border-top-color: #F06595;}
.map .pin-wrap .pin.clr16::before {border-top-color: #FAA2C1;}
.map .pin-wrap .pin.clr17::before {border-top-color: #862E9C;}
.map .pin-wrap .pin.clr18::before {border-top-color: #AE3EC9;}
.map .pin-wrap .pin.clr19::before {border-top-color: #CC5DE8;}
.map .pin-wrap .pin.clr20::before {border-top-color: #E599F7;}
.map .pin-wrap .pin.clr21::before {border-top-color: #5F3DC4;}
.map .pin-wrap .pin.clr22::before {border-top-color: #7048E8;}
.map .pin-wrap .pin.clr23::before {border-top-color: #845EF7;}
.map .pin-wrap .pin.clr24::before {border-top-color: #B197FC;}
.map .pin-wrap .pin.clr25::before {border-top-color: #364FC7;}
.map .pin-wrap .pin.clr26::before {border-top-color: #4263EB;}
.map .pin-wrap .pin.clr27::before {border-top-color: #5C7CFA;}
.map .pin-wrap .pin.clr28::before {border-top-color: #91A7FF;}
.map .pin-wrap .pin.clr29::before {border-top-color: #0B7285;}
.map .pin-wrap .pin.clr30::before {border-top-color: #1098AD;}
.map .pin-wrap .pin.clr31::before {border-top-color: #22B8CF;}
.map .pin-wrap .pin.clr32::before {border-top-color: #66D9E8;}
.map .pin-wrap .pin.clr33::before {border-top-color: #087F5B;}
.map .pin-wrap .pin.clr34::before {border-top-color: #0CA678;}
.map .pin-wrap .pin.clr35::before {border-top-color: #20C997;}
.map .pin-wrap .pin.clr36::before {border-top-color: #63E6BE;}
.map .pin-wrap .pin.clr37::before {border-top-color: #5C940D;}
.map .pin-wrap .pin.clr38::before {border-top-color: #74B816;}
.map .pin-wrap .pin.clr39::before {border-top-color: #94D82D;}
.map .pin-wrap .pin.clr40::before {border-top-color: #C0EB75;}
.map .pin-wrap .pin.clr41::before {border-top-color: #E67700;}
.map .pin-wrap .pin.clr42::before {border-top-color: #F59F00;}
.map .pin-wrap .pin.clr43::before {border-top-color: #FCC419;}
.map .pin-wrap .pin.clr44::before {border-top-color: #FFE066;}
.map .pin-wrap .pin.clr45::before {border-top-color: #D9480F;}
.map .pin-wrap .pin.clr46::before {border-top-color: #F76707;}
.map .pin-wrap .pin.clr47::before {border-top-color: #FF922B;}
.map .pin-wrap .pin.clr48::before {border-top-color: #FFC078;}

.map .pin-wrap .pin.v2.clr01 .inner p {color: #1864AB;}
.map .pin-wrap .pin.v2.clr02 .inner p {color: #1C7ED6;}
.map .pin-wrap .pin.v2.clr03 .inner p {color: #339AF0;}
.map .pin-wrap .pin.v2.clr04 .inner p {color: #74C0FC;}
.map .pin-wrap .pin.v2.clr05 .inner p {color: #2B8A3E;}
.map .pin-wrap .pin.v2.clr06 .inner p {color: #37B24D;}
.map .pin-wrap .pin.v2.clr07 .inner p {color: #51CF66;}
.map .pin-wrap .pin.v2.clr08 .inner p {color: #8CE99A;}
.map .pin-wrap .pin.v2.clr09 .inner p {color: #C92A2A;}
.map .pin-wrap .pin.v2.clr10 .inner p {color: #F03E3E;}
.map .pin-wrap .pin.v2.clr11 .inner p {color: #FF6B6B;}
.map .pin-wrap .pin.v2.clr12 .inner p {color: #FFA8A8;}
.map .pin-wrap .pin.v2.clr13 .inner p {color: #A61E4D;}
.map .pin-wrap .pin.v2.clr14 .inner p {color: #D6336C;}
.map .pin-wrap .pin.v2.clr15 .inner p {color: #F06595;}
.map .pin-wrap .pin.v2.clr16 .inner p {color: #FAA2C1;}
.map .pin-wrap .pin.v2.clr17 .inner p {color: #862E9C;}
.map .pin-wrap .pin.v2.clr18 .inner p {color: #AE3EC9;}
.map .pin-wrap .pin.v2.clr19 .inner p {color: #CC5DE8;}
.map .pin-wrap .pin.v2.clr20 .inner p {color: #E599F7;}
.map .pin-wrap .pin.v2.clr21 .inner p {color: #5F3DC4;}
.map .pin-wrap .pin.v2.clr22 .inner p {color: #7048E8;}
.map .pin-wrap .pin.v2.clr23 .inner p {color: #845EF7;}
.map .pin-wrap .pin.v2.clr24 .inner p {color: #B197FC;}
.map .pin-wrap .pin.v2.clr25 .inner p {color: #364FC7;}
.map .pin-wrap .pin.v2.clr26 .inner p {color: #4263EB;}
.map .pin-wrap .pin.v2.clr27 .inner p {color: #5C7CFA;}
.map .pin-wrap .pin.v2.clr28 .inner p {color: #91A7FF;}
.map .pin-wrap .pin.v2.clr29 .inner p {color: #0B7285;}
.map .pin-wrap .pin.v2.clr30 .inner p {color: #1098AD;}
.map .pin-wrap .pin.v2.clr31 .inner p {color: #22B8CF;}
.map .pin-wrap .pin.v2.clr32 .inner p {color: #66D9E8;}
.map .pin-wrap .pin.v2.clr33 .inner p {color: #087F5B;}
.map .pin-wrap .pin.v2.clr34 .inner p {color: #0CA678;}
.map .pin-wrap .pin.v2.clr35 .inner p {color: #20C997;}
.map .pin-wrap .pin.v2.clr36 .inner p {color: #63E6BE;}
.map .pin-wrap .pin.v2.clr37 .inner p {color: #5C940D;}
.map .pin-wrap .pin.v2.clr38 .inner p {color: #74B816;}
.map .pin-wrap .pin.v2.clr39 .inner p {color: #94D82D;}
.map .pin-wrap .pin.v2.clr40 .inner p {color: #C0EB75;}
.map .pin-wrap .pin.v2.clr41 .inner p {color: #E67700;}
.map .pin-wrap .pin.v2.clr42 .inner p {color: #F59F00;}
.map .pin-wrap .pin.v2.clr43 .inner p {color: #FCC419;}
.map .pin-wrap .pin.v2.clr44 .inner p {color: #FFE066;}
.map .pin-wrap .pin.v2.clr45 .inner p {color: #D9480F;}
.map .pin-wrap .pin.v2.clr46 .inner p {color: #F76707;}
.map .pin-wrap .pin.v2.clr47 .inner p {color: #FF922B;}
.map .pin-wrap .pin.v2.clr48 .inner p {color: #FFC078;}

.map .pin-wrap .pin.v3 {padding: 0; width: 43px; height: 22px; cursor: pointer;}
.map .pin-wrap .pin.v3::before {width: 43px; height: 22px; border: 0; transform: translate(-50%, 0); background: url('../img/icon/ic_truck_default_pupple.png') no-repeat center; background-size: 100%; top: 0;}
.map .pin-wrap .pin.v3::after {display: none}
.map .pin-wrap .pin.v3 .inner {transform: translate(-20px, -30px); display: none; padding-bottom: 10px; width: 79px;}
.map .pin-wrap .pin.v3 .inner p {width: 79px; background-color: #ffffff; text-align: center; font-size: 11px; line-height: 1.182; color: #1E6AE1; border-radius: 13px; padding: 4px 0; border: 2px solid #4D8DFF; position: relative;}
.map .pin-wrap .pin.v3 .inner p::before,
.map .pin-wrap .pin.v3 .inner p::after {content: ""; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0); border-left: 5px solid transparent; border-right: 5px solid transparent; border-top-width: 6px; border-top-style: solid; z-index: 1;}
.map .pin-wrap .pin.v3 .inner p::before {border-top-color: #4D8DFF;}
.map .pin-wrap .pin.v3 .inner p::after {border-top-color: #ffffff; margin-top: -2px;}

.map .pin-wrap .pin.v3.complete::before {background: url('../img/icon/ic_truck_complete.png') no-repeat center; background-size: 100%;}
.map .pin-wrap .pin.v3.complete .inner p {color: #868E96; border: 2px solid #868E96;}
.map .pin-wrap .pin.v3.complete .inner p::before {border-top-color: #868E96;}

.map .pin-wrap .pin.v3:hover .inner {display: block;}
.map .pin-wrap .pin.v3:hover + .detail.v2 {display: block;} /*25-04-30 추가*/

.map .pin-wrap.on .pin.v3 .inner {display: block;}
.map .pin-wrap.on .pin.v3 .inner p {background-color: #4D8DFF; color: #ffffff;}
.map .pin-wrap.on .pin.v3 .inner p::after {border-top-color: #4D8DFF; margin-top: -2px;}

.map .pin-wrap.on .pin.v3.complete .inner p {background-color: #868E96; color: #ffffff;}
.map .pin-wrap.on .pin.v3.complete .inner p::after {border-top-color: #868E96;}

.map .map-summary .item .metric-area ul {display: flex; align-items: center; justify-content: center; gap: 32px;}
.map .map-summary .item .metric-area ul li {text-align: center; position: relative;}
.map .map-summary .item .metric-area ul li + li::before {content: ""; width: 1px; height: 30px; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); background-color: #EDF2FF;}
.map .map-summary .item .metric-area ul li .value {font-size: 16px; font-weight: 700; line-height: 1.1875;}
.map .map-summary .item .metric-area ul li:nth-child(1) .value {color: #4C6EF5;}
.map .map-summary .item .metric-area ul li:nth-child(2) .value {color: #FAB005;}
.map .map-summary .item .metric-area ul li:nth-child(3) .value {color: #858E96;}
.map .map-summary .item .metric-area ul li:nth-child(4) .value {color: #FA5252;}
.map .map-summary .item .metric-area ul li .title {margin-top: 2px; font-size: 11px; line-height: 1.182;}

.map .map-summary .item .data-area {display: flex; justify-content: center; align-items: center; gap: 0 40px;}
.map .map-summary .item .data-area .value {display: flex; flex-direction: column; gap: 4px 0; justify-content: space-between;}
.map .map-summary .item .data-area .value dl {display: flex; justify-content: space-between; gap: 0 2px;}
.map .map-summary .item .data-area .value dl dt {flex: none; width: 50px; font-size: 11px; line-height: 1.182;}
.map .map-summary .item .data-area .value dl dd {color: #868E96; font-size: 12px; line-height: 1.167;}
.map .map-summary .item .data-area .value dl dd strong {display: inline-block; line-height: 1.167; font-size: 12px; font-weight: 700; padding-right: 4px;}
.map .map-summary .item .data-area .value dl:nth-child(1) dd strong {color: #4C6EF5;}
.map .map-summary .item .data-area .value dl:nth-child(2) dd strong {color: #82C91E;}
.map .map-summary .item .data-area .value dl:nth-child(3) dd strong {color: #868E96;}
.map .map-summary .item .data-area .value dl:nth-child(4) dd strong {color: #FA5252;}
.map .map-summary .item .data-area .chart {width: 74px; flex: none;}

.map .map-summary .item .complete-area {display: flex; flex-wrap: wrap; justify-content: space-between;}
.map .map-summary .item .complete-area .chart-area {width: 100%;}
.map .map-summary .item .complete-area .chart-area ~ .info {margin-top: 5px;}
.map .map-summary .item .complete-area .info dl {display: flex; align-items: center; gap: 0 8px;}
.map .map-summary .item .complete-area .info dl dt {font-size: 11px; line-height: 1.273;}
.map .map-summary .item .complete-area .info dl dd {font-size: 12px; color: #868E96; line-height: 1.167;}
.map .map-summary .item .complete-area .info dl dd {display: inline-block; line-height: 1.167; font-size: 12px; font-weight: 700; padding-right: 4px;}
.map .map-summary .item .complete-area .info:nth-of-type(2) dl dd strong {color: #4C6EF5;}
.map .map-summary .item .complete-area .info:nth-of-type(3) dl dd strong {color: #858E96;}

/* .mCustomScrollbar.ui-sortable .mCustomScrollBox,
.mCustomScrollbar.ui-sortable .mCustomScrollBox .mCSB_container {overflow-x: visible !important; overflow-y: revert !important;} */

.mCustomScrollbar .mCSB_container_wrapper {margin-bottom: 0; margin-right: 0;}
.mCustomScrollbar .mCSB_container_wrapper .mCSB_container {padding-bottom: 0; padding-right: 0;}

.mCustomScrollbar .mCustomScrollBox .mCSB_container {margin-right: 0; margin-bottom: 0; width: 100%;}
.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools_horizontal {height: 25px; opacity: 1;}
.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {height: 5px; margin: 10px 0; background-color: #CED4DA !important; opacity: 1 !important;}
.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_draggerRail {height: 0; margin: 0;}

.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools_vertical {width: 25px; opacity: 1;}
.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {width: 5px; margin: 0 10px; background-color: #CED4DA !important; opacity: 1 !important;}
.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_draggerRail {width: 0; margin: 0;}

.mCustomScrollbar:has(.mCSB_outside) .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_vertical {right: -15px; width: 5px;}
.mCustomScrollbar:has(.mCSB_outside) .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {width: 5px; margin: 0 0; background-color: #CED4DA !important; opacity: 1 !important;}
.mCustomScrollbar:has(.mCSB_outside) .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerContainer .mCSB_draggerRail {height: 0; margin: 0;}
.mCustomScrollbar:has(.mCSB_outside) .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {bottom: -15px; height: 5px;}
.mCustomScrollbar:has(.mCSB_outside) .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {height: 5px; margin: 0 0; background-color: #CED4DA !important; opacity: 1 !important;}
.mCustomScrollbar:has(.mCSB_outside) .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_draggerRail {height: 0; margin: 0;}

.ui-tooltip {max-width: none; box-shadow: none; padding: 0 !important; border: 0 !important; background: none; border-radius: 0 !important; font-family: 'Pretendard'; color: #343A40;}
.ui-tooltip .tooltip-wrap.layer {background-color: #F8F9FA; border-radius: 20px; box-shadow: 0px 4px 10px 0px #0000001A; padding: 20px 20px 30px;}
.ui-tooltip .tooltip-wrap.layer .tit-tooltip {text-align: center; font-size: 14px; font-weight: 700; line-height: 1.215; text-align: center;}
.ui-tooltip .tooltip-wrap.layer .txt-tooltip {font-size: 12px; font-weight: 600; line-height: 1.25; text-align: center; color: #868E96;}
.ui-tooltip .tooltip-wrap.layer .tit-tooltip + .txt-tooltip {margin-top: 4px;}

.ui-tooltip .tooltip-wrap.help {background-color: #FFFFFF; border-radius: 8px; box-shadow: 0px 2px 4px 0px #0000001A; padding: 10px; border: 1px solid #748FFC; max-width: 370px;}
.ui-tooltip .tooltip-wrap.help .txt-tooltip {font-size: 11px; line-height: 1.455; text-align: left;}
.ui-tooltip .tooltip-wrap.help .txt-cont {font-size: 11px; line-height: 1.455; text-align: left; color: #868686;}

.ui-tooltip .tooltip-wrap.guide .txt-tooltip {font-size: 12px; line-height: 1.25; color: #868E96;}

.ui-tooltip .tooltip-wrap.option {background-color: #ffffff; border: 1px solid #748FFC; border-radius: 20px; box-shadow: 0px 4px 10px 0px #0000001A; padding: 10px 10px; max-width: 190px;}
.ui-tooltip .tooltip-wrap.option dl {border-bottom: 1px solid #CED4DA; padding-bottom: 10px;}
.ui-tooltip .tooltip-wrap.option dl + dl {padding-top: 10px;}
.ui-tooltip .tooltip-wrap.option dl dt {font-size: 11px; line-height: 1.455;}
.ui-tooltip .tooltip-wrap.option dl dt + dd {margin-top: 2px;}
.ui-tooltip .tooltip-wrap.option .txt-cont {font-size: 11px; line-height: 1.455; text-align: left; color: #868686;}

.ui-datepicker {border: 1px solid #CED4DA !important; box-shadow: 0px 4px 10px 0px #0000001A; width: 345px; border-radius: 10px; background-color: #F8F9FA; padding: 0; overflow: hidden;  font-family: 'Pretendard';}
.ui-datepicker .ui-datepicker-header {background: #F8F9FA; border-radius: 0 !important; border: 0; border-bottom: 1px solid #CED4DA; padding: 20px 0; display: flex; align-items: center; justify-content: center; gap: 0 20px;}
.ui-datepicker .ui-datepicker-header::after {display: none;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {margin: 0;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {width: 105px; height: 32px; border-radius: 8px; background: #ffffff url('../img/icon/ic_arr_select_default.png') no-repeat right 20px center; background-size: 16px; padding: 0 56px 0 20px; font-size: 12px; color: #343A40; border: 1px solid #CED4DA;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {display: none;}
.ui-datepicker .ui-datepicker-header .ui-corner-all {position: static; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 100%; background-position: center;}
.ui-datepicker .ui-datepicker-header .ui-corner-all:hover {border: 0; background-color: transparent;}
.ui-datepicker .ui-datepicker-header .ui-corner-all span {position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {background-image: url('../img/icon/ic_arr_datepicker_l.png');}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {order: 1; background-image: url('../img/icon/ic_arr_datepicker_r.png');}
.ui-datepicker .ui-datepicker-calendar {width: calc(100% - 40px); margin: 15px 20px 20px; font-family: 'Pretendard';}
.ui-datepicker .ui-datepicker-calendar thead tr th {height: 30px; padding: 0; border-bottom-width: 1px; border-style: solid; vertical-align: middle; font-size: 12px; font-weight: 600; line-height: 1.167; border-bottom-color: #D9D9D9;}
.ui-datepicker .ui-datepicker-calendar thead tr th.ui-datepicker-week-end:nth-of-type(1) {border-bottom-color: #FA5252; color: #FA5252}
.ui-datepicker .ui-datepicker-calendar thead tr th.ui-datepicker-week-end:last-of-type {border-bottom-color: #228BE6; color: #228BE6}
.ui-datepicker .ui-datepicker-calendar tbody tr td {padding: 0; vertical-align: middle; height: 40px;}
.ui-datepicker .ui-datepicker-calendar tbody tr td > span,
.ui-datepicker .ui-datepicker-calendar tbody tr td > a,
.ui-datepicker .ui-datepicker-calendar tbody tr td > span.ui-state-active,
.ui-datepicker .ui-datepicker-calendar tbody tr td > a.ui-state-active {display: block; width: 32px; line-height: 32px; height: 32px; border-radius: 50%; font-size: 12px; font-weight: 400; text-align: center; border: 0; background-color: transparent; padding: 0; color: #343A40; margin: 0 auto;}
.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-of-type(1) > span,
.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-of-type(1) > a,
.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-of-type(1) > span.ui-state-active,
.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-of-type(1) > a.ui-state-active {color: #FA5252}
.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-of-type(7) > span,
.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-of-type(7) > a,
.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-of-type(7) > span.ui-state-active,
.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-of-type(7) > a.ui-state-active {color: #228BE6}
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month > span,
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month > a,
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month > span.ui-state-active,
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month > a.ui-state-active {color: #CED4DA;}
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today > span,
/*.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today > a {background-color: #4C6EF5; color: #ffffff;}*/


.ui-datepicker.ui-datepicker-multi {width: auto !important; padding: 20px 20px;}
.ui-datepicker.ui-datepicker-multi-2 .ui-datepicker-group {width: 210px;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group {margin-left: 20px;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-calendar {margin: 0 0; table-layout: fixed; width: 100%;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-calendar tbody tr td {height: 30px; position: relative;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-calendar tbody tr td::after {content: ""; width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-calendar tbody tr td a {width: 30px; height: 30px; line-height: 30px; position: relative; z-index: 1;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-calendar:has(.period-day) .ui-datepicker-today a {background-color: transparent; color: #343A40}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-calendar .period-day::after {background-color: #EDF2FF;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-calendar .period-day.first::after {border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-calendar .period-day.first a {border-radius: 50%; background-color: #4C6EF5; color: #ffffff; z-index: 1;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-calendar .period-day.last::after {border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-calendar .period-day.last a {border-radius: 50%; background-color: #4C6EF5; color: #ffffff; z-index: 1;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header {border-bottom: 0; padding-bottom: 10px; position: relative;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev {position: absolute; left: 0; top: 20px;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next {position: absolute; right: 0; top: 20px;}
.ui-datepicker.ui-datepicker-multi .datepicker-foot {width: calc(100% + 40px); margin-left: -20px; margin-bottom: -20px; margin-top: 20px; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #CED4DA;}
.ui-datepicker.ui-datepicker-multi .datepicker-foot button {font-family: 'Pretendard';}
.ui-datepicker.ui-datepicker-multi .datepicker-foot .date-result {font-size: 12px; font-weight: 600; line-height: 1.3334;}

.ui-resizable {z-index: 1;}

.attention-box {display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; background-color: #F1F3F5; border-radius: 10px;}

/*-------------------------------------------------------------------
    @collections
-------------------------------------------------------------------*/
/* form group */
.form-group.v1 {display: flex; align-items: stretch; flex-wrap: wrap; gap: 15px 0;}
.form-group.v1 .form {width: 100%;}

.form-group.v2 {display: flex; align-items: stretch; flex-wrap: wrap; gap: 15px 20px;}
.form-group.v2 .form {width: calc(50% - 10px);}

.form-group.v3 {display: flex; align-items: stretch; flex-wrap: wrap; justify-content: flex-start; gap: 0 24px;}

.form-group.v4 {display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; gap: 0 20px;}

.form-group.v5 {display: flex; align-items: stretch; flex-wrap: wrap; gap: 15px 20px;}
.form-group.v5 .form {width: calc(calc(100% - 40px)/3);}

.form .form-cont * + .txt-valid,
.form .form-cont * + .txt-invalid {margin-top: 6px;}

.form.col {display: flex; align-items: stretch; justify-content: flex-start;}
.form.col .form-title {max-height: 32px; display: flex; align-items: center; justify-content: flex-start; flex: none;}
.form.col .form-title p {font-size: 12px; font-weight: 600; line-height: 1.334; color: #868e86;}
.form.col .form-cont {flex: 1 0; margin-left: 10px;}
.form.col .form-cont .txt-form {font-size: 12px; line-height: 1.5; text-align: left;}

.form.row {display: flex; flex-direction: column; gap: 6px 0;}
.form.row .form-title {display: flex; align-items: center; justify-content: space-between;}
.form.row .form-title p {font-size: 12px; font-weight: 600; line-height: 1.25; color: #868E96; display: flex; align-items: center; justify-content: flex-start; gap: 0 4px;}
.form.row.required .form-title p::after {content: "*"; color: #4C6EF5;}
.form.row .form-cont .txt-form {font-size: 12px; line-height: 1.5; text-align: left;}
/*.form.row .form-cont .txt-form:nth-child(1) {margin-top: 7px;}*/

.inp-wrap {display: flex; flex-wrap: wrap; gap: 8px 8px;}
.inp-wrap .inp-item {position: relative;}
.has-unit {position: relative;}
.has-unit .unit {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 12px; line-height: 1.167; color: #868E96}
.inp-wrap .inp-item .unit {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 12px; line-height: 1.167; color: #868E96}
.inp-wrap .inp-item .txt {font-size: 12px; line-height: 1.3334; color: #868e86;}

.inp-wrap.v1 .inp-item {width: 100%; display: flex; gap: 0 10px; align-items: center; justify-content: flex-start;}
.inp-wrap.v2 .inp-item {width: calc(50% - 4px);}

.inp-wrap.v3 .inp-item {width: 100%; display: flex; gap: 0 4px; align-items: center; justify-content: flex-start;}
.inp-wrap.v3 .inp-item .txt {color: #000000;}
.inp-wrap.v4 {gap: 0 15px;}
.inp-wrap.v4 .inp-item {width: 100%; display: flex; gap: 0 5px; align-items: center; justify-content: flex-start;}

.lookup {border-radius: 20px; padding: 20px 20px; background-color: #F8F9FA;}
.lookup .form.col + .form.col {margin-top: 10px;}
/* .lookup .form.col .form-title {width: 115px;} */

/* form mixins */
.radio-group.v1 {display: flex; align-items: flex-start; justify-content: flex-start; gap: 0 4px;}

.radio-group.v2 {display: flex; align-items: flex-start; justify-content: flex-start; gap: 0 20px;}

.radio-group.v3 {display: flex; align-items: flex-start; justify-content: center; gap: 0 10px;}

.radio-group.v4 {display: flex; align-items: flex-start; justify-content: flex-start; gap: 0 2px;}

.radio-group.v5 {display: flex; align-items: flex-start; justify-content: flex-start; overflow: hidden; border-radius: 300px; border: 1px solid #CED4DA;}
.radio-group.v5 .radio + .radio {border-left: 1px solid #CED4DA;}

.radio-group.v6 {display: flex; align-items: flex-start; justify-content: center; gap: 0 20px;}

.radio-group.v7 {display: flex; align-items: flex-start; justify-content: flex-start; gap: 0 10px;}

.check-group.v1 {display: flex; border: 1px solid #E9ECEF; border-radius: 8px; max-width: 100%; width: fit-content; overflow: hidden;}

.check-group.v2 {display: flex; flex-wrap: wrap; gap: 8px 8px; justify-content: flex-start; align-items: flex-start;}

.check-group.v3 {display: flex; gap: 10px 10px; align-items: stretch;}
.check-group.v3 .check {flex: 1 0;}

.check-group.v4 {display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: flex-start; align-items: flex-start;}
.check-group.v5 {display: flex; gap: 10px 10px; align-items: stretch;}

.check.v1 {width: fit-content;}
.check.v1 input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.check.v1 input[type="checkbox"] + label {position: relative; min-width: 14px; min-height: 14px; width: fit-content; display: block;}
.check.v1 input[type="checkbox"] + label p {padding-left: 22px; font-size: 12px; line-height: 1.25; color: #868E96;}
.check.v1 input[type="checkbox"] + label::before {content: ""; width: 14px; height: 14px; background: url('../img/icon/ic_check01_off.png') no-repeat center; background-size: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.check.v1 input[type="checkbox"]:checked + label::before {background: url('../img/icon/ic_check01_on.png') no-repeat center; background-size: 100%;}

.check.v2 {width: 240px;}
.check.v2 input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.check.v2 input[type="checkbox"] + label {position: relative; width: 240px; height: 30px; display: block; border-radius: 16px; padding: 6px 42px; background-color: #F1F3F5; background-image: url('../img/icon/ic_arr_sortable.png'); background-repeat: no-repeat; background-position: right 20px center; background-size: 12px; cursor: pointer; border: 1px solid #F1F3F5;}
.check.v2 input[type="checkbox"] + label::before {content: ""; width: 14px; height: 14px; position: absolute; left: 20px; top: 8px; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url('../img/icon/ic_check02_off.png');}
.check.v2 input[type="checkbox"] + label p {font-size: 13px; line-height: 1.231; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.check.v2 input[type="checkbox"]:checked + label {background-color: #DBE4FF; border: 1px solid #DBE4FF;}
.check.v2 input[type="checkbox"]:checked + label::before {background-image: url('../img/icon/ic_check02_on.png');}
.check.v2 input[type="checkbox"] + label:hover,
.ui-sortable-helper .check.v2 input[type="checkbox"] + label {border: 1px solid #CED4DA; box-shadow: 0px 4px 4px 0px #0000001A;}
.check.v2 input[type="checkbox"]:checked + label:hover,
.ui-sortable-helper .check.v2 input[type="checkbox"]:checked + label {border: 1px solid #748FFC; box-shadow: 0px 4px 4px 0px #0000001A;}

.check.v3 {width: 65px;}
.check.v3 + .check.v3 {border-left: 1px solid #E9ECEF;}
.check.v3 input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.check.v3 input[type="checkbox"] + label {display: flex; cursor: pointer; background-color: #ffffff; padding: 8px 0; align-items: center; justify-content: center;}
.check.v3 input[type="checkbox"] + label p {text-align: center; font-size: 12px; line-height: 1.334;}
.check.v3 input[type="checkbox"]:checked + label {background-color: #EDF2FF;}
.check.v3 input[type="checkbox"]:checked + label p {color: #4C6EF5; font-weight: 600;}

/*2025-01-13 radio 버튼이 필요해서 추가*/
.check.v3 input[type="radio"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.check.v3 input[type="radio"] + label {display: flex; cursor: pointer; background-color: #ffffff; padding: 8px 0; align-items: center; justify-content: center;}
.check.v3 input[type="radio"] + label p {text-align: center; font-size: 12px; line-height: 1.334;}
.check.v3 input[type="radio"]:checked + label {background-color: #EDF2FF;}
.check.v3 input[type="radio"]:checked + label p {color: #4C6EF5; font-weight: 600;}

.check.v4 {width: 145px;}
.check.v4 input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.check.v4 input[type="checkbox"] + label {display: block; cursor: pointer; padding: 8px 15px; border: 1px solid #CED4DA; border-radius: 16px; height: 32px;}
.check.v4 input[type="checkbox"] + label p {font-size: 12px; line-height: 1.3334; color: #868E96;}
.check.v4 input[type="checkbox"]:checked + label {background-color: #4C6EF5; border-color: #4C6EF5;}
.check.v4 input[type="checkbox"]:checked + label p {color: #ffffff;}

.check.v5 {width: fit-content;}
.check.v5 input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.check.v5 input[type="checkbox"] + label {position: relative; min-width: 20px; min-height: 20px; width: fit-content; display: block;}
.check.v5 input[type="checkbox"] + label::before {content: ""; width: 20px; height: 20px; background: url('../img/icon/ic_check02_off.png') no-repeat center; background-size: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.check.v5 input[type="checkbox"]:checked + label::before {background: url('../img/icon/ic_check02_on.png') no-repeat center; background-size: 100%;}

/*2025-01-13 radio 버튼이 필요해서 추가*/
.check.v5 input[type="radio"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.check.v5 input[type="radio"] + label {position: relative; min-width: 20px; min-height: 20px; width: fit-content; display: block;}
.check.v5 input[type="radio"] + label::before {content: ""; width: 20px; height: 20px; background: url('../img/icon/ic_check02_off.png') no-repeat center; background-size: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.check.v5 input[type="radio"]:checked + label::before {background: url('/img/icon/ic_check02_on.png') no-repeat center; background-size: 100%;}

.check.v6 {}
.check.v6 input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.check.v6 input[type="checkbox"] + label {display: block; border: 1px solid #E9ECEF; padding: 15px 8px 10px; position: relative; height: 100%; border-radius: 10px;}
.check.v6 input[type="checkbox"] + label::before {content: ""; width: 24px; height: 24px; background-image: url('../img/icon/ic_check02_off.png'); background-repeat: no-repeat; background-position: center; position: absolute; left: 10px; top: 15px;}
.check.v6 input[type="checkbox"] + label img {width: 48px; margin: 0 auto;}
.check.v6 input[type="checkbox"] + label img + .tit {margin-top: 8px;}
.check.v6 input[type="checkbox"] + label .tit {text-align: center; font-size: 12px; line-height: 1.25;}
.check.v6 input[type="checkbox"] + label .tit + .txt {margin-top: 8px;}
.check.v6 input[type="checkbox"] + label .txt {text-align: center; color: #868E96; font-size: 11px; line-height: 1.364; min-height: 45px;}
.check.v6 input[type="checkbox"] + label .txt + select {margin-top: 8px;}
.check.v6 input[type="checkbox"] + label select + .radio-group {margin-top: 8px;}
.check.v6 input[type="checkbox"] + label .txt + .txt-warning {margin-top: 8px;}
.check.v6 input[type="checkbox"] + label .txt-warning {text-align: center; margin-top: 8px;}
.check.v6 input[type="checkbox"]:checked + label {border-color: #748FFC; background-color: #EDF2FF;}
.check.v6 input[type="checkbox"]:checked + label::before { background-image: url('../img/icon/ic_check02_on.png');}

.check.v7 {width: fit-content;}
.check.v7 input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.check.v7 input[type="checkbox"] + label {position: relative; min-width: 14px; min-height: 14px; width: fit-content; display: block;}
.check.v7 input[type="checkbox"] + label p {padding-left: 22px; font-size: 12px; line-height: 1.25; color: #343A40;}
.check.v7 input[type="checkbox"] + label p strong {font-weight: 700; line-height: 1.25; display: inline-block;}
.check.v7 input[type="checkbox"] + label::before {content: ""; width: 14px; height: 14px; background: url('../img/icon/ic_check01_off.png') no-repeat center; background-size: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.check.v7 input[type="checkbox"]:checked + label::before {background: url('../img/icon/ic_check01_on.png') no-repeat center; background-size: 100%;}

.check.v8 {width: fit-content;}
.check.v8 input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.check.v8 input[type="checkbox"] + label {position: relative; min-width: 16px; min-height: 16px; width: fit-content; display: block;}
.check.v8 input[type="checkbox"] + label p {padding-left: 22px; font-size: 12px; line-height: 1.334; color: #868E96;}
.check.v8 input[type="checkbox"] + label::before {content: ""; width: 16px; height: 16px; background: url('../img/icon/ic_check03_off.png') no-repeat center; background-size: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.check.v8 input[type="checkbox"]:checked + label::before {background: url('../img/icon/ic_check03_on.png') no-repeat center; background-size: 100%;}
.check.v8 input[type="checkbox"]:checked:disabled + label::before {background: url('../img/icon/ic_check03_disabled.png') no-repeat center; background-size: 100%;}

.radio.v1 {width: fit-content;}
.radio.v1 input[type="radio"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radio.v1 input[type="radio"] + label {position: relative; min-width: 12px; min-height: 12px; width: fit-content; display: block;}
.radio.v1 input[type="radio"] + label::before {content: ""; width: 12px; height: 12px; background: url('../img/icon/ic_radio01_off.png') no-repeat center; background-size: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.radio.v1 input[type="radio"] + label p {font-size: 12px; line-height: 1.334; text-align: left; color: #868E86; padding-left: 16px;}
.radio.v1 input[type="radio"]:checked + label::before {background: url('../img/icon/ic_radio01_on.png') no-repeat center; background-size: 100%;}

.radio.v2 {width: fit-content;}
.radio.v2 input[type="radio"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radio.v2 input[type="radio"] + label {position: relative; width: fit-content; display: block; padding: 0 15px; background-color: #F1F3F5; border-radius: 12px; cursor: pointer;}
.radio.v2 input[type="radio"] + label p {font-size: 12px; line-height: 2; color: #868E96; font-weight: 600;}
.radio.v2 input[type="radio"]:checked + label {background-color: #4C6EF5;}
.radio.v2 input[type="radio"]:checked + label p {color: #ffffff;}

.radio.v3 {width: fit-content;}
.radio.v3 input[type="radio"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radio.v3 input[type="radio"] + label {position: relative; width: fit-content; display: block; padding: 8px 10px; background-color: #ffffff; border: 1px solid #E9ECEF; border-radius: 8px; cursor: pointer;}
.radio.v3 input[type="radio"] + label p {font-size: 12px; line-height: 1.25; color: #868E96; font-weight: 600;}
.radio.v3 input[type="radio"]:checked + label {background-color: #EDF2FF; border-color: #EDF2FF;}
.radio.v3 input[type="radio"]:checked + label p {color: #4C6EF5;}

.radio.v4 {width: fit-content;}
.radio.v4 input[type="radio"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radio.v4 input[type="radio"] + label {width: fit-content; display: block; padding: 10px 15px; background-color: #ffffff; cursor: pointer; display: flex; gap: 0 4px; justify-content: center; align-items: center;}
.radio.v4 input[type="radio"] + label p {font-size: 12px; line-height: 1.3334; color: #868E96;}
.radio.v4 input[type="radio"]:checked + label {background-color: #EDF2FF;}
.radio.v4 input[type="radio"]:checked + label p {color: #4C6EF5;}

/*2025-03-18 checkbox 필요해서 추가*/
.radio.v4 input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radio.v4 input[type="checkbox"] + label {width: fit-content; display: block; padding: 10px 15px; background-color: #ffffff; cursor: pointer; display: flex; gap: 0 4px; justify-content: center; align-items: center;}
.radio.v4 input[type="checkbox"] + label p {font-size: 12px; line-height: 1.3334; color: #868E96;}
.radio.v4 input[type="checkbox"]:checked + label {background-color: #EDF2FF;}
.radio.v4 input[type="checkbox"]:checked + label p {color: #4C6EF5;}

.radio.v4 input[type="button"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radio.v4 input[type="button"] + label {width: fit-content; display: block; padding: 10px 15px; background-color: #ffffff; cursor: pointer; display: flex; gap: 0 4px; justify-content: center; align-items: center;}
.radio.v4 input[type="button"] + label p {font-size: 12px; line-height: 1.3334; color: #868E96;}

.radio.v5 {width: fit-content;}
.radio.v5 input[type="radio"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radio.v5 input[type="radio"] + label {width: 120px; display: block; padding: 14px 0; background-color: #F8F9FA; border: 1px solid #E9ECEF; cursor: pointer; border-radius: 10px;}
.radio.v5 input[type="radio"] + label::before {content: ""; width: 12px; height: 12px; background-repeat: no-repeat; background-size: 100%; background-position: center; background-image: url('../img/icon/ic_radio01_off.png'); display: block; margin: 0 auto;}
.radio.v5 input[type="radio"] + label i {margin: 10px auto 0;}
.radio.v5 input[type="radio"] + label p {font-size: 14px; line-height: 1.143; text-align: center; margin-top: 10px;}
.radio.v5 input[type="radio"] + label p.lg {font-size: 20px; line-height: 1.6; margin-top: 0; font-weight: 700;}
.radio.v5 input[type="radio"] + label p.sm {font-size: 12px; line-height: 1.5834; margin-top: 0;}
.radio.v5 input[type="radio"]:checked + label {background-color: #EDF2FF; border-color: #BAC8FF;}
.radio.v5 input[type="radio"]:checked + label::before {background-image: url('../img/icon/ic_radio01_on.png');}
.radio.v5 input[type="radio"]:checked + label p.lg {color: #4C6EF5;}
.radio.v5 input[type="radio"]:checked + label p.sm {color: #4C6EF5;}

.radio.v6 {width: fit-content;}
.radio.v6 input[type="radio"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radio.v6 input[type="radio"] + label {width: 160px; display: flex; align-items: center; justify-content: center; height: 32px; gap: 0 10px; background-color: #F8F9FA; border: 1px solid #E9ECEF; cursor: pointer; border-radius: 4px;}
.radio.v6 input[type="radio"] + label::before {content: ""; width: 12px; height: 12px; background-repeat: no-repeat; background-size: 100%; background-position: center; background-image: url('../img/icon/ic_radio01_off.png'); display: block;}
.radio.v6 input[type="radio"] + label p {font-size: 12px; line-height: 1.3334; text-align: center;}
.radio.v6 input[type="radio"]:checked + label {background-color: #EDF2FF; border-color: #BAC8FF;}
.radio.v6 input[type="radio"]:checked + label::before {background-image: url('../img/icon/ic_radio01_on.png');}

.dropdown.v1 {position: relative;}
.dropdown.v1 .txt-pick {display: block; text-align: left; width: 100%; cursor: pointer; height: 32px; border-radius: 8px; border: 1px solid #CED4DA; padding: 0 40px 0 20px; font-size: 12px; line-height: 2.5; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: url('../img/icon/ic_arr_select_default.png') no-repeat right 20px center; background-size: 16px;}
.dropdown.v1 .txt-pick:has(strong) {color: #868E96; display: flex; align-items: center;}
.dropdown.v1 .txt-pick:has(strong) * {flex: none;}
.dropdown.v1 .txt-pick:has(strong) strong {flex: 1 0; color: #343A40; font-weight: 400; font-size: 12px; line-height: 2.5;}
.dropdown.v1 .drop-list {position: absolute; width: 100%; left: 0; top: 100%; margin-top: 10px; display: none;}
.dropdown.v1.active {z-index: 2;}
.dropdown.v1.active .drop-list {display: block;}
.dropdown.v1 .drop-list li {cursor: pointer;}

.dropdown.v1.row .drop-list {border: 1px solid #CED4DA; border-radius: 8px; min-width: 200px; background-color: #ffffff; z-index: 9; padding: 10px 0; max-height: 133px;}
.dropdown.v1.row .drop-list li {font-size: 12px; line-height: 1.167; padding: 8px 10px;}
.dropdown.v1.row .drop-list li:hover {background-color: #EDF2FF;}
.dropdown.v1.row .drop-list li strong {font-weight: 400;}

.dropdown.v1.column .drop-list {width: 475px; overflow: hidden;}
.dropdown.v1.column .drop-list li {float: left; width: 20%; border: 1px solid #E9ECEF; background-color: #ffffff; text-align: center; padding: 8px 0; font-size: 12px; line-height: 1.334; border-left: 0; border-top: 0;}
.dropdown.v1.column .drop-list li:nth-child(-n + 5) {border-top: 1px solid #E9ECEF}
.dropdown.v1.column .drop-list li:nth-child(5n + 1) {border-left: 1px solid #E9ECEF;}
.dropdown.v1.column .drop-list li:hover {background-color: #EDF2FF; color: #4C6EF5; font-weight: 600;}

.dropdown.v2 {position: relative;}
.dropdown.v2 + .dropdown.v2::before {content: ""; width: 1px; height: 10px; background-color: #CED4DA; position: absolute; left: 0; top: 11px;}
.dropdown.v2 .txt-pick {display: block; text-align: left; width: 100%; cursor: pointer; height: 32px; padding: 0 40px 0 20px; font-size: 13px; line-height: 2.462; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: url('../img/icon/ic_arr_select_default.png') no-repeat right 20px center; background-size: 16px;}
.dropdown.v2 .drop-list {position: absolute; width: 100%; left: 0; top: 100%; display: none;}
.dropdown.v2.active {z-index: 1;}
.dropdown.v2.active .drop-list {display: block;}
.dropdown.v2.active .drop-list li {cursor: pointer;}

.dropdown.v2.row .drop-list {border: 1px solid #CED4DA; border-radius: 8px; min-width: 200px; background-color: #ffffff; z-index: 9; padding: 10px 0;}
.dropdown.v2.row .drop-list li {font-size: 12px; line-height: 1.167; padding: 8px 10px;}
.dropdown.v2.row .drop-list li:hover {background-color: #EDF2FF;}

.dropdown.v2.column .drop-list {width: 475px; overflow: hidden;}
.dropdown.v2.column .drop-list li {float: left; width: 20%; border: 1px solid #E9ECEF; background-color: #ffffff; text-align: center; padding: 8px 0; font-size: 12px; line-height: 1.334; border-left: 0; border-top: 0;}
.dropdown.v2.column .drop-list li:nth-child(-n + 5) {border-top: 1px solid #E9ECEF}
.dropdown.v2.column .drop-list li:nth-child(5n + 1) {border-left: 1px solid #E9ECEF;}
.dropdown.v2.column .drop-list li:hover {background-color: #EDF2FF; color: #4C6EF5; font-weight: 600;}

.dropdown.v3 {position: relative;}
.dropdown.v3 .txt-pick {display: block; text-align: left; width: 100%; cursor: pointer; height: 32px; border-radius: 8px; border: 1px solid #CED4DA; padding: 0 25px 0 20px; font-size: 12px; line-height: 2.5; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: url('../img/icon/ic_arr_select_default.png') no-repeat right 10px center/16px;}
.dropdown.v3 .drop-list {position: absolute; width: 100%; left: 0; top: 100%; margin-top: 10px; display: none; border: 1px solid #CED4DA; border-radius: 8px; background-color: #ffffff; z-index: 9; padding: 10px 0; max-height: 133px;}
.dropdown.v3.active {z-index: 2;}
.dropdown.v3.active .drop-list {display: block;}
.dropdown.v3 .drop-list li {cursor: pointer;}
.dropdown.v3 .drop-list li {font-size: 12px; line-height: 1.167; padding: 8px 10px;}
.dropdown.v3 .drop-list li:hover {background-color: #EDF2FF;}
.dropdown.v3 .drop-list li strong {font-weight: 400;}
.dropdown.v3.disabled .txt-pick {color: #ADB5BD; background: #F1F3F5 url('../img/icon/ic_arr_select_disabled.png') no-repeat right 10px center/16px; border-color: #F1F3F5;}

.select.v1 {height: 17px; border-radius: 9px; background: #f1f3f5 url('../img/icon/ic_arr_select_default.png') no-repeat right 10px center; background-size: 10px; padding: 0 32px 0 12px; border: 0; font-size: 11px; color: #868e86;}

.select.v2 {height: 32px; border-radius: 16px; background: #F1F3F5 url('../img/icon/ic_arr_select_default.png') no-repeat right 20px center; background-size: 16px; padding: 0 46px 0 20px; border: 0; font-size: 12px; color: #343A40;}

.select.v3 {height: 32px; border-radius: 8px; background: #ffffff url('../img/icon/ic_arr_select_default.png') no-repeat right 20px center; background-size: 16px; padding: 0 40px 0 20px; border: 0; font-size: 12px; color: #343A40; border: 1px solid #CED4DA;}
.select.v3:disabled {background-color: #F1F3F5; border-color: #F1F3F5;}

.select.v4 {height: 32px; border-radius: 8px; background: #ffffff url('../img/icon/ic_arr_select_default.png') no-repeat right 20px center; background-size: 16px; padding: 0 36px 0 20px; border: 0; font-size: 12px; color: #343A40; border: 1px solid #CED4DA; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.select.v4:disabled {background-color: #F1F3F5; border-color: #F1F3F5; color: #868E96;}

.select.v5 {height: 27px; border-radius: 20px; background: #ffffff url('../img/icon/ic_arr_select_default.png') no-repeat right 20px center; background-size: 16px; padding: 0 36px 0 20px; border: 0; font-size: 13px; color: #343A40; border: 1px solid #CED4DA;}

.select.v6 {height: 32px; border-radius: 8px; background: #ffffff url('../img/icon/ic_arr_select_default.png') no-repeat right 10px center; background-size: 16px; padding: 0 36px 0 10px; border: 0; font-size: 12px; color: #343A40; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.select.v6:disabled {color: #CED4DA; background: #F1F3F5 url('../img/icon/ic_arr_select_disabled.png') no-repeat right 10px center; background-size: 16px;}

.switch {width: 36px; height: 20px;}
.switch input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.switch input[type="checkbox"] + label {display: block; width: 36px; height: 20px; border-radius: 10px; background-color: #CED4DA; position: relative; cursor: pointer;}
.switch input[type="checkbox"] + label::before {content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; background-color: #ffffff; top: 2px; left: 2px;}
.switch input[type="checkbox"]:checked + label {background-color: #4C6EF5;}
.switch input[type="checkbox"]:checked + label::before {left: 18px;}

input[type="text"],
input[type="number"],
input[type="password"] {width: 100%; display: block; height: 32px; border-radius: 8px; border: 1px solid #CED4DA; padding: 0 20px; font-size: 12px;}
input[type="text"]:read-only {cursor: pointer;}
input[type="text"]:disabled,
input[type="password"]:disabled {background-color: #F1F3F5; border-color: #F1F3F5;}
textarea {width: 100%; display: block; height: 32px; border-radius: 8px; border: 1px solid #CED4DA; padding: 20px 20px; font-size: 12px; resize: none; font-size: 12px; font-family: 'Pretendard';}

.search { display: flex; align-items: center; gap: 0 5px;}
.search .word {position: relative; flex: 1 0;}
.search input[type="text"] {padding-right: 46px;}
.search .btn-search {position: absolute; right: 20px; top: 8px;}

.priod {display: flex; align-items: center; gap: 0 5px;}
.priod .from,
.priod .to {width: 105px; cursor: pointer;}
.priod .from .date,
.priod .to .date {background: #ffffff;}
.priod .one-form {position: relative; width: 230px; display: flex; background: #ffffff url('../img/icon/ic_schedule_default.png') no-repeat right 20px center; background-size: 16px; height: 32px; border-radius: 8px; border: 1px solid #CED4DA; padding: 0 48px 0 20px; align-items: center; justify-content: center; gap: 0 5px;}
.priod .one-form .picker {position: absolute; left: 0; top: 0; opacity: 0;}
.priod .one-form [class*="date"] {padding: 0; background: none; border: 0; border-radius: 0; text-align: center;}

.date {background: #ffffff url('../img/icon/ic_schedule_default.png') no-repeat right 20px center; background-size: 16px;}

input[type="text"].id {height: 48px; border-radius: 8px; padding: 0 20px; font-size: 12px;}

.password {position: relative;}
.password input[type="password"] {height: 32px; border-radius: 8px; padding: 0 56px 0 20px; font-size: 12px;}
.password .btn-ic {position: absolute; right: 20px; top: 8px;}

.file {display: flex; gap: 0 10px; align-items: center;}
.file input[type="text"] {flex: 1 0; border: 0; padding: 0;}

.slider.v1 {display: flex; align-items: center; gap: 0 10px; padding-right: 6px;}
.slider.v1 .value {flex: none; font-size: 12px; font-weight: 600; color: #4C6EF5;}
.slider.v1 .slider-area {flex: 1 0; border: 0; height: 4px; border-radius: 0; background-color: #748FFC;}
.slider.v1 .slider-area .ui-slider-range {background-color: #E9ECEF; border: 0;}
.slider.v1 .slider-area .ui-slider-handle {width: 10px; height: 10px; border: 0; border-radius: 50%; background-color: #364FC7; top: -3px; margin-left: -5px;}
.slider.v1 .slider-area .tick {height: 100%; position: absolute; background-color: #DEE2E6; width: 1px; display: block; top: 0; z-index: 1;}
.slider.v1.disabled .value {color: #CED4DA;}
.slider.v1.disabled .slider-area {background-color: transparent;}
.slider.v1.disabled .slider-area .ui-slider-handle {background-color: #CED4DA;}

.ellipsis-text {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}