@charset "utf-8";

:root {
  --main-color: rgba(0,143,213,1);  /*#008fd5 메인색상*/
}


/* --- side-nav --- */
.pes .top-header .on-service a i {
  width: 22px;
  height: 26px;
  margin: -6px -2px 0 27px;
  background: url('../images/uni-main-pes2.svg') 0 0 no-repeat;
  background-size: 22px 26px;
}
.pes .top-header .on-service a i::before {display: none;}


/* --- 로그인 --- */
.login-box-in::after {
  content: '\e819';
  top: calc(50% - 160px);
  left: 0;
  font-size: 280px;
  color: rgba(255,255,255,.15);
}


/* --- 영수증 목록 --- */
/* .receipt-box.on .select-area::after {border: 2px solid #0e5ce9;}
.receipt-box .select-area .btn-area i:hover {color: #0e5ce9;} */

/* --- 영수증 인쇄 팝업 --- */
.action-area .btn-area.grid i:hover {color: #0e5ce9;}
.action-area .btn-area.grid i.on::before {color: #0e5ce9;}


/* --- 경비보고서 --- */
/* - 항목별 보고서 그룹 편집 영역 - */
.tbl-area.in-slt-terms {
  margin: 10px 3px;
  padding: 0 !important;
}
.tbl-area.in-slt-terms table {
  /* border: 3px solid #eee !important; */
  border: none !important;
  border-collapse: collapse;
  border-radius: 8px;
  border-style: hidden;
  box-shadow: 0 0 0 3px #eee;
}
.tbl-area.in-slt-terms table::before {display: none;}
.tbl-area.in-slt-terms table th {
  border-bottom: 0;
  background-color: inherit;
}
.tbl-area.in-slt-terms table td {border: 0;}
.tbl-area.in-slt-terms .slt-terms-box {margin-right: 40px;}
.tbl-area.in-slt-terms .slt-terms-box::after {
  display: block;
  content: '';
  clear: both;
}
.tbl-area.in-slt-terms .slt-terms-box > * {float: left;}
.tbl-area.in-slt-terms .slt-terms-box .btn-slt-terms {
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  z-index: 1;
}
.tbl-area.in-slt-terms .slt-terms-box .terms-area {
  position: relative;
  display: inline-block;
  height: 26px;
  margin-left: -6px;
  padding: 0 95px 0 20px;
  line-height: 26px;
  border: 1px solid transparent;
  border-left: 0;
  border-right: 0;
  border-radius: 0 8px 8px 0;
  background-color: #f5f5f5;
}
.tbl-area.in-slt-terms .slt-terms-box .terms-area span {
  position: relative;
  font-size: 13px;
  color: #222;
}
.tbl-area.in-slt-terms .slt-terms-box .terms-area span + span {margin-left: 12px;}
.tbl-area.in-slt-terms .slt-terms-box .terms-area span + span::before {
  position: absolute;
  top: -4px;
  left: -15px;
  font-family: 'unifont';
  content: '\e803';
  font-weight: bold;
  font-size: 14px;
  color: #bbb;
}
.tbl-area.in-slt-terms .slt-terms-box .terms-area .btn-total {
  position: absolute;
  top: -1px;
  right: -1px;
  height: 26px;
  padding: 0 8px;
  line-height: 26px;
  font-size: 13px;
  color: #999;
  border: 1px solid #999;
  background-color: #fff;
}
.tbl-area.in-slt-terms .checkbox-area {font-size: 13px;}

/* 조건 선택 모달 */
.modal-body .slt-terms-op {
  padding: 20px 20px 12px;
  border-radius: 15px;
  background-color: #f6f6f6;
}
.modal-body .slt-terms-op ul::after,
.modal-body .slt-terms-result ul::after {
  display: block;
  content: '';
  clear: both;
}
.modal-body .slt-terms-op ul li {
  float: left;
  width: calc(25% - 6px);
  height: 31px;
  margin: 0 8px 8px 0;
  text-align: center;
  line-height: 31px;
  font-size: 13px;
  border: 1px solid #bbb;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #fff;
  cursor: pointer;
}
.modal-body .slt-terms-op ul li:nth-child(4n) {margin-right: 0;}
.modal-body .slt-terms-op ul li:hover {border-color: #0e5ce9;}
.modal-body .slt-terms-result ul {
  padding: 20px 20px 12px;
  border-radius: 15px 15px 0 0;
  background-color: rgba(30,136,227,.08);
}
.modal-body .slt-terms-result ul.no-cont {padding: 0;}
.modal-body .slt-terms-result ul li {
  position: relative;
  float: left;
  width: auto;
  margin: 0 30px 8px 0;
  padding: 0 30px 0 10px;
  line-height: 29px;
  font-size: 13px;
  border: 1px solid #bbb;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
}
.modal-body .slt-terms-result ul li::before {
  position: absolute;
  top: 0;
  right: -30px;
  font-family: "unifont";
  content: '\e84c';
  font-size: 28px;
  color: #777;
}
.modal-body .slt-terms-result ul li:last-child:before {display: none;}
.modal-body .slt-terms-result ul li .delete {
  position: absolute;
  top: 0;
  right: 0;
}
.modal-body .slt-terms-result ul li .delete::before {
  display: inline-block;
  width: 30px;
  text-align: center;
  font-family: "unifont";
  content: '\e80b';
  font-weight: bold;
  font-size: 16px;
  color: rgba(30,136,227,.6);
  cursor: pointer;
}
.modal-body .slt-terms-result ul li .delete:hover::before {color: rgba(30,136,227,1);}
.modal-body .slt-terms-result .bott-area {
  position: relative;
  padding: 12px 20px;
  border-top: 1px solid rgba(30,136,227,.08);
  border-radius: 0 0 15px 15px;
  background-color: rgba(30,136,227,.08);
}
.modal-body .slt-terms-result .no-cont + .bott-area {border-top: 0;}
.modal-body .slt-terms-result .bott-area .add-explain {
  display: inline-block;
  font-size: 12px;
  color: #777;
}
.modal-body .slt-terms-result .bott-area .btn-reset {
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal-body .slt-terms-result .no-cont + .bott-area .btn-reset {display: none;}

/* 커스텀에 적용 */
/* tr.sortable-tr:hover {background-color: rgba(220,250,180,.2);} */