@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
/* 예약판>예약칸 에서만 사용할 여러 종류의 굵기의 폰트 */
@font-face {
    font-family: 'NotoSans-Custom';
    src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap') format('woff2');
    font-weight: 100;
}
@font-face {
    font-family: 'NotoSans-Custom';
    src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap') format('woff2');
    font-weight: 300;
}
@font-face {
    font-family: 'NotoSans-Custom';
    src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap') format('woff2');
    font-weight: 400;
}
@font-face {
    font-family: 'NotoSans-Custom';
    src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap') format('woff2');
    font-weight: 500;
}
@font-face {
    font-family: 'NotoSans-Custom';
    src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap') format('woff2');
    font-weight: 700;
}
:root {
    --common-font-size: 12px;
    --logo-font-size: 22px;
    --branch-font-size: 13px;
    --title-font-size: 18px;
    --semi-title-font-size: 13px;
    --user-font-size: 13px;
    --menu-group-font-size: 13px;
    --menu-font-size: 12px;
    --modal-title-font-size: 13px;

    --common-color: #4d4d4d;
    --logo-font-color: #000000;
    --table-border-color: #ceced2;
    --table-border-focused-color: #1a73e8;
    --tabstrip-outer-border-color: #ceced2;
    --tabstrip-inner-border-color: #a6a6ad;
    --k-grid-border: 1px solid #7d7d7d;

    --lnb-width: 200px;

    --reservation-font-weight: 100;
}

/* initial setting */
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: revert; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, dl, dt, dd { margin: 0; padding: 0; list-style: none; }
a { color: var(--common-color); text-decoration: none; }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt20 { margin-top: 20px!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb20 { margin-bottom: 20px!important; }
.ml3 { margin-left: 3px!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml20 { margin-left: 20px!important; }
.ml40 { margin-left: 40px !important; }
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr20 { margin-right: 20px!important; }
.mr40 { margin-right: 40px!important; }
.w100 { width: 100%!important; }
.padding-none { padding: 0!important; }
.pl5 { padding-left: 5px!important; }
.prevent-dragging { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -moz-user-select: none; }
.prevent-contextmenu { pointer-events: none; }
.no-wrap { white-space: nowrap; }
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.align-items-center { align-items: center!important; }
.hidden { display: none!important; }
.k-list-container .k-list { width: 100%; }
.grid-command-style { text-align: center; padding: .4em 0; }
.textarea { border-color: var(--table-border-color)!important; resize: none!important; }
.semi-title { font-size: var(--semi-title-font-size); font-weight: 600; }
.bold { font-weight: 600!important; }
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

input[disabled] { background: #f2f2f4; border-width: 2px; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* kendo custom */
.k-textbox-container { padding-top: 0; }
.k-textbox-container .k-label { display: none; }
.k-radio-list.medium .k-radio-item { margin-right: 14px; }
.k-radio-list.small .k-radio-item { margin-right: 7px; }
.k-radio-label { line-height: 0; }
.k-checkbox-label { line-height: 0; align-items: center; }
.k-overlay { z-index: 10003!important; }
.k-grid.k-state-disabled { color: #515967; }

/* Button Group */
.no-style-button { border: none; box-shadow: none; outline: none; }
.delete-button { background-color: #c1c1c1; }
.small-button { padding: 4px 8px; }
.white-button { background-color: #ffffff; }
.grey-button { background-color: #c1c1c1; }
.blue-button { background-color: #1984c8; color: #ffffff; }
.dark-blue-button { background-color: #0d5eff; color: #ffffff; }
.red-button { background-color: #e23c23; color: #fff; } /*#515967*/
.k-button.btnUp, .k-button.btnDown { width: 100%; margin: 0; padding: 1px 1px; min-width: unset; }
.k-button.btnUp { margin-bottom: 1px; }

/* Link for ancker*/
a.alink { cursor:pointer; color:#369; }
a.alink:hover { color:#c00; text-decoration: underline; }
.k-state-selected a.alink { color:#fff; }
.k-state-selected a.alink:hover { color:#ff0; text-decoration: underline; }

/*Text Badge*/
span.text-badge {
    display: inline-block;
    margin: 1px 2px 1px 0;
    border: solid 1px #e3e3e3;
    padding: 3px 5px;
    border-radius: 10px;
}

span.text-badge.hide-border { border: none; }

/* style start */
html, body { position: relative; width: 100%; min-width: 1200px; max-width: 100%; height: 100%; overflow: hidden; }
body { margin: 0; padding: 0; color: var(--common-color); 
    font-family: 'Noto Sans KR','Open Sans','NanumBarunGothic','Malgun Gothic', sans-serif;
    font-size: var(--common-font-size);
    font-weight:400;
    background: #ffffff; }

    
/* Loading Indicator */
#page-loading__indicator { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background: #3a3a3a; opacity: 0.3; }
#page-loading__indicator.initial { background: #efefef; opacity: 1; }
#page-loading__indicator img { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; z-index: 1000000; }

div.k-loading-image { display: none; }

/* GNB */
#gnb { width: 100%; height: 45px; padding: 1px 20px 1px 10px; border-top: 1px solid; background-color: inherit; box-shadow: none!important; overflow: visible; }
#gnb__lnb-toggle-button { background: transparent; }
#gnb__title { font-size: var(--logo-font-size); margin: 0; color: var(--logo-font-color); cursor: pointer; }

/* GNB - 지점 */
.gnb__branch.k-dropdown { width: 95px; font-size: var(--branch-font-size); }
.gnb__branch > .k-dropdown-wrap { padding-right: 0.8em; border: none!important; background: none; box-shadow: none; }
.gnb__branch > .k-dropdown-wrap > .k-input { width: auto; padding-right: 1.5em; font-size: var(--branch-font-size); text-align: left; line-height: 1.8em!important; }
#gnb__branch-list { width: 100%; overflow: hidden; }
#gnb__branch-list .k-item { font-size: var(--branch-font-size)!important; }

/* GNB - 검색필드 */
/*#gnb__search-input-wrapper { width: 500px; margin-right: 100px; height: 30px; border: 1px solid var(--common-color)!important; }*/
/*#gnb__search-input-wrapper::after { content: none; }*/
#gnb__search-input.k-input::placeholder { text-align: center; font-size: var(--semi-title-font-size); letter-spacing: 1.2px; }
#gnb__search-button.k-input-icon { background-color: rgba(0,0,0,.20); border-left: 1px solid var(--common-color); width: 36px; }

/*#gnb__search-input-wrapper { width: 500px; margin-right: 5px; }*/
#gnb__search-input-wrapper { width: 200px; margin-right: 5px; }
#gnb__search-input-wrapper .k-combobox { width: 100%; }
#gnb__search-input-wrapper .k-combobox .k-dropdown-wrap { padding-right: 30px; }
#gnb__search-input-wrapper .k-combobox .k-dropdown-wrap .k-clear-value { right: 3em; }
#gnb__search-input-wrapper .k-combobox .k-input { padding: 5px 0; }
#gnb__search-input-wrapper .k-combobox .k-input::placeholder { text-align: center; font-size: var(--semi-title-font-size); letter-spacing: 1.2px; }
#gnb__search-input-wrapper .k-combobox .k-select { width: 30px; }
#gnb__search-input-wrapper .k-combobox .k-select .k-icon { vertical-align: bottom; }
#gnb__search-input-wrapper .k-combobox .k-select .k-icon::before { content: "\e13e"; }

/* GNB - SMS */
#gnb__sms-money { font-size: var(--semi-title-font-size); margin: 0; font-weight: 400; color: rgba(0,0,0,.70); }

/* GNB - KIOSK */
#gnb__kiosk {  }
#gnb__kiosk.k-icon.k-i-user::before { font-size: 18px; }

/* GNB - 알림 */
#gnb__user-notification {  }
#gnb__user-notification.k-icon.k-i-notification::before { font-size: 18px; }
.gnb__alram {cursor:pointer;}

.k-notification-content a {color:#FFF;}

.k-badge-solid-success { border-color: #278200; color: #fff; background-color: #278200; width:20px;}
.k-rounded-full {border-radius: 9999px;}

/* GNB - 유저 */
#gnb__user-menu { background: none; border: none; }
#gnb__user-menu > .k-item { border: none!important; background: none!important; outline: none!important; box-shadow: none!important; }
#gnb__user-menu > .k-item > .k-menu-link { font-size: var(--user-font-size); line-height: 1; padding-left: 0; padding-right: 0; }
#gnb__user-menu > .k-item > .k-menu-link:hover { background: transparent; }
#gnb__user-menu .k-animation-container > .k-menu-group { padding: 5px 0; }
#gnb__user-menu .k-menu-group .k-item > .k-link, #gnb__user-menu.k-context-menu.k-menu-vertical > .k-item > .k-link  { font-size: var(--common-font-size); padding: 6px 25px 6px 15px; }
#gnb__user-menu.k-menu:not(.k-context-menu) > .k-item > .k-state-active,
#gnb__user-menu .k-item:hover,
#gnb__user-menu .k-item > .k-state-border-down { background-color: transparent!important; }
.k-menu-expand-arrow.k-icon.k-i-arrow-60-down { margin-left: 4px!important; font-size: 20px; }
.k-menu-expand-arrow.k-icon.k-i-arrow-60-down::before { content: "\e015"; font-size: 15px; }
#gnb__user-menu.k-menu:not(.k-context-menu) > .k-item.k-state-border-down > k-icon.k-i-arrow-60-down::before { transform: rotate(-180deg); }

/* Container */
#content { display: inline-block; width: 100%; height: calc(100% - 45px); font-size: var(--common-font-size); border-bottom: 1px solid; }

/* Container - LNB */
#lnb { display: inline-flex; width: var(--lnb-width); height: 100%; font-size: var(--common-font-size); margin-left: -201px; border-left: 1px solid; border-bottom: 1px solid; vertical-align: top; overflow-y: auto; flex-direction: column; justify-content: space-between; }
#content.open #lnb { margin-left: 0!important; }
/*#lnb__dashboard-button { margin: 5px auto; width: 100%; }*/
/*#lnb__dashboard-button > span { background-color: #3f51b5; color: #ffffff; width: 100%; height: 28px; line-height: 28px; font-size: 14px; }*/
#lnb__menu { width: 100%; border-bottom: 0.5px solid; box-sizing: border-box; }
#lnb__toggle-button { line-height: 50px; background-color: #ffffff; }
#lnb__menu .k-link { font-size: var(--menu-font-size); }
#lnb__menu .k-link.k-header span { font-size: var(--menu-group-font-size); }

/* Container - Tabstrip */
#content > .k-tabstrip-wrapper { display: inline-block;width: calc(100% - 4px); height: 100%; font-size: var(--common-font-size); }
#content.open > .k-tabstrip-wrapper { width: calc(100% - var(--lnb-width) - 4px); }
#main__tabstrip { display: block; width: 100%; }
#main__tabstrip > .k-content { position: relative; min-width: 1280px; height: 100%; margin: 0 auto; padding: 5px 5px 0px 5px; outline: none; overflow-y: auto; }
#main__tabstrip .k-tabstrip-items.customer-ul__tabstrip  { position: fixed; padding-left: 3px }
#main__tabstrip .k-tabstrip-items .k-link { padding: 8px 12px; }
#main__tabstrip .k-tabstrip-items .k-link .close-button { padding: 0; margin-left: 4px; width: calc(var(--common-font-size) - 6px); }
#main__tabstrip .k-tabstrip-items .k-link .close-button .k-icon { vertical-align: middle; margin-right: 0; }
.k-tabstrip-wrapper .tab .k-link .k-icon { vertical-align: middle; margin-right: 1px; overflow: visible; }
#main__tabstrip .k-content > .container,
#main__tabstrip .k-content > .container > div { height: 100%; }

/* Container - Individual Pages */
#content .section { display: inline-block; width: calc(100% - 4px); height: 100%; margin-bottom: 5px; font-size: var(--common-font-size); overflow-y: auto; }
#content .marketing_statistic_section { display: inline-block; width: calc(100% - 2px); height: 100%; margin-bottom: 5px; font-size: var(--common-font-size); overflow-y: auto; }
#content.open .section { width: calc(100% - var(--lnb-width) - 14px); margin-left: 5px; margin-right: 5px; }
#content.open .marketing_statistic_section { width: calc(100% - var(--lnb-width) - 14px); margin-left: 5px; margin-right: 5px; }
#content .section .section-top { position: relative; width: 100%; height: 40px; padding: 5px 0; margin-bottom: 5px; border-bottom: 1px solid var(--common-color); }
#content .section .section-top .section-title { position: absolute; top: 50%; left: 10px; transform: translate(0, -50%); font-size: var(--title-font-size); }
#content .section .section-top .section-dir { position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); font-size: var(--common-font-size); text-align: right; }
/*#content .section .section-content { width: 100%; height: fit-content; min-height: calc(100% - 45px); }*/
#content .section .section-content { width: 100%; height: calc(100% - 45px); }
#content .marketing_statistic_section .section-content { width: 100%; height: calc(100% - 45px); }

.k-icon { font-size: var(--common-font-size); }
.k-icon.large,
.k-window .k-window-titlebar .k-window-actions .k-icon,
#gnb__search-input-wrapper .k-icon.k-i-arrow-60-down { font-size: 16px; }

/* Grid */
.grid-wrapper .grid-control-wrapper { position: relative; height: 30px; margin-bottom: 10px; }
.grid-wrapper .grid-control-wrapper .grid-search-wrapper { display: inline-block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); }
.grid-wrapper .grid-control-wrapper .grid-search-wrapper .search-input-wrapper { display: inline-block; width: 200px; height: 30px; vertical-align: top; margin-right: 5px; }
.grid-wrapper .grid-control-wrapper .grid-search-wrapper .search-input-wrapper .search-input { width: 100%; height: 100%; padding-left: 10px; border: 1px solid #dedee0; border-radius: 3px; font-size: 14px; }
.grid-wrapper .grid-control-wrapper .grid-search-wrapper .search-button-wrapper { display: inline-block; position: relative; width: 80px; height: 30px; vertical-align: top; }
.grid-wrapper .grid-control-wrapper .grid-search-wrapper .search-button-wrapper .k-icon { position: absolute; top: 50%; left: 8px; transform: translate(0, -50%); font-size: 16px; z-index: 2; }
.grid-wrapper .grid-control-wrapper .grid-search-wrapper .search-button-wrapper .search-button { width: 100%; height: 100%; border: 1px solid #dedee0; border-radius: 3px; }
.grid-wrapper .grid-control-wrapper .grid-data-control-wrapper { display: inline-block; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); }
.grid-wrapper .grid-control-wrapper .grid-data-control-wrapper .grid-data-control-button { padding: 4px 16px; }
.grid-wrapper .grid-control-wrapper .grid-data-control-wrapper .grey-button.active { background-color: #ffffff; }
.grid-wrapper .grid-control-wrapper .grid-data-control-wrapper .blue-button { margin-left: 5px; }

.k-grid { box-sizing: border-box; }
.k-grid .k-grid-toolbar .k-button { border: 1px solid #e7e6e6; }
.bbs-grid { max-height: calc(100% - 35px); }
.bbs-grid .k-master-row td:last-child { padding: 3px 10px; }
.bbs-grid .k-master-row .grid-edit-button { min-width: 40px!important; padding: 5px; }
.bbs-grid .k-master-row .grid-bottom-edit-button { min-width: 40px!important; padding: 5px; }
.bbs-grid .k-sorted { background: transparent; }
.bbs-grid .k-pager-wrap { height: 10px; padding: 12px 8px; justify-content: center; }
.bbs-grid .k-pager-wrap .k-pager-numbers .k-link { width: 30px; height: 28px; border: none; }
.k-edit-cell input[type=checkbox] { margin-left: 0; }
div.k-grid-norecords { height: auto; }
.button-group { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.k-button-group .k-button { padding: 8px 20px; }

.k-splitter { box-sizing: border-box; }

/*.common-customer__history-wrapper { margin: 10px 0 15px;}*/
.common-customer__history-wrapper .k-timeline-vertical .k-timeline-event { padding: 10px 0;}
.common-customer__history-wrapper .k-timeline-vertical { margin: 5px 0 0 0; }

/* Modal */
.k-window .k-window-titlebar { height: 35px; padding: 15px; background: #efefef; }
.k-window .k-window-titlebar .k-window-title { font-size: var(--semi-title-font-size); }
.k-window-content { position: relative; padding: 8px 12px; }
.k-window-content .popup-bottom { display: none; }
.k-window-content .open-bottom { padding-bottom: 10px; }
.k-window-content .open-bottom .popup-content { padding-bottom: 20px; }
.k-window-content .open-bottom .popup-bottom-wrapper .popup-bottom { display: block; position: relative; left: 0; bottom: 0; width: calc(100% - 20px); padding: 5px 10px; height: 25px; background: #ffffff; }
.k-window-content .open-bottom .popup-bottom { display: block; position: fixed; left: 0; bottom: 0; width: calc(100% - 20px); padding: 5px 10px; height: 25px; background: #ffffff; }
#task-reservation__memo-expand__modal .open-bottom .popup-bottom { position: absolute; } /* 모달창 드래그 시에 취소/수정 버튼 영역이 최하단으로 붙는 현상 수정 (월별예약현황 메모 모달에만 적용) */
.k-window-content .open-bottom .popup-bottom .button-group { position: relative; width: 100%; height: 100%; }
/*.k-window-content .open-bottom .popup-bottom .button-group .left { display: inline-block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); }*/
/*.k-window-content .open-bottom .popup-bottom .button-group .right { display: inline-block; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); }*/
.k-window-content .open-bottom .popup-bottom .k-button { padding: 4px 14px; }
.k-window-content .open-bottom .popup-bottom .guide { vertical-align: middle; }
.k-window-content .open-bottom .popup-bottom .button-group .edit-auth-name{ display: none; }

.k-window-content .popup-content .popup-icon { font-size: 32px; margin-right: 10px; }
.k-window-content .popup-content .popup-message { vertical-align: top; }

.article { margin-bottom: 10px; }
.article .article-title { font-size: var(--semi-title-font-size); margin-bottom: 5px; }

.system-info { padding: 2px 4px; background: #f4f4f4; color: #858585; }
.system-info .k-icon { font-size: 13px; }

.k-notification { padding: 10px 15px; }
.k-grid-header th.k-header { text-align: center; vertical-align: middle; }

#modal-popup .popup-content .post-info { margin-bottom: 5px; min-height:24px; font-size: var(--common-font-size); }
/*#modal-popup .popup-content .post-top { border: 0.1px solid #f3f3f3; }*/
#modal-popup .popup-content .post-top .cell-row { position: relative; padding: 5px;}
#modal-popup .popup-content .border-bottom { border-bottom: 1px solid #f3f3f3; }

/* Custom TabStrip With Button Group */
.custom-tabstrip { position: relative; background: #f2f2f4; border: 1px solid var(--tabstrip-outer-border-color); padding: 3px; }
.custom-tabstrip .custom-tabstrip__button-group { overflow-x: auto; overflow-y: hidden; }
.custom-tabstrip .custom-tabstrip__button-group .k-button-group { margin-bottom: -1px; }
.custom-tabstrip .custom-tabstrip__button-group .k-button-group .k-button { padding: 6px 16px; color: var(--common-color); border-top-width: 2px; border-bottom-width: 1px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.custom-tabstrip .custom-tabstrip__button-group .k-button-group .k-button:active,
.custom-tabstrip .custom-tabstrip__button-group .k-button-group .k-button:focus { border-color: var(--tabstrip-inner-border-color); color: var(--common-color); background: #ffffff; outline: none!important; box-shadow: none!important; }
.custom-tabstrip .custom-tabstrip__button-group .k-button-group .k-button:hover { background: initial; }
.custom-tabstrip .custom-tabstrip__button-group .k-button-group .k-button.k-state-active { border-color: var(--tabstrip-inner-border-color); color: var(--common-color); background: #ffffff; border-bottom-width: 0px; }
.custom-tabstrip .custom-tabstrip__button-group .k-button-group .k-button:first-child { border-bottom-left-radius: 0px; }
.custom-tabstrip .custom-tabstrip__button-group .k-button-group .k-button:last-child { border-bottom-right-radius: 0px; }
.custom-tabstrip .custom-tabstrip__container { background: #ffffff; border: 1px solid var(--tabstrip-inner-border-color); padding: 8px; }
.custom-tabstrip .custom-tabstrip__search__container { position: absolute; right: 0; top: 2px; display: inline-flex; margin-top: 2px; margin-bottom: 2px; margin-right: 4px; flex-shrink: 0; align-items: stretch; align-content: center; vertical-align: middle; }

.new-common-boilerplate_category_button_group .new-common-boilerplate_category_button { border-radius: 5px; }
.new-common-boilerplate__grid td:has(.grid-edit-button) { text-align: center; vertical-align: middle; }
.new-common-boilerplate__grid td:has(.grid-delete-button) { text-align: center; vertical-align: middle; }

/* table with display flex */
.table-flex { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; border-bottom: 1px solid var(--table-border-color); border-top: 1px solid var(--table-border-color);  border-right: 1px solid var(--table-border-color); }
.table-flex .category-title { justify-content: space-between; align-items: center; height: 20px; background: #ebebf0; border-right: 1px solid #ebebf0; }
.table-flex .category-title .title { margin-left: 15px; }
.table-flex .category-title .k-button { position: absolute; top: 50%; right: 15px; transform: translate(0, -50%); color: #ffffff; padding: 3px 10px; }
.table-flex > .row { display: flex; flex-direction: row; width: 100%; }
.table-flex > .column { display: flex; flex-direction: column; }
.table-flex > .row, .table-flex .cell-body.column > .row  {  min-height: 34px;  }
.table-flex .cell { display: flex; flex-wrap: wrap; align-items: stretch; font-size: var(--common-font-size); padding: 4px; background: #ffffff; border-left: 1px solid var(--table-border-color); border-top: 1px solid var(--table-border-color); box-sizing: border-box; }
.table-flex .cell.cell-left { background: #e7e6e6; }
.table-flex .cell-head { justify-content: center; text-align: center; }
.table-flex .cell-body { padding: 0; border: none; background-color: transparent; }
.table-flex .cell-body.column { flex-direction: column; }
.table-flex .cell-body.column > .row { display: inline-flex; }
.table-flex .cell .cell-content { display: flex; }
.table-flex .cell .color-column { flex: 1; }
.table-flex .cell .color-column > .row { min-height:40px; }
.table-flex .cell .color-empty-first { border-top:1px solid var(--table-border-color) !important; }
.table-flex .content-center { text-align: center; align-content: center; justify-content: center; }
.table-flex .flex-1 { flex: 1; }
.table-flex .cell-full { flex-basis: 100%; }
.table-flex .col-1-2 { flex-basis: 50%; }
.table-flex .col-1-3 { flex-basis: 33.3333%; }
.table-flex .col-2-3 { flex-basis: 66.6666%; }
.table-flex .col-1-4 { flex-basis: 25%; }
.table-flex .col-3-4 { flex-basis: 75%; }
.table-flex .col-1-5 { flex-basis: 20%; }
.table-flex .col-2-5 { flex-basis: 40%; }
.table-flex .col-3-5 { flex-basis: 60%; }
.table-flex .col-4-5 { flex-basis: 80%; }
.table-flex .col-1-6 { flex-basis: 16.6666%; }
.table-flex .col-5-6 { flex-basis: 83.3333%; }
.table-flex .col-1-7 { flex-basis: 14.2857%; }
.table-flex .col-2-7 { flex-basis: 28.5714%; }
.table-flex .col-6-7 { flex-basis: 85.7142%; }
.table-flex .col-1-8 { flex-basis: 12.5%; }
.table-flex .col-3-8 { flex-basis: 37.5%; }
.table-flex .col-7-8 { flex-basis: 87.5%; }
.table-flex .col-1-10 { flex-basis: 10%; }
.table-flex .col-2-10 { flex-basis: 20%; }
.table-flex .col-3-10 { flex-basis: 30%; }
.table-flex .col-5-10 { flex-basis: 50%; }
.table-flex .col-6-10 { flex-basis: 60%; }
.table-flex .col-7-10 { flex-basis: 70%; }
.table-flex .col-8-10 { flex-basis: 80%; }
.table-flex .col-9-10 { flex-basis: 90%; }
.table-flex .col-1-20 { flex-basis: 5%; }
.table-flex .col-8-2 { flex-basis: 8.2%; }
.table-flex .col-8-3 { flex-basis: 8.3%; }
.table-flex .col-11-9 { flex-basis: 11.9%; }
.table-flex .col-11-80 { flex-basis: 13.75%; }
.table-flex .col-3-20 { flex-basis: 15%; }
.table-flex .col-11-40 { flex-basis: 27.5%; }
.table-flex .col-30-2 { flex-basis: 30.2%; }
.table-flex .col-7-20 { flex-basis: 35%; }
.table-flex .col-9-20 { flex-basis: 45%; }
.table-flex .col-11-20 { flex-basis: 55%; }
.table-flex .col-69-8 { flex-basis: 69.8%; }
.table-flex .col-72-5 { flex-basis: 72.5%; }
.table-flex .col-17-20 { flex-basis: 85%; }
.table-flex .col-19-20 { flex-basis: 95%; }
.table-flex .col-1-9 { flex-basis: 11.1111%; }
.table-flex .col-2-9 { flex-basis: 22.2222%; }
.table-flex .col-5-9 { flex-basis: 55.5555%; }
.table-flex .col-88-1 { flex-basis: 88.1%; }
.table-flex .col-8-9 { flex-basis: 88.8888%; }
.table-flex .col-91-7 { flex-basis: 91.7%; }
.table-flex .col-91-8 { flex-basis: 91.8%; }
.table-flex .col-3-50 { flex-basis: 6%; }
.table-flex .col-3-25 { flex-basis: 12%; }
.table-flex .col-4-25 { flex-basis: 16%; }
.table-flex .col-6-25 { flex-basis: 24%; }
.table-flex .col-9-25 { flex-basis: 36%; }
.table-flex .col-7-100 { flex-basis: 7%; }
.table-flex .col-7-200 { flex-basis: 3.5%; }
.table-flex .col-17-200 { flex-basis: 8.5%; }
.table-flex .col-59-400 { flex-basis: 14.75%; }
.table-flex .col-3-40 { flex-basis: 7.5%; }
.table-flex .col-37-400 { flex-basis: 9.25%; }
.table-flex .col-43-400 { flex-basis: 10.75%; }
.table-flex .col-61-400 { flex-basis: 15.25%; }
.table-flex .col-129-400 { flex-basis: 32.25%; }
.table-flex .col-197-400 { flex-basis: 49.25%; }
.table-flex.no-border { border: none; }
.table-flex.no-border .cell { border: none; }
.table-flex.no-border .cell .cell-left { background: #ffffff; }

.table-flex.no-border-top .row:first-child .cell { border-top: none; }
.no-background { background: #ffffff!important; }

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

/* SMS Modal */
.sms__container .sms-content .sms-content__textarea { width: 100%!important; min-height: 120px; }
.sms__container .sms-subcontent { align-items: flex-start; }
.sms__container .sms-target > div { background: #f3f3f4; padding: 10px; }
.sms__container .sms-target .sms-target__send-method__radiogroup { display: inline-block; }
.sms__container .sms-target .sms-target__receive { display: flex; align-items: center; }
.sms__container .sms-target .sms-target__receive > span { width: 45px; }
.sms__container .sms-target .sms-target__reservation { display: none; }

.sms-target__container .sms-target > div { background: inherit; padding: 0; }
.sms-target__container { display: flex; }
.sms-target__container .sms-target__grid { flex: 3 2 auto; border-left: none; }
.sms-target__container .sms-target__grid table[role="grid"] { table-layout: fixed; }
.sms-target__container .sms-target__grid .k-grid-header tr[role="row"] { height: 45px; }
.sms-target__container .sms-target__grid tr.k-master-row { height: 44.7px; }
.sms-target__container .sms-target__grid .k-grid-norecords { height: auto; }

/* Emoticon */
.emoticon__container { display: none; z-index: 10; position: absolute; left: 150px; border: 1px solid #e9e9e9; background: #f7f7f7}
.emoticon__container .emoticon__list { z-index: 11; margin: 0; padding: 0; width: 190px; height: 150px; background: #ffffff; overflow-y: scroll; }
.emoticon__container .emoticon__list .emoticon__item { margin: 0; padding: 0; height: 25px; border: 0; background: transparent; }
.emoticon__container .emoticon__list .emoticon__item.small { width: 25px; }
.emoticon__container .emoticon__list .emoticon__item.medium { width: 50px; }
.emoticon__container .emoticon__list .emoticon__item.large { width: 80px; }
.emoticon__container .emoticon__container__close { text-align: right; }
.emoticon__container .emoticon__container__close .emoticon__container__close-button { cursor: pointer; margin: 5px; padding: 0; border: 0; background: transparent; color: #666; font-size: 0.95em; }

/* 진료정보 Item 전체보기 container */
#diagnosis-total-item__background { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; background: #000000; opacity: 0.3; }
#diagnosis-total-item__container { display: none; position: fixed; width: 90%; max-width: 1200px; height: 100%; max-height: 90%; overflow: hidden; z-index: 99999; background: #ffffff; box-shadow: 1px 1px 2px #cfcfcf; border: 1px solid #dfdfdf; box-sizing: content-box; }
#diagnosis-total-item__container .container-control { text-align: right; background: var(--table-border-color); }
#diagnosis-total-item__container .container-control .diagnosis-total-item__container__close-button { cursor: pointer; }
#diagnosis-total-item__container .container { display: flex; width: 100%; max-height: 100%; overflow-y: auto; flex-direction: row; flex-wrap: wrap; }
#diagnosis-total-item__container .container .diagnosis-total-item__container-item { display: inline-flex; flex-direction: column; width: 8.3333%; min-height: 200px; max-height: 250px; height: auto; border-right: 1px solid var(--table-border-color); border-bottom: 1px solid var(--table-border-color); }
#diagnosis-total-item__container .container .diagnosis-total-item__container-item:nth-child(12n) { border-right: none; }
#diagnosis-total-item__container .container .diagnosis-total-item__container-item .item-title { background: #e7e6e6; }
#diagnosis-total-item__container .container .diagnosis-total-item__container-item .item-title > div,
#diagnosis-total-item__container .container .diagnosis-total-item__container-item .item-content > div { padding: 2px 4px; }
#diagnosis-total-item__container .container .diagnosis-total-item__container-item .item-content { overflow-y: auto; }

/* diagnosis total Item - No Data Container */
.diagnosis-total-item__no-data__container { text-align: center; width: 100%; margin: 20px 0 20px 0; }
.diagnosis-total-item__no-data__container .diagnosis-total-item__no-data-icon__container { margin-bottom: 20px; }
.diagnosis-total-item__no-data__container .diagnosis-total-item__no-data-icon__container .wrench-icon { font-size: 50px; }
.diagnosis-total-item__no-data__container .diagnosis-total-item__no-data-guide__container { font-size: var(--modal-title-font-size); }
.diagnosis-total-item__no-data__container .diagnosis-total-item__no-data-guide__container .main-text { font-size: 20px; font-weight: 600; margin-bottom: 10px; }

/* BoilerPlate Modal */
.common-boilerplate__modal .common-boilerplate__title__input,
.common-boilerplate__modal .common-boilerplate__sms-title__input { width: calc(100% - 10px); padding-left: 8px; }

/*무인접수 접수 현황 Modal*/
.kiosk__receipt-status__modal .header { display: flex; justify-content: space-between; align-items: center;}
.kiosk__receipt-status__modal .header .kiosk__receipt-status-modal-title__container { font-weight: 600; }
.kiosk__receipt-status__modal .header .kiosk__receipt-status-modal__buttongroup span { width: 50%; }

/* 월별 예약 현황 Modal */
.task-reservation__monthly-memo-window,
.task-reservation__monthly-memo-window .popup-content { height: 100%; }
.task-reservation__monthly-memo-window .header { position: relative; display: flex; align-items: center; justify-content: space-between;}
.task-reservation__monthly-memo-window .header .title { text-align: left; height: 50px; }
.task-reservation__monthly-memo-window .header .title .monthly_memo_category { width: 320px; height: 30px; background-color: #ffffff; border: none; box-shadow: 3px 3px 3px 3px #c9c9c9; text-align: center; cursor: pointer; vertical-align: middle; }
.task-reservation__monthly-memo-window .header .title .monthly_memo_category.selected { border: 2px solid #0a5ab2; line-height: 28px; font-weight: bold; }
.task-reservation__monthly-memo-window .header .task-reservation__monthly-summary-count__container .item { margin: 0 5px; }
.task-reservation__monthly-memo-window .header .bold { font-weight: 600; }
.task-reservation__monthly-memo-window .content { height: calc(100% - 40px); }
.task-reservation__monthly-memo-window .content .top { position: relative; height: 30px; }
.task-reservation__monthly-memo-window .content .top .datepick { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); display: inline-block; }
.task-reservation__monthly-memo-window .content .top .datepick select { padding: 5px 30px 5px 5px; }
.task-reservation__monthly-memo-window .content .top .datepick span { vertical-align: bottom; margin-right: 5px; }
.task-reservation__monthly-memo-window .content .top .title { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); font-size: var(--semi-title-font-size); font-weight: 300; }
.task-reservation__monthly-memo-window .content .monthly_memo_calendar_wrapper .monthly_memo_calendar { border-collapse: collapse; margin-top: 5px; }
.task-reservation__monthly-memo-window .content .monthly_memo_calendar_wrapper .monthly_memo_calendar .calendar_info th { height: 40px; text-align: center; font-weight: 600; }
.task-reservation__monthly-memo-window .content .monthly_memo_calendar_wrapper .monthly_memo_calendar .calendar_content td { position: relative; width: 160px; height: 90px; padding: 0; box-sizing: border-box; }
.task-reservation__monthly-memo-window .content .monthly_memo_calendar_wrapper .monthly_memo_calendar .calendar_content td .monthly_calendar_day { position: absolute; top: 0; left: 10px; pointer-events: none; }
.task-reservation__monthly-memo-window .content .monthly_memo_calendar_wrapper .monthly_memo_calendar .holiday { color: #ff0100; }
.task-reservation__monthly-memo-window .content .monthly_memo_calendar_wrapper .monthly_memo_calendar .saturday { color: #3747ac; }
.task-reservation__monthly-memo-window .content .monthly_memo_calendar_wrapper .monthly_memo_calendar .monthly_calendar_today { font-weight: 600; }
.task-reservation__monthly-memo-window .content .monthly_memo_calendar_wrapper .monthly_memo_calendar .monthly_calendar_border { border: 2px solid #0a5ab2; }
.task-reservation__monthly-memo-window .content .monthly_memo_calendar_wrapper .monthly_memo_calendar th, .monthly_memo_calendar_wrapper .monthly_memo_calendar td { border: 1px solid #6d6d6d; color: #6d6d6d; }

/* 월별 메모 */
.k-popup-edit-form .k-edit-form-container > div.k-edit-label:not(:nth-child(12)) { display: none; }
.k-popup-edit-form .k-edit-form-container > div.k-edit-field:not(:nth-child(13)) { display: none; }
/*.k-popup-edit-form .k-edit-form-container .k-popup-message { visibility: hidden; }*/
/*.k-popup-edit-form .k-edit-form-container .k-popup-message:before { visibility: visible; content:"선택한 메모를 삭제하시겠습니까?"; }*/
/*.k-scheduler-edit-form textarea.k-textarea { min-height: 10em; }*/
/*.k-scheduler-edit-form .k-edit-label {width:5%;}*/
/*.k-scheduler-edit-form .k-edit-field {width:88%;}*/
/*.k-popup-edit-form .k-edit-form-container label[for="description"]{ visibility: hidden; }*/
/*.k-popup-edit-form .k-edit-form-container label[for="description"]:before { visibility: visible; content:"메모"; }*/
.k-scheduler-toolbar .k-scheduler-navigation > .k-icon-button { padding : 0; }
.k-scheduler-toolbar .k-scheduler-navigation > .k-nav-today { display: none; }
.event-template { line-height: 20px; }
/*.k-event-inverse {height: 22px !important;}*/
.k-event-inverse { height: auto!important; }
.k-scheduler-monthview * { cursor: pointer; }
.k-scheduler-monthview .k-scheduler-content .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto, .k-scheduler-monthview .k-scheduler-table-auto td {
    height: 80px;
}
.k-scheduler-content td:hover {outline: 2px solid #53afea; outline-offset: -2px;}
/*.k-popup-edit-form .k-edit-form-container > div.k-edit-field:not(:last-child) {display: none;}*/

/* Custom Input File */
.custom-file__input { position: relative; display: inline-block; }
.custom-file__input label { margin: 0; padding: 4px 8px; box-sizing: border-box; border-width: 1px; border-style: solid; background-repeat: repeat-x; background-position: 0 center; font: inherit; line-height: 1.42857143; text-align: center; text-decoration: none; display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; outline: 0;
    position: relative; border-radius: 4px; border-color: #c3c3c8; color: #515967; background-color: #f3f3f4; background-position: 50% 50%; background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%); background-color: #ffffff; }
.custom-file__input label:focus,
.custom-file__input label:hover { color: #263248; border-color: #bebec3; background-color: #9ea8b9; background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%); }
.custom-file__input input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.custom-file__input .custom-file-name__input { display: inline-block; font-size: var(--common-font-size); margin-left: 5px; padding: 5px 18px 5px 8px; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.custom-file__input .custom-file__input-remove__button { position: absolute; top: 50%; right: 5px; transform: translate(0, -50%); cursor: pointer; }

.divider { width: 100%; border: 1px solid var(--table-border-color); margin: 10px 0; }
.toolbar { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.toolbar > div:not(first-child) { margin-left: 10px; }

/* Kendo Calendar */
.k-calendar .k-weekend:nth-child(1) { color: #ff0100; }

/* View/Edit Mode */
.common-customer__history-wrapper .edit-button { display: none; }
.common-customer__history-button { padding: 4px 8px!important; margin-right: 5px; }
.common-customer__history-button .k-icon { margin-right: 4px; }
.common-customer__history-recent-log { display: inline-flex; }
.view-mode input[disabled] { background-color: initial; border-width: 1px; opacity: 1; }
.view-mode .k-state-disabled { opacity: 1; background: initial; }
.view-mode .k-dropdown-wrap.k-state-disabled { user-select: text;pointer-events: all; }
.view-mode .k-dropdown { cursor: default; }
.view-mode .k-radio:disabled + .k-radio-label { opacity: 1; color: #515967; }
.view-mode .k-textarea[disabled] { opacity: 1; }
.view-mode .k-multiselect-wrap .k-button[disabled] { opacity: 1; }
.view-mode .k-multiselect-wrap .k-select { display: none; }

.info-success { background:green; color:#FFF; padding:1px 8px 2px 8px; margin:0 0 0 30px; font-size:11px; }
.info-danger { background:red; color:#FFF; padding:1px 8px 2px 8px; margin:0 0 0 30px; font-size:11px; }
.info-warning { background:orange; color:#FFF; padding:1px 8px 2px 8px; margin:0 0 0 30px; font-size:11px; }

@media (max-width: 1280px) {
    html, body, #main__tabstrip > .k-content { min-width: 100%; }
    .k-button { padding: 4px 6px; font-size: var(--mobile-common-font-size); }
    .table-flex .cell.cell-left { font-size: var(--mobile-common-font-size); padding: 5px; }
}

.img-container {
    white-space: nowrap;
}

.img-box {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding:10px 5px 10px 5px;
    align: center;
}

.user-note-color-1 {color: #0058E9;font-weight: bold;}
.user-note-color-2 {color: #37B400;font-weight: bold;}
.user-note-color-3 {color: #FFC000;font-weight: bold;}
.user-note-color-4 {color: #F31700;font-weight: bold;}

.kendoDisplayCheckGroup {
    width: 20%;
}

.kendoDiagnosisCheckGroup {
    width: 25%;
}

.k-spreadsheet-message-content {
    padding: 0 1em;
}

#admin-notice__post-modal .post-content {
    font-family: Verdana, Geneva, sans-serif;
    color: #000000;
}

#admin-notice__post-modal .post-content h1{
    font-size: 2em;
    margin: .67em 0;
}

#admin-notice__post-modal .post-content h2{
    font-size: 1.5em;
}

#admin-notice__post-modal .post-content h3{
    font-size: 1.16em;
}

#admin-notice__post-modal .post-content h4{
    font-size: 1em;
}

#admin-notice__post-modal .post-content h5{
    font-size: .83em;
}

#admin-notice__post-modal .post-content h6{
    font-size: .7em;
}

#admin-notice__post-modal .post-content ul, ol {
    padding-left: 2.5em;
}

#admin-notice__post-modal .post-content ol {
    list-style-type: decimal;
}

#admin-notice__post-modal .post-content ul {
    list-style-type: disc;
}

#admin-notice__post-modal .post-content li {
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}

#admin-notice__post-modal .post-content em {
    font-style: italic;
}

.clipBoardStyle span.k-state-default {
    border-radius: 4px 0px 0px 4px;
    border-right: 0px;
}

button.common-clipboard-button {
    border-radius: 0px 4px 4px 0px;
}


/* common-confirm-popup__template 용 css */
.common-confirm-popup .popup-content { display:flex; padding-bottom:34px; }
.common-confirm-popup .popup-icon { width:43px; }
.common-confirm-popup .popup-message { width:322px; }

/* SMS 상용구 리스트 순서 변경용 버튼 스타일 */
.new-common-boilerplate_category_button_group .new-common-boilerplate_category_button.inactive { color: #c3c3c8; background-color: #fff; }
.new-common-boilerplate_list_button_group .new-common-boilerplate_list_button { border-radius: 4px; }
.new-common-boilerplate_list_button_group .new-common-boilerplate_list_button.inactive { color: #c3c3c8; background-color: #fff; }

/* 상용구 리스트 순서 변경용 버튼 스타일 */
.common-boilerplate_list_button_group .common-boilerplate_list_button { border-radius: 4px; }

/* 즐겨찾기 기능용 스타일 */
#gnb__user-favorite__button-group { margin-left: 20px; gap:10px; justify-content: flex-end;}
#gnb__user-favorite__modal .popup-top .button-group { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; padding: 5px;}
#gnb__user-favorite__modal .popup-top .button-group .user-favorite-title { font-size: 15px; font-weight: bold; padding-bottom: 5px; }
#gnb__user-favorite__modal .row-flex { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; gap:5%; }
#gnb__user-favorite__modal .row-flex > .row-content { width:24%; border-top: #cacaca 1px solid; border-bottom: #cacaca 1px solid; background-color: #fff; }
#gnb__user-favorite__modal .row-flex > .row-content > .row-title { border-bottom: #cacaca 1px solid; background-color: #efefef; padding: 10px; }
#gnb__user-favorite__modal .row-flex > .row-content > .row-item { display: flex; align-items: flex-start; flex-direction: column; align-content: flex-start; flex-wrap: wrap; }
#gnb__user-favorite__modal .row-flex > .row-content > .row-item > li { padding: 10px; }
#gnb__user-favorite__modal .row-flex > .row-content > .row-item > li .k-checkbox.no-permission { color: #fe0000; border-color: #fe0000; }
.no-permission-message { padding-left: 5px; color: #fe0000; }


/* 설정 관련 스타일 */
.user-option__wrap { padding: 5px 20px; min-height: 360px; }
.user-option__div .user-option-title__wrap { margin-bottom: 20px; display:flex; align-items: flex-start; }
.user-option__div .user-option-title__wrap .user-option-title { font-size:15px; margin-right:20px; }
.user-option__div .user-option__content { display: flex; justify-content: flex-start; }
#user-option-tabname__radiogroup { margin-right:10px; display: flex; flex-direction: column; gap: 20px; }
#user-option-tabname__explain { display: flex; flex-direction: column; gap: 20px; }
#user-option-tabname__explain .user-option-placeholder { color: #a2a2a2; }
.customer__tab__tabname.invisible { display: none; }
.user-option-copy-select__li { display: flex; align-items: center; }
#gnb__user-option__modal .k-panelbar > .k-state-active > .k-link { background-color: #fff; }
#user-option-font-color__radiogroup { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 10px; list-style: none; border: 1px solid #cacaca; border-radius: 4px; width: 100%; }
#user-option-font-color__radiogroup .k-radio-item { width:100%; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; }
#user-option-font-color__radiogroup .k-radio-label { order: 2; white-space: normal; overflow: visible; text-overflow: unset; line-height: 1.2;}
#user-option-font-color__radiogroup .k-radio { order: 1; }

/* 메인탭 컨텍스트매뉴 관련 스타일 */
#main__tabstrip-context-menu .k-context-menu { display: flex !important; flex-direction: column !important; }
#main__tabstrip-context-menu .k-context-menu .k-menu-group { display: flex !important; flex-direction: column !important; }
#main__tabstrip-context-menu .k-context-menu .k-menu-item { padding: 8px 16px; }

/* 서명 이미지 관련 스타일 */
.sign-image-container { position: relative; display: inline-block; margin-bottom: 10px; }
.sign-image { max-width: 250px; max-height: 150px; border: 1px solid #ddd; border-radius: 4px; }
.sign-delete-btn { position: absolute; top: -8px; right: -8px; width: 10px; height: 20px; border-radius: 50%; background-color: #4d4d4dcc; color: white; border: none; font-size: 14px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.sign-delete-btn:hover { background-color: #4d4d4d; }

span.lockAuthCancelTitle {
    color: #900B09;
    font-weight: 500;
}
p.lockAuthCancelInfo {
    color: #EC221F;
    font-weight: 500;
    padding-left: 16px;
}
.lockAuthCheckBtn {
    background-color: #C00F0C;
    color: #ffffff;
}
p.lockAuthText {
    margin: 0;
    color: #900B09;
    padding-left: 16px;
}

/* 통계 제목 컬럼 고정 관련 */
.sticky-grid-title { text-align:center; background-color:#fff; border-top:0; border-left:0; border-right:0; font-size:1.2em; }
.sticky-grid { max-height: calc(100vh - 300px); overflow-y: auto; overflow-x: auto; border: 0; position: relative; }

#statistic-route_sales__total-grid .k-grid { border: 0; }
#statistic-route_sales__year-grid .k-grid { border: 0; }
#statistic-item_sales__total-grid .k-grid { border: 0; }
#statistic-item_sales__year-grid .k-grid { border: 0; }
#statistic-doctor_sales__total-grid .k-grid { border: 0; }
#statistic-doctor_sales__year-grid .k-grid { border: 0; }
#statistic-manager_sales__total-grid .k-grid { border: 0; }
#statistic-manager_sales__year-grid .k-grid { border: 0; }
#statistic-manager_refund__total-grid .k-grid { border: 0; }
#statistic-manager_refund__year-grid .k-grid { border: 0; }
#statistic-item_reservation__total-grid .k-grid { border: 0; }
#statistic-item_reservation__year-grid .k-grid { border: 0; }
#statistic-route_reservation__total-grid .k-grid { border: 0; }
#statistic-route_reservation__year-grid .k-grid { border: 0; }
#statistic-manager_reservation__total-grid .k-grid { border: 0; }
#statistic-manager_reservation__grid .k-grid { border: 0; }
#statistic-item_ratio__total-grid .k-grid { border: 0; }
#statistic-item_ratio__year-grid .k-grid { border: 0; }
#statistic-route_ratio__total-grid .k-grid { border: 0; }
#statistic-route_ratio__year-grid .k-grid { border: 0; }

.left-border { border-left: 1px solid #ceced2 !important; }
.right-border { border-right: 1px solid #ceced2 !important; }

/* 비번변경 공지 팝업 */
.password-change-modal { padding: 30px; text-align: center; }
.password-change-modal .modal-header { margin-bottom: 30px; }
.password-change-modal .security-icon { width: 60px; height: 60px; background-color: #f8f9fa; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.password-change-modal .security-icon i { font-size: 24px; color: #6c757d; }
.password-change-modal .modal-header h2 { font-size: 20px; font-weight: 500; color: #333; line-height: 1.4; margin-bottom: 15px; }
.password-change-modal .highlight { color: #dc3545; font-weight: 600; }
.password-change-modal .description { font-size: 14px; color: #666; line-height: 1.5; }
.password-change-modal .modal-body { margin: 30px 0; }
.password-change-modal .form-group { margin-bottom: 15px; }
.password-change-modal .form-group input { width: 100%;padding: 12px 15px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;box-sizing: border-box;}
.password-change-modal .form-group input:focus { outline: none;border-color: #007bff;box-shadow: 0 0 0 2px rgba(0,123,255,.25);}
.password-change-modal .modal-footer { display: flex;flex-direction: row;gap: 10px;}
.password-change-modal .btn { width:49%; padding: 12px 20px;border: none;border-radius: 4px;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s;}
.password-change-modal .btn-primary { background-color: #dc3545;color: white;}
.password-change-modal .btn-primary:hover { background-color: #c82333;}
.password-change-modal .btn-link { background: transparent;color: #6c757d;text-decoration: underline; border: 1px solid #6c757d;}
.password-change-modal .btn-link:hover { color: #495057; border: 1px solid #495057;}
.password-change-modal .k-window-content { padding: 0 !important;}
.password-change-modal .k-window {box-shadow: 0 10px 25px rgba(0,0,0,0.1);}

/* 비번리셋 공지 팝업 */
.password-reset-modal { padding: 30px; text-align: center; }
.password-reset-modal .password-reset__title { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 10px; }
.password-reset-modal .password-reset__description { font-size: 14px; color: #666; margin-bottom: 30px; }
.password-reset-modal .password-reset__form { max-width: 350px; margin: 0 auto; }
.password-reset-modal .password-reset__form .form-group { margin-bottom: 20px; text-align: left; }
.password-reset-modal .password-reset__form label { display: block; font-size: 14px; color: #333; margin-bottom: 8px; font-weight: 500; }
.password-reset-modal .password-reset__form .k-textbox { width: 100% !important; height: 45px; padding: 12px 15px; font-size: 14px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }
.password-reset-modal .password-reset__form .k-textbox:focus { border-color: #0066cc; outline: none; box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.1); }
.password-reset-modal .password-reset__submit-btn { width: 100% !important; height: 50px; font-size: 16px; font-weight: bold; background-color: #0066cc !important; border-color: #0066cc !important; border-radius: 4px; margin-top: 10px; }
.password-reset-modal .password-reset__submit-btn:hover { background-color: #0052a3 !important; border-color: #0052a3 !important; }


.error-header {
    background-color: #ff6358 !important; /* Kendo danger tone */
    color: #fff;
}

.error-button {
    background-color: #ff6358 !important;
    border-color: #ff6358 !important;
    color: #fff !important;
}

.error-button:hover {
    background-color: #e55347 !important;
    border-color: #e55347 !important;
}

.lockAuthDialog > .k-dialog-titlebar { background-color: #FF6358; color: #ffffff; }
.lockAuthDialog .k-dialog-content { text-align: center; }
.lockAuthDialog .k-dialog-content .lockAuthContent {
    padding-bottom: 10px;
}
.lockAuthDialog .k-dialog-content .lockAuthInfo {
    color: #FF3B30;
}
.lockAuthDialog .k-dialog-buttongroup .lockAuthCancelBtn {
    background-color: #C42626; color: #ffffff;
}
.lockAuthDialog .k-dialog-buttongroup .lockAuthOkBtn {
    background-color: #FF6358;
}
span.lockAuthCancelTitle {
    color: #900B09;
    font-weight: 500;
}
p.lockAuthCancelInfo {
    color: #EC221F;
    font-weight: 500;
    padding-left: 16px;
}
.lockAuthCheckBtn {
    background-color: #C00F0C;
    color: #ffffff;
}
p.lockAuthText {
    margin: 0;
    color: #900B09;
    padding-left: 16px;
}
.payment-detail__payment-visit-path_view {
    flex: 1 0 0;
    min-width: 0;
}

/* 임상평가 */
.customer-assessment-border { border: 1px solid var(--table-border-color); display: flex; flex-direction: row; justify-content: space-between; }
.customer-assessment-title { width:150px; padding:10px; border-right: 1px solid var(--table-border-color); display: flex; flex-direction: column; align-items: center; }
.customer-assessment-content { width:100%; padding: 10px; }
.customer-assessment-content__item { height: 30px; display: flex; align-items: center; }
.customer-assessment-content__item .assessment-title__label { width: 90px; display: inline-block; }
.customer-assessment-content__item .assessment-content { width: 200px; display: inline-block; }
.customer-assessment-content.container1 { display: flex; flex-direction: row; }
.customer-assessment-content .sub-content { width: 35%; }

/* 고객성향색상 */
.tend-color-box { display: inline-block; width: 16px; height: 16px; margin-right: 6px; vertical-align: middle;}
.tend-color-text { vertical-align: middle; line-height: 16px; }
.customer-userinfo__tend-color__dropdownlist .k-input { display: flex; align-items: center; }
.error-header {
    background-color: #ff6358 !important; /* Kendo danger tone */
    color: #fff;
}

.error-button {
    background-color: #ff6358 !important;
    border-color: #ff6358 !important;
    color: #fff !important;
}

.error-button:hover {
    background-color: #e55347 !important;
    border-color: #e55347 !important;
}

/* 고객 펜차트 메뉴 클립보드 파일업로드 버튼 */
.k-upload .k-button.k-upload-button + button,
.k-upload .k-button.k-upload-button + .custom-clipboard-btn {
    margin-left: 10px !important; /* 업로드 버튼과의 간격 */
    margin-right: auto !important; /* 오른쪽 공간을 모두 차지하여 왼쪽으로 밀착 */
}


/* bookmark sgv 아이콘 관련 */
.bookmark-icon { display: inline-flex; align-items: flex-end; justify-content: center; vertical-align: middle; }
.bookmark-icon svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bookmark-icon.on svg { fill: black; }

.customer-scrap__folder-move__modal .category-title { margin-bottom: 10px; font-size: 16px; }
.customer-scrap__folder-move__modal .scrap-folder-move__content { display: flex; justify-content: flex-start; }
#scrap-folder-move__radio-group { margin-right:10px; display: flex; flex-direction: column; gap: 35px; }
#scrap-folder-move__explain { display: flex; flex-direction: column; gap: 20px; }
#scrap-folder-move__explain .scrap-folder-move-placeholder { color: #a2a2a2; }

.customer-scrap .customer__container__main-header .k-switch .k-switch-label-off,
.customer-scrap .customer__container__main-header .k-switch .k-switch-label-on { width: auto; }

/* VAN(NICE) 연동 */
/* 1. 이 윈도우 전용 프레임 설정 (타 윈도우 영향 없음) */
.k-window.van-custom-window {
    padding-top: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
}

/* 2. 이 윈도우 내부 컨텐츠 영역만 여백 제거 */
.van-custom-window .k-window-content {
    padding: 0 !important;
    background-color: #e0e0e0 !important;
    overflow: hidden !important;
}

/* 3. 메인 컨테이너 및 내부 요소 (기존 CSS와 통합) */
.van-payment-wrapper {
    width: 450px;
    background-color: #e0e0e0 !important;
    padding: 20px !important;
    font-family: "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
    box-sizing: border-box;
}

/* 헤더 영역: 타이틀바 대용 */
.van-payment-wrapper .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}

.van-payment-wrapper .title {
    color: #4a69bd;
    font-weight: bold;
    margin: 0;
    flex-grow: 1;
    text-align: center;
    font-size: 1.5rem;
}

.van-payment-wrapper .user-info {
    margin: 15px 0;
    font-weight: bold;
    font-size: 1.1em;
}

.van-health-success {
    margin: 15px 0;
    font-weight: bold;
    font-size: 1.1em;
    color: #00E14F;
}

.van-health-fail {
    margin: 15px 0;
    font-weight: bold;
    font-size: 1.1em;
    color: #E10000;
}

/* 금액 섹션 */
.van-payment-wrapper .amount-section {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.van-payment-wrapper .amount-input {
    width: 100px !important; /* 부모 너비에 맞춤 */
    margin-left: 10px;
    text-align: right !important;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #fff !important;
}

/* 구분선 */
.van-payment-wrapper .separator {
    border: 0;
    border-top: 1px solid #999;
    margin: 15px 0;
}

/* 카드정보 영역 */
.van-payment-wrapper .row {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.van-payment-wrapper .col {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.van-payment-wrapper .full-width {
    width: 200px !important;
    background-color: #fff !important; /* 입력 가능창은 흰색으로 보정 */
}

.van-payment-wrapper .qr-section {
    margin-top: 10px;
    color: #333;
    font-size: 0.95em;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* 서명 및 버튼 영역 */
.van-payment-wrapper .signature-section {
    display: flex;
    gap: 15px;
    margin-top: 10px;
    height: 180px;
}

.van-payment-wrapper .sign-box {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.van-payment-wrapper .canvas-area {
    flex-grow: 1;
    border: 1px solid #ccc;
    background: white;
    border-radius: 4px;
}

.van-payment-wrapper .button-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 140px;
}

/* 버튼 색상 강제 지정 */
.van-payment-wrapper .btn-main {
    height: 100px !important;
    background-color: #ff9800 !important;
    border-color: #ef8a00 !important;
    color: white !important;
    font-weight: bold;
}

.van-payment-wrapper .sub-buttons {
    display: flex;
    gap: 5px;
}

.van-payment-wrapper .btn-success {
    background-color: #4caf50 !important;
    border-color: #43a047 !important;
    color: white !important;
}

/* 결과 섹션 */
.van-payment-wrapper .result-section {
    line-height: 1.8;
    font-size: 0.95em;
    margin-top: 10px;
}

.van-payment-wrapper .result-row {
    display: flex;
    gap: 20px;
}

.van-payment-wrapper .result-row span:first-child {
    width: 70px;
    font-weight: bold;
}

/* 할부개월 입력란 가로 배치 */
.van-payment-wrapper .installment-wrapper {
    display: flex;
    align-items: center; /* 수직 중앙 정렬 */
    width: 100%;
}

/* 직접입력 창이 나타날 때 Kendo DropDownList 너비 조정 (선택사항) */
/* 직접입력창과 나란히 있을 때 드롭다운이 너무 크면 너비를 줄여야 할 수 있습니다. */
.van-payment-wrapper .installment-wrapper .k-widget.k-dropdown {
    flex: 1; /* 가용한 공간 차지 */
    min-width: 100px;
}

/* 직접입력 숫자 인풋 스타일 */
.van-payment-wrapper .van-card-month__custom {
    flex: 0 0 80px; /* 너비 고정 */
    height: 30px;
    padding: 0 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* 현금영수증 전용 배치 */
.van-payment-wrapper .receipt-row-main { display: flex; gap: 20px; align-items: flex-start; margin-top: 10px; }
.van-payment-wrapper .input-col { flex: 1.2; display: flex; flex-direction: column; gap: 5px; }
.van-payment-wrapper .action-col { flex: 1; display: flex; flex-direction: column; gap: 15px; }

.van-payment-wrapper .check-item { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer; }
.van-payment-wrapper .self-reg { margin-top: 10px; }

/* 버튼 스타일 */
.van-payment-wrapper .btn-cash-main {
    height: 60px !important;
    background-color: #ff9800 !important;
    border-color: #ef8a00 !important;
    color: white !important;
    font-weight: bold;
    font-size: 1.1em;
}


/* input type이 tel일 때도 text나 number일 때와 동일한 스타일 적용 */
.k-input[type=tel] { font-size: 100%; font-family: inherit; border-style: solid; border-width: 1px; -webkit-appearance: none; }

/* 승인취소 전용 타이틀 색상 */
.van-payment-wrapper .cancel-title { color: #d60000 !important; font-weight: bold; text-align: center; flex: 1; font-size: 1.6rem; }

.van-payment-wrapper .info-message { text-align: center; font-weight: bold; font-size: 1.1em; margin: 15px 0; }

/* 상세 정보 로우 */
.van-payment-wrapper .info-row { display: flex; align-items: center; margin-bottom: 12px; font-size: 1.2em; font-weight: bold; }
.van-payment-wrapper .info-row .label { width: 100px; }
.van-payment-wrapper .info-row.split { justify-content: space-between; align-items: flex-end; }

/* 원거래 정보 (작은 글씨) */
.van-payment-wrapper .orig-info { font-size: 0.8em; text-align: right; line-height: 1.4; color: #333; }

.van-payment-wrapper .separator { border: 0; border-top: 1px solid #999; margin: 15px 0; }

/* 승인취소 버튼 라인 */
.van-payment-wrapper .cancel-action-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; }
.van-payment-wrapper .total-cancel-label { font-size: 1.4em; font-weight: bold; display: flex; gap: 30px; align-items: center; }
.van-payment-wrapper .highlight-red { color: #d60000; font-size: 1.5em; }

.van-payment-wrapper .btn-cancel {
    width: 140px !important;
    height: 50px !important;
    background-color: #f0f0f0 !important;
    border: 1px solid #bbb !important;
    color: #333 !important;
    font-weight: bold;
    font-size: 1.1em;
}

/* 메인 컨테이너 */
.van-payment-wrapper .complex-title { color: #4a69bd; font-weight: bold; text-align: center; flex: 1; font-size: 1.6rem; }

/* 상단 요약 박스 */
.van-payment-wrapper .summary-section { display: flex; gap: 10px; margin-bottom: 25px; }
.van-payment-wrapper .summary-box { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.van-payment-wrapper .summary-box label { font-weight: bold; font-size: 0.95em; }
.van-payment-wrapper .amount-box { width: 100% !important; height: 40px !important; text-align: center !important; font-weight: bold; font-size: 1.1em; border-radius: 8px !important; background-color: white !important; }

.van-payment-wrapper .blue-text { color: #2e5bff !important; }
.van-payment-wrapper .red-text { color: #ff4d4d !important; }

/* 결제 수단 행 */
.van-payment-wrapper .method-section { margin-bottom: 20px; }
.van-payment-wrapper .method-row { display: flex; align-items: center; gap: 20px; margin-bottom: 8px; }
.van-payment-wrapper .btn-method { width: 80px !important; height: 35px !important; background-color: #f0f0f0 !important; border: 1px solid #bbb !important; border-radius: 5px !important; }
.van-payment-wrapper .method-val { font-weight: bold; font-size: 1.1em; }

/* 커스텀 그리드(테이블) */
.van-payment-wrapper .grid-section { margin-top: 10px; border-top: 1px solid #666; }
.van-payment-wrapper .custom-grid { width: 100%; border-collapse: collapse; font-size: 0.85em; }
.van-payment-wrapper .custom-grid th { padding: 10px 5px; border-bottom: 1px solid #999; text-align: center; }
.van-payment-wrapper .custom-grid td { padding: 8px 5px; text-align: center; font-weight: bold; }
.van-payment-wrapper .custom-grid td:nth-child(3) { text-align: left; padding-left: 10px; } /* 번호 영역 좌측 정렬 */

.van-payment-wrapper .separator { border: 0; border-top: 1px solid #999; margin: 15px 0; }

/* 6, 7번: 체크박스 및 설명 스타일 */
.check-item { display: flex; align-items: flex-start; gap: 10px; }
.check-item label { line-height: 1.2; cursor: pointer; }
.check-item small { color: #666; font-size: 0.85em; }

/* 7, 8번: 서명요청과 승인버튼 나란히 배치 */
.sign-action-flex { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.sign-area { flex: 1; }
.btn-approval {
    width: 140px !important;
    height: 50px !important;
    background-color: #ff9800 !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 1.1em !important;
    border-radius: 8px !important;
}

/* 월별현황 상태라벨 */
.task-reservation__monthly-filter__container {display: flex; justify-content: space-between;}
.task-reservation__monthly-filter__container .task-reservation__monthly-status__wrapper { display: inline-block; text-align: right; }
.task-reservation__monthly-filter__container .task-reservation__monthly-status__wrapper .task-reservation__status { display: inline-block; margin-right: 6px; }
.task-reservation__monthly-filter__container .task-reservation__monthly-status__wrapper .task-reservation__status .title { display: inline-block; vertical-align: middle; margin-right: 3px; }
.task-reservation__monthly-filter__container .task-reservation__monthly-status__wrapper .task-reservation__status .status { display: inline-block; width: 16px; height: 20px; vertical-align: middle; border-radius: 3px; box-sizing: border-box; }

/* 설정 > 예약판 예약칸 글자굵기 */
.cell.data, .task-reservation__setting__font-weight__label { font-family: 'NotoSans-Custom', sans-serif; font-weight: var(--reservation-font-weight); }
.task-reservation__setting__font-weight__label .user-option-placeholder { color: #a2a2a2; font-weight: 400; }
.task-reservation__setting__font-weight__radiogroup { display: flex !important; padding: 0; margin: 0; list-style: none; width: 100%; }
.task-reservation__setting__font-weight__radiogroup .k-radio-item { flex: 1; display: flex; align-items: flex-start; height: 30px; margin: 0 !important; }
.task-reservation__setting__font-weight__label { position: absolute; top: 0; left: 0; width: 100%; display: flex; pointer-events: none; }
.task-reservation__setting__font-weight__label > div { flex: 1; padding-left: 25px; box-sizing: border-box;}

/* 원내일정 컬러설정 */
.reservation-hospital-color-box { display: inline-block; width: 100%; height: 20px; margin-right: 6px; vertical-align: middle;}
.reservation-hospital-color__dropdownlist .k-input { display: flex; align-items: center; }

.table-flex .cell .cell-content-payment {
    display: flex;
    justify-content: space-between; /* 양쪽 끝 정렬 */
    align-items: center;           /* 세로 중앙 정렬 */
    width: 100%;                   /* 부모 너비 꽉 채우기 */
}

#gnb__search-input-wrapper span.k-i-arrow-60-down {
    width : 100%;
    height : 100%;
}

.inquiry-common__filter-condition__container .k-dropdowntree .k-icon.k-i-x {
    vertical-align: baseline;
}

.inquiry-common__filter-condition__container .k-treeview ul li ul.k-group li div span.k-in{
    position: relative;
    left: -18px;
    padding-left: 25px;
    margin: 0px;
}

.k-treeview ul > li.k-item > ul > li > div > span.k-in {
    position: relative;
    left: -18px;
    padding-left: 25px;
    margin: 0px;
}

.k-treeview ul > li.k-item > ul > li > div > span.k-state-hover {
    background-color: transparent;
    border-color: #bebec3 !important;

}