@charset "utf-8";

/*** 그리드 로딩 시작 ********************/
.k-loading {

}
.k-loading-mask {
    z-index: 2;
}
.k-loading-image {
    background-image: url('/resources/static/images/common/loading_32.gif');
}
/*** 그리드 로딩 종료 ********************/

.k-grid {
    border: none !important;
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}
.k-grid .k-header {
    border: none !important;
}
.k-grid table {
    border: none !important;
}

.k-grid tr {
    border: none !important;
}

.k-grid td {
    border: none !important;
}

.k-grid .k-grid-content{
    /*min-height: 376px !important;*/
}
/*** 그리드 헤더 시작 ********************/
.k-grid .k-grid-header .k-header {
    white-space:nowrap;
    line-height:14px;
    padding:12px 10px;
    vertical-align:baseline;
    border-top: 1px solid #e6e6e6 !important;
}
.k-grid .k-grid-header .k-header .k-link {
    height:100%;
}
.k-grid-header-wrap{
    border:none !important;
}
/*** 그리드 헤더 종료 ********************/

/*** 그리드 행 영역 시작 ********************/
.k-grid .k-alt {
    background-color:#f7f7f7;
}
.k-grid td {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.k-grid .k-state-selected {
    background-color:#01A0E9 !important;
}
/*** 그리드 행 영역 종료 ********************/

/*** 그리드 페이징 시작 ********************/
/*
.k-grid .k-pager-wrap {
    text-align:right;
    padding:0px;
    font-size:12px;
    justify-content: flex-end;
}
.k-grid .k-pager-wrap > .k-link,
.k-grid .k-pager-wrap .k-pager-numbers {
    position: static;
    float: none;
    margin: 0px .2em;
    display: inline-block;
}
.k-grid .k-pager-wrap > .k-link {
    height:40px;
    line-height:38px;
}
.k-grid .k-pager-wrap .k-pager-numbers > li > a {
    height:40px;
    line-height:32px;
}
.k-pager-numbers .k-state-selected {
    padding-top:4px;
    border:none !important;
    color:#3f51b5 !important;
    font-size:16px !important;
    font-weight:700 !important;
}
.k-grid .k-pager-info{
    position: absolute;
    left: 0px;
    height:40px;
    line-height:40px;
}
.k-grid .k-pager-wrap .k-dropdown {
    width: 100px;
    text-align:left;
}
.k-pager-wrap .k-label {
    margin: 0px 0px 0px 1em;
}
*/
.grid-pager.k-pager-wrap {
    text-align:center;
    padding:0px;
    font-size:12px;
    justify-content: center;
    background:none !important;
    border:none !important;
}
.grid-pager.k-pager-wrap > .k-link,
.grid-pager.k-pager-wrap .k-pager-numbers {
    height:40px !important;
    line-height:40px !important;
    position: static;
    float: none;
    margin: 0px .2em;
    display: inline-block;
}
.grid-pager.k-pager-wrap > .k-link {
    width: 40px !important;
    height:40px !important;
    line-height:40px !important;
    border:none !important;
}
.grid-pager.k-pager-wrap .k-pager-numbers > li > a {
    width: 40px !important;
    height:40px;
    line-height:40px;
    border:none !important;
    font-size:14px !important;
    color:#a39faf;
}
.grid-pager .k-pager-numbers .k-state-selected {
    height:40px;
    line-height:40px;
    border:none !important;
    color:#ac3c9e !important;
    font-size:16px !important;
    font-weight:700 !important;
    background:none !important;
}
.grid-pager .k-pager-info{
    position: absolute;
    top:13px;
    left: 104px;
    height:40px;
    line-height:40px;
    font-size:16px;
    font-weight:700;
}
.grid-pager.k-pager-wrap .k-label {
    margin: 0px 0px 0px 1em;
}
.grid-pager .k-pager-sizes{
    position: absolute;
    top:13px;
    right: 42px;
    height:40px;
    line-height:40px;
    font-size:14px;
    font-weight:500;
}
.grid-pager.k-pager-wrap .k-dropdown {
    width: 100px;
    text-align:left;
}

.grid-pager.k-pager-lg .k-pager-numbers {
    height: 25px !important;
    line-height: 25px !important;
    margin: 0px !important;
}
/*** 그리드 페이징 종료 ********************/

/*** 그리드 필터 시작 ********************/
.k-filterable > .k-state-active {
    background-color:#01A0E9 !important;
    color:#ffffff !important;
}
.k-animation-container > .k-filter-menu {
    border:none;
    border-left:3px solid #01A0E9;
    box-shadow: 0px 4px 4px 0px rgba(77, 90, 115, 0.4);
}
.k-filter-menu > .k-filter-menu-container > .k-multicheck-wrap > div {
    padding: 0px 0px 5px 0px !important;
    border-bottom:1px solid #eeeeee !important;
}
.k-filter-menu > .k-filter-menu-container > .k-multicheck-wrap > div > label {
    width: 100% !important;
}
.k-filter-menu > .k-filter-menu-container > .k-multicheck-wrap > div > label input {
    margin:2px 5px 0px 0px !important;
    vertical-align:top !important;
}
.k-filter-menu > .k-filter-menu-container > .k-multicheck-wrap > div.k-item {
    padding: 0px !important;
    border-bottom:1px solid #ffffff !important;
}
.k-filter-menu > .k-filter-menu-container > .k-multicheck-wrap > div.k-item > label.k-label input {
    margin:7px 5px 0px 0px !important;
    vertical-align:top !important;
}
.k-filter-menu .k-filter-selected-items {
    margin: 0.5em 0px !important;
}
.k-filter-menu .k-button,
.k-filter-menu > .k-button {
    background-color:#eeeeee !important;
}
.k-filter-menu .k-button:hover,
.k-filter-menu > .k-button:hover {
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}
.k-filter-menu .k-primary,
.k-filter-menu > .k-primary {
    background-color:#01A0E9 !important;
    color:#ffffff;
}
.checkbox-group-title{
    height: 28px;
    line-height: 28px;
    padding: 0px;
    font-size: 12px;
    font-weight:700;
}
.checkbox-all-title{
    padding: 0px 0px 5px 0px !important;
    border-bottom:1px solid #f0f0f0 !important;
}
/* 달력 */
.k-filter-menu .k-animation-container {
    width: 240px !important;
}
/*** 그리드 필터 종료 ********************/

/*** 그리드 스크롤 시작 ********************/
.no-scrollbar .k-grid-header{
    padding: 0 !important;
}
.no-scrollbar .k-grid-header .k-grid-header-wrap{
    overflow-y: hidden;
}
.no-scrollbar .k-grid-content{
    overflow-y: hidden;
}
/*** 그리드 스크롤 종료 ********************/

/*** 버턴 색상 설정 시작 ********************/
.k-download1-button {
    background-color:#3398da;
    border-color:#3398da;
    color:#ffffff;
}
.k-download2-button {
    background-color:#392c70;
    border-color:#392c70;
    color:#ffffff;
}
.k-regist1-button {
    background-color:#ab399f;
    border-color:#ab399f;
    color:#ffffff;
}
.k-regist2-button {
    color: #fff;
    border-color: #cc0000;
    background-color: #cc0000;
}
/* 등록 버턴 시작 - 녹색 */
.k-regist-button {
    color: #fff;
    border-color: #0a151b;
    background-color: #0a151b;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}
.k-regist-button.k-state-hover,
.k-regist-button:hover {
    color: #fff;
    border-color: #243a4c;
    background-color: #243a4c;
}
.k-regist-button.k-state-focused,
.k-regist-button.k-state-focused.k-state-disabled,
.k-regist-button:focus,
.k-regist-button:focus:hover,
.k-state-disabled .k-regist-button.k-state-focused {
    border-color: #0a151b;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}
.k-regist-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
}
.k-button.k-regist-button.k-state-active,
.k-button.k-regist-button:active {
    color: #fff;
    border-color: #0a151b;
    background-color: #0a151b;
}
/* 등록 버턴 종료 - 녹색 */
/* 수정 버턴 시작 - 녹색 */
.k-modify-button {
    color: #fff;
    border-color: #71a736;
    background-color: #71a736;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}
.k-modify-button.k-state-hover,
.k-modify-button:hover {
    color: #fff;
    border-color: #7bb63a;
    background-color: #7bb63a;
}
.k-modify-button.k-state-focused,
.k-modify-button.k-state-focused.k-state-disabled,
.k-modify-button:focus,
.k-modify-button:focus:hover,
.k-state-disabled .k-modify-button.k-state-focused {
    border-color: #71a736;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}
.k-modify-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
}
.k-button.k-modify-button.k-state-active,
.k-button.k-modify-button:active {
    color: #fff;
    border-color: #71a736;
    background-color: #71a736;
}
/* 수정 버턴 종료 - 녹색 */
/* 변경 버턴 시작 - 빨강 */
.k-change-button {
    color: #fff;
    border-color: #cc0000;
    background-color: #cc0000;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}
.k-change-button.k-state-hover,
.k-change-button:hover {
    color: #fff;
    border-color: #cd3c3c;
    background-color: #cd3c3c;
}
.k-change-button.k-state-focused,
.k-change-button.k-state-focused.k-state-disabled,
.k-change-button:focus,
.k-change-button:focus:hover,
.k-state-disabled .k-change-button.k-state-focused {
    border-color: #a50101;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}
.k-change-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
}
.k-button.k-change-button.k-state-active,
.k-button.k-change-button:active {
    color: #fff;
    border-color: #a50101;
    background-color: #a50101;
}
/* 변경 버턴 종료 - 빨강 */
/* 저장 버턴 시작 - 빨강 */
.k-save-button {
    color: #fff;
    border-color: #cc0000;
    background-color: #cc0000;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}
.k-save-button.k-state-hover,
.k-save-button:hover {
    color: #fff;
    border-color: #cd3c3c;
    background-color: #cd3c3c;
}
.k-save-button.k-state-focused,
.k-save-button.k-state-focused.k-state-disabled,
.k-save-button:focus,
.k-save-button:focus:hover,
.k-state-disabled .k-save-button.k-state-focused {
    border-color: #a50101;
    background-color: #a50101;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}
.k-save-button:focus:active:not(.k-state-disabled):not([disabled]) {
    border-color: #a50101;
    background-color: #a50101;
    box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
}
.k-button.k-save-button.k-state-active,
.k-button.k-save-button:active {
    color: #fff;
    border-color: #a50101;
    background-color: #a50101;
}
/* 저장 버턴 종료 - 빨강 */
/* 업로드 버턴 시작 - 하늘 */
.k-upload-button {
    color: #fff;
    border-color: #01A0E9;
    background-color: #01A0E9;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}
.k-upload-button.k-state-hover,
.k-upload-button:hover {
    color: #fff;
    border-color: #2cb1d1;
    background-color: #2cb1d1;
}
.k-upload-button.k-state-focused,
.k-upload-button.k-state-focused.k-state-disabled,
.k-upload-button:focus,
.k-upload-button:focus:hover,
.k-state-disabled .k-upload-button.k-state-focused {
    border-color: #01A0E9;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}
.k-upload-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
}
.k-button.k-upload-button.k-state-active,
.k-button.k-upload-button:active {
    color: #fff;
    border-color: #01A0E9;
    background-color: #01A0E9;
}

/* 에디터 업로드 */
.k-edit-form-container .k-upload-button {
    color: #fff;
    border-color: #2cb1d1;
    background-color: #2cb1d1;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}
.k-edit-form-container .k-upload-button.k-state-hover,
.k-edit-form-container .k-upload-button:hover {
    color: #fff;
    border-color: #34cde2;
    background-color: #34cde2;
}
.k-edit-form-container .k-upload-button.k-state-focused,
.k-edit-form-container .k-upload-button.k-state-focused.k-state-disabled,
.k-edit-form-container .k-upload-button:focus,
.k-edit-form-container .k-upload-button:focus:hover,
.k-state-disabled .k-edit-form-container .k-upload-button.k-state-focused {
    border-color: #2cb1d1;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}
.k-edit-form-container .k-upload-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
}
.k-edit-form-container .k-button.k-upload-button.k-state-active,
.k-edit-form-container .k-button.k-upload-button:active {
    color: #fff;
    border-color: #2cb1d1;
    background-color: #2cb1d1;
}
/* 업로드 버턴 종료 - 하늘 */

/* 커뮤니티 버턴 시작 - 주황 */
.k-community-button {
    color: #ffffff;
    border-color: #dd4f4f;
    background-color: #dd4f4f;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}
.k-community-button.k-state-hover,
.k-community-button:hover {
    color: #ffffff;
    border-color: #da4140;
    background-color: #da4140;
}
.k-community-button.k-state-focused,
.k-community-button.k-state-focused.k-state-disabled,
.k-community-button:focus,
.k-community-button:focus:hover,
.k-state-disabled .k-community-button.k-state-focused {
    border-color: #dd4f4f;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}
.k-community-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
}
.k-button.k-community-button.k-state-active,
.k-button.k-community-button:active {
    color: #ffffff;
    border-color: #dd4f4f;
    background-color: #dd4f4f;
}
/* 커뮤니티 버턴 종료 - 주황 */

/* 기본 버턴 시작 - 회색 */
.k-default-button {
    color: #525f6a;
    border-color: #e3eaed;
    background-color: #e3eaed;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}
.k-default-button.k-state-hover,
.k-default-button:hover {
    color: #525f6a;
    border-color: #b0c6d0;
    background-color: #b0c6d0;
}
.k-default-button.k-state-focused,
.k-default-button.k-state-focused.k-state-disabled,
.k-default-button:focus,
.k-default-button:focus:hover,
.k-state-disabled .k-default-button.k-state-focused {
    border-color: #e3eaed;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}
.k-default-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
}
.k-button.k-default-button.k-state-active,
.k-button.k-default-button:active {
    color: #525f6a;
    border-color: #e3eaed;
    background-color: #e3eaed;
}
/* 기본 버턴 종료 - 회색 */
/*** 버턴 색상 설정 종료 ********************/

/*** 타임라인 설정 시작 ********************/
.k-timeline-horizontal,
.k-timeline-vertical {
    padding: 0px !important;
    margin: 0px !important;
}
/*** 타임라인 설정 종료 ********************/