@charset "utf-8"; /* 타이틀 */
.titTopArea { display: flex; align-items: center; justify-content: space-between; }
.titTopArea .k-breadcrumb { background-color: transparent; }
.titArea { display:flex; align-items: center; justify-content: space-between; position:relative; margin:35px 0 5px }
.titArea:first-child,
.titArea + .titArea { margin-top:0 }
.titArea h3 { line-height:25px; font-size:18px; font-weight:700; color:#000 }
.titArea h4 { display:flex; align-items:center; line-height:25px; font-size:16px; font-weight:500; color:#000 }
.titArea h4 i { margin-right:10px }
.titArea .right { display:flex }
.titArea .right > * + * { margin-left:10px }
.searchWrap + .titArea { margin-top:0 }

/* 리스트 테이블 */
.listTable { overflow-x: auto; border-top:1px solid #000; }
.listTable table { table-layout:fixed }
.listTable table th,
.listTable table td { padding:10px; border-bottom:1px solid #eee; height:47px; text-align:center; line-height:24px }
.listTable table th { font-weight:400; color:#000; }
.listTable table tr > th:not(:last-child), .listTable table tr > td:not(:last-child) { border-right: 1px solid #eee; }
.listTable table th .checkbox input[type=checkbox] + label:before { border-color:#000 }
.listTable table td .btnIco { margin:0 auto }
.listTable table td a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; color:#000 }
.listTable table td a:hover { text-decoration:underline }

/* kendo UI */
.demo-section p .k-button { margin: 0 5px 0 0; }
.demo-section + table,
.demo-section + .k-grid,
table + .demo-section,
dl + .demo-section,
.k-grid + p,
table + p,
p + table,
dl + table,
table + dl,
table + .k-widget,
.k-grid + .k-widget { margin-top: 10px; }
.k-mb-thin + table { margin-top: 5px; }
#toolbar { margin: 0 0 1em; background-color: #eef2fd; }
#toolbar label { font-size: .85em; font-weight: bold; }
#toolbar .k-separator { margin: 0 .9em; }
.toolbar { margin: 0 0 1em; background-color: #eef2fd; }
.toolbar label { font-size: .85em; font-weight: bold; }
.toolbar .k-separator { margin: 0 .9em; }
#target { margin: 0 auto; border: 3px solid #333333; border-radius: 0; width: 150px; height: 150px; background-color: #ffffff; }
#treeview .k-sprite { background-image: url("../images/coloricons-sprite.png"); }
.rootfolder { background-position: 0 0; }
.folder { background-position: 0 -16px; }
.pdf { background-position: 0 -32px; }
.html { background-position: 0 -48px; }
.image { background-position: 0 -64px; }
dl.k-listview-item { display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.08);; }
dl.k-listview-item dt { width: 20%; background-color: rgba(0, 0, 0, 0.04); }
dl.k-listview-item > * { padding: 8px; }
.k-border { border-color: rgba(0, 0, 0, 0.08); }
.k-input-solid input { border: 0; }
.k-animation-container .k-child-animation-container { max-width: 500px; }
div.k-grid-norecords { justify-content: center; min-height: 50px; }
.k-table-th { text-align: center; background-color: #f9f9f9; }
.k-border { border-color: #ddd; }
.k-tabstrip-items .k-item { border: 1px solid #eee; }
.k-tabstrip-items .k-link { color: #767676; }
.k-tabstrip-items .k-item + .k-item { margin-left: -1px; }
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active .k-link, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active .k-link { color: #000; }
.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected { border-color: #bbb; }
.k-grid .k-cell-inner > .k-link { justify-content: center; }
.k-grid + .demo-section { margin-top: 5px; }
.k-tabstrip-content, .k-tabstrip > .k-content, .k-tabstrip-items-wrapper { border-color: #bbb; }
.k-breadcrumb { position: relative; z-index: 510; }
.k-breadcrumb-link { color: inherit; }
.k-toolbar { flex-wrap: wrap !important; }
.k-toolbar > * { gap: 4px; }
.k-toolbar > .k-toolbar-button-group { gap: 0; }
.k-toolbar .k-button { padding-block: 2px; }
.k-toolbar .k-input { width:140px; }
.k-toolbar .k-picker { width:100px; }
.k-button-md.k-icon-button .k-button-icon { min-height: 16px; }
.k-border-collapse td .k-d-flex { align-items: center; }
.k-input { border-color: #ddd; border-radius: 4px; }
.k-input .k-input-inner, .k-picker .k-input-inner, .k-input input { border: 0; height: 25px; padding-block: 3px; }
.cont table { table-layout: fixed; }
.cont table th, .cont table td { padding: 4px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; word-break: normal; font-size: 14px; }
.cont table thead tr th, .cont table tbody tr:first-child th, .cont table tbody tr:first-child td { border-top: 1px solid #ddd; }
.cont table tbody tr th:last-child, .cont table tbody tr td:last-child { border-right: 1px solid #ddd; }
.cont table th { text-align: center; font-weight: 400; background-color: #f9f9f9; }
.cont table th.required::after { display: inline-block; content: "*"; margin-left: 2px; color: #f31700; }
.cont table tbody .k-text-left { text-align: left !important; }
.cont table tbody .k-text-right { text-align: right !important; }
.cont table tbody td { word-break: break-word; }
.cont table tbody td input { text-align: inherit; }
.cont table tbody td .filezone .k-upload {
    border: 0;
}
.cont table tbody td .filezone .k-upload .k-upload-dropzone{
    border: 1px solid #ddd;
    border-bottom: 0;
}
.cont table tbody td .filezone .k-upload .k-file.k-focus{
    box-shadow: none;
}
.cont table tbody td .filezone .k-upload .k-file-icon-wrapper{
    display: none;
}
.cont table tbody td .filezone .k-upload .k-file-info{
    text-align: left;
}
.cont table tbody td .filezone .k-upload .k-upload-files .k-file{
    padding: 5px 0 0 5px;
}
.cont table tbody td .filezone .k-upload .k-button{
    min-width: 1px;
    line-height: 1;
}
.cont table tbody td .filezone .k-upload .k-upload-files{
    border: 1px solid #ddd;
}
.cont table td .k-d-flex { flex-wrap: wrap; align-items: center; gap: 8px; }
.cont table th.k-bg-primary {background-color: #fff2c4 !important;}

.cont .k-table-tbody tr:first-child td, .cont .k-grid-header .k-table-th { border-top: 0; }
.cont .k-table-th > .k-cell-inner > .k-link,
.cont .k-grid .k-table-th { text-align: center; padding-block: 4px; padding-inline: 8px; }
.cont .k-grid .k-table-th > .k-cell-inner { margin-block: -4px; margin-inline: -8px; }
.cont .k-grid .k-table-td { text-align: center; padding-block: 4px; padding-inline: 8px; }
.cont .k-grid .k-table-td .k-button { display: block; margin: 0 auto; line-height: 0; }
.cont > .k-grid .k-grid-container { min-height: 50vh; max-height: 70vh; }
.cont > .k-grid .k-grid-container table { border-bottom: 1px solid #ddd; }
.cont .k-grid .k-table-tfoot td { text-align: right; }
.k-window { border: 1px solid #000 }
.k-window-titlebar { border-bottom: 1px solid #ddd; }
.k-window .cont > .k-grid .k-grid-container { min-height: 1px; }
.k-window .cont > .k-grid .k-grid-container table { border-bottom: 0; }
.k-chip-list .k-chip { overflow: visible; }
.k-chip-list .k-chip-label button { display: inline-block; position: relative; z-index: 10; margin-left: 2px; border: 0; line-height: inherit; font-size: 100%; color: inherit; background: transparent; }
.bytebox > p { margin-bottom: 5px; text-align: right; }
.k-input textarea.k-input-inner { height: auto; }
.k-panelbar { margin-bottom: 10px; }
.demo-section .k-d-flex { align-items: center; gap: 8px; }
.k-scheduler-table > tbody > tr > th { border-top: 0 !important; border-bottom: 0 !important; }
.k-scheduler-layout > tbody > tr > td { border: 0 !important; }
.k-panelbar-item-text { display: flex; align-items: center; gap: 10px; }
.k-panelbar-item.k-active .k-panelbar-item-text > p { display: none; }
.k-panelbar-item-text > p button { margin: 0 2px; border: 0; background-color: transparent; outline: none; transition: color 0.5s ease; }
.k-panelbar-item-text > p button:hover { color: #0080c6;}
.k-text-right > input { text-align: right; }
.k-txt-left > input { text-align: right; }
.fullinput { position: relative; }
.fullinput > input { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%; text-align: center; background-color: transparent; }
.new-popup { position: static; width: 100%; height: 100%; }
.k-mb-thin { font-size: 14px; }
.k-calendar-table .k-calendar-th,
.k-calendar-table .k-calendar-td { border: 0 !important; }
.k-bg-gray { background-color: #f9f9f9; }

.k-chart-wrap { display: flex; justify-content: space-between; gap: 10px; } 
.k-chart-wrap > div { flex: 1; margin: 15px 0; border: 1px solid #ddd; background: #fff; } 
.k-chart-wrap > .grid { flex: 0 0 70%; padding: 0; border: 0; }