@charset "utf-8";
/****************************************************
         common style
*****************************************************/
/*b:help*/
.intro-sub-content-box { padding: 20px;border: 1px solid #ddd; margin-bottom: 50px; font-size: 12px; color: #888; line-height: 20px;}
.intro-sq-list, .intro-ul-list, .intro-no-list {margin-left: 20px;}
.intro-ul-list > li {margin: 2px 0px;}
.intro-no-list > li {list-style: decimal !important; margin: 2px 0px;}
.intro-no-list > li > .intro-little, .intro-sq-list > li > .intro-little {font-size: 11px; color: #bbb;}
.intro-sq-list > li > .intro-little {padding-left: 5px;}
.intro-no-list > li > .label, .intro-sq-list > li > .label {font-size: 11px; color: #fff !important;}
.intro-sq-list > li {list-style: square !important; margin: 2px 0px;}
/*e:help*/

/*툴팁*/
.tooltip-inner {
  background-color: #2F4050;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #2F4050;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #2F4050;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #2F4050;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #2F4050;
}

body div.tooltip {
  opacity: 1;
  cursor: pointer;
  display: block;
  position: absolute;
  font-size: 11px;
  background: #ffffe2;
  border: 1px solid #949478;
  border-radius: 5px;
  padding: 10px 10px 10px 25px;
  background-image: url(/static/img/warning.png);
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: 9px;
  z-index: 99999;
  line-height: 150%;
}

/* e:footer*/

/*table*/
.overflow_h {display: inline-block;width: 100%;}
.comment {font-size: 11px; color: #888; line-height: 1.4em; background: url('/static/img/bul_starred.gif') no-repeat 10px 10px; padding: 7px 0 0 21px;}
.comment2 {font-size: 11px; color: #888; line-height: 1.4em; background: url('/static/img/bul_starred.gif') no-repeat 10px 8px; padding: 2px 0 0 21px;}
.table_base {
  width: 100%;
  border-top: 2px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  line-height: 23px;
}
.compulsory {
  text-align: left;
  color: #666;
  font-weight: bold;
  background: url('/static/img/bul_starred.gif') no-repeat 10px 12px;
  padding: 5px 10px 5px 22px;
  background-color: #f9f9f9;
  border-right: 1px solid #c3c3c3;
  border-top: 1px solid #e5e5e5;
}
.compulsoryNone {
  text-align: left;
  color: #666;
  font-weight: bold;
  padding: 5px 10px 5px 22px;
  background-color: #f9f9f9;
  border-right: 1px solid #c3c3c3;
  border-top: 1px solid #e5e5e5;
}
.table_base .borderL {
  border-left: 1px solid #c3c3c3;
}
.table_base .borderR {
  border-right: 1px solid #c3c3c3;
}
.table_base tr {
  height: 32px !important;
}
.table_base th {
  line-height: 150%;
}

.table_base td {
  text-align: left;
  border-top: 1px solid #e5e5e5;
  padding: 3px 10px;
}

.table_base td.view {
  padding: 10px;
}

.table_base label, div.checkbox, div.radio {
  margin-bottom: 0px;
  margin-top: 0px;
}

.table_bottom td {
  border-bottom: 1px solid #1776ce
}
.toast_wrap {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 9999999999;
}

.toast_msg {
  background: rgba(0, 0, 0, 0.80);
  font-size: 14px;
  color: #fff;
  padding: 10px 15px;
  border-bottom: 1px solid #444;
  display: none;
}
@media all and (max-width: 992px) {

}
@media all and (max-width: 768px) {
}


/*custom css*/
/*custom kendo */
/*.k-widget{font-size: .9rem; }-edi-dsedino*/
/*.k-dropdown-wrap .k-input{line-height: 1.8em;}*/
.k-grid-list>.k-item>.k-cell { padding: 3px 5px;}
.k-dropdowngrid-popup .k-grid-header .k-header {padding: 3px 6px;}
.k-grid-content tr td {border-left-width: 1px !important;padding: .4em .6em;}
.k-grid-header th.k-header {padding: .5em .6em;}
.k-grid-norecords-templa te{border:1px solid #fff;}
.k-treeview .k-item {padding: 0 10px}
.k-treeview .k-in {margin: 0; padding: 0px 5px;}
.k-treeview {color:#666!important;}
.k-grid-norecords-template{border:1px solid #fff}

.doc-search {display: inline-block;width: 100%;}
.doc-search li {margin-right:5px;}
.navbar-light .navbar-nav .nav-link {color: #000000}
.user-circle {display: inline-block;width: 40px;height: 40px;border-radius: 50%;background-size: 40px 40px;background-position: center center;vertical-align: middle;box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0, 0, 0, .2);margin-right: 5px;}

/*sign room */
.editorSignRoom ul {display:inline-block;border:1px solid;padding:0;}
.editorSignRoom ul li{float:left;border-left: 1px solid;text-align: center;font-size: 10px;line-height:100%;color:#000;}
.editorSignRoom ul li div{padding:2pt 0;min-width:55px;}
.editorSignRoom ul li div:nth-child(2){padding:0;height:22pt;border-top:1px solid;border-bottom:1px solid;}
.editorSignRoom ul li span{height:12px;margin:0 1px;}
.editorSignRoom .srTitle{height:38pt;width:20px;padding-top:12px;}
.editorSignRoom ul li:nth-child(1){border-left: 0;}
.editorSignRoom .sboxdivwrap{height:62px;margin-bottom:1px;}
.editorSignRoom ul li img{width:100%;}

.editorSignRoomSusin ul {display:inline-block;border:1px solid;padding:0;}
.editorSignRoomSusin ul li{float:left;border-left: 1px solid;text-align: center;font-size: 10px;line-height:100%;color:#000;}
.editorSignRoomSusin ul li div{padding:2pt 0;min-width:55px;}
.editorSignRoomSusin ul li div:nth-child(2){padding:0;height:22pt;border-top:1px solid;border-bottom:1px solid;}
.editorSignRoomSusin ul li span{height:12px;margin:0 1px;}
.editorSignRoomSusin .srTitle{height:38pt;width:20px;padding-top:12px;}
.editorSignRoomSusin ul li:nth-child(1){border-left: 0;}
.editorSignRoomSusin .sboxdivwrap{height:62px;margin-top:10px;}
.editorSignRoomSusin ul li img{width:100%;}
.sbox-ci{float: left;font-size: 20pt;font-weight: bold;letter-spacing: 2pt;vertical-align: middle;margin-top: 21px;}

.docu-edi-dsedino {border:0;margin-bottom: 5px;}
.docu-edi-dsedino table{border-collapse: collapse;margin:0 auto;font-size:9pt;padding:0;line-height: 140%;}
.docu-edi-dsedino td:nth-child(1){font-weight: bold;letter-spacing:2px;text-align: center;padding: 0 3px;width:80px;}
.docu-edi-dsedino td:nth-child(2){min-width:100px;padding: 0 3px;}

/*tooltip*/
.ediTooltip {position: relative;display: inline-block;}
.ediTooltip .ediTooltipText {visibility: hidden;width: 120px;background-color: #555;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;bottom: 125%;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 0.3s;}
.ediTooltip .ediTooltipText::after {      content: "";      position: absolute;      top: 100%;left: 50%;      margin-left: -5px;      border-width: 5px;border-style: solid;      border-color: #555 transparent transparent transparent;}
.ediTooltip:hover .ediTooltipText {visibility: visible;opacity: 1;}
.gridTooltipWrapper {width: 300px;      color: #000;      text-align: left;}
.direct-chat-img {width: 30px;height: 30px;}
.k-widget.k-tooltip {border-color: #fff;background-color: #f3f3f3;color: #fff;}

/*userEditor View Area*/
#editorOuterWrap {resize: vertical;height:500px; border: 1px solid #cccccc; margin: 0px; padding: 0px; width: 100%; overflow: auto;background-color:#efefef;}
#editorViewArea {background-color: #efefef; padding:0; overflow: scroll;}
#editorViewToolbar {padding: 0;}
#editorViewToolbar .k-button {border-color: #f5f5f5; background-color: #f5f5f5;}
#editorViewToolbar .k-button:focus,#dsContentViewToolbar .k-button:hover {border-color: #ccc; background-color: #fff;}
#editorView {width: 17cm; min-height: 21cm; padding: 1cm 2cm 2cm; margin: 0.5cm auto; border: 1px #D3D3D3 solid; background: white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-sizing: initial;}
#editorViewToolbar{border:1px solid #d1d1d1;border-bottom: 0px;height:40px;;background: #f4f4f4;padding: 6px 8px 2px;}
#editorViewToolbar button {border:0;}
#editorViewToolbar button:hover {border:1px solid #d1d1d1 ;}
.editorEdiView {color: #000; padding: 2cm 1cm 1cm; margin: 0.5cm auto; background: 0px 0px rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; box-sizing: initial; font-size: 10pt; font-family: 굴림, Gulim, "Malgun Gothic", "Nanum Gothic", Verdana, Helvetica, sans-serif; width: 19cm; min-height: 21cm; border-color: rgb(211, 211, 211); border-style: solid; border-width: 1px; line-height: 160%;height:100%}

.text-ellipsis {display: table; table-layout: fixed; width: 100%; white-space: nowrap;}
.text-ellipsis>* {display: table-cell; overflow: hidden; text-overflow: ellipsis;}
.more {transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; cursor: pointer;}
.more:hover {transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.badge{font-size:9pt;font-weight: normal}

.viewPortWrap{overflow: scroll;}


.A4Land{height:19cm!important;min-height:0!important;width: 29.7cm!important;}
.A4Land .erpHtml{min-height:570px!important;}