@charset "utf-8";

/* rightCnt */
/* .rightCnt {float: left; width: calc(100% - 240px); height: 100%; min-height: 600px; margin-left: 20px;} */
.rightCnt {float: left; width: calc(100% - 240px); /*height: 100%; min-height: 600px;*/ margin-left: 20px;}
.wideCnt {width: calc(100% - 240px); margin: 0 auto; height: 100%; min-height: 600px;}

/* title */
.rightCnt .titleWrap {height: 70px;}
.titleWrap > div {float: left;}
.titleWrap > div:nth-child(1) {display: table;height: 70px;margin-right: 40px;margin-top: -7px;}
.titleWrap > div:nth-child(3) {text-align: right;}
.titleWrap::after {content: '';clear: both;display: block;}
.titleWrap h3 {display: table-cell;vertical-align: middle;max-width: 300px;font-size: 26px;line-height: 1;letter-spacing: -1.3px;color: #020202;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;word-break: break-all;}
.titleWrap h3.etc {text-overflow:unset;max-width:100% !important}
.titleWrap .sch-word {display: table;width: 870px;min-height: 70px;margin-top: -4px;}

/* 개발 후 커스텀 */
/* .titleWrap .sch-word > div {display: table-cell;vertical-align: middle;word-break: break-all;}
.titleWrap .sch-word span {font-size: 13px;line-height: 1.7;letter-spacing: -0.98px;color: #444;white-space: pre-line;}
.titleWrap .sch-word span:hover {color: #4141db;}
.titleWrap .sch-word span.on {font-weight: bold;color: #4141db;}
.titleWrap .sch-word span::after {content: '';display: inline-block;width: 1px;height: 12px;background-color: #d2dae6;margin: 5px 4px 0 7px;vertical-align: top;}
.titleWrap .sch-word span:last-child::after {width: 0;} */

.titleWrap .sch-word {display: table;width: 870px;min-height: 70px;margin-top: -4px;}
.titleWrap .sch-word > div {display: table-cell;vertical-align: middle;}
.titleWrap .sch-word span {font-size: 13px;line-height: 1.7;letter-spacing: -0.98px;color: #444;cursor: pointer;word-break: break-all;}
.titleWrap .sch-word span::after {content: '';display: inline-block;width: 1px;height: 12px;background-color: #d2dae6;margin: 5px 4px 0 7px;vertical-align: top;}
.titleWrap .sch-word span:last-child::after {width: 0;}
.titleWrap .sch-word span:hover {color: #4141db;}
.titleWrap .sch-word .on {font-weight: bold;color: #4141db;}

.titleWrap .title-right {float: right;padding: 18px 0 20px;}

.schResult {padding-bottom: 20px;}
.schResult .titleWrap {border-bottom: 1px solid #020202;padding-bottom: 9px;}
.schResult .titleWrap h4 {font-size: 18px;font-weight: bold;line-height: 0.89;letter-spacing: -1.35px;color: #020202;display: inline-block;}
.schResult .titleWrap .tit1 {font-size: 14px;font-weight: bold;line-height: 1.14;letter-spacing: -1.05px;color: #999999;display: inline-block;margin-left: 12px;}
.schResult .schCon {padding: 20px;}
.schResult .schCon + .schCon {padding-top: 9px;}
.schResult .schCon .tit1 {font-size: 14px;font-weight: bold;color: #999999;margin-right: 11px;}
.schResult .schCon .tit2 {font-size: 15px;font-weight: bold;color: #2f5ed4;margin-right: 16px;}
.schResult .schCon .tit3 {font-size: 14px;font-weight: normal;color: #020202;margin-right: 19px;}
.schResult .schCon .date {font-size: 13px;font-weight: bold;color: #999999;}
.schResult .schCon .date .v-line {display: inline-block;width: 1px;height: 10px;background-color: #999999;margin:8px 8px 5px 4px;vertical-align: top;}
.schResult .schCon .conTit {font-size: 14px;font-weight: bold;color: #333333;margin: 12px 0 10px;
    display:block;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.schResult .schCon .conAdd {border-left: 3px solid #e4e4e4;}
.schResult .schCon .conAdd .fileWrap dl {padding-left: 6px;margin-bottom: 1px;}
.conAdd2 {background-color: #f7f9fa;}
.conAdd2 .f-top {background-color: #fff;padding: 10px 20px;height: 40px;}
.conAdd2 .f-top .tit2 {font-size: 14px;font-weight: bold;color: #5c5cba;}
.conAdd2 .f-top .tit3 {font-size: 13px;font-weight: bold;color: #999;margin-left: 5px;}
.conAdd2 .f-con {padding: 7px 0;}
.fileWrap {width: 100%;}
.fileWrap dl {overflow: hidden;text-align: left;}
.fileWrap dl::after {content: '';clear: both;display: block;}
.fileWrap dd {float: left;word-break: break-all;}
.fileWrap dd .ico {vertical-align: top;margin-right: 3px;}
.fileWrap dd .t1 {font-size: 14px;font-weight: normal;color: #666666;display: inline-block;white-space: normal;text-align: left;}
.fileWrap dd .t2 {font-size: 13px;font-weight: normal;color: #999999;vertical-align: top;margin: 2px 20px 0 13px;}
.fileWrap dd.btn-area {vertical-align: top;margin-top: -1px;}
.fileWrap::after {content: '';display: block;clear: both;}

.conAdd2 .fileWrap dd {float: unset;padding: 4px 20px;}
.conAdd2 .fileWrap dd:hover {background-color: #e9eaf5;cursor: pointer;}

/* nodata */
.nodata {display: table;width: 100%;text-align: center;height: 570px;}
.nodata > div {display: table-cell;vertical-align: middle;}
.nodata .img {margin: 0 auto;width: 131px;}
.nodata i {background: url('../img/icon/ico-vodsearch-noresult.png') no-repeat center;width: 131px;height: 97px;display: block;}
.nodata p {font-size: 22px;font-weight: bold;text-align: center;color: #020202;margin-top: 20px;}

/* video */
.videoWarp {width: 100%;height: 650px;}
.videoWarp .videoArea {width: 1158px;height: 100%;}
.videoWarp .videoArea img {width: 100%;height: 100%;}
.videoWarp .tabArea   {width: calc(100% - 1158px);height: 100%;overflow: hidden;}
.videoWarp .tabArea .yscroll.tZoneA {max-height: 485px;height: 485px;}
.videoWarp .tabArea .yscroll.tZoneB {max-height: 533px;height: 533px;}
.videoWarp .tabArea .yscroll.tZoneC {max-height: 525px;height: 525px;}

/* iframe을 안 쓸 경우 video 영역 */
@media (max-width: 1600px) {
    /* .videoWarp {width: 100%;height: 470px;}
    .videoWarp .videoArea {width: 836px;height: 100%;}
    .videoWarp .tabArea {width: calc(100% - 836px);}
    .videoWarp .tabArea .yscroll.tZoneA {max-height: 306px;height: 306px;}
    .videoWarp .tabArea .yscroll.tZoneB {max-height: 354px;height: 354px;}
    .videoWarp .tabArea .yscroll.tZoneC {max-height: 346px;height: 346px;} */
}
/* iframe 쓸 경우(iframe을 전체로 해상도로 인식하므로) */
@media (max-width: 1600px) {
    .videoWarp {width: 1492px;height: 650px;border-bottom: 1px solid #bcc5d4;}
    .videoWarp .videoArea {width: 1158px;height: 650px;}
    .videoWarp .tabArea {width: calc(100% - 1158px);height: 650px;}
}
@media (max-width: 1160px) {
    .videoWarp {width: 1158px;height: 470px;}
    .videoWarp .videoArea {width: 836px;height: 470px;}
    .videoWarp .tabArea {width: calc(100% - 836px);height: 470px;}
    .videoWarp .tabArea .yscroll.tZoneA {max-height: 306px;height: 306px;}
    .videoWarp .tabArea .yscroll.tZoneB {max-height: 354px;height: 354px;}
    .videoWarp .tabArea .yscroll.tZoneC {max-height: 346px;height: 346px;}
}

/* tab */
.tabs-type1 #tabs.ui-widget {font-family: 'MalgunGothic', sans-serif;}
.tabs-type1 #tabs.ui-widget.ui-widget-content {border: none;}
.tabs-type1 #tabs.ui-widget-content {background: unset;line-height: 1.57;letter-spacing: -1.05px;color: #111;}
.tabs-type1 #tabs .ui-widget-header {border: none;border-bottom: 1px solid #cdcde2;background: none;}
.tabs-type1 .ui-tabs {position: relative;padding: 0;}
.tabs-type1 .ui-tabs .ui-tabs-panel {padding: 0;}
.tabs-type1 .ui-tabs .ui-tabs-nav {margin: 0;padding: 0;border-radius: 0 !important;}
.tabs-type1 .ui-tabs .ui-tabs-nav li {width: 190px;height: 40px;border: solid 1px #cdcde2;background-color: #fff;margin: 0 -1px 0 0;text-align: center;border-bottom-width: 0;border-radius: 0;}
.tabs-type1 .ui-tabs .ui-tabs-nav li:hover {background: rgba(61, 77, 129, 0.56);}
.tabs-type1 .ui-tabs .ui-tabs-nav li:hover a {color: #fff;}
.tabs-type1 .ui-state-default a, .tabs-type1 .ui-state-default a:link {font-weight: bold;line-height: 1.14;letter-spacing: -1.05px;color: #020202;}
.tabs-type1 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {cursor: pointer;padding: 12px 0 0;width: 100%;height: 100%;display: inline-block;}
.tabs-type1 .ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: 0;padding-bottom: 0;}
.tabs-type1 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor: pointer;background-color: #5c5cba;box-shadow: 0px 4px 5px 0 rgba(61, 77, 129, 0.56);}
.tabs-type1 .ui-tabs .ui-tabs-nav li.ui-tabs-active a {color: #fff;}

.tabs-type2 #tabs.ui-widget {font-family: 'MalgunGothic', sans-serif;}
.tabs-type2 #tabs.ui-widget.ui-widget-content {border: none;}
.tabs-type2 #tabs.ui-widget-content {background: unset;line-height: 1.57;letter-spacing: -1.05px;color: #111;}
.tabs-type2 #tabs .ui-widget-header {border: none;}
.tabs-type2 .ui-tabs {position: relative;padding: 0;}
.tabs-type2 .ui-tabs .ui-tabs-panel {padding: 0;border-radius: 0;}
.tabs-type2 .ui-tabs .ui-tabs-nav {margin: 0;padding: 0;border-radius: 0 !important;}
.tabs-type2 .ui-tabs .ui-tabs-nav li {width: 50%; height: 40px;border: none;background-color: #9597b3;margin: 0;text-align: center;border-bottom-width: 0;border-radius: 0;}
.tabs-type2 .ui-tabs .ui-tabs-nav li:hover {background-color: #7979e5;background-image: linear-gradient(to right, #a874e1, #7777d9), linear-gradient(to left, #7979e5, #7979e5);}
.tabs-type2 .ui-tabs .ui-tabs-nav li:hover a {color: #fff;}
.tabs-type2 .ui-state-default a, .tabs-type2 .ui-state-default a:link {font-weight: bold;line-height: 1.14;letter-spacing: -1.05px;color: #fff;font-size: 15px;}
.tabs-type2 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {cursor: pointer;padding: 12px 0 0;width: 100%;height: 100%;display: inline-block;}
.tabs-type2 .ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: 0;padding-bottom: 0;}
.tabs-type2 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor: pointer;background-color: #5c5cba;background-image: linear-gradient(to right, #8447c6, #5c5cba), linear-gradient(to left, #5c5cba, #5c5cba);}
.tabs-type2 .ui-tabs .ui-tabs-nav li.ui-tabs-active a {color: #fff;}

.tabs-type2 .ui-tabs .ui-tabs-nav li:first-child {background-image: url('../img/icon/img-tab-shadow-l.png');background-size: 6px 40px;background-position: right 0;background-repeat: repeat-y;}
.tabs-type2 .ui-tabs .ui-tabs-nav li:last-child {background-image: url('../img/icon/img-tab-shadow-r.png');background-size: 6px 40px;background-position: 0 0;background-repeat: repeat-y;}

/* table */
/* detail-table */
.detail-table {border-top: 1px solid #111;border-bottom: 1px solid #e4e4e4;}
.detail-table table {width: 100%;}
.detail-table table th {border-top: 1px solid #e4e4e4;height:48px;text-align: center;font-size: 15px;line-height: 1.6;font-weight: bold;color: #020202;background-color: #f1f3f5;vertical-align: top;padding-top: 12px;letter-spacing: -0.98px;}
.detail-table table td {border-top: 1px solid #e4e4e4;text-align: left;font-size: 14px;font-weight: bold;color: #020202;padding: 11px 20px 8px;vertical-align: top;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.detail-table table tr:first-child th,.detail-table table tr:first-child td {border-top: none;}
.detail-table.vType {border-top: 2px solid #7272b4;}
.detail-table.vType thead th {background-color: #f1f3f5;border-bottom: 1px solid #bcc5d4;text-align: left;height:40px;padding: 9px 20px 7px;}
.detail-table.vType thead th.wirter {background-color: #fff;font-size: 13px;color: #000;}
.detail-table.vType thead th.wirter dl {overflow: hidden;}
.detail-table.vType thead th.wirter dl::after {content: '';display: block;clear: both;}
.detail-table.vType thead th.wirter dd {float: left;margin-right: 22px;}
.detail-table.vType thead th.wirter dd span {font-weight: normal;}
.detail-table.vType tbody td {padding: 20px;font-size: 14px;line-height: 1.57;color: #111;font-weight: normal;}
.detail-table.vType tbody td .conts-2 {min-height: 500px;}
.detail-table {border-top: 1px solid #111;border-bottom: 1px solid #e4e4e4;}
.detail-table table {width: 100%;}
.sec .detail-table > table {min-height: 620px;}
/* .detail-table table th {border-top: 1px solid #e4e4e4;height:48px;text-align: center;font-size: 15px;font-weight: bold;color: #020202;background-color: #f1f3f5;vertical-align: top;padding-top: 12px;letter-spacing: -0.98px;} */
/* .detail-table table th {border-top: 1px solid #e4e4e4;height: 47px;} */
/* .detail-table table td {border-top: 1px solid #e4e4e4;text-align: left;font-size: 14px;font-weight: bold;color: #020202;padding: 9px 20px 8px;vertical-align: top;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} */
.detail-table table td {border-top: 1px solid #e4e4e4;}
.detail-table table tr:first-child th,.detail-table table tr:first-child td {border-top: none;}
/* list-table */ 
/* 개발 후 커스텀: kendo 적용 */
/* .list-table {border-top: 2px solid #7272b4;}
.list-table table {width: 100%;}
.list-table table thead th {background-color: #f1f3f5;border-bottom: 1px solid #bcc5d4;text-align: center;height:34px;padding: 9px 20px 7px;}
.list-table table td {border-bottom: 1px solid #e2e7ec;text-align: center;font-size: 13px;color: #666;padding: 9px 20px 8px;vertical-align: top;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} */

/* .tb-conWrap {margin-top: 4px;} */
/* .conts + .conts {margin-top: 10px;} */
.conts .t1 + div,.conts .t2 + div {margin-top: 6px;}
.conts > .t1.inline-block {margin-top: 7px;vertical-align: middle;}
.conts .t2 {font-size: 13px;color: #666;}
.conts .label2 {font-size: 13px;font-weight: bold;color: #666;}
.conts .comm {font-size: 13px;font-weight: normal;color: #999;}
/* small-table */
.smTable {border: 1px solid #e4e4e4;}
.smTable > .sm-table table {width: 100%;}
.smTable > .sm-table table thead th {border-top: none;height:26px;text-align: center;font-size: 12px;font-weight: normal;color: #666;background-color: #f1f3f5;vertical-align: middle;padding: 0 14px;}
.smTable > .sm-table table tbody td {border-top: none;height:26px;text-align: center;font-size: 13px;font-weight: normal; color: #999;padding: 0 14px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.smTable > .sm-table table tbody tr:hover {background-color: #f7f9fa;cursor: pointer;}
.smTable > .sm-table table tbody tr:hover .ico-del {background: url('../img/icon/ico-x-hov-sel.png') no-repeat center;}
.smTable2 {border-top: 2px solid #6247b0;background: none;border-left: 1px solid #2c2a3a;border-right: 1px solid #2c2a3a;height: 100%;}
.smTable2 > .sm-table + .sm-table {background-color: #ebecf5;}
.smTable2 > .sm-table table {width: 100%;}
.smTable2 > .sm-table table thead th {border-top: none;border-bottom: 1px solid #dfdfe4;height:32px;text-align: center;font-size: 13px;font-weight: bold;color: #333;padding: 0 2px;background-color: #fff;vertical-align: middle;}
.smTable2 > .sm-table table tbody td {border-top: none;height:32px;text-align: center;font-size: 13px;font-weight: normal;color: #444;padding: 5px 2px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.smTable2 > .sm-table table tbody tr:hover {background-color: none;cursor: text;}
/* scroll */
.scroll-pane.yscroll {overflow-y: auto;}

/* pagination */
.pagination > li {display: inline-block;vertical-align: top;}
.pagination > li + li {margin-left: -6px;}
.pagination > li > a {background-color: #fff;color: #999;font-size: 14px;border-radius: 0;min-width: 36px;min-width: 36px;width: 36px;height: 36px;line-height: 2.3;border: 1px solid #c0c0c0;text-align: center;display: inline-block;}
.pagination > li > a:hover {background-color: #7a7c80;border-color: #7a7c80;color: #fff;}
.pagination > li > a:focus {background-color: #424242;border-color: #424242;color: #fff;}
.pagination > li.page-btn > a {background-color: #f5f5f5;}
.pagination > li.page-btn > a:hover, .pagination > li.page-btn > a:focus {border-color: #c0c0c0;}
.pagination > li.page-btn > a i[class^="ico"] {margin-top: -2px;}
.pagination > .active > a {background-color: #424242;border-color: #424242;color: #fff;}
.pagination .page-btn.prev {margin-right: 10px;}
.pagination .page-btn.next {margin-left: 4px;}

/* state */
.endState {height: 42px;background-color: #2c2a3a;text-align: center;padding-top: 10px;}
.endState > span {font-size: 14px;font-weight: bold;color: #fff;}
.endState > span + span::before {content: '';display: inline-block;vertical-align: text-bottom;margin: 0 20px;width: 1px;height: 14px;background-color: #c7ccd1;}

/* addfile */
.addfileWrap > div {float: left;}
.addfileWrap::after,.addfileWrap .fir::after,.addfileWrap .fir .txt-box::after {content: '';clear: both;display: block;}
.addfileWrap .fir {margin-right: 6px;width: calc(100% - 66px);height: 60px;position: relative;word-break: break-all;white-space: normal;}
.addfileWrap .fir > p {float: left;}
.addfileWrap .fir .bg-left  {display: inline-block;background: url('../img/icon/box-upload-file-nor.png') no-repeat 0 0;width: 50%;height: 60px;}
.addfileWrap .fir .bg-right {display: inline-block;background: url('../img/icon/box-upload-file-nor.png') no-repeat right 0;width: 50%;height: 60px;}
.addfileWrap .fir:hover .bg-left  {background: url('../img/icon/box-upload-file-hov.png') no-repeat 0 0;width: 50%;height: 60px;}
.addfileWrap .fir:hover .bg-right {background: url('../img/icon/box-upload-file-hov.png') no-repeat right 0;width: 50%;height: 60px;}
.addfileWrap .fir .txt-box  {position: absolute;width: calc(100% - 40px);display: table;margin-left: 20px;}
.addfileWrap .fir .txt-box span {display: table-cell;vertical-align: middle;font-size: 12px;font-weight: normal;color: #5c5cba;height: 60px;}
.addfileWrap .fir .txt-box .ico-dragfile {margin-top: 1px;display: inline-block;}

/* datepicker */
#datepicker input {cursor: pointer;}
.daterangepicker {box-shadow: 0 0 5px rgba(85, 85, 85, 0.2);}
.daterangepicker:before,
.daterangepicker:after {display: none;}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {border-width: 0 1px 1px 0;border-color: #bcbdbe;}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {padding: 3px;}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {width: 30px;}
.daterangepicker .calendar-table th.month {font-size: 13px;color: #4c4c4c;}
.daterangepicker .calendar-table thead tr:nth-of-type(2) {background: #f7f7f7;}
.daterangepicker .calendar-table thead tr:nth-of-type(2) th {border-radius: 0;}
.daterangepicker td.active,
.daterangepicker td.active:hover {background-color: #26b4ff;}
.daterangepicker .ranges li.active {background-color: #26b4ff;}

.ui-datepicker.ui-widget.ui-widget-content {
    border: 1px solid #f1f1f1;
    box-shadow: 0px 2px 2px 0 rgba(168, 168, 168, 0.56);
}
.ui-datepicker .ui-state-default, 
.ui-datepicker .ui-widget-content .ui-state-default {
    border: 1px solid transparent;
    background: #fff;
    font-weight: normal;
    font-size: 12px;
    color: #666;
}
.ui-sta te-highlight, 
.ui-widget-content .ui-state-highlight {
    border: 1px solid #5c5cba;
    background: #5c5cba;
    color: #fff;
    font-weight: bold;
    border-radius: 2px;
}
.ui-widget-header {
    border:none;
    background: #fff;
    color: #5c5cba;
    font-size: 16px;
}
.ui-datepicker th {
    padding: .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    font-size: 12px;
    color: #333;
}
.ui-datepicker td {
    border: 0;
    padding: 0 .3em;
}

/* toggle */
.list-inline > li {display: inline-block;}
.list-inline > li + li {margin-left: -5px;}
.list-inline > li::before {content: '';display: block;width: 100%;clear: both;}
.tgg-type {display: block;cursor: pointer;}
.tgg-type .tgg-input-ele {display: none;}
.tgg-box {border: 1px solid #e4e4e4;padding: 2px 10px 3px;height: 28px;}
.list-inline > li label:hover .tgg-box {background-color: #f9fafc;}
.list-inline > li label:active .tgg-box {background-color: #4141db !important;border-color: #4141db !important;}
.list-inline > li label:active .tgg-box .txt {font-weight: bold;color: #fff;}
.tgg-box .txt {font-size: 14px;font-weight: normal;color: #999;}
.tgg-box::after {content: '';display: block;width: 100%;clear: both;}
.tgg-type .tgg-input-ele:checked + .tgg-input > [class^="tgg"] {background-color: #4141db;border-color: #4141db;}
.tgg-type .tgg-input-ele:checked + .tgg-input > [class^="tgg"] .txt {font-weight: bold;color: #fff;}
.list-inline > li:first-child .tgg-box {background: url('../img/icon/img-time-shadow-l.png') repeat-y right center;background-size: 6px 28px;}
.list-inline > li:last-child .tgg-box {background: url('../img/icon/img-time-shadow-r.png') repeat-y 0 center;background-size: 6px 28px;}

@media screen and (max-width: 1600px) {
    .titleWrap .sch-word {
        /* width: 560px; */
    }
}




/* kendo ui 커스텀 */
.k-grid {border-color: transparent;border-top: 2px solid #7272b4;}
.k-header {border-color: transparent;background-color: #f1f3f5 !important;}
.k-grid-header th.k-header {font-family: 'MalgunGothic', sans-serif;font-size: 14px;font-weight: bold;text-align: center;color: #020202;vertical-align: unset;}
.k-grid-header th.k-header>.k-link {padding: .41em .6em .6em 0;color: #020202;}
.k-grid-header th.k-state-focused, .k-list>.k-state-focused, .k-listview>.k-state-focused, .k-state-focused, td.k-state-focused {box-shadow: none;}
/* .k-grid td {border-width: 0;text-align: center;padding: .5em;border-bottom: 1px solid #e2e7ec;} */
.k-grid table {table-layout: fixed;}
.k-grid td {border-width: 0;text-align: center;padding: .5em;border-bottom: 1px solid #E2E7EC; text-overflow:ellipsis; white-space:pre;}
.k-grid td.k-state-focused {box-shadow: none !important;}
.k-grid tr:hover,
.k-grid tr.k-state-selecting {background-color: #f9fafc !important;}
.k-alt {background-color: #fff !important;}
.k-button:active {border-color: #999 !important;}
.k-button.k-state-active:hover {color: #3e3e57 !important;}
.k-button.k-state-focused {box-shadow: none !important;}
.k-header .k-icon {text-indent: unset;}
.k-header .k-i-sort-asc-sm:before {content: '';width: 16px;height: 16px;background: url('../img/icon/ico-sorting.png') center no-repeat;display: inline-block;}
.k-header .k-i-sort-desc-sm:before{content: '';width: 16px;height: 16px;background: url('../img/icon/ico-sorting.png') center no-repeat;display: inline-block;transform: rotate(180deg);}

.k-pager-wrap {background-color: transparent;border-width: 0;padding-top: 0;padding-bottom: 0;margin-top: 30px;display: flex;align-items: center;justify-content: center;}
.k-pager-wrap>.k-link,
.k-pager-wrap>.k-link:hover {border-radius: 0;display: inline-block;border-color: #c0c0c0;background-color: #f5f5f5;margin-left: -2px;min-width: 34px;width: 34px;height: 34px;line-height: 32px;}
.k-pager-wrap>.k-link>.k-icon {display: inline-block;}
.k-pager-wrap>a.k-state-disabled:hover {background: #f5f5f5;color: #2e2e2e;border-color: #d5d5d5;}
.k-pager-wrap>.k-link .k-i-arrow-60-left:before   {content: '';width: 8px;height: 7px;background: url('../img/icon/icn-pagenation-arrow-pre-1.png') center no-repeat;display: inline-block;}
.k-pager-wrap>.k-link .k-i-arrow-end-left:before  {content: '';width: 8px;height: 7px;background: url('../img/icon/icn-pagenation-arrow-pre-2.png') center no-repeat;display: inline-block;}
.k-pager-wrap>.k-link .k-i-arrow-60-right:before  {content: '';width: 8px;height: 7px;background: url('../img/icon/icn-pagenation-arrow-next-1.png') center no-repeat;display: inline-block;}
.k-pager-wrap>.k-link .k-i-arrow-end-right:before {content: '';width: 8px;height: 7px;background: url('../img/icon/icn-pagenation-arrow-next-2.png') center no-repeat;display: inline-block;}
.k-pager-wrap .k-pager-numbers .k-link {border-radius: 0;display: inline-block;border-color: #c0c0c0;background-color: #fff;margin-left: -2px;min-width: 34px;width: 34px;height: 34px;line-height: 32px;color: #999;}
.k-pager-wrap .k-pager-numbers .k-state-selected {border-color: #424242;background-color: #424242;color: #e0e0e0;cursor: default;}
.k-pager-wrap .k-pager-numbers .k-state-selected:hover,.k-pager-wrap .k-pager-numbers .k-link:hover {background-color: #7a7c80;color: #e0e0e0;}
.k-pager-wrap .k-pager-numbers {margin: 0 11px;}
.k-draghandle.k-state-selected:hover, .k-state-selected {background-image: none;}
.k-state-selected {color: unset;border-color: unset;background-color: #f9fafc;}

.k-icon {vertical-align: unset;}
.k-dropdown,.k-dropdown-wrap,.k-dropdown-wrap .k-input {border-radius: 0;font-weight: normal;}
.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget, .k-list-scroller {color: #020202;}
.k-dropdown-wrap.k-state-default,.k-dropdown-wrap.k-state-default.k-state-focused.k-state-hover,.k-list-container {background-color: #fff;border: 1px solid #e4e4e4;box-shadow: none;}
span.k-dropdown {width: 127px;}
.k-dropdown-wrap .k-select {line-height: 1.8em;}
.k-popup.k-list-container {padding: 0;border-radius: 0;}
.k-list {background-color: #fff;border-color: #e4e4e4;}
.k-list>.k-state-focused.k-state-selected,.k-popup,.k-list>.k-state-focused.k-state-selected, .k-state-focused.k-state-selected {box-shadow: none;border-color: ;}
.k-list>.k-state-selected {color: #020202;font-weight: bold;background-color: #f1f3f5;border-radius: 0;}
.k-list>.k-state-hover    {color: #020202;font-weight: bold;background-color: #f9fafc;border-radius: 0;}
.k-i-arrow-60-down:before   {content: '';width: 10px;height: 5px;background: url('../img/icon/ico-drop-down.png') center no-repeat;display: inline-block;}
.k-dropdown-wrap.k-state-border-down {border-radius: 0;}
.k-dropdown-wrap.k-state-border-down .k-i-arrow-60-down:before   {transform: rotate(180deg);}

.btn-mid.k-button,.btn-mid.k-button:hover,.btn-mid.k-button:active {background-image: none;color: #fff;}
.btn-mid.k-button.k-state-hover,.btn-mid.k-button.k-state-focused,.btn-mid.k-button:focus,.btn-mid.k-button:focus:hover,.btn-mid.k-button.k-state-active:hover {border-color: #81839e;}
.btn-mid.k-button.k-state-active:hover {color: #fff !important;}
.btn-mid.btn-confirm.k-state-active:hover {background-color: #3628a1;}

/* [2021.08.18] */
.wrap-loading { /* 화면 전체를 어둡게 */
    position: fixed;   
    left:0;   
    right:0;   
    top:0;
    bottom:0;
    z-index:100;
    background: rgba(0,0,0,0.2); /* not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
}
.wrap-loading div { /* 로딩 이미지 보이기 */
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -21px;
    margin-top: -21px;
}
.display-none { /* 로딩 이미지 감추기 */
    display:none;
}
.word-wrap-contents {
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre-wrap;
}
.text-overflow-ellipsis {
	text-overflow: ellipsis;
	white-space: pre-wrap;
}
.table-fixed {
	table-layout: fixed;
}