@charset "utf-8";
/* kendo UI 2023 */
.k-input, .k-picker { font-family: var(--font-family-noto_sans_kr) !important;}
/* kendo select, dropdown */
.k-input-value-text { font-size: 13px; font-weight: 400; color: #404040; line-height: 19px;}
/*.k-button-md.k-icon-button .k-button-icon { font-size: 0;}*/
/*.k-dropdownlist .k-button-md.k-icon-button .k-button-icon:before { content: ''; display: inline-block; width: 1em; height: 1em; background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -52px -3px;}*/
.k-rounded-md { border-radius: 3px;}
.k-popup { border: 0;}
.k-popup.k-list-container { padding: 0; border: 1px solid #dddddd; border-radius: 3px; background: #ffffff; box-shadow: 0 0 7px rgba(0, 0, 0, 0.05), 4px 4px 10px rgba(0, 0, 0, 0.08);}
.k-popup>.k-list {}
.k-popup .k-list .k-selected { background: #F8F6FB; color: #404040;}
.k-popup .k-list .k-hover { background: #5C61D4; color: #ffffff;}
.k-pane .k-picker-solid { height: 35px;}

/* kendo input */
input.k-textbox::placeholder,
input.k-input-inner::placeholder, input.k-textbox::-webkit-input-placeholder,
input.k-input-inner::-webkit-input-placeholder,
input.k-textbox:-ms-input-placeholder, input.k-input-inner:-ms-input-placeholder { font-size: 13px; font-weight: 400; color: #8E8E8E;}
.k-i-caret-alt-up::before { content: '';}
.k-i-caret-alt-down::before { content: '';}
.k-input .k-i-caret-alt-up { background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -81px 0;}
.k-input .k-i-caret-alt-down,
.k-input-button .k-i-caret-alt-down, .k-editor .k-input-button .k-i-caret-alt-down { background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -52px 1px;}
.k-input-spinner .k-spinner-decrease .k-icon { background-position: -52px -4px;}
.k-input-spinner { border: 1px solid #DDDDDD; border-left: 0; border-radius: 3px;}
.k-input-spinner .k-spinner-decrease,
.k-input-spinner .k-spinner-increase { width: 33px; margin-left: 0; padding: 0; background: #ffffff;}
.k-calendar .k-calendar-td.k-focus .k-link { box-shadow: none !important;}
.k-i-x-circle::before { content: '' !important;}

/* kendo page */
.k-pager .k-pager-nav .k-icon:before { width: 35px; height: 35px;}
.k-pager .k-i-caret-alt-to-left:before { content: ''; background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -11px -161px;}
.k-pager .k-i-caret-alt-left:before { content: ''; background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -48px -161px;}
.k-pager .k-i-caret-alt-right:before { content: ''; background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -82px -161px;}
.k-pager .k-i-caret-alt-to-right:before { content: ''; background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -117px -161px;}
.k-pager .k-button { padding: 0; border: 0; background: transparent; font-family: var(--font-family-roboto) !important;}
.k-pager .k-button-flat-primary { font-size: 15px; font-weight: 400; color: #8E8E8E;}
.k-pager .k-button.k-selected,
.k-pager .k-button:hover { font-weight: 700; color: #5C61D4;}
.k-pager .k-button.k-selected::before,
.k-pager .k-button:hover::before { opacity: 0;}
.k-pager-info,
.k-pager-sizes { font-family: var(--font-family-roboto) !important; font-size: 13px; color: #8E8E8E;}
.k-pager-sizes .k-dropdownlist .k-button { width: 33px; margin: 0;}

/* kendo window */
.k-window-titlebar-action .k-icon:before { content: ''; display: inline-block; width: 33px; height: 33px; background:url("../../images/renewal/admin/icon/pop_close.png") no-repeat center center;}

/* kendo tab */
.line-point-tab .k-tabstrip-items li.k-item span.k-link{ display: inline-block; width: 100%; font-size: 16px; color: var(--text-color-75); background: #fff; box-sizing: border-box;}
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item { border-bottom-width: 0; border-bottom: 1px solid #e8e8e8;}
.k-tabstrip-items { flex-wrap: nowrap;}

/* kendo fileupload */
.k-upload { display: flex; flex-direction: column; width: 100%; border: 1px solid #E8E8E8; background: #fcfcfc;}
.k-upload .k-upload-button { min-width: auto; padding: 9px 16px; border: 1px solid #DDDDDD; border-radius: 3px; background: #FFFFFF; font-family: var(--font-family-spoqa_han_sans) !important; font-size: 13px; color: #404040; cursor: pointer;}
.k-upload .k-upload-button .k-button-text { font-family: var(--font-family-spoqa_han_sans) !important; font-size: 13px; font-weight: 500; color: #404040;}
.k-upload .k-upload-button:hover { border-color: var(--primary-color);}
.file-template .k-grid-header{ display: none;}
.file-template .k-grid-norecords .file-empty > p{ text-align: center; font-size: 13px; font-weight: 400; color: #8E8E8E;}
.file-template tbody{ padding: 14px 0;}
.file-template .file-list{ display: flex; align-items: center; width :100%; padding-left: 15px; margin-bottom: 5px; box-sizing: border-box;}
.file-template tbody tr td { width: 100%; padding: 0;}
.file-template .file-list:last-child{ margin-bottom: 0;}
.file-template .file-list .file-icon{ display: inline-block; float: none; width: 18px; height: 20px; margin-right: 10px; background: url(/images/renewal/icon/icon_file.png) no-repeat 50% 50%; vertical-align: middle;}
.file-template .file-list .file-tit{ display: inline-block; float: left; line-height: 35px; text-align: left; font-size: 13px; color: #404040;}
.file-template .file-list a.file-tit { cursor: pointer;}
.file-template .file-list a.file-tit:hover { color: var(--primary); text-decoration: underline;}
.file-template .file-list .file-size{ display: inline-block; float: left; line-height: 35px; margin-left: 20px; font-size: 13px; color: #999999;}
.file-template .file-list .del-file,
.del-file { display: inline-block; flex-shrink: 0; float: left; width: 16px; height: 16px; margin-left: 15px; background-color: #ffffff;
    background-image: url('../../images/renewal/admin/icon/icon_file_del.png'); background-repeat: no-repeat;
    background-position: center center;}
.file-template-inline { display: flex; flex-wrap: wrap; align-items: center;}
.file-template-inline .file-list { display: inline-block; width: auto; margin-bottom: 0;}
.file-template.k-grid tbody > tr:not(.k-detail-row):hover { background-color: transparent;}
.k-upload .k-dropzone .k-upload-status > .k-icon { width: 24px; height: 24px; background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -161px -131px;}
.k-upload .k-dropzone .k-upload-status > .k-icon:before { content: '';}
.k-grid.file-grid .k-grid-header { border-top: 0;}
.k-upload .k-dropzone .k-dropzone-hint,
.k-upload .k-upload-dropzone .k-dropzone-hint { font-size: 14px;}
.file-template.k-grid .k-grid-content { border-top: 0;}
.k-upload .k-upload-files .k-file-name { font-size: 12px;}
/* kendo upload ui 고유 */
.file-upload-default .k-upload { flex-direction: column;}
/* 사용자 kendo upload */
.inp-file .drag_Area { width: 100%;}
.inp-file .k-upload,
.inp-file .k-upload .k-dropzone, .inp-file .k-upload .k-upload-dropzone { justify-content: flex-start; padding: 0; border: 0; background: transparent; font-family: 'Spoqa Han Sans Neo', sans-serif;}
.inp-file + .file-template { padding: 20px 0; border: 0; border-bottom: 1px solid #E1E3E3; font-family: 'Spoqa Han Sans Neo', sans-serif;}
.inp-file + .file-template div.k-grid-norecords { border: 0;}
[class*="kendo-file"] input[type="file"],
[class*="inp-file"] input[type="file"] { left: 0 !important;}
.inp-file .k-upload .k-dropzone .k-upload-status > .k-icon { margin: 0;}
.inp-file .k-upload .k-dropzone .k-upload-status,
.inp-file .k-upload .k-upload-dropzone .k-upload-status { font-weight: 500; font-size: 16px; color: #444748;}
.inp-file + .file-template .file-list .file-tit { font-size: 15px; color: #444748;}
.inp-file + .file-template .file-list .file-size { font-size: 15px; font-weight: 400; color: #444748;}
.inp-file + .file-template .file-list .del-file { background-image: url('../../images/renewal/icon/icon_file_delete.png');}
.kendo-file2 .k-upload { background: #ffffff;}
.kendo-file2 .k-upload .k-dropzone { padding: 12px 15px; background: #F8FAFA;}
.kendo-file2 .k-upload-files { font-family: 'Spoqa Han Sans Neo', sans-serif;}
.kendo-file2 .k-upload .k-upload-files .k-file-name { padding-left: 10px; font-size: 15px; font-weight: 400; color: #444748;}
.kendo-file2 .k-upload .k-upload-files .k-file-size { padding-left: 10px; font-size: 13px; font-weight: 400; color: #444748;}

/* kendo grid */
.k-grid .k-grid-container { border-bottom: 1px solid #e8e8e8;}
.k-filter-menu-container { padding: 0; gap: 7px;}
.k-filter-menu-container .k-filter-help-text{ line-height: 20px; text-align: left; font-size: 13px; color: #757580;}
.k-filter-menu-container .k-actions { gap: 7px;}
.k-filter-menu-container .k-actions .k-button { width: 100%; margin: 0; border-radius: 4px; font-family: var(--font-family-spoqa_han_sans) !important; font-size: 12px; font-weight: 500;}
.k-filter-menu-container .k-actions .k-button .k-icon { display: none;}
.k-filter-menu-container .k-actions .k-button-solid-base { border: 1px solid #DDDDDD; background: #FFFFFF; color: #404040;}
.k-filter-menu-container .k-actions .k-button-solid-primary { border: 1px solid #5C61D4; background: #5C61D4; color: #FFFFFF;}
.k-grid-toolbar.k-header,
.k-grid-toolbar { justify-content: flex-start; padding-left: 0; padding-right: 0; border-bottom: 0; background: transparent; text-align: right;}
.k-grid-toolbar .k-button { height: 36px; margin: 0; padding: 9px 16px; border: 1px solid #D1D1D1; border-radius: 4px; background: #FFFFFF; font-family: var(--font-family-spoqa_han_sans) !important; font-size: 12px; font-weight: 500; color: #4549AB;  line-height: 14px;}
.k-grid-toolbar .k-button:hover { border: 1px solid #4549AB; background: #FFFFFF; color: #4549AB;}
.k-grid-toolbar .k-button:hover span { color: #4549AB;}
.k-grid-toolbar .k-button:focus { border: 1px solid #555555; color: #404040;}
.k-grid-toolbar .k-button:focus span { color: #404040;}
.k-grid-toolbar .k-button:active { border: 1px solid #5C61D4; background: #5C61D4; color: #ffffff;}
.k-grid-toolbar .k-button:active span { color: #ffffff;}
.k-grid-toolbar .k-button.btn-toolbar-blue { border: 1px solid #4549AB; color: #4549AB;}
.k-grid-toolbar .k-button .k-button-icon { display: none;}
.k-grid-content .k-table-row:last-child > td,
.k-grid-content .k-table-row:last-child > .k-table-td,
.k-grid-content-locked .k-table-row:last-child > td,
.k-grid-content-locked .k-table-row:last-child > .k-table-td {
    border-top-width: 0;
}
.k-grid .k-grid-content .k-table-row:hover td,
.k-grid .k-table-tbody .k-table-row:hover td {
    background: #F8F6FB;
}
div.k-grid-norecords { height: 99.5%; /* border-bottom: 1px solid #e8e8e8 */}
div.k-grid-norecords .file-empty { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px;}
.k-grid-pager { border: 0;}
.k-grid-header .k-grid-filter.k-active,
.k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active,
.k-grid-header .k-hierarchy-cell .k-icon.k-active, .k-grid-header .k-hierarchy-cell .k-svg-icon.k-active { background-color: #f2f2fc;}
.k-button-solid-primary:focus, .k-button-solid-primary.k-focus { box-shadow: none;}
.k-grid .k-grid-header-wrap.k-auto-scrollable tr { border-top: 0 !important;}
.k-grid .k-grid-header .k-grid-header-wrap table th .check-box { width: 26px; height: 26px;}
.k-grid .k-grid-content .k-table-row.k-isActive td { background: blue; color: #fff;}
.k-grid .k-grid-content .k-table-row.k-isActive td a { color: #fff;}
.table_w_sm.k-grid .k-grid-content tr td { padding-top: 3px; padding-bottom: 3px;}
.table_w_sm.k-grid .k-drag-cell { padding: 0;}
.table_w_sm.k-grid .k-drag-cell > .k-icon { padding-block: 6px;}

/* kendo datepicker */
.k-datepicker.k-hover,
.k-datetimepicker.k-hover { border: 1px solid #5C61D4;}
.k-datepicker .k-input-button,
.k-grid .k-grid-content table tr td .k-datepicker .k-input-button, .k-datetimepicker .k-input-button, .k-timepicker .k-input-button { width: 30px; height: 100%; padding: 0; border: 0; background: #ffffff;}
.k-datepicker input.k-input-inner { font-weight: normal; text-align: center;}
.k-datepicker input.k-input-inner,
.k-datepicker.k-hover input.k-input-inner, .k-datetimepicker.k-hover input.k-input-inner, .k-datetimepicker .k-input-inner { border: 0}
.k-datepicker input.k-input-inner:focus,
.k-datetimepicker .k-input-inner:focus { border: 0;}
.tabular .k-datepicker .k-input-button,
.k-datetimepicker .k-input-button, .k-timepicker .k-input-button { height: calc(1.4285714286em + 12px);}
.k-grid .k-grid-content table tr td .k-datepicker .k-input-button,
.k-grid .k-grid-content table tr td .k-timepicker .k-input-button { display: inline-block; border: 0; line-height: 30px;}
.k-grid .k-grid-content table tr td .k-timepicker .k-input-button { height: 100%; padding: 0; background: #ffffff;}
.k-timepicker input.k-input-inner { border: 0;}
.k-calendar .k-header { padding: 12px; border: 0; background: #F8F8F8;}
.k-calendar .k-header .k-button { height: 20px; padding: 0; font-family: 'Spoqa Han Sans', sans-serif; font-size: 14px; font-weight: 500; color: #4549AB; line-height: 120%;}
.k-calendar-container .k-header .k-calendar-nav-prev:before { content: '';}
.k-calendar-container .k-header .k-calendar-nav-next:before { content: '';}
.k-calendar-container .k-header .k-button .k-icon:before { content: '';}
.k-calendar-container .k-header .k-calendar-nav-prev .k-icon { background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -154px -95px;}
.k-calendar-container .k-header .k-calendar-nav-next .k-icon { background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -114px -95px;}

/* kendo editor */
.k-toolbar > * { gap: 5px;}
.k-editor-toolbar { gap: 5px; border: 0;}
.k-editor-toolbar .k-button { margin: 0; border: 1px solid #d1d1d1;}
.k-editor-toolbar .k-dropdownlist .k-button,
.k-editor-toolbar.k-toolbar input.k-input-inner,
.k-editor-toolbar .k-combobox .k-button,
.k-toolbar .k-colorpicker .k-button { border: 0;}
.k-editor-toolbar.k-toolbar .k-input.k-combobox,
.k-editor-toolbar .k-combobox .k-button,
.k-editor-toolbar .k-picker.k-icon-picker .k-input-inner { height: auto;}
.k-editor-toolbar.k-toolbar .k-colorpicker { height: auto;}
.k-editor-window .k-window-content { padding: 0 30px 20px !important; box-sizing: border-box;}
.k-editor-window .k-window-buttons { flex-direction: row-reverse; margin: 0;}
.k-editor-window .k-window-buttons .k-button { min-width: auto; height: auto; padding: 13px 24px; border: 1px solid #E8E8E8; border-radius: 4px; background: #FFFFFF; font-size: 13px; font-weight: 500; color: #404040; line-height: 14px;}
.k-editor-window .k-window-buttons .k-button:hover,
.k-editor-window .k-window-buttons .k-button:active { border: 1px solid #D1D1D1; background: #FFFFFF; font-weight: bold; color: #4549AB;}
.k-editor-window .k-window-buttons .k-button.k-dialog-insert { display: inline-flex; gap: 7px; height: auto; padding: 13px 24px; border: 1px solid #7A7EE8; background: #7A7EE8; color: #FFFFFF; cursor: pointer;}
.k-editor-window .k-window-buttons .k-button.k-dialog-insert:hover { color: #ffffff;}
.k-editor-window .k-tabstrip .k-content { height: calc(100vh / 2); padding: 30px;}
.k-editor-dialog { overflow-y: hidden;}

/* kendo splitbar */
.k-splitbar:focus,
.k-splitbar.k-focus { background: #4549ab;}

.k-pager-wrap{ position: relative; padding: 15px 0 3px; text-align: right; border: none; border-radius: 0; box-shadow: none; justify-content: flex-end;}
.k-pager-wrap .k-pager-numbers-wrap{ display: inline; width: auto; min-width: 35px; margin: 0;}
.k-pager-wrap a.k-pager-nav{ display: flex; float: inherit; width: 35px; height: 35px; border: none; line-height: inherit; border-radius: 0;}
.k-pager-wrap a.k-pager-nav:first-child{ float: right; background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -2px -165px;}
.k-pager-wrap a.k-pager-nav:nth-child(2){ float: right; background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -39px -165px;}
.k-pager-wrap a.k-pager-nav:nth-child(4){ float: right; background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -73px -165px;}
.k-pager-wrap a.k-pager-nav:nth-child(5){ float: right; background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -108px -165px;}
.k-pager-wrap a.k-pager-nav:first-child.k-state-disabled{ background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -2px -128px;}
.k-pager-wrap a.k-pager-nav:nth-child(2).k-state-disabled{ background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -39px -128px;}
.k-pager-wrap a.k-pager-nav:nth-child(4).k-state-disabled{ background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -73px -128px;}
.k-pager-wrap a.k-pager-nav:nth-child(5).k-state-disabled{ background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -108px -128px;}
.k-pager-wrap a.k-pager-nav span{ display: none;}
.k-pager-wrap ul.k-pager-numbers{ display: block; float: inherit; margin-left: -1px;}
.k-pager-wrap ul.k-pager-numbers li{ width: 35px; height: 35px; border: none; background: transparent;}
.k-pager-wrap ul.k-pager-numbers li > span{ line-height: 35px;}
.k-pager-wrap ul.k-pager-numbers li span.k-state-selected{ line-height: 35px; min-width: 35px; color: #5c61d4; font-weight: 700; border: none; background: none; box-shadow: none; vertical-align: middle;}
.k-pager-wrap ul.k-pager-numbers li a.k-link{ line-height: 35px; min-width: 35px; color: #8e8e8e; border: none; background: transparent; vertical-align: middle;}
.k-pager-wrap span.k-pager-sizes{position:absolute;left:0;top:11px;padding:0;margin:0;line-height:30px}
.k-pager-wrap span.k-pager-sizes .k-widget.k-dropdown{margin-top:0}
.k-pager-wrap span.k-pager-sizes .k-dropdown-wrap .k-input{height:32px;line-height:32px;padding:0}
.k-pager-wrap span.k-pager-sizes .k-dropdown-wrap .k-select{line-height:32px;min-height:inherit}
.k-pager-wrap span.k-pager-info{ display: inline-block; flex: none; position: relative; /* right:25px; */ top: -3px; /*left: 182px;*/ padding: 0;}
.k-pager-wrap a.k-pager-refresh{ width: 35px; height: 35px; min-width: inherit; min-height: inherit; margin: 0; line-height: inherit; border: 0; border-radius: 5px; background-color: #fff;}
.k-pager-wrap a.k-pager-refresh:hover{background:#dbdbdb}
.k-pager-wrap a.k-pager-refresh span.k-i-refresh{margin-top:-5px}

/* kendo editor customInsertImg */
/* 원본 "\e13a" */
.k-editor-toolbar .k-i-gear::before { content: "\e501";}

/* 미리보기 팝업 */
.pdf-wrap-pre { width: 100%; height: 100%;}