/* s: All Style */
body,
th,
td,
input,
select,
button,
textarea {
  font-style: normal;
  font-weight: normal;
  font-family: "noto_serifregular", "Inter", "Noto Sans KR", "Malgun Gothic",
    "Dotum", sans-serif !important;
  color: #494949;
  line-height: 1.2;
  letter-spacing: -0.03em;
  /*-webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/
}

@font-face {
  font-family: "noto_serifregular";
  src: url("/assets/font/NotoSerifKhmer/NotoSerifKhmer-Regular.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
}

.gnbFont {
  font-size: 1.2em;
}

.contents .title-area .page-btn > div + div {
  margin-left: 7px;
}

#table-list-wrap table tbody tr td > a {
  color: #494949;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

#table-list-wrap table thead tr > th a.txt,
tfoot tr.txt {
  text-overflow: ellipsis;
  white-space: nowrap;
}

#left-menu-wrap
  > ul
  > li
  > div.change-icon-wrap
  .conts
  .sel-icon-box
  ul
  li
  a.on {
  border-width: 3px;
}

/* NEW QUOTATION */
.layerCont.new-quotation {
}

.layerCont.new-quotation #layerPopup-contsBox .invoice-division-box {
  display: flex;
}

.layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left {
  width: 270px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div {
  margin-top: 6px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search {
  position: relative;
  display: block;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
  z-index: 99;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.05);
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li {
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  > a {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  > a.btn-add {
  color: #0069b9;
  justify-content: center;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a {
  background-color: #fafafa;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a.btn-add {
  background-color: #f2f9ff;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  + li {
  border-top: 1px solid #e0e0e0;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate {
  display: flex;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate.active {
  visibility: visible;
  opacity: 1;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.usd {
  width: 90px;
  display: flex;
  align-items: center;
  padding: 8px;
  border-right: 1px solid #e0e0e0;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.usd
  > span.flag {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.change {
  color: #a6a6a6;
  width: calc(100% - 118px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Updated by 개발팀 */
.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.change
  input[type="text"] {
  border: 0;
  text-align: right;
}

/* padding:5px; */
.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.change
  > span.flag {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box {
  margin-top: 20px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  .text-box {
  height: 105px;
  margin-top: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 7px;
  overflow-y: auto;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  a {
  width: 180px;
  margin-top: 10px;
  padding-left: 0;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right {
  width: calc(100% - 300px);
  margin-left: 30px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box {
  display: flex;
  justify-content: space-between;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p {
  display: flex;
  white-space: nowrap;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p
  > span {
  color: #1b1b1b;
  font-weight: 600;
  min-width: 100px;
  margin-right: 20px;
  white-space: nowrap;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p
  + p {
  margin-top: 12px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div.right
  > div
  > p {
  justify-content: flex-end;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div.right
  > div
  > p.balance-due {
  font-size: 36px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div {
  min-width: 23%;
  margin-right: 10px;
  margin-top: 20px;
  width: 23.7%;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  label {
  display: inline-block;
  margin-bottom: 5px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  input[type="text"] {
  display: block;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  .calendar-wrap
  input[type="text"] {
  width: auto;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  .select-box-default-st {
  display: block;
}

.layerCont.new-quotation #layerPopup-contsBox .invoice-foot {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.layerCont.new-quotation #layerPopup-contsBox .invoice-foot div.left textarea {
  width: 280px;
  height: 64px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 7px;
  margin-top: 6px;
  resize: none;
}

.layerCont.new-quotation #layerPopup-contsBox .invoice-foot div.right {
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary {
  width: 340px;
  border: 1px solid #e0e0e0;
  background-color: #fafafa;
  padding: 15px;
  border-radius: 5px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p {
  display: flex;
  justify-content: space-between;
  color: #1b1b1b;
  font-weight: 500;
  text-align: right;
  font-size: 14px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p.subtotal {
  color: #1b1b1b;
  font-weight: 600;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p.total {
  color: #1b1b1b;
  font-weight: 600;
  font-size: 18px;
  margin-top: 20px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p
  + p {
  margin-top: 10px;
}

.layerCont.new-quotation #layerPopup-contsBox > #table-form-wrap {
  margin-top: 30px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  > #table-form-wrap
  table
  tbody
  tr
  td.pic-billing
  .update
  > div.add-table-list {
  min-width: auto;
  margin-left: 0;
}

.layerCont.article_approval
  #btn-wrap-default
  div.select-box-default-st
  li.public:before {
  content: "";
  background: url("./images/boards/icon_public.svg") no-repeat;
  display: inline-block;
  margin-right: 6px;
  width: 12px;
  height: 12px;
}

.layerCont.article_approval
  #btn-wrap-default
  div.select-box-default-st
  li.private:before {
  content: "";
  background: url("./images/boards/icon_private.svg") no-repeat;
  display: inline-block;
  margin-right: 6px;
  width: 13px;
  height: 14px;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > div
  > a.del:before {
  content: "";
  background: url("./images/boards/icon_listbox_del.svg") no-repeat;
  display: inline-block;
  margin-right: 0;
  width: 16px;
  height: 16px;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > div
  > a.icon_dis:before {
  content: "";
  background: url("./images/boards/icon_approved04.svg") no-repeat;
  display: inline-block;
  margin-right: 0;
  width: 16px;
  height: 16px;
}

/* Over */
.layerCont.edit_article_approval {
  height: auto !important;
}

.layerCont.edit_article_approval #layerPopup-contsBox {
  /*max-width:1100px;*/
  width: 680px;
}

.layerCont.edit_article_approval .layerPopupWrap {
  width: 680px;
}

.layerCont.edit_article_approval .title-tag {
  height: 58px;
  display: flex;
  align-items: center;
  padding: 10px 10px 0;
  border-bottom: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval .title-tag ul {
  display: flex;
  height: 100%;
}

.layerCont.edit_article_approval .title-tag ul li {
  height: 100%;
}

.layerCont.edit_article_approval .title-tag ul li + li {
  margin-left: 8px;
}

.layerCont.edit_article_approval .title-tag ul li a {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  position: relative;
  padding: 0 8px 8px;
  height: 100%;
}

.layerCont.edit_article_approval .title-tag ul li a.active {
  color: #0069b9;
}

.layerCont.edit_article_approval .title-tag ul li:last-child a:before {
  content: "";
  background: url("./images/boards/icon-approval.svg") no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.layerCont.edit_article_approval .title-tag ul li:first-child a:before {
  content: "";
  background: url("./images/boards/icon-article.svg") no-repeat;
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-right: 4px;
}

.layerCont.edit_article_approval .title-tag ul li:last-child a.active:before {
  content: "";
  background: url("./images/boards/icon-approval-active.svg") no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.layerCont.edit_article_approval .title-tag ul li:first-child a.active:before {
  content: "";
  background: url("./images/boards/icon-article-active.svg") no-repeat;
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-right: 4px;
}

.layerCont.edit_article_approval .title-tag ul li a.active:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: #0069b9;
  width: 100%;
  height: 2px;
  transform: translateX(-50%);
}

.layerCont.edit_article_approval .title-input {
  padding: 20px 0;
}

.layerCont.edit_article_approval .title-input input {
  width: 100%;
  background-color: transparent;
  width: 100%;
  border: none;
  font-size: 27px;
  font-weight: 700;
  color: #1b1b1b;
  border-radius: 0;
  padding: 0;
}

.layerCont.edit_article_approval .title-input input::placeholder {
  font-weight: 700;
  color: #1b1b1b;
  opacity: 0.5;
}

.layerCont.edit_article_approval .more-wrap {
  padding: 20px 0 10px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval .more-wrap .more-area > a {
  font-size: 13px;
  color: #1b1b1b;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

.layerCont.edit_article_approval .more-wrap .more-area > a:after {
  content: "";
  background: url("./images/boards/icon_more_arrow.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
}

.layerCont.edit_article_approval .more-wrap .more-area > a.active:after {
  content: "";
  background: url("./images/boards/icon_more_arrow.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transform: rotate(180deg);
  transition: 0.45s;
}

.layerCont.edit_article_approval
  .more-wrap
  .more-chkBox
  > div
  > div.calendar-wrap.hide-btn.active:after {
  transform: rotate(180deg);
}

.layerCont.edit_article_approval .more-wrap .more-chkBox {
  padding-bottom: 20px;
  display: none;
  margin-left: -20px;
  margin-top: -20px;
}

.layerCont.edit_article_approval .more-wrap .more-chkBox > div {
  display: inline-flex;
  margin-left: 20px;
  margin-top: 20px;
}

.layerCont.edit_article_approval .more-wrap .more-chkBox > div + div {
}

.layerCont.edit_article_approval .more-wrap .more-chkBox > div > div {
  display: inline-flex;
  align-items: center;
}

.layerCont.edit_article_approval .more-wrap .more-chkBox > div > div.hide-btn {
  display: none;
}

.layerCont.edit_article_approval
  .more-wrap
  .more-chkBox
  > div
  > div.hide-btn.active
  a.more:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
  transform: rotate(180deg);
}

.layerCont.edit_article_approval .more-wrap .more-chkBox > div > div a.more {
  display: inline-flex;
  align-items: center;
  color: #0169b9;
  font-weight: 500;
  font-size: 13px;
  transition: 0.45s;
}

.layerCont.edit_article_approval
  .more-wrap
  .more-chkBox
  > div
  > div
  a.more:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
}

.layerCont.edit_article_approval
  .more-wrap
  .more-chkBox
  > div
  > div
  a.more.active:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
  transform: rotate(180deg);
}

.layerCont.edit_article_approval
  .more-wrap
  .more-chkBox
  > div
  > div.calendar-wrap
  input[type="text"] {
  cursor: pointer;
  padding: 0;
  border: none;
  height: auto;
  background: transparent;
  color: #0169b9;
  font-weight: 500;
  font-size: 13px;
  transition: 0.45s;
  width: 110px;
}

.layerCont.edit_article_approval
  .more-wrap
  .more-chkBox
  > div
  > div.calendar-wrap.hide-btn:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  transition: 0.45s;
}

.layerCont.edit_article_approval .more-wrap > dl {
  display: flex;
  padding: 10px 0;
}

.layerCont.edit_article_approval .more-wrap > dl.pd4 {
  padding: 4px 0;
}

.layerCont.edit_article_approval .more-wrap > dl + dl {
}

.layerCont.edit_article_approval .more-wrap > dl > dt:not(.total_amount) {
  width: 160px;
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
  opacity: 0.5;
  display: flex;
  align-items: center;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.required:after {
  content: "*";
  width: auto;
  height: auto;
  background: none;
  color: #f60404;
  border-radius: 0;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.total_amount {
  width: 160px;
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
  opacity: 1;
  display: flex;
  align-items: center;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.total_amount a {
  color: #b5b5b5;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.total_amount:before {
  opacity: 0.5;
}

.layerCont.edit_article_approval .more-wrap > dl > dd {
  width: calc(100% - 160px);
  font-weight: 500;
  color: #000;
  position: relative;
}

.layerCont.edit_article_approval .more-wrap > dl > dd > a {
  display: inline-flex;
  align-items: center;
  color: #0169b9;
  font-weight: 500;
  font-size: 13px;
  transition: 0.45s;
}

.layerCont.edit_article_approval .more-wrap > dl > dd > a:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
}

.layerCont.edit_article_approval .more-wrap > dl > dd > a.active:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
  transform: rotate(180deg);
}

.layerCont.edit_article_approval .more-wrap > dl > dt:before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 6px;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.doc_num:before {
  background: url("./images/boards/icon_doc_num.svg") no-repeat;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.requestor:before {
  background: url("./images/boards/detail_user.svg") no-repeat;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.request_doc:before {
  background: url("./images/boards/icon_doc_num.svg") no-repeat;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.request_ty:before {
  background: url("./images/boards/icon_approved01.svg") no-repeat;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.request_dt:before {
  background: url("./images/boards/icon_approved02.svg") no-repeat;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.scheduled_dt:before {
  background: url("./images/boards/icon_approved02.svg") no-repeat;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.total_amount:before {
  background: url("./images/boards/icon_approved03.svg") no-repeat;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.approver:before {
  background: url("./images/boards/detail_user.svg") no-repeat;
}

.layerCont.edit_article_approval .more-wrap > dl > dt.total_amount {
  position: relative;
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup {
  z-index: 3;
  display: none;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15),
    0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);
  min-width: 255px;
  padding: 10px;
  position: absolute;
  left: 0;
  top: calc(100% + 2px);
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup {
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup
  ul
  li
  a {
  padding: 5px 10px;
  border-radius: 6px;
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup
  ul
  li
  a:hover {
  background-color: #ebf2ff;
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup
  ul
  li
  a
  .figure {
  width: 26px;
  overflow: hidden;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup
  ul
  li
  a
  .txt {
  padding-left: 10px;
  width: calc(100% - 26px);
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup
  ul
  li
  a
  .txt
  p.name {
  color: #1b1b1b;
  font-weight: 500;
  font-size: 13px;
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup
  ul
  li
  a
  .txt
  p.email {
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
  opacity: 0.5;
}

.layerCont.edit_article_approval .textarea-wrap > p {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.layerCont.edit_article_approval .textarea-wrap .textarea-table {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .textarea-table
  table
  thead
  tr
  td {
  padding: 10px;
  font-weight: 600;
  font-size: 13px;
  color: #757575;
  background-color: #f5f5f5;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .textarea-table
  table
  thead
  tr
  td
  > div.table-profile {
  color: #000;
  font-weight: 600;
  font-size: 13px;
  position: relative;
  display: flex;
  align-items: center;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .textarea-table
  table
  thead
  tr
  td
  > div.table-profile:before {
  content: "";
  background: url("./images/boards/icon-tag-profile.svg") no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .textarea-table
  table
  thead
  tr
  + tr {
  border-top: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .textarea-table
  table
  tbody
  tr
  + tr {
}

.layerCont.edit_article_approval .textarea-wrap .textarea-table table tbody {
  border-top: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .textarea-table
  table
  tbody
  tr
  td {
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 13px;
  color: #1b1b1b;
  font-weight: 500;
}
.layerCont.edit_article_approval .textarea-wrap .textarea-table table tbody tr td /* + td */ {
  border-left: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .textarea-table
  table
  tbody
  tr:not(.total)
  td:first-child {
  /* border-bottom:none; */
}

.layerCont.edit_article_approval
  .textarea-wrap
  .textarea-table
  table
  tbody
  tr.total
  td {
  font-weight: 600;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .textarea-table
  table
  tbody
  tr.salary
  td {
  border-bottom: none;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .textarea-table
  table
  tbody
  tr.salary
  td
  + td {
  border-left: none;
}

.layerCont.edit_article_approval .more-wrap > dl > dd .sub-popup {
  display: none;
  z-index: 2;
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15),
    0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);
  min-width: 150px;
}

.layerCont.edit_article_approval .more-wrap > dl > dd .sub-popup ul li a {
  padding: 10px;
  font-size: 13px;
  color: #1b1b1b;
  font-weight: 500;
  display: flex;
}

.layerCont.edit_article_approval .more-wrap > dl > dd .currency {
  display: flex;
  align-items: center;
  background-color: #eaeaea;
  border-radius: 6px;
  padding: 6px 8px;
}

/* .layerCont.edit_article_approval .more-wrap > dl > dd .currency .unit{margin-right:10px;font-size:13px;font-weight:500;color:#7D7D7D;}
	.layerCont.edit_article_approval .more-wrap > dl > dd .currency .val{font-size:13px;font-weight:500;color:#1b1b1b;} */
.layerCont.edit_article_approval .more-wrap > dl > dd .currency > div {
  color: #000;
  font-weight: 500;
  font-size: 13px;
}

.layerCont.edit_article_approval .more-wrap > dl > dd .currency .unit {
  padding-right: 5px;
  color: #000;
  font-size: 13px;
  font-weight: 500;
}

.layerCont.edit_article_approval .more-wrap > dl > dd .tag-box {
  position: relative;
}

.layerCont.edit_article_approval .more-wrap > dl > dd .tag-box .tag-laypopup {
  position: absolute;
  display: none;
  left: 0;
  top: calc(100% + 10px);
  background-color: #fff;
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08),
    0px 0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 10px;
  z-index: 2;
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dd
  .tag-box
  .tag-laypopup
  > .wrap {
  display: flex;
  align-items: center;
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dd
  .tag-box
  .tag-laypopup
  > .wrap {
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dd
  .tag-box
  .tag-laypopup
  > .wrap
  .profile {
  width: 34px;
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dd
  .tag-box
  .tag-laypopup
  > .wrap
  .profile
  figure {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dd
  .tag-box
  .tag-laypopup
  > .wrap
  .text {
  padding-left: 10px;
  width: calc(100% - 34px);
}

.layerCont.edit_article_approval .more-wrap > dl > dd .name-tag {
  display: flex;
  background-color: #eaeaea;
  border-radius: 6px;
  padding: 6px 8px;
  align-items: center;
}

.layerCont.edit_article_approval .more-wrap > dl > dd .name-tag .name {
  display: flex;
  align-items: center;
}

.layerCont.edit_article_approval .more-wrap > dl > dd .name-tag .name figure {
  width: 18px;
  border-radius: 50%;
  height: 18px;
  overflow: hidden;
  margin-right: 5px;
}

.layerCont.edit_article_approval .more-wrap > dl > dd .name-tag > a.close {
  display: flex;
  background: url("./images/boards/side_close.svg") no-repeat;
  width: 18px;
  height: 18px;
  background-size: 18px;
  margin-left: 5px;
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dd
  .name-input
  input[type="text"] {
  border: none;
  padding: 6px 0;
  border-radius: 0;
  color: rgba(27, 27, 27, 0.5);
  font-weight: 500;
  font-size: 13px;
}

.layerCont.edit_article_approval
  .more-wrap
  > dl
  > dd
  .name-input
  input[type="text"]::placeholder {
  color: #1b1b1b;
  opacity: 0.5;
  font-weight: 500;
}

.layerCont.edit_article_approval .more-wrap > dl > dd.name-tag-wrap {
  display: flex;
  flex-flow: wrap;
  margin-left: -10px;
  margin-top: -10px;
}

.layerCont.edit_article_approval .more-wrap > dl > dd.name-tag-wrap > div {
  margin-left: 10px;
  margin-top: 10px;
}

.layerCont.edit_article_approval #layerPopup-contsBox {
  max-height: 620px;
  overflow-y: auto;
  overflow-x: hidden;
}

.layerCont.edit_article_approval .layerPopupWrap {
}

.layerCont.edit_article_approval .textarea-wrap {
  position: relative;
}

.layerCont.edit_article_approval .textarea-wrap .tag-popup {
  display: none;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15),
    0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);
  min-width: 255px;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
}

.layerCont.edit_article_approval .textarea-wrap .tag-popup {
}

.layerCont.edit_article_approval .textarea-wrap .tag-popup ul li a {
  padding: 5px 10px;
  border-radius: 6px;
}

.layerCont.edit_article_approval .textarea-wrap .tag-popup ul li a:hover {
  background-color: #ebf2ff;
}

.layerCont.edit_article_approval .textarea-wrap .tag-popup ul li a .figure {
  width: 26px;
  overflow: hidden;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}

.layerCont.edit_article_approval .textarea-wrap .tag-popup ul li a .txt {
  padding-left: 10px;
  width: calc(100% - 26px);
}

.layerCont.edit_article_approval .textarea-wrap .tag-popup ul li a .txt p.name {
  color: #1b1b1b;
  font-weight: 500;
  font-size: 13px;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .tag-popup
  ul
  li
  a
  .txt
  p.email {
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
  opacity: 0.5;
}

.layerCont.edit_article_approval .textarea-wrap > p.placeholder {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.layerCont.edit_article_approval .textarea-wrap > p {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  line-height: 20px;
}

.layerCont.edit_article_approval .del-box {
  margin-top: 20px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
}

.layerCont.edit_article_approval .del-box .file-img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  background-color: rgba(0, 91, 255, 0.08);
  border-right: 1px solid #d9d9d9;
}

.layerCont.edit_article_approval .del-box .file-img.pdf {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  background-color: rgba(179, 11, 0, 0.08);
  border-right: 1px solid #d9d9d9;
}

.layerCont.edit_article_approval .del-box .cont {
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.layerCont.edit_article_approval .del-box .cont .text p.name {
  font-size: 13px;
  color: #000;
  font-weight: 500;
}

.layerCont.edit_article_approval .del-box .cont .text p.val {
  font-size: 11px;
  color: #757575;
  margin-top: 3px;
  font-weight: 500;
}

.layerCont.edit_article_approval .del-box .cont a {
  display: flex;
  background: url("./images/boards/icon_del_box.svg") no-repeat;
  width: 24px;
  height: 24px;
}

.layerCont.edit_article_approval .del-box.img-section {
  height: auto;
  position: relative;
}

.layerCont.edit_article_approval .del-box.img-section figure {
  border-radius: 5px;
  overflow: hidden;
  padding: 8px;
}

.layerCont.edit_article_approval .del-box.img-section .del-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.layerCont.edit_article_approval .del-box.img-section .del-btn:before {
  content: "";
  background: url("./images/boards/icon_del_box.svg") no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.layerCont.edit_article_approval .textarea-wrap .listBox {
  display: flex;
}

.layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea {
  width: 260px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fbfbfb;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > a {
  font-size: 13px;
  color: #000;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > a:before {
  content: "";
  background: url("./images/boards/icon_approved04.svg") no-repeat;
  display: inline-block;
  margin-right: 6px;
  width: 18px;
  height: 18px;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > a.del {
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > a.del:before {
  content: "";
  background: url("./images/boards/icon_listbox_del.svg") no-repeat;
  display: inline-block;
  margin-right: 0;
  width: 16px;
  height: 16px;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap {
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .textarea {
  padding: 0 15px 10px;
  background: transparent;
  width: 100%;
  font-size: 13px;
  min-height: 150px;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .textarea
  > p {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #000;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .num-wrap {
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  border-bottom: 1px dashed #e0e0e0;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .price {
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 600;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .textarea {
  padding: 0 15px 10px;
  background: transparent;
  width: 100%;
  font-size: 13px;
  min-height: 150px;
  max-height: 150px;
  height: 150px;
  resize: none;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .placeholder-overlay {
  color: #000;
  position: absolute;
  left: 15px;
  top: 0;
  opacity: 0.4;
  font-size: 13px;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .placeholder-overlay
  > p {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #000;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white {
  width: 260px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts {
  position: relative;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts
  .more-popup
  .keyword-search {
  border: none;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts
  .more-popup {
  z-index: 2;
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  background-color: #fff;
  overflow: hidden;
  min-width: 250px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts
  .more-popup.search
  ul
  li {
  border-top: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts
  .more-popup
  ul
  li
  + li {
  border-top: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts
  .more-popup
  ul
  li
  a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts
  .more-popup
  ul
  li
  a:hover {
  background-color: #edf7ff;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  a.more {
  display: inline-flex;
  align-items: center;
  color: #0169b9;
  font-weight: 500;
  font-size: 13px;
  transition: 0.45s;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  a.more:before {
  display: none;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  a.more:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  a.more.active:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
  transform: rotate(180deg);
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  > a.save {
  font-weight: 600;
  color: #000;
  opacity: 0.6;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  > a.save:before {
  display: none;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .textarea-wrap
  .textarea {
  opacity: 0.4;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > a.del {
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > a.del:before {
  content: "";
  background: url("./images/boards/icon_listbox_del.svg") no-repeat;
  display: inline-block;
  margin-right: 0;
  width: 16px;
  height: 16px;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap {
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .textarea {
  padding: 0 15px 10px;
  background: transparent;
  width: 100%;
  font-size: 13px;
  min-height: 150px;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .textarea
  > p {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #000;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .num-wrap {
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  border-bottom: 1px dashed #e0e0e0;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .price {
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 600;
}

.layerCont.edit_article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .price
  p:last-child {
  opacity: 0.4;
}

.layerCont.edit_article_approval .check-conts .check-top {
  padding: 10px 20px;
}

.layerCont.edit_article_approval .check-conts .check-top > .head > h2 {
  font-size: 16px;
  color: #1b1b1b;
  font-weight: 700;
}

.layerCont.edit_article_approval
  .check-conts
  .check-top
  input[type="checkbox"].checkBox-normal
  + label {
  font-size: 16px;
  font-weight: 700;
}

.layerCont.edit_article_approval .check-conts .check-top .add-wrap {
  position: relative;
}

.layerCont.edit_article_approval .check-conts .check-top .add-wrap .add-popup {
  display: none;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  min-width: 190px;
  position: absolute;
  right: 0;
  top: calc(100% + 5px);
  z-index: 2;
}

.layerCont.edit_article_approval
  .check-conts
  .check-top
  .add-wrap
  .add-popup
  li {
  padding: 10px;
}

.layerCont.edit_article_approval
  .check-conts
  .check-top
  .add-wrap
  .add-popup
  li
  + li {
  border-top: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval
  .check-conts
  .check-top
  .add-wrap
  .add-popup
  li
  input[type="checkbox"].checkBox-normal
  + label {
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
}

.layerCont.edit_article_approval .check-conts .date-wrap > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 20px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval .check-conts .date-wrap > a:after {
  content: "";
  background: url("./images/boards/icon_chevup.svg") no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}

.layerCont.edit_article_approval .check-conts .date-wrap > a.active:after {
  content: "";
  background: url("./images/boards/icon_chevup.svg") no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  transform: rotate(0);
}

.layerCont.edit_article_approval .check-conts .date-wrap {
}

.layerCont.edit_article_approval .check-conts .date-wrap {
}

.layerCont.edit_article_approval .check-conts .date-wrap {
}

.layerCont.edit_article_approval .check-conts .date-wrap {
}

.layerCont.edit_article_approval .check-conts .date-wrap .list {
  display: none;
}

.layerCont.edit_article_approval .check-conts .date-wrap .list > dl {
  display: flex;
  align-items: flex-start;
  padding: 15px 20px;
  border-bottom: 1px solid #e0e0e0;
}

/* .layerCont.edit_article_approval .check-conts .date-wrap .list > dl + dl{border-top:1px solid #E0E0E0;} */
.layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dt {
  width: 17px;
}

.layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dt .head {
  margin-top: 5px;
}

.layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd {
  padding-left: 15px;
  width: calc(100% - 17px);
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  .left
  > div {
  color: #000;
  font-weight: 500;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  .left
  > div
  > p.name {
  color: #000;
  opacity: 1;
  font-weight: 500;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  .left
  > div
  > p.num {
  color: #808080;
  font-weight: 500;
  margin-top: 5px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  .left
  > p {
  color: #808080;
  font-weight: 500;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  .right
  > div {
  color: #000;
  font-weight: 500;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  .right
  > div
  p.employees {
  color: #808080;
  font-weight: 500;
  margin-top: 5px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  .right
  > p {
  color: #808080;
  font-weight: 500;
  margin-top: 5px;
}

.layerCont.edit_article_approval .check-conts .date-wrap + .date-wrap .date {
  border-top: none;
}

.layerCont.edit_article_approval .check-conts .date-wrap .radio-list {
  border-top: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl {
  display: flex;
  align-items: flex-start;
  padding: 15px 20px;
  border-bottom: 1px solid #e0e0e0;
}

/* .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl + dl{border-top:1px solid #E0E0E0;} */
.layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl > dt {
  width: 17px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dt
  .head {
  margin-top: 5px;
}

.layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl > dd {
  padding-left: 15px;
  width: calc(100% - 17px);
  min-width: calc(100% - 17px);
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .left
  > div {
  color: #000;
  font-weight: 500;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .left
  > div
  > p.name {
  color: #000;
  opacity: 1;
  font-weight: 500;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .left
  > div
  > p.num {
  color: #808080;
  font-weight: 500;
  margin-top: 5px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .left
  > p {
  color: #808080;
  font-weight: 500;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .right
  > div {
  color: #000;
  font-weight: 500;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .right
  > div
  p.employees {
  color: #808080;
  font-weight: 500;
  margin-top: 5px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .right
  > p {
  color: #808080;
  font-weight: 500;
  margin-top: 5px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker {
  width: 16px;
  height: 16px;
  position: relative;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("./images/common/svg/icon-sticker.svg") no-repeat center top -7px/32px
    186px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker.default
  > a {
  background-position: center top -7px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker.green
  > a {
  background-position: center top -38px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker.yellow
  > a {
  background-position: center top -69px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker.blue
  > a {
  background-position: center top -100px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker.red
  > a {
  background-position: center top -131px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker.purple
  > a {
  background-position: center top -162px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write {
  display: none;
  position: absolute;
  top: 0;
  right: 100%;
  padding-right: 20px;
  z-index: 2;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 6px;
  width: 15px;
  height: 11px;
  background: url("./images/common/svg/sticker_arrow.svg") no-repeat center
    center/cover;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write.bottom {
  top: auto;
  bottom: -10px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write.bottom:after {
  top: auto;
  bottom: 8px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts {
  width: 300px;
  border: 1px solid #eceff1;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  overflow: hidden;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .sticker-memo {
  padding: 10px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .sticker-memo
  textarea {
  width: 100%;
  min-height: 75px;
  border: 0;
  outline: none;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap {
  background-color: #fafafa;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box {
  display: flex;
  align-items: center;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 0;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a
  + a {
  margin-left: 7px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.green {
  border: 1px solid #c1d2cd;
  background-color: #d4e8e2;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.yellow {
  border: 1px solid #e3d8c2;
  background-color: #fbeed5;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.blue {
  border: 1px solid #bfcfe2;
  background-color: #d3e4f9;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.red {
  border: 1px solid #eac0c0;
  background-color: #ffd4d4;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.purple {
  border: 1px solid #ccc0e3;
  background-color: #e1d4fa;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.white {
  border: 1px solid #eceff1;
  background-color: #fff;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.on {
  width: 24px;
  height: 24px;
  border-width: 3px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  a.save {
  font-size: 1rem;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-memo-view {
  display: none;
  position: absolute;
  top: 0px;
  right: 100%;
  padding-right: 20px;
  z-index: 2;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-memo-view:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 6px;
  width: 15px;
  height: 11px;
  background: url("./images/common/svg/sticker_arrow.svg") no-repeat center
    center/cover;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-memo-view.bottom {
  top: auto;
  bottom: -10px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-memo-view.bottom:after {
  top: auto;
  bottom: 8px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-memo-view
  .conts {
  border: 1px solid #eceff1;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  padding: 10px;
}

.layerCont.edit_article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-memo-view
  .conts
  > div {
  width: 300px;
  min-height: 150px;
  max-height: 230px;
  overflow-y: auto;
  white-space: normal;
  line-height: 1.4;
}

.layerCont.edit_article_approval .side-input-wrap .filter-wrap {
  position: relative;
}

.layerCont.edit_article_approval .side-input-wrap .filter-wrap .add-popup {
  display: none;
  border-radius: 6px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  min-width: 190px;
  position: absolute;
  right: 0;
  top: calc(100% + 5px);
  z-index: 2;
}

.layerCont.edit_article_approval .side-input-wrap .filter-wrap .add-popup li {
  padding: 10px;
}

.layerCont.edit_article_approval
  .side-input-wrap
  .filter-wrap
  .add-popup
  li
  + li {
  border-top: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval
  .side-input-wrap
  .filter-wrap
  .add-popup
  li
  input[type="checkbox"].checkBox-normal
  + label {
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
}

.layerCont.edit_article_approval .textarea-wrap textarea {
  border: none;
  padding: 20px 0;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  width: 100%;
  min-height: 310px;
  min-width: 100%;
  position: relative;
  resize: none;
}

.layerCont.edit_article_approval #layerPopup-contsBox {
  position: relative;
  padding-bottom: 0;
}

.layerCont.edit_article_approval #layerPopup-contsBox .main-contsBox {
  width: calc(100% - 63px);
  padding-bottom: 15px;
}

.layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox {
  /* height:750px; */
  min-height: 725px;
  position: absolute;
  right: -362px;
  top: 0;
  background-color: #fff;
  border-left: 1px solid #e0e0e0;
  width: 425px;
  padding-bottom: 15px;
  /* padding:20px; */
  transition: 0.45s;
}

.layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox.active {
  width: 425px;
  transition: 0.45s;
  right: 0;
}

.layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox .sideWrap {
  display: none;
}

/* .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox.active .sideWrap{display:block;} */
.layerCont.edit_article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-title {
  padding: 20px 20px 0;
}

.layerCont.edit_article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-title
  .side-btn {
  width: 23px;
  height: 23px;
  display: flex;
}

.layerCont.edit_article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-title
  .side-btn:before {
  content: "";
  background: url("./images/boards/popup_slide_btn.svg") no-repeat center center;
  display: inline-block;
  width: 19px;
  height: 15px;
}

.layerCont.edit_article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-title
  .side-btn.active:before {
  content: "";
  background: url("./images/boards/popup_slide_btn_on.svg") no-repeat center
    center;
  display: inline-block;
  width: 19px;
  height: 15px;
}

.layerCont.edit_article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-input-wrap {
  padding: 0 20px;
}

.layerCont.edit_article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-input-wrap
  > div.selectBox {
  margin-left: -10px;
}

.layerCont.edit_article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-input-wrap
  > div.selectBox
  > div {
  width: calc((100% / 2) - 10px);
  margin-left: 10px;
}

.layerCont.edit_article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-input-wrap
  > div.selectBox
  > div.select-box-default-st
  input.selectValue {
  width: 100%;
}

.layerCont.edit_article_approval
  .layerPopupWrap#approval-conts
  #btn-wrap-default {
  border-top: 1px solid #e0e0e0;
}

.layerCont.edit_article_approval #btn-wrap-default {
}

.layerCont.edit_article_approval #btn-wrap-default {
  border: none;
}

.layerCont.edit_article_approval #btn-wrap-default .etc-btn a.tag {
  font-size: 14px;
  color: #757575;
  font-weight: 700;
}

.layerCont.edit_article_approval #btn-wrap-default .etc-btn a.tag.active {
  color: #0069b9;
}

.layerCont.edit_article_approval #btn-wrap-default .etc-btn a.file:before {
  transform: rotate(45deg);
}

.layerCont.edit_article_approval #btn-wrap-default .etc-btn .input-box {
  position: relative;
  width: 17px;
  height: 17px;
}

.layerCont.edit_article_approval #btn-wrap-default .etc-btn .input-box {
}

.layerCont.edit_article_approval
  #btn-wrap-default
  .etc-btn
  .input-box
  input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.layerCont.edit_article_approval #btn-wrap-default .etc-btn .input-box label {
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 32px;
  line-height: 30px;
  color: #0069b9;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.layerCont.edit_article_approval
  #btn-wrap-default
  .etc-btn
  .input-box
  label:before {
  background: url("./images/boards/article_approval_file.svg") no-repeat;
  width: 17px;
  height: 17px;
}

.layerCont.edit_article_approval
  #btn-wrap-default
  .etc-btn
  .input-box
  .upload-name {
  display: none;
  outline: none;
  /* display:inline-block; */
  width: 100%;
  height: 32px;
  line-height: 30px;
  font-size: 1rem;
  /*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 7px;
}

.layerCont.edit_article_approval #btn-wrap-default .btn-area div.select-btn-st {
  background-color: #fff;
  border: 1px solid #bababa;
}

.layerCont.edit_article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > a {
  padding: 0 8px;
  min-width: auto;
  color: #000;
}

.layerCont.edit_article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > span.menu-btn {
  border-left: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.layerCont.edit_article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > span.menu-btn:before {
  content: "";
  background: url("./images/boards/icon_more_arrow.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
}

.layerCont.edit_article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > ul.menu-select-wrap.tlt {
  bottom: auto;
  top: calc(100% + 5px);
  border-radius: 6px;
  border: 1px solid rgba(51, 51, 51, 0.15);
  background: #fff;
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);
}

.layerCont.edit_article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > ul.menu-select-wrap
  a:hover {
}

.layerCont.edit_article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > ul.menu-select-wrap
  a {
  display: flex;
  align-items: center;
}

.layerCont.edit_article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > ul.menu-select-wrap
  a.public:before {
  content: "";
  background: url("./images/boards/icon_public.svg") no-repeat;
  display: inline-block;
  margin-right: 6px;
  width: 12px;
  height: 12px;
}

.layerCont.edit_article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > ul.menu-select-wrap
  a.private:before {
  content: "";
  background: url("./images/boards/icon_private.svg") no-repeat;
  display: inline-block;
  margin-right: 6px;
  width: 13px;
  height: 14px;
}

/* QUOTATION DETAIL */
.layerCont.quotation-details {
}

.layerCont.quotation-details #layerPopup-contsBox .invoice-division-box {
  display: flex;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left {
  width: 270px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div {
  margin-top: 6px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search {
  position: relative;
  display: block;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
  z-index: 99;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.05);
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li {
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  > a {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  > a.btn-add {
  color: #0069b9;
  justify-content: center;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a {
  background-color: #fafafa;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a.btn-add {
  background-color: #f2f9ff;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  + li {
  border-top: 1px solid #e0e0e0;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate {
  display: flex;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate.active {
  visibility: visible;
  opacity: 1;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.usd {
  width: 90px;
  display: flex;
  align-items: center;
  padding: 8px;
  border-right: 1px solid #e0e0e0;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.usd
  > span.flag {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.change {
  color: #a6a6a6;
  width: calc(100% - 90px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.change
  input[type="text"] {
  border: 0;
  text-align: right;
}

/* remove padding:5px; */
.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.change
  > span.flag {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box {
  margin-top: 20px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  .text-box {
  height: 105px;
  margin-top: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 7px;
  overflow-y: auto;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  a {
  width: 180px;
  margin-top: 10px;
  padding-left: 0;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right {
  width: calc(100% - 300px);
  margin-left: 30px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box {
  display: flex;
  justify-content: space-between;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p {
  display: flex;
  white-space: nowrap;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p
  > span {
  color: #1b1b1b;
  font-weight: 600;
  min-width: 100px;
  margin-right: 20px;
  white-space: nowrap;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p
  + p {
  margin-top: 12px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div.right
  > div
  > p {
  justify-content: flex-end;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div.right
  > div
  > p.balance-due {
  font-size: 36px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div {
  min-width: 23%;
  margin-right: 10px;
  margin-top: 20px;
  width: 23.7%;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  label {
  display: inline-block;
  margin-bottom: 5px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  input[type="text"] {
  display: block;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  .calendar-wrap
  input[type="text"] {
  width: auto;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  .select-box-default-st {
  display: block;
}

.layerCont.quotation-details #layerPopup-contsBox .invoice-foot {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-foot
  div.left
  textarea {
  width: 280px;
  height: 64px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 7px;
  margin-top: 6px;
  resize: none;
}

.layerCont.quotation-details #layerPopup-contsBox .invoice-foot div.right {
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary {
  width: 340px;
  border: 1px solid #e0e0e0;
  background-color: #fafafa;
  padding: 15px;
  border-radius: 5px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p {
  display: flex;
  justify-content: space-between;
  color: #1b1b1b;
  font-weight: 500;
  text-align: right;
  font-size: 14px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p.subtotal {
  color: #1b1b1b;
  font-weight: 600;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p.total {
  color: #1b1b1b;
  font-weight: 600;
  font-size: 18px;
  margin-top: 20px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p
  + p {
  margin-top: 10px;
}

.layerCont.quotation-details #layerPopup-contsBox > #table-form-wrap {
  margin-top: 0px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  > #table-form-wrap
  table
  tbody
  tr
  td.pic-billing
  .update
  > div.add-table-list {
  min-width: auto;
  margin-left: 0;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  a.icon-svg-menu.delete:before {
  width: 24px;
  height: 24px;
}

/* NEW PURCHASE ORDER */
.layerCont.new-porder {
}

.layerCont.new-porder #layerPopup-contsBox .invoice-division-box {
  display: flex;
}

.layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left {
  width: 270px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div {
  margin-top: 6px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search {
  position: relative;
  display: block;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
  z-index: 99;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.05);
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li {
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  > a {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  > a.btn-add {
  color: #0069b9;
  justify-content: center;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a {
  background-color: #fafafa;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a.btn-add {
  background-color: #f2f9ff;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  + li {
  border-top: 1px solid #e0e0e0;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate {
  display: flex;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate.active {
  visibility: visible;
  opacity: 1;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.usd {
  width: 90px;
  display: flex;
  align-items: center;
  padding: 8px;
  border-right: 1px solid #e0e0e0;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.usd
  > span.flag {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.change {
  color: #a6a6a6;
  width: calc(100% - 118px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.change
  input[type="text"] {
  border: 0;
  padding: 5px;
  text-align: right;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.change
  > span.flag {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box {
  margin-top: 20px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  .text-box {
  height: 105px;
  margin-top: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 7px;
  overflow-y: auto;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  a {
  width: 180px;
  margin-top: 10px;
  padding-left: 0;
}

.layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right {
  width: calc(100% - 300px);
  margin-left: 30px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box {
  display: flex;
  justify-content: space-between;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p {
  display: flex;
  white-space: nowrap;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p
  > span {
  color: #1b1b1b;
  font-weight: 600;
  min-width: 100px;
  margin-right: 20px;
  white-space: nowrap;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p
  + p {
  margin-top: 12px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div.right
  > div
  > p {
  justify-content: flex-end;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div.right
  > div
  > p.balance-due {
  font-size: 36px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div {
  min-width: 23%;
  margin-right: 10px;
  margin-top: 20px;
  width: 23.7%;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  label {
  display: inline-block;
  margin-bottom: 5px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  input[type="text"] {
  display: block;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  .calendar-wrap
  input[type="text"] {
  width: auto;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  .select-box-default-st {
  display: block;
}

.layerCont.new-porder #layerPopup-contsBox .invoice-foot {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.layerCont.new-porder #layerPopup-contsBox .invoice-foot div.left textarea {
  width: 280px;
  height: 64px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 7px;
  margin-top: 6px;
  resize: none;
}

.layerCont.new-porder #layerPopup-contsBox .invoice-foot div.right {
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary {
  width: 340px;
  border: 1px solid #e0e0e0;
  background-color: #fafafa;
  padding: 15px;
  border-radius: 5px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p {
  display: flex;
  justify-content: space-between;
  color: #1b1b1b;
  font-weight: 500;
  text-align: right;
  font-size: 14px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p.subtotal {
  color: #1b1b1b;
  font-weight: 600;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p.total {
  color: #1b1b1b;
  font-weight: 600;
  font-size: 18px;
  margin-top: 20px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p
  + p {
  margin-top: 10px;
}

.layerCont.new-porder #layerPopup-contsBox > #table-form-wrap {
  margin-top: 30px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  > #table-form-wrap
  table
  tbody
  tr
  td.pic-billing
  .update
  > div.add-table-list {
  min-width: auto;
  margin-left: 0;
}

/*PURCHASE DETAIL*/

/* Updated by 개발팀 */
.layerCont.porder-details #layerPopup-contsBox .title-function {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.layerCont.porder-details #layerPopup-contsBox .title-function .title {
  font-size: 18px;
  font-weight: 500;
}

.layerCont.porder-details #layerPopup-contsBox .title-function .btn-area {
  display: flex;
  align-items: center;
}

.layerCont.porder-details #layerPopup-contsBox .title-function .btn-area > a {
  padding-left: 0;
}

/* Updated by 개발팀 */

/* QUOTATION DETAIL */
.layerCont.porder-details {
}

.layerCont.porder-details #layerPopup-contsBox .invoice-division-box {
  display: flex;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left {
  width: 270px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div {
  margin-top: 6px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search {
  position: relative;
  display: block;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
  z-index: 99;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.05);
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li {
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  > a {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  > a.btn-add {
  color: #0069b9;
  justify-content: center;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a {
  background-color: #fafafa;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a.btn-add {
  background-color: #f2f9ff;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  + li {
  border-top: 1px solid #e0e0e0;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate {
  display: flex;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate.active {
  visibility: visible;
  opacity: 1;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.usd {
  width: 90px;
  display: flex;
  align-items: center;
  padding: 8px;
  border-right: 1px solid #e0e0e0;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.usd
  > span.flag {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.change {
  color: #a6a6a6;
  width: calc(100% - 90px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Updated by 개발팀 */
.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.change
  input[type="text"] {
  border: 0;
  text-align: right;
}

/* padding:5px; */
.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.exchange-rate
  div.change
  > span.flag {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box {
  margin-top: 20px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  .text-box {
  height: 105px;
  margin-top: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 7px;
  overflow-y: auto;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  a {
  width: 180px;
  margin-top: 10px;
  padding-left: 0;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right {
  width: calc(100% - 300px);
  margin-left: 30px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box {
  display: flex;
  justify-content: space-between;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p {
  display: flex;
  white-space: nowrap;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p
  > span {
  color: #1b1b1b;
  font-weight: 600;
  min-width: 100px;
  margin-right: 20px;
  white-space: nowrap;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p
  + p {
  margin-top: 12px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div.right
  > div
  > p {
  justify-content: flex-end;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div.right
  > div
  > p.balance-due {
  font-size: 36px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div {
  min-width: 23%;
  margin-right: 10px;
  margin-top: 20px;
  width: 23.7%;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  label {
  display: inline-block;
  margin-bottom: 5px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  input[type="text"] {
  display: block;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  .calendar-wrap
  input[type="text"] {
  width: auto;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div
  .select-box-default-st {
  display: block;
}

.layerCont.porder-details #layerPopup-contsBox .invoice-foot {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.layerCont.porder-details #layerPopup-contsBox .invoice-foot div.left textarea {
  width: 280px;
  height: 64px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 7px;
  margin-top: 6px;
  resize: none;
}

.layerCont.porder-details #layerPopup-contsBox .invoice-foot div.right {
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary {
  width: 340px;
  border: 1px solid #e0e0e0;
  background-color: #fafafa;
  padding: 15px;
  border-radius: 5px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p {
  display: flex;
  justify-content: space-between;
  color: #1b1b1b;
  font-weight: 500;
  text-align: right;
  font-size: 14px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p.subtotal {
  color: #1b1b1b;
  font-weight: 600;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p.total {
  color: #1b1b1b;
  font-weight: 600;
  font-size: 18px;
  margin-top: 20px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p
  + p {
  margin-top: 10px;
}

.layerCont.porder-details #layerPopup-contsBox > #table-form-wrap {
  margin-top: 0px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  > #table-form-wrap
  table
  tbody
  tr
  td.pic-billing
  .update
  > div.add-table-list {
  min-width: auto;
  margin-left: 0;
}

.layerCont.porder-details #layerPopup-contsBox a.icon-svg-menu.delete:before {
  width: 24px;
  height: 24px;
}

/*QUOTATION DETAIL*/

/* Updated by 개발팀 */
.layerCont.quotation-details #layerPopup-contsBox .title-function {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.layerCont.quotation-details #layerPopup-contsBox .title-function .title {
  font-size: 18px;
  font-weight: 500;
}

.layerCont.quotation-details #layerPopup-contsBox .title-function .btn-area {
  display: flex;
  align-items: center;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .title-function
  .btn-area
  > a {
  padding-left: 0;
}

/* Updated by 개발팀 */

/*E-INVOICE DETAIL*/

.layerCont.e-invoice-details #layerPopup-contsBox .title-function {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.layerCont.e-invoice-details #layerPopup-contsBox .title-function .title {
  font-size: 18px;
  font-weight: 500;
}

.layerCont.e-invoice-details #layerPopup-contsBox .title-function .btn-area {
  display: flex;
  align-items: center;
}

.layerCont.e-invoice-details
  #layerPopup-contsBox
  .title-function
  .btn-area
  > a {
  padding-left: 0;
}

.layerCont.e-invoice-details body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  letter-spacing: 0.04em;
}

.layerCont.e-invoice-details caption {
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.layerCont.e-invoice-details table {
  border-collapse: collapse;
  table-layout: fixed;
}

.layerCont.e-invoice-details * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.layerCont.e-invoice-details .tac {
  text-align: center !important;
}

.tal {
  text-align: left !important;
}

.tar {
  text-align: right !important;
}

.layerCont.e-invoice-details .page-divide {
  position: relative;
  width: 100%;
  z-index: 2;
}

.layerCont.e-invoice-details .subpage {
  position: relative;
  padding: 0cm;
  width: 100%;
  /*height:253mm;*/
}

.layerCont.e-invoice-details .subpage.btline {
  border-bottom: 1px solid rgba(145, 87, 21, 0.69);
}

.layerCont.e-invoice-details .subpage .table {
  padding: 0;
  border: 2px solid #000;
}

.layerCont.e-invoice-details .subpage .table.mt2 {
  margin-top: 2mm;
}

.layerCont.e-invoice-details .page-infor {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.layerCont.e-invoice-details .page-infor .etc {
}

.layerCont.e-invoice-details .page-infor .etc > p {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}

.layerCont.e-invoice-details .page-infor .etc > p + p {
  margin-top: 5px;
}

.layerCont.e-invoice-details .title {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  margin-top: 5mm;
}

.layerCont.e-invoice-details .original-tax {
  font-size: 16px;
  line-height: 1.3;
  margin-top: 3mm;
  text-align: center;
}

.layerCont.e-invoice-details .no-date {
  font-size: 16px;
  margin-top: 3mm;
  text-align: center;
}

.layerCont.e-invoice-details .mccqt {
  font-size: 16px;
  margin-top: 3mm;
  margin-bottom: 3mm;
  text-align: center;
}

.layerCont.e-invoice-details .summary {
  border-top: 1px solid rgba(145, 87, 21, 0.69);
  padding: 2mm 0;
  margin-top: 2mm;
}

.layerCont.e-invoice-details .summary p {
  display: flex;
  font-size: 16px;
  line-height: 1.4;
  margin-top: 1mm;
}

.layerCont.e-invoice-details .summary p + p {
  margin-top: 2mm;
}

.layerCont.e-invoice-details .summary p > span:nth-child(1) {
  white-space: nowrap;
}

.layerCont.e-invoice-details .summary p > span:nth-child(2) {
  margin-left: 1mm;
}

.layerCont.e-invoice-details .summary p > span:nth-child(2) > em {
  font-style: normal;
  margin-right: 3mm;
}

.layerCont.e-invoice-details .summary p > span:nth-child(2) > em + em {
  margin-right: 0;
}

.layerCont.e-invoice-details .summary > .cols2 {
  display: flex;
}

.layerCont.e-invoice-details .summary > .cols2 > p {
  width: calc(50% - 2mm);
}

.layerCont.e-invoice-details .summary > .cols2 > p + p {
  margin-left: 4mm;
}

.layerCont.e-invoice-details .contents {
  display: flex;
  border-top: 1px solid rgba(145, 87, 21, 0.69);
  padding-top: 20mm;
  margin-top: 3mm;
}

.layerCont.e-invoice-details .contents > div {
  width: 50%;
  text-align: center;
}

.layerCont.e-invoice-details .contents > div > h4 {
  font-size: 18px;
  font-weight: bold;
}

.layerCont.e-invoice-details .contents > div > p {
  font-size: 14px;
  font-style: italic;
  padding: 3mm 0;
}

.layerCont.e-invoice-details div.sign {
  margin-top: 3mm;
  text-align: center;
}

.layerCont.e-invoice-details div.sign > .wrap {
  position: relative;
  display: inline-block;
  border: 2px solid #20b708;
  padding: 3mm;
  text-align: left;
}

.layerCont.e-invoice-details div.sign > .wrap > p {
  color: #20b708;
  font-size: 17px;
  font-weight: 600;
}

.layerCont.e-invoice-details div.sign > .wrap > figure {
  position: absolute;
  bottom: 3.5mm;
  right: 6mm;
}

.layerCont.e-invoice-details p.check {
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-style: italic;
  margin-top: 10mm;
}

.layerCont.e-invoice-details table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.layerCont.e-invoice-details table thead tr th {
  font-family: TimesNewRoman, Times New Roman, Times, Malgun Gothic, "돋움",
    Dotum, Gulim !important;
  font-size: 16px;
  border-bottom-width: 2px;
  line-height: 1.2em;
  height: 7.5mm;
  padding: 7px 5px;
  text-align: center;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-weight: bold;
}

.layerCont.e-invoice-details table thead tr.sec th {
  line-height: 0.8em;
  height: auto;
  padding: 5px 5px;
  font-weight: 400;
}

.layerCont.e-invoice-details table tfoot tr th {
  font-size: 16px;
  border-bottom: 0;
  line-height: 1.2em;
  height: 7.5mm;
  padding: 7px 5px;
  text-align: left;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

.layerCont.e-invoice-details table tbody tr td {
  font-family: TimesNewRoman, Times New Roman, Times, Malgun Gothic, "돋움",
    Dotum, Gulim !important;
  font-size: 16px;
  line-height: 1.2em;
  height: 7.5mm;
  padding: 7px 5px;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  vertical-align: top;
}

.layerCont.e-invoice-details table thead tr th.last,
.layerCont.e-invoice-details table tfoot tr th.last,
.layerCont.e-invoice-details table tbody tr td.last {
  border-right: 0;
}

.layerCont.e-invoice-details table tbody tr:first-child td {
  border-top: 0;
}

.layerCont.e-invoice-details table tr,
td {
  page-break-inside: avoid;
}

.layerCont.e-invoice-details .table-cols2 {
  display: flex;
  margin-top: 2mm;
}

.layerCont.e-invoice-details .table-cols2 > div.left {
  width: calc(47% - 1mm);
}

.layerCont.e-invoice-details .table-cols2 > div.right {
  width: calc(53% - 1mm);
  margin-left: 2mm;
}

.layerCont.e-invoice-details .table-cols2 > div > .table {
  margin-top: 1mm;
}

.layerCont.e-invoice-details .table-cols2 > div > .table:first-child {
  margin-top: 2mm;
}

/*E-INVOICE DETAIL*/

/* Updated by 개발팀 */
/* 	custom style for _v2common.app.comboDataSearch function type ITEM*/
#table-form-wrap div.keyword-search .combo_postAdd {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  z-index: 9999;
}

#table-form-wrap div.keyword-search .combo_postAdd .combo_postAdd_inner {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
  z-index: 99;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.05);
}

#table-form-wrap
  div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  > a {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

#table-form-wrap
  div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  > a.btn-add {
  color: #0069b9;
  justify-content: center;
}

#table-form-wrap
  div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a {
  background-color: #fafafa;
}

#table-form-wrap
  div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a.btn-add {
  background-color: #f2f9ff;
}

#table-form-wrap
  div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  + li {
  border-top: 1px solid #e0e0e0;
}

/* 	custom style for _v2common.app.comboDataSearch function Auto-complete*/
ul.ui-autocomplete {
  position: relative;
  /*top: 0 !important;
  left: 0 !important;*/
  top: 0;
  left: 0;
}

/* Updated by 개발팀 */
/* Banking */
#table-list-wrap table tbody tr td.bg_v_r {
  background-color: #fffedb !important;
  -webkit-print-color-adjust: exact;
}

/* Updated by 개발팀 */
/* BULK CREDIT CONFIRMATION */
/* .layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search {position:relative;display:block;}
	.layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%; z-index:9999;}
	.layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);}
	.layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;}
	.layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;}
	.layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;}
	.layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;}
	.layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #E0E0E0;} */

/* Updated by 개발팀 */
/* A/R RECEIVED */
/* .layerCont.ar-received #layerPopup-contsBox div.keyword-search {position:relative;display:block;}
	.layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%; z-index:9999;}
	.layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);}
	.layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;}
	.layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;}
	.layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;}
	.layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;}
	.layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #E0E0E0;} */

/* Updated by 개발팀 */
/* _v2common.app.comboDataSearch */
form div.keyword-search {
  position: relative;
  display: block;
}

form div.keyword-search .combo_postAdd {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  z-index: 9999;
}

form div.keyword-search .combo_postAdd .combo_postAdd_inner {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
  z-index: 99;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.05);
}

form div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

form div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {
  color: #0069b9;
  justify-content: center;
}

form div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {
  background-color: #fafafa;
}

form
  div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a.btn-add {
  background-color: #f2f9ff;
}

form div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {
  border-top: 1px solid #e0e0e0;
}

/* Updated by 개발팀 */
/* _v2common.app.comboDataSearch when Contact Details  */
div.infor-edit div.keyword-search {
  position: relative;
  display: block;
}

div.infor-edit div.keyword-search .combo_postAdd {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  z-index: 9999;
}

div.infor-edit div.keyword-search .combo_postAdd .combo_postAdd_inner {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
  z-index: 99;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.05);
}

div.infor-edit
  div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  > a {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

div.infor-edit
  div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  > a.btn-add {
  color: #0069b9;
  justify-content: center;
}

div.infor-edit
  div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a {
  background-color: #fafafa;
}

div.infor-edit
  div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li:hover
  > a.btn-add {
  background-color: #f2f9ff;
}

div.infor-edit
  div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  + li {
  border-top: 1px solid #e0e0e0;
}

/* Updated by 개발팀 */
#table-list-wrap .tx_ellipsis_max {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#table-list-wrap .tx_ellipsis_max2 {
  display: inline-block;
  max-width: 85%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: -5px;
}

.select-box-default-st .select-wrap ul li.tx_ellipsis_max {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

form
  div.keyword-search
  .combo_postAdd
  .combo_postAdd_inner
  ul
  li
  span.tx_ellipsis_max {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Updated by 개발팀 */
/* custom css for print header */
h1.print-header-title {
  font-size: 1.38rem;
  font-weight: 700;
  line-height: 32px;
}

/* Updated by 개발팀 */
/* custom css table header sort */
#table-list-wrap table thead tr th > a.sort {
  display: initial;
}

/* Updated by 개발팀 */
#table-list-wrap table tbody tr td.table-tbody-list > div.row15 {
  max-height: 675px;
  overflow: auto;
}

#table-list-wrap table tbody tr td.table-tbody-list > div.row10 {
  max-height: 460px;
  overflow: auto;
}

div.contents div#table-list-wrap {
  overflow: scroll hidden;
}

/* Updated by 개발팀 */
/* Apply all tables to overflow and scroll for none OSMC*/
/* #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main {max-height:675px;overflow:auto;}
	#table-list-wrap table tbody tr td.table-tbody-list > div.row-15 {max-height:635px;overflow:auto;}
	#table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub {max-height:600px;overflow:auto;}
	#table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash {max-height:500px;overflow:auto;}
	#table-list-wrap table tbody tr td.table-tbody-list > div.row-15-acash {max-height:540px;overflow:auto;}
	
	#table-list-wrap table tbody tr td.table-tbody-list > div.row-10-main {max-height:450px;overflow:auto;}
	#table-list-wrap table tbody tr td.table-tbody-list > div.row-10 {max-height:410px;overflow:auto;}
	#table-list-wrap table tbody tr td.table-tbody-list > div.row-10-sub {max-height:400px;overflow:auto;}
	#table-list-wrap table tbody tr td.table-tbody-list > div.row-10-cash {max-height:280px;overflow:auto;}
	#table-list-wrap table tbody tr td.table-tbody-list > div.row-10-acash {max-height:315px;overflow:auto;} */

.sortedtar {
  text-align: right !important;
  padding-right: 15px !important;
}

#container
  > .contents
  .documents-wrap
  > ul
  li
  div.add-upload
  p.cont-tit.icon-add-file {
  cursor: pointer;
}

/* Updated by 개발팀 */
/* For print area */
.print-content {
  width: 100%;
  padding: 10px;
  overflow-x: hidden;
  font-size: 10px;
}

.print-content .print-title-area > h1 {
  font-size: 1.38rem;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
}

.print-content table tbody tr td.table-tbody-list > div table tbody tr td {
  background-color: #fff;
  padding: 0;
  height: 45px;
}

/* #pagging-wrap div.select-box-default-st > .select-wrap {top: -133px;} */

#container > .contents .search-etc-wrap > div.last {
  padding: 5px 0 0 10px;
  overflow: hidden;
}

/* https://www.kosign.com.kh/redmine/issues/32244 -- Fix Document ID area's width size as same as another area. */
.layerCont.new-invoice
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div.doc_id_area {
  width: 23%;
}

.layerCont.invoice-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div.doc_id_area {
  width: 23%;
}

.layerCont.new-bill
  #layerPopup-contsBox
  .bill-division-box
  > div.right
  > div.bill-form-box
  > div.doc_id_area {
  width: 23%;
}

.layerCont.bill-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.bill-form-box
  > div.doc_id_area {
  width: 23%;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div.doc_id_area {
  width: 23%;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div.doc_id_area {
  width: 23%;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div.doc_id_area {
  width: 23%;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box
  > div.doc_id_area {
  width: 23%;
}

/* https://www.kosign.com.kh/redmine/issues/32244 -- Fix Document ID area's width size as same as another area. */

/* https://www.kosign.com.kh/redmine/issues/32245 -- To change text field color when text field is applying autocomplete function. */
input.ui-autocomplete-input {
  color: #494949 !important;
}

/* https://www.kosign.com.kh/redmine/issues/32245 -- To change each other field's location as similar as XD design. */
.layerCont.new-invoice
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box {
  margin-top: 7px;
}

.layerCont.new-invoice
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box {
  margin-top: 23px;
}

.layerCont.new-invoice
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  .text-box {
  height: 102px;
  margin-top: 3px;
}

.layerCont.invoice-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box {
  margin-top: 7px;
}

.layerCont.invoice-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box {
  margin-top: 23px;
}

.layerCont.invoice-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  .text-box {
  height: 102px;
  margin-top: 3px;
}

.layerCont.new-bill
  #layerPopup-contsBox
  .bill-division-box
  > div.right
  > div.tax-infor-box {
  margin-top: 7px;
}

.layerCont.new-bill
  #layerPopup-contsBox
  .bill-division-box
  > div.right
  > div.bill-form-box {
  margin-top: 23px;
}

.layerCont.new-bill
  #layerPopup-contsBox
  .bill-division-box
  > div.left
  > div.billing-infor-box
  .text-box {
  height: 102px;
  margin-top: 3px;
}

.layerCont.bill-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box {
  margin-top: 7px;
}

.layerCont.bill-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box {
  margin-top: 23px;
}

.layerCont.bill-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  .text-box {
  height: 102px;
  margin-top: 3px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box {
  margin-top: 7px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box {
  margin-top: 23px;
}

.layerCont.new-quotation
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  .text-box {
  height: 102px;
  margin-top: 3px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box {
  margin-top: 7px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box {
  margin-top: 23px;
}

.layerCont.quotation-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  .text-box {
  height: 102px;
  margin-top: 3px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box {
  margin-top: 7px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box {
  margin-top: 23px;
}

.layerCont.new-porder
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  .text-box {
  height: 102px;
  margin-top: 3px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box {
  margin-top: 7px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.invoice-form-box {
  margin-top: 23px;
}

.layerCont.porder-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.left
  > div.billing-infor-box
  .text-box {
  height: 102px;
  margin-top: 3px;
}

/*  https://www.kosign.com.kh/redmine/issues/32303 */
.layerCont.payrollSendEmail
  #layerPopup-contsBox
  ul.item-table
  > li
  > div.messageBox
  > textarea {
  resize: none;
}

/* https://www.kosign.com.kh/redmine/issues/32033 */
input[type="checkbox"].checkBox-etc + label {
  display: flex;
  align-items: center;
  min-width: 60px;
  position: relative;
  color: #5b5d5d;
  font-weight: 600;
}

input[type="checkbox"].checkBox-etc + label:before {
  content: "";
  display: inline-block;
  width: 17px !important;
  height: 17px !important;
  border: 2px solid #494949;
  border-radius: 3px;
  overflow: hidden;
  margin-right: 5px;
}

input[type="checkbox"].checkBox-etc:checked + label:before {
  border-color: #0069b9;
  background: #0069b9 url("./images/common/svg/check_etc.svg") no-repeat center
    center/17px auto;
}

.layerCont.debit-confirmation-others .layerPopupWrap {
  width: 600px;
}

.layerCont.debit-confirmation-others #layerPopup-contsBox {
  width: 600px;
}

.layerCont.debit-confirmation-others.minimize .layerPopupWrap {
  width: calc(600px * 0.7);
  height: 200px;
}

/* https://www.kosign.com.kh/redmine/issues/32475 */
.pr0 {
  padding-right: 0px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

/* https://www.kosign.com.kh/redmine/issues/32475 */
#table-list-wrap table thead tr th {
  color: #494949;
  font-weight: 600;
  padding: 12px 12px;
  text-align: left;
}

#table-list-wrap table tbody tr td {
  color: #494949;
  padding: 5px 10px;
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* https://www.kosign.com.kh/redmine/issues/34303 */
#append_snd_yn_n_ico div.ticker-layer-infor table thead tr th {
  color: #494949;
  font-weight: 600;
  padding: 12px 12px;
  text-align: left;
}

#append_snd_yn_n_ico div.ticker-layer-infor table tbody tr td {
  color: #494949;
  padding: 5px 3px;
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #959595;
}

::-webkit-scrollbar-thumb {
  background-color: #959595;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb {
  background-color: #959595;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

/* https://www.kosign.com.kh/redmine/issues/32518 */
#table-list-wrap div.sticker div.sticker-memo textarea {
  resize: vertical;
}

/* https://www.kosign.com.kh/redmine/issues/32555 */
#table-list-wrap.noscrolltable {
  height: 100% !important;
  overflow: hidden !important;
}

/* https://www.kosign.com.kh/redmine/issues/32553 */
.report-print-header {
  width: 100%;
  overflow: hidden;
  padding-top: 5px;
  background-color: #fff;
  margin-top: 10px;
}

.report-print-header > .sales-report {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.report-print-header > .sales-report div.state {
  width: 190px;
  height: 50px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fafafa;
}

.report-print-header > .sales-report div.confirm ul {
  display: flex;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}

.report-print-header > .sales-report div.confirm ul li {
  width: 110px;
}

.report-print-header > .sales-report div.confirm ul li + li {
  border-left: 1px solid #e0e0e0;
}

.report-print-header > .sales-report div.confirm ul li > span {
  display: block;
  text-align: center;
  padding: 10px 0 10px;
}

.report-print-header > .sales-report div.confirm ul li > span:nth-child(2) {
}

.report-print-header > .sales-report div.confirm ul li > span + span {
  border-top: 1px solid #e0e0e0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-left: 5px;
  padding-right: 5px;
}

.report-print-header > .content-title {
  position: relative;
  font-size: 21px;
  font-weight: 500;
  text-align: center;
  padding: 20px 0;
}

.report-print-footer > .sign-box {
  width: 190px;
  height: 50px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fafafa;
  margin-right: 5px;
}

/*#container {position:unset;min-height:calc(100% - 30px);display:flex;align-items:flex-start;padding-top:48px;z-index:1;overflow:hidden;}
	#container:before {content:"";position:absolute;width:100%;height:100%;border-right:1px solid #ECEFF1;background-color:#FAFAFA;z-index:-1;}
	*/

/* https://www.kosign.com.kh/redmine/issues/32600 */
#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form {
  position: relative;
  border: 1px solid #eceff1;
  border-radius: 5px;
  height: 52px;
  margin-top: 10px;
  -webkit-transition: 0.55s;
  transition: 0.55s;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form
  > input {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0 15px;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form
  > label {
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translate(0, -50%);
  color: #c3c3c3;
  font-size: 16px;
  padding: 0px 8px;
  background-color: transparent;
  -webkit-transition: 0.55s;
  transition: 0.55s;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.on {
  border: 2px solid #0069b9;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/36306 */
#container.szon > .contents {
}

#container.szon > .contents .tabCont .box-wrap {
  /* padding:10px; */
  margin-top: 20px !important;
}

#container.szon > .contents .tabCont .box-wrap h3 {
  position: relative;
  color: #494949;
  font-size: 15px;
  font-weight: 800;
  display: flex;
  align-items: center;
}

#container.szon > .contents .tabCont .box-wrap h3:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -15px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #0069b9;
}

#container.szon > .contents .tabCont .box-wrap.edit {
  position: relative;
}

#container.szon > .contents .tabCont .box-wrap.edit ul.form-ul > li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 0;
}

#container.szon > .contents .tabCont .box-wrap.edit ul.form-ul > li > span {
  position: relative;
  top: 0;
  width: 230px;
}

#container.szon
  > .contents
  .tabCont
  .box-wrap.edit
  ul.form-ul
  > li
  > span.table-tit {
  top: 13px;
}

/* #container.szon > .contents .tabCont .box-wrap.edit ul.form-ul > li > div {width:calc(100% - 270px);} */
#container.szon > .contents .tabCont .box-wrap.edit a.edit {
  position: absolute;
  /* top:20px; */
  right: 0px;
  color: #0069b9;
  font-size: 15px;
  font-weight: 600;
}

/* Updated by 개발팀 */
#container.szon > .contents .tabCont .box-wrap.edit ul.form-ul > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 20px;
  padding-left: 0;
}

#container.szon > .contents .tabCont .box-wrap.edit ul.form-ul > li > div {
  display: flex;
  align-items: center;
  min-width: 350px;
}

#container.szon
  > .contents
  .tabCont
  .box-wrap.edit
  ul.form-ul
  > li
  > div
  > span {
  width: 170px;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/31761 */
#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.on.blur {
  border: 1px solid #e0e0e0 !important;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.on
  > label {
  position: absolute;
  top: 0;
  color: #0069b9;
  font-size: 13px;
  font-weight: 600;
  background-color: #fff;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.button {
  padding-right: 100px;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.button
  > a {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  width: 92px;
  height: 32px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #0069b9;
  background-color: #0069b9;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.button
  > a.disabled {
  color: #c3c3c3;
  border: 1px solid #eceff1;
  background-color: #fafafa;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.mobileno {
  padding-left: 80px;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.mobileno
  > label {
  left: 90px;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.mobileno
  > div.select-box-default-st {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 70px;
  height: 32px;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.mobileno
  > div.select-box-default-st
  > input.selectValue {
  width: 100%;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.mobileno
  > div.select-box-default-st
  > .select-wrap {
  max-height: 215px;
  overflow-y: auto;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 0;
  margin-top: 3px;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.mobileno
  > div.select-box-default-st
  > .select-wrap
  > ul {
  width: 320px;
  border: 0px;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.mobileno
  > div.select-box-default-st
  ul.select-box-option
  li {
  display: flex;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.mobileno
  > div.select-box-default-st
  ul.select-box-option
  li
  span:nth-child(1) {
  width: 65px;
}

#container.mbmr
  > .contents
  .login-form-table
  > div.eyes-btn-password
  > div.form.mobileno
  > div.select-box-default-st
  ul.select-box-option
  li
  span:nth-child(2) {
  width: calc(100% - 65px);
}

/* Updated by 개발팀 */
input[type="checkbox"].checkBox-normal.disabled:checked + label:before {
  border-color: #999;
  background: #999 url(./images/common/svg/check_on.svg) no-repeat center
    center/17px auto;
}

.layerCont.real-time-online-inquiry #layerPopup-contsBox .date-notes {
  display: flex;
  text-align: left;
  margin-top: 5px;
  margin-left: 20px;
  color: #cb0d0d !important;
}

.layerCont.real-time-online-inquiry
  #layerPopup-contsBox
  .process-bar
  > .btn-wrap
  > a:first-child {
  display: block;
  width: 360px;
  height: 40px;
  color: #fff;
  font-size: 15px;
  line-height: 40px;
  font-weight: 600;
  padding: 0 15px;
  text-align: center;
  background-color: #0069b9;
  border-radius: 5px;
  overflow: hidden;
  outline: none;
  margin: 0 auto;
}

.layerCont.real-time-online-inquiry
  #layerPopup-contsBox
  .process-bar
  > .btn-wrap
  > a:last-child {
  display: none;
  width: 360px;
  height: 40px;
  color: #000;
  font-size: 15px;
  line-height: 40px;
  font-weight: 600;
  padding: 0 15px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  outline: none;
  margin: 0 auto;
  border: 1px solid #e0e0e0;
}

/* Updated by 개발팀 */
/* all banking popup that include remark */
.layerCont #layerPopup-contsBox div.infor-box .displayflex-spw span.rmrk.tar {
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}

/* All CSS below moved from _common.css */
/* Updated by 개발팀 */
/* Fonts Style */
h1 {
}

h2 {
}

h3 {
}

h4 {
}

h4.title {
  color: #494949;
  font-size: 13px;
  font-weight: 700;
}

h4.title.popup {
  width: 100px;
}

/* Updated by 개발팀 */
.memo-side-wrap .wrap .cont .list-table .btn-wrap a,
#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap
  h3.open-close:after {
  -webkit-transition: 0.45s;
  transition: 0.45s;
}

/* Updated by 개발팀 */
/* width style */
.h30 {
  height: 30px !important;
  line-height: 28px !important;
}

div.disabled,
p.disabled,
span.disabled,
ul.disabled,
li.disabled,
input.disabled,
textarea.disabled {
  border-color: #e0e0e0 !important;
  background-color: #f5f5f5 !important;
  opacity: 0.65 !important;
  color: #575757;
}

/* Updated by 개발팀 */
/* library */
.deco_u {
  text-decoration: underline;
}

.displaynone {
  display: none;
}

.displayflex {
  display: flex;
  align-items: center;
}

.displayflex-wrap {
  flex-wrap: wrap;
}

.displayflex-spw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.displayflex-spw-alend {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.displayflex-align-start {
  align-items: flex-start !important;
}

.displayflex-align-end {
  align-items: flex-end !important;
}

.displayflex-flex-start {
  justify-content: flex-start !important;
}

.displayflex-flex-end {
  justify-content: flex-end !important;
}

.displayflex-flex-center {
  justify-content: center !important;
}

.position-re {
  position: relative !important;
}

.txt_bold {
  color: #000 !important;
  font-weight: bold !important;
}

/* Updated by 개발팀 */
/* Common */
a.btn-st.common {
  display: inline-block;
  min-width: 50px;
  height: 32px;
  color: #55544f;
  font-size: 1.15rem;
  line-height: 30px;
  font-weight: 600;
  padding: 0 15px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 5px;
  overflow: hidden;
  outline: none;
}

a.btn-st.common:hover {
  color: #fff;
  background-color: #448dd0;
  border-color: #448dd0;
}

a.btn-st.common:focus {
  color: #55544f;
  background-color: #fff;
  border-color: #0069b9;
}

a.btn-st.common:active {
  color: #fff;
  background-color: #0069b9;
  border-color: #0069b9;
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.275);
}

a.btn-st.common.disable {
  color: #575757;
  background-color: #e6e6e6;
  border-color: #bfbfbf;
  box-shadow: none;
  cursor: default;
  opacity: 0.5;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/35426 */
a.btn-st.common-delete {
  display: inline-block;
  min-width: 50px;
  height: 32px;
  color: #cb0d0d;
  font-size: 1.15rem;
  line-height: 30px;
  font-weight: 600;
  padding: 0 15px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 5px;
  overflow: hidden;
  outline: none;
}

a.btn-st.common-delete:hover {
  color: #fff;
  background-color: #cb0d0d;
  border-color: #cb0d0d;
}

a.btn-st.common-delete:focus {
  color: #fff;
  background-color: #cb0d0d;
  border-color: #0069b9;
}

a.btn-st.common-delete:active {
  color: #fff;
  background-color: #cb0d0d;
  border-color: #cb0d0d;
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.275);
}

a.btn-st.common-delete.disable {
  color: #575757;
  background-color: #e6e6e6;
  border-color: #bfbfbf;
  box-shadow: none;
  cursor: default;
  opacity: 0.5;
}

a.btn-st.common.hRed {
  color: #cb0d0d;
}

a.btn-st.common.hRed:hover {
  color: #fff;
  background-color: #cb0d0d;
  border-color: #cb0d0d;
}

a.btn-st.common.hRed:focus {
  color: #55544f;
  background-color: #fff;
  border-color: #cb0d0d;
}

a.btn-st.common.hRed:active {
  color: #fff;
  background-color: #cb0d0d;
  border-color: #cb0d0d;
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.275);
}

a.btn-st.common.hRed.disable {
  color: #a6a6a6;
  background-color: #d9d9d9;
  border-color: #bfbfbf;
  box-shadow: none;
  cursor: default;
  opacity: 0.5;
}

a.btn-st.common.email {
  position: relative;
  height: 32px;
  display: flex;
  align-items: center;
  padding-left: 0;
  border-color: #e0e0e0;
  border-radius: 5px;
}

a.btn-st.common.email:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url("images/common/svg/icon_email.svg") no-repeat center
    center/18px auto;
}

a.btn-st.common.email.disable {
  color: #575757;
  background-color: #e6e6e6;
  border-color: #bfbfbf;
  box-shadow: none;
  cursor: default;
  opacity: 0.5;
}

/* Updated by 개발팀 */
a.btn-st.common.email.disable:before {
  opacity: 0.5;
}

a.btn-st.common.del {
  position: relative;
  height: 32px;
  color: #fff;
  display: flex;
  align-items: center;
  border-color: #cb0d0d;
  background-color: #cb0d0d;
  border-radius: 5px;
}

a.btn-st.common.del:hover {
  background-color: #e53c3c;
}

a.btn-st.common.del:focus {
  border-color: #cb0d0d;
}

a.btn-st.common.del:active {
  color: #fff;
  background-color: #cb0d0d;
  border-color: #cb0d0d;
}

a.btn-st.common.delete {
  position: relative;
  height: 32px;
  color: #cb0d0d;
  display: flex;
  align-items: center;
  padding-left: 0;
  border-color: #e0e0e0;
  border-radius: 5px;
}

a.btn-st.common.delete:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url("images/common/svg/icon-delete.svg") no-repeat center
    bottom/30px 90px;
}

a.btn-st.common.delete:hover {
  color: #fff;
  background-color: #cb0d0d;
  border-color: #cb0d0d;
}

a.btn-st.common.delete:focus {
  border-color: #cb0d0d;
}

a.btn-st.common.delete:active {
  color: #fff;
  background-color: #cb0d0d;
  border-color: #cb0d0d;
}

a.btn-st.common.delete:active:before {
  background-position: center center;
}

a.btn-st.common.delete:hover:before {
  background-position: center center;
}

a.btn-st.common.edit {
  position: relative;
  height: 32px;
  display: flex;
  align-items: center;
  padding-left: 0;
  border-color: #e0e0e0;
  border-radius: 5px;
}

a.btn-st.common.edit:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url("images/common/svg/menu-icon-edit.svg") no-repeat center
    center/18px auto;
}

/*a.btn-st.common.edit:hover {color:#fff;background-color:#CB0D0D;border-color:#CB0D0D;}
	a.btn-st.common.edit:focus {border-color:#CB0D0D;}
	a.btn-st.common.edit:active {color:#fff;background-color:#CB0D0D;border-color:#CB0D0D;}
	a.btn-st.common.edit:active:before {background-position:center center;}
	a.btn-st.common.edit:hover:before {background-position:center center;}*/

a.btn-st.common.print {
  position: relative;
  height: 32px;
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  border-color: #eceff1;
  border-radius: 5px;
}

a.btn-st.common.print:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.83,12.67H10.17a2.5,2.5,0,0,0-2.5,2.5v5H11V23.5H21V20.17h3.33v-5A2.5,2.5,0,0,0,21.83,12.67Zm-2.5,9.16H12.67V17.67h6.66ZM21.83,16a.83.83,0,0,1-.83-.83.84.84,0,0,1,.83-.84.85.85,0,0,1,.84.84.84.84,0,0,1-.84.83ZM21,8.5H11v3.33H21Z'/%3E%3C/svg%3E")
    no-repeat center top/30px auto;
}

a.btn-st.common.print:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.83,12.67H10.17a2.5,2.5,0,0,0-2.5,2.5v5H11V23.5H21V20.17h3.33v-5A2.5,2.5,0,0,0,21.83,12.67Zm-2.5,9.16H12.67V17.67h6.66ZM21.83,16a.83.83,0,0,1-.83-.83.84.84,0,0,1,.83-.84.85.85,0,0,1,.84.84.84.84,0,0,1-.84.83ZM21,8.5H11v3.33H21Z'/%3E%3C/svg%3E");
}

a.btn-st.common.send {
  position: relative;
  height: 32px;
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  border-color: #eceff1;
  border-radius: 5px;
}

a.btn-st.common.send:hover {
  background-color: #fff;
  color: #494949;
}

a.btn-st.common.send:before {
  background: url("images/common/svg/icon-send.svg") no-repeat center center;
}

a.btn-st.common.inquire {
  position: relative;
  height: 32px;
  color: #0069b9;
  display: flex;
  align-items: center;
  padding-left: 0;
  border-color: #e0e0e0;
  border-radius: 5px;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/36657 */
input[type="radio"].radioBtn-normal + label span.personal:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 14px;
  background: url("images/common/svg/icon-personal.svg") no-repeat center center;
  margin-right: 5px;
}

input[type="radio"].radioBtn-normal + label span.corporate:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("images/common/svg/icon-corporate.svg") no-repeat;
  margin-right: 5px;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/36937 */
#table-list-wrap table tbody tr td.contact {
  position: relative;
  overflow: visible !important;
}

#table-list-wrap table tbody tr td.contact:hover {
  text-decoration: underline;
}

#table-list-wrap table tbody tr td.contact .contact_popup {
  display: none;
  position: absolute;
  left: 0;
  top: 85%;
  padding: 15px 17px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  border: 1px solid #eceff1;
  background-color: #fff;
  max-width: 440px;
  min-width: 440px;
  border-radius: 5px;
  z-index: 1;
  white-space: normal;
}

#table-list-wrap table tbody tr td.contact .contact_popup .popup_head {
  padding-bottom: 15px;
}

#table-list-wrap
  table
  tbody
  tr
  td.contact
  .contact_popup
  .popup_head
  .head_list {
  display: flex;
  flex-flow: wrap;
  margin-left: 15px;
  align-items: center;
}

#table-list-wrap table tbody tr td.contact .contact_popup .popup_head > div {
  display: flex;
  align-items: center;
  width: 100%;
}

#table-list-wrap
  table
  tbody
  tr
  td.contact
  .contact_popup
  .popup_head
  > div
  + div {
  margin-top: 5px;
}

#table-list-wrap table tbody tr td.contact .contact_popup .popup_head .company {
  font-size: 18px;
  font-weight: 700;
  color: #0069b9;
  display: flex;
  align-items: center;
}

#table-list-wrap
  table
  tbody
  tr
  td.contact
  .contact_popup
  .popup_head
  .company:before {
  content: "";
  display: inline-block;
  background: url("images/common/svg/menu-icon-business.svg") no-repeat center
    center/30px 30px;
  width: 30px;
  height: 30px;
}

#table-list-wrap table tbody tr td.contact .contact_popup .popup_head .num {
  font-size: 13px;
  color: #4949497c;
  padding-left: 20px;
}

#table-list-wrap table tbody tr td.contact .contact_popup .popup_head .name {
  padding-left: 30px;
  width: 50%;
  font-size: 13px;
  color: #4949497c;
  display: flex;
  align-items: center;
}

#table-list-wrap
  table
  tbody
  tr
  td.contact
  .contact_popup
  .popup_head
  .name:before {
  content: "";
  display: inline-block;
  background: url("images/common/svg/user-icon.svg") no-repeat center center /
    20px 20px;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

#table-list-wrap table tbody tr td.contact .contact_popup .popup_head .call {
  width: 50%;
  font-size: 13px;
  color: #4949497c;
  display: flex;
  align-items: center;
}

#table-list-wrap
  table
  tbody
  tr
  td.contact
  .contact_popup
  .popup_head
  .call:before {
  content: "";
  display: inline-block;
  background: url("images/common/svg/contact_call.svg") no-repeat center
    center/25px 20px;
  width: 25px;
  height: 20px;
  margin-right: 8px;
}

#table-list-wrap table tbody tr td.contact .contact_popup .list {
  padding-top: 15px;
  border-top: 1px solid #4949497c;
}

#table-list-wrap table tbody tr td.contact .contact_popup .list > dl {
  display: flex;
}

#table-list-wrap table tbody tr td.contact .contact_popup .list > dl + dl {
  margin-top: 15px;
}

#table-list-wrap table tbody tr td.contact .contact_popup .list > dl dt {
  font-size: 13px;
  min-width: 136px;
  color: #1b1b1b;
  font-weight: 500;
}

#table-list-wrap table tbody tr td.contact .contact_popup .list > dl dd {
  padding-left: 20px;
  font-size: 11px;
  width: calc(100% - 132px);
  color: #1b1b1b;
}

#table-list-wrap table tbody tr td.contact .contact_popup .list > dl dd > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#table-list-wrap table tbody tr td.contact .contact_popup > a.pop-btn {
  display: flex;
  justify-content: flex-end;
  font-size: 11px;
  color: #0069b9;
  text-decoration: underline;
  margin-top: 10px;
}

#table-list-wrap table tbody tr td > div a.icon-svg.black.minus {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #494949;
  border: 1px solid #494949;
}

#table-list-wrap table tbody tr td > div a.icon-svg.white.add {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #0069b9;
}

#table-list-wrap table tbody tr td.btn-cont {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#table-list-wrap table tbody tr td.btn-cont > div.up-btn {
}

#table-list-wrap table tbody tr td.btn-cont > div.up-btn > a {
  width: 20px;
  height: 20px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
  border-radius: 5px;
  display: block;
  position: relative;
}

#table-list-wrap table tbody tr td.btn-cont > div.up-btn > a:before {
  content: "";
  background: url("images/common/arrow-btn.png") no-repeat center top/16px 32px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* #table-list-wrap table tbody tr td.btn-cont > div.down-btn{width:20px;height:20px;border:1px solid #E0E0E0;overflow:hidden;border-radius:5px;}
	#table-list-wrap table tbody tr td.btn-cont > div.down-btn > a{background: url("images/common/arrow-btn.png")no-repeat center bottom/16px 32px;width:20px;height:20px;display:block;} */
#table-list-wrap table tbody tr td.btn-cont > div.down-btn > a {
  width: 20px;
  height: 20px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
  border-radius: 5px;
  display: block;
  position: relative;
}

#table-list-wrap table tbody tr td.btn-cont > div.down-btn > a:before {
  content: "";
  background: url("images/common/arrow-btn.png") no-repeat center bottom/16px
    32px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#table-list-wrap table tbody tr td.btn-cont > div.up-btn > a {
}

#table-list-wrap table tbody tr.total-table {
  border-radius: 0 0 5px 5px;
}

#table-list-wrap table tbody tr.total-table td {
  background-color: #fafafa;
  font-weight: 700;
}

.table-total table tbody tr td {
  color: #494949;
  padding: 5px 5px;
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}

#table-list-wrap table tbody tr td.reference > a {
  text-decoration: underline;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/34303 */
#append_snd_yn_n_ico div.ticker-layer-infor table tfoot {
  background-color: #fafafa;
  border-top: 1px solid #e0e0e0;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/33116 */
#table-list-wrap table tbody tr td table tbody td.update {
  position: relative;
  padding-left: 35px !important;
  overflow: visible;
  z-index: 1;
}

#table-list-wrap table tbody tr td table tbody td.update div.icon {
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translate(0, -50%);
  width: 28px;
  height: 28px;
  z-index: -1;
}

#table-list-wrap table tbody tr td table tbody td.update div.icon > a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.d%7Bfill:none;%7D.b,.d%7Bstroke:%23494949;stroke-linecap:round;stroke-miterlimit:10;%7D.b%7Bstroke-width:1.7px;%7D.c%7Bfill:%23494949;%7D.e%7Bfill:%23ed243c;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cline class='b' x1='12.11' y1='21.95' x2='10.91' y2='23.63'/%3E%3Cline class='b' x1='19.93' y1='21.95' x2='21.13' y2='23.63'/%3E%3Cpath class='c' d='M12.68,9.35c0-.06-.1-.13-.16-.19A2.7,2.7,0,0,0,8.71,13a1.39,1.39,0,0,0,.19.15A7.89,7.89,0,0,1,12.68,9.35Z'/%3E%3Cpolyline class='d' points='12.99 16.48 16.03 16.48 16.03 12.76'/%3E%3Cpath class='b' d='M17.55,10.6A5.87,5.87,0,0,0,16,10.39a6.1,6.1,0,1,0,6.1,6.1,6.28,6.28,0,0,0-.23-1.58'/%3E%3Ccircle class='e' cx='21.58' cy='10.87' r='2.5'/%3E%3C/svg%3E")
    no-repeat center center/32px 32px;
}

#table-list-wrap table tbody tr td table tbody td.update div.tooltip {
  display: inline-block;
}

#table-list-wrap
  table
  tbody
  tr
  td
  table
  tbody
  td.update
  div.tooltip
  > .ticker-layer-infor {
  color: #494949;
}

#table-list-wrap table tbody tr td table tbody td.tooltip {
  overflow: visible;
}

#table-list-wrap table tbody tr td table tbody td.tooltip div.tooltip {
  display: inline-block;
}

#table-list-wrap
  table
  tbody
  tr
  td
  table
  tbody
  td.tooltip
  div.tooltip
  > .ticker-layer-infor {
  color: #494949;
}

#table-list-wrap table tbody tr td table tbody td.update:hover {
  z-index: 99;
}

#table-list-wrap table tbody tr td table tbody td.tooltip:hover {
  z-index: 99;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/36682 */
#table-list-wrap
  table
  tbody
  tr
  td
  table
  tbody
  td.update
  div.icon
  > span.personal {
  display: inline-block;
  width: 20px;
  height: 14px;
  margin-right: 5px;
  margin-top: 6px;
  background: url("images/common/svg/icon-personal.svg") no-repeat center center;
}

#table-list-wrap
  table
  tbody
  tr
  td
  table
  tbody
  td.update
  div.icon
  > span.corporate {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background: url("images/common/svg/icon-corporate.svg") no-repeat center
    center;
}

#table-list-wrap table tbody tr td.update div.icon > span.personal {
  display: inline-block;
  width: 20px;
  height: 14px;
  margin-right: 5px;
  margin-top: 6px;
  background: url("images/common/svg/icon-personal.svg") no-repeat center center;
}

#table-list-wrap table tbody tr td.update div.icon > span.corporate {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background: url("images/common/svg/icon-corporate.svg") no-repeat center
    center;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/32541 */
#table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td {
  /* background-color:#fff; */
  padding: 5px 12px;
  height: 45px;
}

#table-list-wrap
  table
  tbody
  tr
  td.table-tbody-list
  > div
  table
  tbody
  tr
  td.vat {
  padding-top: 15px;
}

#table-list-wrap
  table
  tbody
  tr
  td.table-tbody-list
  > div
  table
  tbody
  tr:hover
  td {
  background-color: #fafafa;
}

#table-list-wrap.hoverCBlue
  table
  tbody
  tr
  td.table-tbody-list
  > div
  table
  tbody
  tr:hover
  td {
  color: #0069b9 !important;
}

#table-list-wrap.hoverCBlue
  table
  tbody
  tr
  td.table-tbody-list
  > div
  table
  tbody
  tr {
  border-bottom: none;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/32981 */
#append_memo {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_memo div.sticker-write {
  display: block;
  top: 0;
  right: 100%;
  padding-right: 20px;
  z-index: 2;
}

#append_memo div.sticker-write:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 6px;
  width: 15px;
  height: 11px;
  background: url("images/common/svg/sticker_arrow.svg") no-repeat center
    center/cover;
}

#append_memo div.sticker-write .conts {
  width: 300px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  overflow: hidden;
}

#append_memo div.sticker-write .conts .sticker-memo {
  padding: 10px;
}

#append_memo div.sticker-write .conts .sticker-memo textarea {
  width: 100%;
  height: 75px;
  border: 0;
  outline: none;
}

#append_memo div.sticker-write .conts .btn-wrap {
  background-color: #fafafa;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#append_memo div.sticker-write .conts .btn-wrap .sel-color-box {
  display: flex;
  align-items: center;
}

#append_memo div.sticker-write .conts .btn-wrap .sel-color-box a {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 0;
}

#append_memo div.sticker-write .conts .btn-wrap .sel-color-box a + a {
  margin-left: 7px;
}

#append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.green {
  border: 1px solid #c1d2cd;
  background-color: #d4e8e2;
}

#append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.yellow {
  border: 1px solid #e3d8c2;
  background-color: #fbeed5;
}

#append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.blue {
  border: 1px solid #bfcfe2;
  background-color: #d3e4f9;
}

#append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.red {
  border: 1px solid #eac0c0;
  background-color: #ffd4d4;
}

#append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.purple {
  border: 1px solid #ccc0e3;
  background-color: #e1d4fa;
}

#append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.white {
  border: 1px solid #e0e0e0;
  background-color: #fff;
}

#append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.on {
  width: 24px;
  height: 24px;
  border-width: 3px;
}

#append_memo div.sticker-write .conts .btn-wrap a.save {
  font-size: 1rem;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/36299 Old Version*/

/* ==>> Old Version <<== 	
	#append_btn_confirm {position: absolute;display:block;z-index: 99999!important;}
	#append_btn_confirm div.confirm-select-wrap-td {display:block;position:absolute;top:0;right:calc(100% + 5px);border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;box-shadow:3px 3px 5px rgba(0,0,0,0.07);z-index:1;}
	#append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li > a {display:block;padding:5px 10px 5px 15px;}
	#append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li > a:hover {background-color:#FAFAFA;}
	#append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li.optgroup {color:#A6A6A6;font-size:11px;padding:5px 10px;}
	#append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li.section-topline {border-top:1px solid #E0E0E0;}
	#append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li.tooltip{position:relative;}
	#append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li.tooltip > a{display:inline-block;}
	#append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li.tooltip a:after{content: ">";display: inline-block;margin-left:3px;} */

/* https://www.kosign.com.kh/redmine/issues/37696 New Version*/
#table-list-wrap table tbody tr td.warning {
  position: relative;
}

#table-list-wrap table tbody tr td.warning:after {
  content: "";
  background: url("images/common/svg/icon-warning.svg") no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: bottom;
}

#append_btn_confirm {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_btn_confirm div.confirm-select-wrap-td {
  display: block;
  position: absolute;
  /*top:0;right:calc(100% + 5px);*/
  border: 1px solid #eceff1;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.07);
  z-index: 1;
  min-width: 190px;
}

#append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li > a {
  display: block;
  padding: 5px 10px 5px 15px;
}

#append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li {
  position: relative;
}

#append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li + li {
  border-top: 1px solid #eceff1;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  ul.select-box-option
  > li.optgroup
  > a {
  transition: 0.25s;
  color: #a6a6a6;
  font-size: 13px;
  padding: 10px 15px;
  background-color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  ul.select-box-option
  > li.optgroup
  > a:hover {
  transition: 0.25s;
  color: #000;
  background-color: #fafafa;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  ul.select-box-option
  > li.optgroup
  > a:after {
  content: "";
  margin-left: 10px;
  display: inline-block;
  width: 10px;
  height: 6px;
  overflow: hidden;
  background: url("images/common/tablePopup_arrow.png") no-repeat center bottom /
    10px 14px;
  transition: 0.45s;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  ul.select-box-option
  > li.optgroup
  > a.active {
  transition: 0.25s;
  background-color: #eceff1;
  color: #000;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  ul.select-box-option
  > li.optgroup
  > a.active:after {
  background-position: center top;
  transition: 0.45s;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  ul.select-box-option
  > li.optgroup.none
  > a:after {
  display: none;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  ul.select-box-option
  > li.section-topline {
}

#append_btn_confirm
  div.confirm-select-wrap-td
  ul.select-box-option
  > li
  > ul.dep2 {
  display: none;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  ul.select-box-option
  > li
  > ul.dep2
  > li
  > a {
  display: flex;
  align-items: center;
  padding: 10px 25px;
  font-size: 13px;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  ul.select-box-option
  > li
  > ul.dep2
  > li
  > a:hover {
  background-color: #fafafa;
}

#append_btn_confirm div.confirm-select-wrap-td .transPopup {
  position: absolute;
  right: calc(100% + 10px);
  top: 0;
  bottom: auto;
}

#append_btn_confirm div.confirm-select-wrap-td .transPopup.rt {
  position: absolute;
  right: calc(100% + 10px);
  top: 0;
  left: auto;
  bottom: auto;
}

#append_btn_confirm div.confirm-select-wrap-td .transPopup.rb {
  position: absolute;
  right: calc(100% + 10px);
  bottom: 0;
  left: auto;
  top: auto;
}

#append_btn_confirm div.confirm-select-wrap-td .transPopup.lt {
  position: absolute;
  left: calc(100% + 10px);
  top: 0;
  right: auto;
  bottom: auto;
}

#append_btn_confirm div.confirm-select-wrap-td .transPopup.lb {
  position: absolute;
  left: calc(100% + 10px);
  bottom: 0;
  right: auto;
  top: auto;
}

#append_btn_confirm div.confirm-select-wrap-td .transPopup .layerCont {
  border: 1px solid #e2e2e2;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.07);
}

#append_btn_confirm
  div.confirm-select-wrap-td
  .transPopup
  .layerCont
  .layerPopup-close {
  position: absolute;
  top: 11px;
  right: 5px;
  width: 36px;
  height: 36px;
  background: url("images/common/svg/layerPopupClose.svg") no-repeat center
    center/16px 16px;
  cursor: pointer;
  z-index: 1;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  .transPopup
  .layerCont
  #layerPopup-contsBox
  ul.item-table
  > li
  .file-choose-form {
  display: flex;
  align-items: center;
  margin-top: 0;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  .transPopup
  .layerCont
  #layerPopup-contsBox
  ul.item-table
  > li
  .file-choose-form
  input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  .transPopup
  .layerCont
  #layerPopup-contsBox
  ul.item-table
  > li
  .file-choose-form
  label {
  border: none;
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 32px;
  line-height: 30px;
  color: #0069b9;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}

#append_btn_confirm
  div.confirm-select-wrap-td
  .transPopup
  .layerCont
  #layerPopup-contsBox
  ul.item-table
  > li
  .file-choose-form
  label:before {
  transform: rotate(90deg);
}

#append_btn_confirm
  div.confirm-select-wrap-td
  .transPopup
  .layerCont
  #layerPopup-contsBox
  ul.item-table
  > li
  .file-choose-form
  .upload-name {
  display: inline-block;
  width: calc(100% - 120px);
  height: 32px;
  line-height: 30px;
  font-size: 1rem;
  /*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/
  background-color: transparent;
  border: 0;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/32981 */
#append_location {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_location div.location-infor {
  display: block;
  top: 100%;
  right: -11px;
  padding-top: 12px;
  z-index: 2;
}

#append_location div.location-infor:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 14px;
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  box-shadow: -1px -1px 0px #e0e0e0;
  transform: rotate(45deg);
}

#append_location div.location-infor .conts {
  width: 450px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 5px;
  padding: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  overflow: hidden;
}

#append_location div.location-infor .conts .smemo {
  white-space: normal;
}

#append_location div.location-infor .conts .etc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

#append_location div.location-infor .conts .etc > span {
  color: #a6a6a6;
  font-weight: 600;
}

#append_location div.location-infor .conts .etc > a {
  color: #0069b9;
  font-weight: 600;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/32981 */
#append_addmenu {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_addmenu div.new-wrok-menu {
  display: block;
  top: 100%;
  right: -11px;
  min-width: 100px;
  padding-top: 12px;
  z-index: 2;
}

#append_addmenu div.new-wrok-menu:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 14px;
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  box-shadow: -1px -1px 0px #e0e0e0;
  transform: rotate(45deg);
}

#append_addmenu div.new-wrok-menu ul {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  overflow: hidden;
}

#append_addmenu div.new-wrok-menu ul li {
}

#append_addmenu div.new-wrok-menu ul li a {
  width: 100%;
  white-space: nowrap;
  padding-right: 10px;
}

#append_addmenu div.new-wrok-menu ul li a:before {
  opacity: 0.5;
}

#append_addmenu div.new-wrok-menu ul li:hover a:before {
  opacity: 0.5;
}

#append_addmenu div.new-wrok-menu ul li:hover {
  background-color: #fafafa;
}

#append_addmenu div.new-wrok-menu ul li:hover a:before {
  opacity: 1;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/32981 */
#append_usag_type {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_usag_type div.append_usagtype {
  display: block;
  top: 100%;
  right: -11px;
  min-width: 100px;
  padding-top: 12px;
  z-index: 2;
}

/* Updated by 개발팀 */
/* #table-list-wrap.inputClear table tbody tr td input[type="text"]{padding-right:8px;} */
.table-title {
  display: flex;
  justify-content: space-between;
}

.table-title.flex-alc {
  align-items: center;
}

.table-title .tit {
  font-size: 13px;
  font-weight: 700;
}

.table-title .btn-wrap {
  display: flex;
  align-items: center;
}

.table-title .btn-wrap a.payReplace {
  display: flex;
  align-items: center;
  border: 1px solid #eceff1;
  border-radius: 5px;
}

.table-title .btn-wrap a.payReplace:before {
  content: "";
  width: 34px;
  height: 28px;
  background: url("images/common/icon_payreplace.png") no-repeat center
    center/contain;
}

.table-title .btn-wrap.get-from-payroll {
  position: relative;
}

.table-title .btn-wrap.get-from-payroll > .table-wrap {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  width: 650px;
  min-height: 320px;
  border: 1px solid #eceff1;
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.075);
  z-index: 1;
}

.table-title .btn-wrap.get-from-payroll > .table-wrap .tit {
  color: #222;
  font-size: 16px;
}

.table-title .btn-wrap.get-from-payroll > .table-wrap .tit > span.small {
  color: #a6a6a6;
  font-size: 13px;
}

.table-title .btn-wrap .exchange-wrap {
  display: flex;
  align-items: center;
  position: relative;
}

.table-title .btn-wrap .exchange-wrap .icon-exchange {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(images/common/svg/icon-exclamation.svg) no-repeat center
    center;
  margin-left: 2px;
}

.table-title .btn-wrap .exchange-wrap .icon-exchange a {
  display: flex;
  width: 100%;
  height: 100%;
}

.table-title .btn-wrap .exchange-wrap span {
  margin: 0 5px;
}

.table-title .btn-wrap .exchange-wrap .inputSearchWrap .val_text {
  height: 30px;
  min-width: 55px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  font-size: 14px;
}

.table-title .btn-wrap .exchange-wrap .inputSearchWrap .val_text:hover {
  color: #0069b9;
}

.table-title .btn-wrap .exchange-wrap .inputSearchWrap .input-Search-box {
  width: 100% !important;
}

/* Updated by 개발팀 */
/* .table-title .btn-wrap .exchange-wrap .inputSearchWrap .input-Search-box input.clearInput{padding-right:0;} */
/* .table-title .btn-wrap .exchange-wrap input[type=text]:hover{color:#0069B9 !important} */
.table-title .btn-wrap .exchange-wrap input[type="text"]:focus {
  border: 1px solid #0069b9;
  color: #0069b9 !important;
}

#table-list-wrap table tbody tr td input[type="text"]:focus {
  border: 1px solid #0069b9;
  /* color:#0069B9 !important */
}

.table-title .btn-wrap > div + div {
  padding-left: 10px;
  margin-left: 10px;
}

.table-title .btn-wrap > div + div:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 1px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.25);
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/34303 */
#append_snd_yn_n_ico {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_snd_yn_n_ico div.ticker-layer-infor {
  display: block;
  position: absolute;
  top: calc(100% + 5px);
  right: -5px;
  min-width: 352px;
  max-width: 760px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  padding: 7px;
  z-index: 2;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

#append_snd_yn_n_ico div.ticker-layer-infor:after {
  position: absolute;
  top: -4px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #ccc;
  transform: rotate(45deg);
  background-color: #fff;
}

#append_snd_yn_n_ico div.ticker-layer-infor.alRight {
  left: -1px;
  right: auto;
}

#append_snd_yn_n_ico div.ticker-layer-infor.alRight:after {
  left: 10px;
  right: auto;
}

#append_snd_yn_n_ico div.ticker-layer-infor.top {
  top: auto;
  bottom: calc(100% + 5px);
}

#append_snd_yn_n_ico div.ticker-layer-infor.top:after {
  top: auto;
  bottom: -4px;
  border-width: 0 1px 1px 0;
}

#append_snd_yn_n_ico div.ticker-layer-infor .conts .flex {
  display: flex;
}

#append_snd_yn_n_ico div.ticker-layer-infor .conts .flex-spw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#append_snd_yn_n_ico div.ticker-layer-infor .conts .txt {
  white-space: nowrap;
}

#append_snd_yn_n_ico div.ticker-layer-infor .conts .result-box {
  padding: 20px;
  color: #ccc;
  text-align: center;
}

#append_snd_yn_n_ico div.click-tooltip > .ticker-layer-infor {
  top: 0;
  right: calc(100% + 5px);
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/34303 */
#append_snd_yn_y_ico {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_snd_yn_y_ico div.ticker-layer-infor {
  display: block;
  position: absolute;
  top: calc(100% + 5px);
  right: -5px;
  min-width: 352px;
  max-width: 760px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  padding: 7px;
  z-index: 2;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

#append_snd_yn_y_ico div.ticker-layer-infor:after {
  position: absolute;
  top: -4px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #ccc;
  transform: rotate(45deg);
  background-color: #fff;
}

#append_snd_yn_y_ico div.ticker-layer-infor.alRight {
  left: -1px;
  right: auto;
}

#append_snd_yn_y_ico div.ticker-layer-infor.alRight:after {
  left: 10px;
  right: auto;
}

#append_snd_yn_y_ico div.ticker-layer-infor.top {
  top: auto;
  bottom: calc(100% + 5px);
}

#append_snd_yn_y_ico div.ticker-layer-infor.top:after {
  top: auto;
  bottom: -4px;
  border-width: 0 1px 1px 0;
}

#append_snd_yn_y_ico div.ticker-layer-infor .conts .flex {
  display: flex;
}

#append_snd_yn_y_ico div.ticker-layer-infor .conts .flex-spw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#append_snd_yn_y_ico div.ticker-layer-infor .conts .txt {
  white-space: nowrap;
}

#append_snd_yn_y_ico div.ticker-layer-infor .conts .result-box {
  padding: 20px;
  color: #ccc;
  text-align: center;
}

#append_snd_yn_y_ico div.click-tooltip > .ticker-layer-infor {
  top: 0;
  right: calc(100% + 5px);
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/36276 */
#append_file {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_file div.combo_keywordAdd_cont {
  display: block;
  position: absolute;
  top: calc(100% + 5px);
  right: -5px;
  min-width: 352px;
  max-width: 760px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  /* padding:7px; */
  z-index: 2;
  /* box-shadow:3px 3px 5px rgba(0,0,0,0.15); */
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/36271 */
#append_rcv_yn_y_ico {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_rcv_yn_y_ico div.ticker-layer-infor {
  display: block;
  position: absolute;
  top: calc(100% + 5px);
  right: -5px;
  min-width: 352px;
  max-width: 760px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  padding: 7px;
  z-index: 2;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/36271 */
#append_filed {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_filed div.combo_keywordAdd_cont {
  display: block;
  position: absolute;
  top: calc(100% + 5px);
  left: 27px;
  min-width: 352px;
  max-width: 760px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  /* padding:7px; */
  z-index: 2;
  /* box-shadow:3px 3px 5px rgba(0,0,0,0.15); */
}

/* Updated by 개발팀 */
/* ALERT :: SUCCESS, CONFIRMATION, WARNING, DELETE, CANCEL, INFORMATION, ERROR */
.layerCont.alert #layerPopup-contsBox {
  width: 100%;
}

.layerCont.alert .layerPopupWrap {
  width: auto;
  max-width: 500px;
}

/* .layerCont.alert .layerPopupWrap #layerPopup-contsBox {position:relative;min-height:200px;padding:40px 60px 60px;} */
.layerCont.alert .layerPopupWrap #layerPopup-contsBox {
  min-height: 200px;
  padding: 65px 60px 20px;
}

.layerCont.alert .layerPopupWrap #layerPopup-contsBox.notmaybe {
  padding-bottom: 40px;
}

/* .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > figure {}
	.layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > div.title {color:#494949;font-size:25px;font-weight:600;margin-top:15px;} */
.layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > figure {
  margin: auto;
}

.layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > div.title {
  color: #494949;
  font-size: 15px;
  font-weight: 600;
  margin-top: 15px;
}

.layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > div.desc {
  color: #494949;
  font-size: 15px;
  line-height: 1.4;
  margin-top: 10px;
  width: 411px;
  margin-left: -20px;
}

.layerCont.alert
  .layerPopupWrap
  #layerPopup-contsBox
  > .conts
  > div.desc
  span.tit {
  display: block;
}

.layerCont.alert .layerPopupWrap #layerPopup-contsBox > .btn-area {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.layerCont.alert .layerPopupWrap #layerPopup-contsBox > a.maybelater {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: #0069b9;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
}

/* DELETE */
/* .layerCont.alert.delete .layerPopupWrap #layerPopup-contsBox {min-height:auto;padding:10px 15px 30px;} */

/* CANCEL */
.layerCont.alert.cancel .layerPopupWrap #layerPopup-contsBox {
  min-height: auto;
  padding: 10px 15px 30px;
}

/* CONFIRM */
.layerCont.alert.confirm .layerPopupWrap #layerPopup-contsBox {
  min-height: auto;
  padding: 10px 15px 30px;
}

/* NEW PAYROLL */
.layerCont.new-payroll #layerPopup-contsBox ul.item-table {
}

.layerCont.new-payroll #layerPopup-contsBox ul.item-table > li {
  display: flex;
  align-items: center;
}

.layerCont.new-payroll #layerPopup-contsBox ul.item-table > li + li {
  margin-top: 10px;
}

.layerCont.new-payroll
  #layerPopup-contsBox
  ul.item-table
  > li
  > div:first-child {
  position: relative;
  width: 100px;
}

.layerCont.new-payroll
  #layerPopup-contsBox
  ul.item-table
  > li
  > div:last-child {
  width: calc(100% - 100px);
}

.layerCont.new-payroll #layerPopup-contsBox ul.item-table > li div.ip-wrap {
  padding-left: 90px;
}

/* SET EXCHANGE RATE */
.layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table {
}

.layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table > li {
  border: 1px solid #eceff1;
  border-radius: 10px;
  padding: 15px;
}

.layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table > li + li {
  margin-top: 10px;
}

.layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table > li p.tit {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
}

.layerCont.set-exchange-rate
  #layerPopup-contsBox
  ul.item-table
  > li
  p.tit:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #494949;
  margin-right: 7px;
}

.layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table > li p.conts {
  color: #a6a6a6;
  font-size: 13px;
  font-weight: 500;
  margin-top: 7px;
  padding-left: 10px;
}

.layerCont.set-exchange-rate
  #layerPopup-contsBox
  ul.item-table
  > li
  p.conts
  > a {
  color: #0069b9;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
}

.layerCont.set-exchange-rate
  #layerPopup-contsBox
  ul.item-table
  > li
  .table-wrap {
  display: flex;
  align-items: center;
  padding: 10px 0 0 10px;
}

.layerCont.set-exchange-rate
  #layerPopup-contsBox
  ul.item-table
  > li
  .table-wrap
  > span {
  margin: 0 10px;
}

/* SEND PAYSLIPS */
.layerCont.send-payslips #layerPopup-contsBox ul.item-table {
}

.layerCont.send-payslips #layerPopup-contsBox ul.item-table > li {
  border: 1px solid #eceff1;
  border-radius: 10px;
  padding: 15px;
}

.layerCont.send-payslips #layerPopup-contsBox ul.item-table > li.active {
  border-color: #0069b9;
  background-color: rgba(0, 105, 185, 0.05);
}

.layerCont.send-payslips #layerPopup-contsBox ul.item-table > li + li {
  margin-top: 10px;
}

.layerCont.send-payslips #layerPopup-contsBox ul.item-table > li a {
  display: flex;
  align-items: center;
}

.layerCont.send-payslips #layerPopup-contsBox ul.item-table > li a figure {
  margin-right: 15px;
}

.layerCont.send-payslips #layerPopup-contsBox ul.item-table > li a h4 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 20px;
  font-weight: 800;
}

.layerCont.send-payslips #layerPopup-contsBox ul.item-table > li a h4 > em {
  display: inline-flex;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  background-color: #ed243c;
  padding: 2px 5px;
  border-radius: 3px;
  margin-left: 5px;
}

.layerCont.send-payslips #layerPopup-contsBox ul.item-table > li a p.desc {
  font-size: 14px;
  font-weight: 700;
}

.layerCont.send-payslips #layerPopup-contsBox .check {
  margin-top: 0;
  margin-left: 0;
}

.layerCont.send-payslips #layerPopup-contsBox .check label {
  font-size: 14px;
  font-weight: 700;
}

.layerCont.send-payslips #layerPopup-contsBox .do-not-ask {
  margin-top: 10px;
  margin-left: 5px;
}

/* SEND PAYSLIPS (Preview) */
.layerCont.send-payslips-preview #layerPopup-contsBox {
  display: flex;
}

.layerCont.send-payslips-preview #layerPopup-contsBox > .preview-wrap {
  background: url("images/common/svg/bg-payslips.svg") no-repeat;
  width: 305px;
  min-height: 493px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.layerCont.send-payslips-preview #layerPopup-contsBox > .preview-wrap h3 {
  color: #0069b9;
  font-size: 20px;
  font-weight: 700;
}

.layerCont.send-payslips-preview #layerPopup-contsBox > .content-wrap {
  width: calc(305px - 30px);
  margin-left: 30px;
}

.layerCont.send-payslips-preview
  #layerPopup-contsBox
  > .content-wrap
  > div
  + div {
  margin-top: 30px;
}

.layerCont.send-payslips-preview #layerPopup-contsBox > .content-wrap h5 {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 5px;
}

/* Updated by 개발팀 */
/* MARK AS PAID */
.layerCont.mark-as-paid #layerPopup-contsBox {
  text-align: center;
  width: 320px;
}

.layerCont.mark-as-paid #layerPopup-contsBox p.desc {
  font-size: 14px;
  font-weight: 800;
}

.layerCont.mark-as-paid #layerPopup-contsBox .calendar-wrap {
  margin-top: 20px;
}

/* DOWNLOAD BANK FORM */
.layerCont.download-bank-form #layerPopup-contsBox {
}

.layerCont.download-bank-form #layerPopup-contsBox p.desc {
  font-size: 14px;
  font-weight: 800;
}

.layerCont.download-bank-form #layerPopup-contsBox p.summary {
  font-size: 11px;
  margin-top: 20px;
}

.layerCont.download-bank-form #layerPopup-contsBox p.summary > a {
  text-decoration: underline;
}

.layerCont.download-bank-form #layerPopup-contsBox .select-box-default-st {
  margin-top: 5px;
  width: 100%;
}

.layerCont.download-bank-form
  #layerPopup-contsBox
  .select-box-default-st
  > input {
  width: 100%;
}

/* COPY PAYROLL */
.layerCont.copy-payroll #layerPopup-contsBox ul.item-table {
}

.layerCont.copy-payroll #layerPopup-contsBox ul.item-table > li {
  display: flex;
  align-items: center;
  min-height: 34px;
}

.layerCont.copy-payroll #layerPopup-contsBox ul.item-table > li + li {
  margin-top: 10px;
}

.layerCont.copy-payroll
  #layerPopup-contsBox
  ul.item-table
  > li
  > div:first-child {
  position: relative;
  width: 150px;
}

.layerCont.copy-payroll
  #layerPopup-contsBox
  ul.item-table
  > li
  > div:last-child {
  width: calc(100% - 150px);
}

/* EXCHANGE RATE */
.layerCont.exchange-rate #layerPopup-contsBox ul.item-table {
}

.layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li {
  border: 1px solid #eceff1;
  border-radius: 10px;
  padding: 15px;
}

.layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li + li {
  margin-top: 10px;
}

.layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li p.tit {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
}

.layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li p.tit:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #494949;
  margin-right: 7px;
}

.layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li p.conts {
  color: #a6a6a6;
  font-size: 13px;
  font-weight: 500;
  margin-top: 7px;
  padding-left: 10px;
}

.layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li p.conts > a {
  color: #0069b9;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
}

.layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li .table-wrap {
  display: flex;
  align-items: center;
  padding: 10px 0 0 10px;
}

.layerCont.exchange-rate
  #layerPopup-contsBox
  ul.item-table
  > li
  .table-wrap
  > span {
  margin: 0 10px;
}

.layerCont.exchange-rate
  #layerPopup-contsBox
  ul.item-table
  > li
  .table-wrap
  > span.first {
  margin-left: 0;
}

/* ADD EMPLOYEE */
.layerCont.add-employee #layerPopup-contsBox ul.item-table {
}

.layerCont.add-employee #layerPopup-contsBox ul.item-table > li {
  display: flex;
  align-items: center;
}

.layerCont.add-employee #layerPopup-contsBox ul.item-table > li + li {
  margin-top: 10px;
}

.layerCont.add-employee #layerPopup-contsBox ul.item-table > li > div {
  position: relative;
  width: 100%;
}

/* Request Approval */
.request-approval #layerPopup-contsBox .payroll-state {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.request-approval #layerPopup-contsBox .payroll-state div.confirm ul {
  display: flex;
  border: 1px solid #eceff1;
  border-radius: 5px;
}

.request-approval #layerPopup-contsBox .payroll-state div.confirm ul li {
  width: 100px;
}

.request-approval #layerPopup-contsBox .payroll-state div.confirm ul li + li {
  border-left: 1px solid #eceff1;
}

.request-approval #layerPopup-contsBox .payroll-state div.confirm ul li > span {
  display: block;
  text-align: center;
  padding: 10px 0 10px;
}

.request-approval
  #layerPopup-contsBox
  .payroll-state
  div.confirm
  ul
  li
  > span
  + span {
  border-top: 1px solid #eceff1;
  height: 70px;
}

.request-approval #layerPopup-contsBox .num-date {
  display: flex;
}

.request-approval #layerPopup-contsBox .num-date > h4 {
  width: 100px;
  color: #a6a6a6;
  font-weight: 600;
}

.request-approval #layerPopup-contsBox .num-date + .num-date {
  margin-top: 5px;
}

.request-approval #layerPopup-contsBox .re-by {
  display: flex;
}

.request-approval #layerPopup-contsBox .re-by > h4 {
  width: 75px;
  color: #a6a6a6;
  font-weight: 600;
}

.request-approval #layerPopup-contsBox .re-by > strong {
  white-space: nowrap;
}

.request-approval
  #layerPopup-contsBox
  #table-list-wrap
  table
  tbody
  tr
  td
  textarea {
  height: 70px;
  border: 1px solid #eceff1;
  border-radius: 5px;
  padding: 8px 8px 8px 12px;
  resize: none;
}

.request-approval
  #layerPopup-contsBox
  ul.item-table
  > li
  .file-choose-form
  .upload-name {
  display: inline-block;
  width: calc(100% - 120px);
  height: 32px;
  line-height: 30px;
  font-size: 1rem;
  /*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/
  background-color: transparent;
  border: 0;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Approval */
.approval #layerPopup-contsBox .payroll-state {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.approval #layerPopup-contsBox .payroll-state div.confirm ul {
  display: flex;
  border: 1px solid #eceff1;
  border-radius: 5px;
}

.approval #layerPopup-contsBox .payroll-state div.confirm ul li {
  width: 100px;
}

.approval #layerPopup-contsBox .payroll-state div.confirm ul li + li {
  border-left: 1px solid #eceff1;
}

.approval #layerPopup-contsBox .payroll-state div.confirm ul li > span {
  display: block;
  text-align: center;
  padding: 10px 0 10px;
}

.approval #layerPopup-contsBox .payroll-state div.confirm ul li > span + span {
  border-top: 1px solid #eceff1;
  height: 70px;
}

.approval #layerPopup-contsBox .num-date {
  display: flex;
}

.approval #layerPopup-contsBox .num-date + .num-date {
  margin-top: 5px;
}

.approval #layerPopup-contsBox .num-date > h4 {
  width: 100px;
  color: #a6a6a6;
  font-weight: 600;
}

.approval #layerPopup-contsBox .re-by {
  display: flex;
}

.approval #layerPopup-contsBox .re-by > h4 {
  width: 75px;
  color: #a6a6a6;
  font-weight: 600;
}

.approval #layerPopup-contsBox .re-by > strong {
  white-space: nowrap;
}

.approval #layerPopup-contsBox #table-list-wrap table tbody tr td textarea {
  height: 70px;
  border: 1px solid #eceff1;
  border-radius: 5px;
  padding: 8px 8px 8px 12px;
  resize: none;
}

.approval #btn-wrap-default .btn-area .file-choose-form {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 5px;
}

.approval #btn-wrap-default .btn-area .file-choose-form input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.approval #btn-wrap-default .btn-area .file-choose-form label {
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 32px;
  line-height: 30px;
  color: #0069b9;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}

.approval #btn-wrap-default .btn-area .file-choose-form label:before {
  transform: rotate(90deg);
}

.approval #btn-wrap-default .btn-area .file-choose-form .upload-name {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  font-size: 1rem;
  /*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/
  background-color: transparent;
  border: 0;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Attach from Expenses */
.layerCont.attach-from-expenses {
}

.layerCont.attach-from-expenses #layerPopup-contsBox {
  min-height: auto;
}

.layerCont.attach-from-expenses #layerPopup-contsBox .serch-table {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

/* Updated by 개발팀 */
/*new style for append-edit*/
#append_edit {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_edit div.append_edit_popup {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_edit div.append_edit_popup > ul.edit-menu {
  position: absolute;
  top: 100%;
  left: 80px;
  border-radius: 5px;
  overflow: hidden;
  width: 110px;
  height: auto;
  padding: 3px 0 0;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  z-index: 2;
}

#append_edit div.append_edit_popup > ul.edit-menu li {
  display: inline-block;
  width: 100%;
  height: auto;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  background-color: #fff;
  cursor: pointer;
}

#append_edit div.append_edit_popup > ul.edit-menu li + li {
  border-top: 0;
}

#append_edit div.append_edit_popup > ul.edit-menu li:first-child {
  border-radius: 5px 5px 0 0;
}

#append_edit div.append_edit_popup > ul.edit-menu li:last-child {
  border-radius: 0 0 5px 5px;
  border-bottom: 1px solid #e0e0e0;
}

#append_edit div.append_edit_popup > ul.edit-menu li a {
  font-weight: 600;
  display: block;
  padding: 8px 12px;
}

#append_edit div.append_edit_popup > ul.edit-menu li a:hover {
  /*color:#0069B9;font-weight:600;letter-spacing:-0.04em;*/
  background-color: #fafafa;
}

#append_change_icon div#change-icon-wrap > div.change-icon-wrap {
  position: absolute;
  top: 0;
  left: calc(100% - 15px);
  padding-left: 20px;
  z-index: 2;
}

#append_change_icon div#change-icon-wrap > div.change-icon-wrap:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 6px;
  width: 15px;
  height: 11px;
  background: url("images/common/svg/sticker_arrow.svg") no-repeat center
    center/cover;
  transform: rotate(90deg);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

#append_change_icon {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_change_icon div#change-icon-wrap {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

#append_change_icon div#change-icon-wrap div.change-icon-wrap .conts {
  width: 470px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  overflow: hidden;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sticker-memo {
  padding: 10px;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sticker-memo
  textarea {
  width: 100%;
  height: 75px;
  border: 0;
  outline: none;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-color-box {
  display: flex;
  align-items: center;
  padding: 10px;
  height: 44px;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-color-box
  h1 {
  font-weight: 600;
  width: 90px;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-color-box
  a {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 0;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-color-box
  a
  + a {
  margin-left: 7px;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-color-box
  a.green {
  border: 1px solid #c1d2cd;
  background-color: #d4e8e2;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-color-box
  a.yellow {
  border: 1px solid #e3d8c2;
  background-color: #fbeed5;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-color-box
  a.blue {
  border: 1px solid #bfcfe2;
  background-color: #d3e4f9;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-color-box
  a.red {
  border: 1px solid #eac0c0;
  background-color: #ffd4d4;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-color-box
  a.purple {
  border: 1px solid #ccc0e3;
  background-color: #e1d4fa;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-color-box
  a.black {
  border: 1px solid #000;
  background-color: #464646;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-color-box
  a.active {
  width: 24px;
  height: 24px;
  border-width: 3px;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-icon-box {
  display: flex;
  align-items: flex-start;
  padding: 10px;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-icon-box
  h1 {
  font-weight: 600;
  width: 90px;
  margin-top: 10px;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-icon-box
  ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 90px);
  margin-left: -5px;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-icon-box
  ul
  li {
  margin-left: 5px;
  margin-top: 5px;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-icon-box
  ul
  li
  a {
  font-size: 0;
  border: 1px solid #ccc;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-icon-box
  ul
  li
  a.on {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-icon-box
  ul
  li
  a.green {
  border-color: #c1d2cd;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-icon-box
  ul
  li
  a.yellow {
  border-color: #e3d8c2;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-icon-box
  ul
  li
  a.blue {
  border-color: #bfcfe2;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-icon-box
  ul
  li
  a.red {
  border-color: #eac0c0;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-icon-box
  ul
  li
  a.purple {
  border-color: #ccc0e3;
}

#append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .btn-wrap {
  background-color: #fafafa;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .btn-wrap
  a.save {
  font-size: 1rem;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .btn-wrap
  a
  + a {
  margin-left: 5px;
}

#append_change_icon
  div#change-icon-wrap
  div.change-icon-wrap
  .conts
  .sel-icon-box
  ul
  li
  a.on {
  border-width: 3px;
}

/* Updated by 개발팀 */
#container
  > .contents
  .general-info-wrap
  > ul
  > li
  > ul.table-list
  > li
  > span.tax:before {
  content: "";
  width: 40px;
  height: 20px;
  background: url("images/common/icon_tax.png") no-repeat center center;
  margin-right: 5px;
}

/* 2022-11-22 추가 */
#container
  > .contents
  .general-info-wrap
  > ul
  > li
  > ul.table-list
  > li
  > span.tax {
  width: 170px;
  display: flex;
  align-items: center;
  margin-left: 40px;
}

/* 2022-11-22 추가 */

/* Updated by 개발팀 */
/* Display VAT TIN when printing the invoice */
#container
  > .contents
  .general-info.tabCont
  > .tabCont-wrap
  > .down-print-wrap
  .pop_head {
  /* border-bottom:2px solid #000; */
  padding-bottom: 5px;
}

#container
  > .contents
  .general-info.tabCont
  > .tabCont-wrap
  > .down-print-wrap
  .pop_head
  table.bd_none {
  border: 0 !important;
}

#container
  > .contents
  .general-info.tabCont
  > .tabCont-wrap
  > .down-print-wrap
  .pop_head
  table.bd_none
  tbody
  tr
  td
  > div.id_num_wrap
  > div {
  display: inline-block;
}

#container
  > .contents
  .general-info.tabCont
  > .tabCont-wrap
  > .down-print-wrap
  .pop_head
  table.bd_none
  tbody
  tr
  td
  > div.id_num_wrap
  > div.id_box {
  display: inline-block;
  vertical-align: top;
}

#container
  > .contents
  .general-info.tabCont
  > .tabCont-wrap
  > .down-print-wrap
  .pop_head
  table.bd_none
  tbody
  tr
  td
  > div.id_num_wrap
  > div.id_box
  ul
  li {
  width: 17px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin-left: 3px;
  border: 1px solid #000;
  text-align: center;
  vertical-align: top;
  font-size: 13px;
  color: #000;
  font-weight: 600;
  overflow: hidden;
}

/* Updated by 개발팀 */
#container > .contents .title-area > .page-func-wrap > div.page-btn > div {
  display: flex;
}

#container
  > .contents
  .title-area
  > .page-func-wrap
  > div.page-btn
  > div
  + div {
  margin-left: 0.625rem;
}

#container
  > .contents
  .title-area
  > .page-func-wrap
  > div.page-btn
  > div
  a.other {
  min-width: auto;
  height: auto;
  border: 1px solid #eceff1;
  border-radius: 5px;
  padding: 0;
}

/* Updated by 개발팀 */
#container > .contents .search-etc-wrap > div.first > .select-tab-st {
  display: flex;
}

#container > .contents .search-etc-wrap > div.first > .select-tab-st a {
  position: relative;
  font-weight: 700;
  padding: 7px 0;
  min-width: 80px;
  text-align: center;
}

#container > .contents .search-etc-wrap > div.first > .select-tab-st a.on {
  color: #0069b9;
}

#container
  > .contents
  .search-etc-wrap
  > div.first
  > .select-tab-st
  a.on:before {
  content: "";
  position: absolute;
  top: calc(100% + 9px);
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #0069b9;
}

#container > .contents .search-etc-wrap > div.first > .select-tab-st a + a {
  margin-left: 25px;
}

/* Updated by 개발팀 */
#container > .contents .form-wrap.credit-table {
  padding: 25px;
  background-color: #fafafa;
}

#container > .contents .form-wrap.credit-table .purpose-btn {
  display: flex;
  justify-content: flex-end;
}

#container > .contents .form-wrap.credit-table .purpose-btn > a {
  font-weight: 600;
}

/* 23-03-30 */
/* Updated by 개발팀 */
#container > .contents .form-wrap .advances_cont {
  padding: 150px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#container > .contents .form-wrap .advances_cont div.bg {
  background: url("images/common/advances_bg.png") no-repeat center center;
  width: 98px;
  height: 106px;
}

#container > .contents .form-wrap .advances_cont > p {
  margin-top: 18px;
  font-size: 20px;
  font-weight: 700;
  color: #0069b9;
  text-shadow: 1px 1px 1px #00000029;
}

#container > .contents .form-wrap .advances_cont > a {
  width: 290px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eceff1;
  border-radius: 5px;
  background-color: #0069b9;
  box-shadow: inset -12px -12px 12px #00000029;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-top: 18px;
}

/* Updated by 개발팀
	https://www.kosign.com.kh/redmine/issues/34859 
	Advanced Memo Feature -TBD by HQ */
#container > .contents .memo-side-wrap {
  position: fixed;
  top: 48px;
  right: 0;
  width: 330px;
  height: calc(100% - 48px);
  padding-bottom: 30px;
  background-color: #fafafa;
  border-left: 1px solid #eceff1;
  transform: translate(100%, 0);
  opacity: 0;
  z-index: 2;
}

#container > .contents .memo-side-wrap.active {
  transform: translate(0, 0);
  opacity: 1;
}

#container > .contents .memo-side-wrap .wrap {
  height: 100%;
}

#container > .contents .memo-side-wrap .wrap .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#container > .contents .memo-side-wrap .wrap .head h5 {
  color: #494949;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 15px;
}

#container > .contents .memo-side-wrap .wrap .head .btn-wrap {
  background-color: #fafafa;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box {
  display: flex;
  align-items: center;
}

#container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 0;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .head
  .btn-wrap
  .sel-color-box
  a
  + a {
  margin-left: 7px;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .head
  .btn-wrap
  .sel-color-box
  a.green {
  border: 1px solid #c1d2cd;
  background-color: #d4e8e2;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .head
  .btn-wrap
  .sel-color-box
  a.yellow {
  border: 1px solid #e3d8c2;
  background-color: #fbeed5;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .head
  .btn-wrap
  .sel-color-box
  a.blue {
  border: 1px solid #bfcfe2;
  background-color: #d3e4f9;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .head
  .btn-wrap
  .sel-color-box
  a.red {
  border: 1px solid #eac0c0;
  background-color: #ffd4d4;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .head
  .btn-wrap
  .sel-color-box
  a.purple {
  border: 1px solid #ccc0e3;
  background-color: #e1d4fa;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .head
  .btn-wrap
  .sel-color-box
  a.white {
  border: 1px solid #eceff1;
  background-color: #fff;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .head
  .btn-wrap
  .sel-color-box
  a.on {
  width: 24px;
  height: 24px;
  border-width: 3px;
}

#container > .contents .memo-side-wrap .wrap .head .btn-wrap a.close-memeo {
  width: 24px;
  height: 24px;
  background: url("images/common/btn_close.png") no-repeat center center;
  margin-left: 10px;
}

#container > .contents .memo-side-wrap .wrap .cont {
  position: relative;
  height: calc(100% - 50px);
}

#container > .contents .memo-side-wrap .wrap .cont .list-table {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px 5px 15px 15px;
  overflow: hidden;
}

#container > .contents .memo-side-wrap .wrap .cont .list-table form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#container > .contents .memo-side-wrap .wrap .cont .list-table .list {
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  padding-right: 10px;
}

#container > .contents .memo-side-wrap .wrap .cont .list-table.active .list {
  max-height: calc(100% - 70px);
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  + li {
  margin-top: 20px;
}

#container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li h6 {
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-wrap {
  margin-top: 4px;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-wrap
  .cont {
  border: 1px solid #eceff1;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  line-height: 1.4;
  white-space: break-spaces;
  overflow: auto;
  /* max-height: 125px; */
  overflow-wrap: break-word;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-wrap
  .cont
  textarea {
  width: 100%;
  min-height: auto;
  resize: none;
  border: 0;
  outline: none;
  line-height: 1.4;
  background-color: #fff;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-wrap
  .util {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-wrap
  .util
  p.date {
  color: #a6a6a6;
  font-weight: 300;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-wrap
  .util
  .btn {
  display: flex;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-wrap
  .util
  .btn
  a {
  width: 30px;
  height: 30px;
  opacity: 0.4;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-wrap
  .util
  .btn
  a:hover {
  opacity: 1;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-wrap
  .util
  .btn
  a.write {
  background: url("images/common/svg/menu-icon-edit.svg") no-repeat center
    center;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-wrap
  .util
  .btn
  a.delete {
  background: url("images/common/svg/icon-delete.svg") no-repeat center top/30px
    90px;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-modify-wrap {
  display: none;
  margin-top: 4px;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-modify-wrap
  .form
  .sticker-side-memo {
  border: 1px solid #eceff1;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-modify-wrap
  .form
  .sticker-side-memo
  textarea {
  width: 100%;
  min-height: 85px;
  resize: none;
  border: 0;
  outline: none;
  line-height: 1.4;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-modify-wrap
  .btn-wrap {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-modify-wrap
  .btn-wrap
  a {
  font-size: 13px;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .list
  ul
  li
  .memo-modify-wrap
  .btn-wrap
  a
  + a {
  margin-left: 10px;
}

#container > .contents .memo-side-wrap .wrap .cont .list-table .btn-wrap {
  width: calc(100% - 15px);
  display: none;
  justify-content: flex-end;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table
  .btn-wrap
  a.write {
  min-width: 40px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  text-indent: -250%;
  overflow: hidden;
  background-image: url("images/common/btn_memo_write.png");
  background-repeat: no-repeat;
  background-position: center center;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .list-table.active
  .btn-wrap {
  display: flex;
}

#container > .contents .memo-side-wrap .wrap .cont .write-table {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 15px 20px 15px 15px;
  overflow: hidden;
  transform: translate(100%, 0);
  background-color: #fafafa;
}

#container > .contents .memo-side-wrap .wrap .cont .write-table.active {
  transform: translate(0, 0);
}

#container > .contents .memo-side-wrap .wrap .cont .write-table form {
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .write-table
  .form
  .sticker-side-memo {
  border: 1px solid #eceff1;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .write-table
  .form
  .sticker-side-memo
  textarea {
  width: 100%;
  min-height: 150px;
  resize: none;
  border: 0;
  outline: none;
  line-height: 1.4;
}

#container > .contents .memo-side-wrap .wrap .cont .write-table .btn-wrap {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}

#container > .contents .memo-side-wrap .wrap .cont .write-table .btn-wrap a {
  font-size: 13px;
}

#container
  > .contents
  .memo-side-wrap
  .wrap
  .cont
  .write-table
  .btn-wrap
  a
  + a {
  margin-left: 10px;
}

/* Updated by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/35314 */
#append-memo {
  position: absolute;
  display: block;
  z-index: 99999 !important;
}

/* Updated by 개발팀 */
/* LAYERPOPUP :: Default */
#wabook-layerPopup-default .layerCont {
  transform: scale(0.1);
  transition-duration: 0.3s;
}

#wabook-layerPopup-default.active {
  transform: translate(0, 0);
  opacity: 1;
  z-index: 9;
}

#wabook-layerPopup-default.active .layerCont {
  transform: translate(0, 0);
  opacity: 1;
  z-index: 9;
}

#wabook-layerPopup-default #table-form-wrap table tbody tr td {
  height: 45px;
}

#wabook-layerPopup-default #table-form-wrap table tbody tr.on td,
#wabook-layerPopup-default #table-form-wrap table tbody tr.on td label {
  color: #0069b9;
}

div.down_menu_box.generate-table-wrap {
  position: relative;
}

div.down_menu_box.generate-table-wrap > .table-wrap {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  width: 300px;
  border: 1px solid #eceff1;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.075);
  z-index: 1;
}

div.down_menu_box.generate-table-wrap > .table-wrap > ul.item-table {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

div.down_menu_box.generate-table-wrap > .table-wrap > ul.item-table li {
  width: 100%;
  display: flex;
  align-items: center;
}

div.down_menu_box.generate-table-wrap > .table-wrap > ul.item-table li + li {
  margin-top: 10px;
}

div.down_menu_box.generate-table-wrap
  > .table-wrap
  > ul.item-table
  li
  > div:first-child {
  width: 100px;
}

div.down_menu_box.generate-table-wrap
  > .table-wrap
  > ul.item-table
  li
  > div:last-child {
  width: calc(100% - 100px);
}

div.down_menu_box.generate-table-wrap > .table-wrap > p.infor-box {
  color: #a6a6a6;
  font-size: 15px;
  text-align: center;
}

div.down_menu_box.generate-table-wrap > .table-wrap > p.infor-box a {
  color: #0069b9;
  text-decoration: underline;
}

div.down_menu_box.generate-table-wrap > .table-wrap > .btn-wrap {
  display: flex;
  justify-content: center;
  padding: 10px;
  margin-top: 10px;
  border-top: 1px solid #eceff1;
}

div.down_menu_box.generate-table-wrap > .table-wrap > .btn-wrap a + a {
  margin-left: 5px;
}

/* Updated by 개발팀 */
/* Related to Payroll issue https://www.kosign.com.kh/redmine/issues/36769 */
div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide {
  display: none;
  position: absolute;
  width: 360px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgb(0 0 0 / 8%);
  z-index: 200;
}

div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide > h1 {
  cursor: pointer;
}

div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide.rt {
  top: -30px;
  left: calc(100% - 20px);
}

div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide.lt {
  top: -30px;
  right: calc(100% - 20px);
}

div.down_menu_box_simple
  > ul.down_menu_select
  > li
  > .layerContSide
  .layerPopupWrap {
  width: 100%;
}

div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide.middle {
  width: 860px;
}

div.down_menu_box_simple
  > ul.down_menu_select
  > li
  > .layerContSide
  #layerPopupSide-contsBox {
  padding: 0 20px 20px;
}

div.down_menu_box_simple
  > ul.down_menu_select
  > li
  > .layerContSide
  #btn-wrap-side {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px 10px;
}

div.down_menu_box_simple
  > ul.down_menu_select
  > li
  > .layerContSide
  #btn-wrap-side
  a {
  width: auto !important;
}

div.down_menu_box_simple
  > ul.down_menu_select
  > li
  > .layerContSide
  #btn-wrap-side
  a:before {
  content: none;
}

div.down_menu_box_simple
  > ul.down_menu_select
  > li
  > .layerContSide
  #btn-wrap-side
  a
  + a {
  margin-left: 5px !important;
}

/* Updated by 개발팀 */
div.exchange-wrap {
  position: relative;
  display: inline-block;
}

div.exchange-wrap > .down_menu_box_btn > a.btn-st {
  display: flex;
}

div.exchange-wrap > div.exchange-popup .close {
  display: flex;
  justify-content: flex-end;
  /*  position: absolute;top: 11px;right: 5px; */
  width: 100%;
  height: 10px;
  background: url(images/common/svg/layerPopupClose.svg) no-repeat right top;
  cursor: pointer;
  z-index: 1;
  background-size: 9px 10px;
}

div.exchange-wrap > div.exchange-popup {
  display: none;
  position: absolute;
  background-color: #fff;
  top: 100%;
  right: 0px;
  border-radius: 5px;
  overflow: hidden;
  min-width: 200px;
  height: auto;
  margin: 3px 0 0;
  border: 1px solid #eceff1;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  overflow: hidden;
  z-index: 2;
  padding: 10px 15px;
  box-sizing: border-box;
}

div.exchange-wrap > div.exchange-popup .conts {
  font-size: 13px;
}

div.exchange-wrap > div.exchange-popup .conts > a {
  color: #0069b9;
}

div.exchange-wrap > div.exchange-popup li {
  display: inline-block;
  width: 100% !important;
  height: auto;
  background-color: #fff;
  cursor: pointer;
}

div.exchange-wrap > div.exchange-popup li + li {
}

div.exchange-wrap > div.exchange-popup li:first-child {
  border-radius: 5px 5px 0 0;
}

div.exchange-wrap > div.exchange-popup li:last-child {
  border-radius: 0 0 5px 5px;
  border-bottom: 1px solid #eceff1;
}

div.exchange-wrap > div.exchange-popup li a {
  width: 100% !important;
  display: flex;
  align-items: center;
  font-weight: 500;
  padding: 8px 12px !important;
  white-space: nowrap;
  margin: 0 !important;
}

div.exchange-wrap > div.exchange-popup li a:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 5px;
}

div.exchange-wrap > div.exchange-popup li a:hover {
  color: #0069b9;
  background-color: #fafafa;
}

div.exchange-wrap > div.exchange-popup li a:hover:before {
  background-color: #0069b9;
}

div.exchange-wrap > div.exchange-popup li a.hRed:hover {
  color: #cb0d0d;
  background-color: #fafafa;
}

div.exchange-wrap > div.exchange-popup li a.hRed:hover:before {
  background-color: #cb0d0d;
}

.detail-conts-popup {
  display: none;
  position: absolute;
  top: -3px;
  left: calc(100% - 3px);
  min-width: 300px;
  max-width: 760px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  padding: 15px 20px;
  z-index: 12;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 15%);
}

.detail-conts-popup .tit {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  align-items: center;
}

.detail-conts-popup .tit .close {
  width: 9px;
  height: 10px;
  background: url(images/common/svg/layerPopupClose.svg) no-repeat right top;
  cursor: pointer;
  z-index: 1;
  background-size: 9px 10px;
}

.detail-conts-popup .tit .name {
  display: flex;
  align-items: center;
}

.detail-conts-popup .tit .name p {
  font-weight: 700;
  font-size: 15px;
}

.detail-conts-popup ul {
  display: flex;
}

.detail-conts-popup ul + ul {
  margin-top: 18px;
}

.detail-conts-popup ul li {
  width: 50%;
}

.detail-conts-popup ul li:first-child {
  font-weight: 700;
}

div.bank_down_box {
  position: relative;
  display: inline-block;
}

div.bank_down_box > .bank_down_box_btn > a.btn-st {
  display: flex;
}

div.bank_down_box > ul.bank_down_select {
  display: none;
  position: absolute;
  top: 100%;
  right: 0px;
  border-radius: 5px;
  overflow: hidden;
  min-width: 100%;
  height: auto;
  margin: 3px 0 0;
  border: 1px solid #eceff1;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  overflow: hidden;
  z-index: 2;
}

div.bank_down_box > ul.bank_down_select li {
  display: block;
  width: 100% !important;
  height: auto;
  background-color: #fff;
  cursor: pointer;
}

div.bank_down_box > ul.bank_down_select li + li {
}

div.bank_down_box > ul.bank_down_select li:first-child {
  border-radius: 5px 5px 0 0;
}

div.bank_down_box > ul.bank_down_select li:last-child {
  border-radius: 0 0 5px 5px;
  border-bottom: 1px solid #eceff1;
}

div.bank_down_box > ul.bank_down_select li a {
  width: 100% !important;
  display: flex;
  align-items: center;
  font-weight: 500;
  padding: 8px 12px !important;
  white-space: nowrap;
  margin: 0 !important;
  color: #0069b9;
}

div.bank_down_box > ul.bank_down_select li a:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 5px;
}

div.bank_down_box > ul.bank_down_select li a:hover {
  color: #0069b9;
  background-color: #fafafa;
}

div.bank_down_box > ul.bank_down_select li a:hover:before {
  background-color: #0069b9;
}

div.bank_down_box > ul.bank_down_select li a.hRed:hover {
  color: #cb0d0d;
  background-color: #fafafa;
}

div.bank_down_box > ul.bank_down_select li a.hRed:hover:before {
  background-color: #cb0d0d;
}

.payslip-down-popup h2 {
  font-size: 22px;
  text-align: center;
  font-weight: 700;
  margin: 40px 0 28px;
}

.payslip-down-popup h3 {
  font-size: 16px;
  font-weight: 500;
}

.payslip-down-popup .payday {
  display: flex;
  justify-content: flex-end;
  font-size: 15px;
  color: #a6a6a6;
  margin-bottom: 24px;
  font-weight: 400;
}

.payslip-down-popup .conts .items {
  margin-top: 25px;
}

.payslip-down-popup .conts .items h4 {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 7.5px;
}

.payslip-down-popup .conts .items h4:before {
  vertical-align: middle;
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #494949;
  margin: 0 5.5px;
}

.payslip-down-popup .conts .items > div.goods {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7.5px 18px;
  border-radius: 7px;
  box-sizing: border-box;
  font-weight: 300;
}

.payslip-down-popup .conts .items > div.goods.total {
  background-color: #eff3f4;
}

.payslip-down-popup .conts .items > div.goods.total .val {
  font-weight: 700;
  font-size: 16px;
}

.payslip-down-popup .conts .items > div.goods .topic {
  font-size: 15px;
}

.payslip-down-popup .conts div.result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 18px;
  box-sizing: border-box;
  border-radius: 7px;
  background-color: #eff3f4;
  margin-top: 23px;
}

.payslip-down-popup .conts div.result .topic {
  font-weight: 700;
  color: #0069b9;
  font-size: 16px;
}

.payslip-down-popup .conts div.result .val {
  font-weight: 700;
  color: #0069b9;
  font-size: 16px;
}

#container.payroll-add-employee > .contents > .form-wrap .box-wrap {
  position: relative;
}

#container.payroll-add-employee > .contents > .form-wrap .box-wrap.active {
  border: 1px solid #eceff1;
  background-color: #ebf7ff4d;
  cursor: default;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap.active
  h3.modify
  .txt {
  display: none;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap.active
  #table-form-wrap
  tbody
  tr
  td {
  background-color: #fff;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap.active
  #table-form-wrap
  tbody
  tr
  td
  .txt {
  display: none;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap
  #table-form-wrap
  tbody
  tr
  td.off {
  display: none;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap.active
  #table-form-wrap
  tbody
  tr
  td.off {
  width: 3%;
  display: table-cell;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap.active
  #table-form-wrap
  thead
  tr
  th.off {
  width: 3%;
  display: table-cell;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap
  #table-form-wrap
  thead
  tr
  th.off {
  display: none;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap
  ul.form-ul
  > li
  .txt {
  display: none;
}

#container.payroll-add-employee > .contents > .form-wrap .box-wrap > .edit {
  display: none;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap
  div.select-box-default-st
  input.selectValue {
  background-color: #fff;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap
  > .edit:before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background: url(images/common/svg/menu-icon-edit.svg) no-repeat center
    top/18px auto;
}

#container.payroll-add-employee > .contents > .form-wrap .box-wrap .hide-btn {
  padding-left: 130px;
}

#container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide {
  cursor: pointer;
}

#container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide a.hide {
  display: none !important;
}

#container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide .edit {
  position: absolute;
  top: 15px;
  right: 50px;
  display: block;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap.hide
  .hide-btn {
  display: none;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap.hide
  ul.form-ul
  > li
  .txt {
  height: 30px;
  display: flex;
  align-items: center;
  padding-top: 5px;
  box-sizing: border-box;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap.hide
  div.select-box-default-st {
  display: none;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap.hide
  div.input-clear-box {
  display: none;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap.hide
  div.check_btn {
  display: none;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap.hide
  div.add-a-photo {
  display: none;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .box-wrap.hide
  div.hide_conts {
  display: none;
}

#container.payroll-add-employee
  > .contents
  > .form-wrap
  .hide_conts
  input[type="radio"].radioBtn-normal
  + label:after {
  top: 49.5%;
  transform: translateY(-50%) !important;
}

/* Updated by 개발팀 */
#ly-link-example {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}

#ly-link-example > p {
  width: 100%;
  padding-bottom: 15px;
}

#ly-link-example > a {
  background-color: #ddd;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 10px 5px 0 0;
}

#ly-link-example > a:hover {
  color: #fff;
  background-color: #333;
}

/* Updated by 개발팀 */
#header .gnb-wrap ul.menu-area li a.icon-svg-gnb.sale:before {
  background-size: 26px auto;
}

#header .gnb-wrap ul.menu-area li a.icon-svg-gnb.expenses:before {
  background-size: 26px auto;
}

#header .gnb-wrap ul.menu-area li a.icon-svg-gnb.sale:before {
  background-image: url("images/common/haeder_sale.png");
}

#header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.sale:before {
  background-image: url("images/common/haeder_sale_on.png");
}

#header .gnb-wrap ul.menu-area li a.icon-svg-gnb.expenses:before {
  background-image: url("images/common/haeder_expenses.png");
}

#header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.expenses:before {
  background-image: url("images/common/haeder_expenses_on.png");
}

/* Updated by 개발팀 */
/*layerCont CHANGE PASSWORD */
.layerCont.change-password #btn-wrap-default {
  border: none;
}

.layerCont.change-password .layerPopupWrap .item-table li .required {
  font-size: 14px;
  margin-bottom: 10px;
  color: #000;
  font-weight: 500;
}

.layerCont.change-password .layerPopupWrap .item-table li + li {
  margin-top: 15px;
}

/* Updated by 개발팀 */
#left-menu-wrap > ul > li > a.icon-svg-setting {
  background-image: url("images/common/svg/icon-setting.svg");
  position: absolute;
  right: 5px;
  top: 16px;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
}

#left-menu-wrap > ul > li > a i {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translate(0, -50%);
  width: 15px;
  height: 15px;
  margin-left: 7px;
}

#left-menu-wrap > ul > li > a i.new {
  background: url("images/common/icon_new.png") no-repeat center center/contain;
}

/* Updated by 개발팀 */
#left-menu-wrap > div.division {
  position: relative;
  margin-top: 60px;
}

/* Updated by 개발팀 */
/* #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.payroll:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 29.6' style='enable-background:new 0 0 30 29.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230169B9;%7D .st1%7Bfill:%23F5BB1E;%7D%0A%3C/style%3E%3Cg id='그룹_1895' transform='translate(0.286 0.002)'%3E%3Cpath id='빼기_10' class='st0' d='M23.6,26.8h-18c-1.7,0-3-1.3-3-3v-18c0-1.7,1.3-3,3-3h21v2h-21c-0.6,0-1,0.4-1,1v18 c0,0.6,0.4,1,1,1h18c0.6,0,1-0.4,1-1v-5h2v5C26.6,25.5,25.2,26.8,23.6,26.8z'/%3E%3Crect id='사각형_1712' x='3.6' y='14.8' class='st0' width='10' height='2'/%3E%3Crect id='사각형_1713' x='19.6' y='14.8' class='st1' width='7' height='2'/%3E%3Crect id='사각형_1715' x='15.6' y='8.8' class='st1' width='7' height='2'/%3E%3Cpath id='사각형_1714' class='st0' d='M7.6,6.8h4c0.6,0,1,0.4,1,1v4c0,0.6-0.4,1-1,1h-4c-0.6,0-1-0.4-1-1v-4 C6.6,7.3,7,6.8,7.6,6.8z'/%3E%3Cpath id='다각형_1' class='st1' d='M15.9,15.8l5-3.5v7L15.9,15.8z'/%3E%3Cpath id='다각형_2' class='st1' d='M26.9,9.8l-5,3.5v-7L26.9,9.8z'/%3E%3C/g%3E%3C/svg%3E");}
	
	Updated by 개발팀
	#header .gnb-wrap ul.menu-area li a.icon-svg-gnb.payroll:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 29.6' style='enable-background:new 0 0 30 29.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23F5BB1E;%7D%0A%3C/style%3E%3Cg id='그룹_1895' transform='translate(0.286 0.002)'%3E%3Cpath id='빼기_10' class='st0' d='M23.6,26.8h-18c-1.7,0-3-1.3-3-3v-18c0-1.7,1.3-3,3-3h21v2h-21c-0.6,0-1,0.4-1,1v18 c0,0.6,0.4,1,1,1h18c0.6,0,1-0.4,1-1v-5h2v5C26.6,25.5,25.2,26.8,23.6,26.8z'/%3E%3Crect id='사각형_1712' x='3.6' y='14.8' class='st0' width='10' height='2'/%3E%3Crect id='사각형_1713' x='19.6' y='14.8' class='st1' width='7' height='2'/%3E%3Crect id='사각형_1715' x='15.6' y='8.8' class='st1' width='7' height='2'/%3E%3Cpath id='사각형_1714' class='st0' d='M7.6,6.8h4c0.6,0,1,0.4,1,1v4c0,0.6-0.4,1-1,1h-4c-0.6,0-1-0.4-1-1v-4 C6.6,7.3,7,6.8,7.6,6.8z'/%3E%3Cpath id='다각형_1' class='st1' d='M15.9,15.8l5-3.5v7L15.9,15.8z'/%3E%3Cpath id='다각형_2' class='st1' d='M26.9,9.8l-5,3.5v-7L26.9,9.8z'/%3E%3C/g%3E%3C/svg%3E");}
	 */
/* Updated by 개발팀 */
/* View e-Invoice Details */
.layerCont.e-invoice-details .layerPopupWrap {
  margin: 0 15px 15px;
}

.layerCont.e-invoice-details #layerPopup-contsBox {
  overflow-y: auto;
  height: 650px;
}

.layerCont.e-invoice-details .invoice-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.layerCont.e-invoice-details .invoice-btn > a + a {
  margin-left: 5px;
}

.layerCont.e-invoice-details #btn-wrap-default {
  position: absolute;
  right: 7px;
  bottom: -4px;
  padding: 19;
  border: none;
}

/* Updated by 개발팀 */
.layerCont > div#layerCont > .cBlue {
  color: #0069b9;
  font-size: 15px;
}

.layerCont > div#layerCont > .cBlue span {
  font-size: 11px;
  color: #666666;
  margin-left: 18px;
  font-weight: 400;
}

/* Updated by 개발팀 */
/* REPAID FROM CASH ADVANCES */
.layerCont.repaid-from-cash-advances #layerPopup-contsBox div.infor-box {
  width: 100%;
  background-color: #fafafa;
  padding: 15px;
  border-radius: 5px;
}

.layerCont.repaid-from-cash-advances #layerPopup-contsBox ul.item-table {
}

.layerCont.repaid-from-cash-advances #layerPopup-contsBox ul.item-table > li {
  display: flex;
  align-items: center;
}

.layerCont.repaid-from-cash-advances
  #layerPopup-contsBox
  ul.item-table
  > li
  + li {
  margin-top: 10px;
}

.layerCont.repaid-from-cash-advances
  #layerPopup-contsBox
  ul.item-table
  > li
  > div:first-child {
  position: relative;
  width: 150px;
}

.layerCont.repaid-from-cash-advances
  #layerPopup-contsBox
  ul.item-table
  > li
  > div:last-child {
  width: calc(100% - 150px);
}

/* Updated by 개발팀 */
.ticker-layer-infor.menuRight {
  top: 0;
  left: calc(100% + 5px);
  right: auto;
}

.ticker-layer-infor.menuRight:after {
  top: 10px;
  left: -4px;
  right: auto;
}

.ticker-layer-infor.fileRight {
  top: 0;
  left: 135px;
  right: auto;
}

.ticker-layer-infor.fileRight:after {
  top: 10px;
  left: -4px;
  right: auto;
}

.ticker-layer-infor.dark {
  background-color: #494949;
  border-color: #494949;
}

.ticker-layer-infor.dark:after {
  background-color: #494949;
  border-color: #494949;
}

.ticker-layer-infor.dark .conts {
  color: #fff;
}

/* Updated by 개발팀 */
.hiddenDivTwoDate > .pop_cal_filter {
  display: flex;
  margin-top: 15px;
}

.hiddenDivTwoDate > .pop_cal_filter > div.tooltips {
  position: relative;
}

.hiddenDivTwoDate > .pop_cal_filter > div.tooltips > a.tooltips {
  display: block;
  width: 18px;
  height: 18px;
  background: url("images/common/svg/icon-exclamation-blue.svg") no-repeat
    center center/18px auto;
  margin-left: 5px;
}

.hiddenDivTwoDate
  > .pop_cal_filter
  > div.tooltips
  > div.ticker-layer-infors.top {
  top: auto;
  bottom: calc(100% + 5px);
  text-align: center;
}

.hiddenDivTwoDate > .pop_cal_filter > div.tooltips > div.ticker-layer-infors {
  display: none;
  position: absolute;
  left: 0px;
  min-width: 260px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  padding: 8px;
  z-index: 2;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

/* Updated by 개발팀 */
#table-form-wrap.fullline table thead tr th:nth-child(n + 2) {
  border-left: 1px solid #eceff1;
}

#table-form-wrap.fullline table tbody tr td:nth-child(n + 2) {
  border-left: 1px solid #eceff1;
}

#table-form-wrap.fullline table tbody tr td.nonline {
  border-left: 0;
}

/* Updated by 개발팀 */
/* CALENDAR :: Style */
.calendar-wrap {
}

.calendar-wrap input[type="text"] {
  width: 120px;
  padding: 8px 30px 8px 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M19.75,16H16v3.75h3.75ZM19,7.75v1.5H13V7.75H11.5v1.5h-.75a1.49,1.49,0,0,0-1.49,1.49h0v10.5a1.5,1.5,0,0,0,1.5,1.5h10.5a1.5,1.5,0,0,0,1.5-1.5h0V10.75a1.5,1.5,0,0,0-1.5-1.5H20.5V7.75Zm2.25,13.5H10.75V13h10.5Z'/%3E%3C/svg%3E")
    no-repeat right center/30px 30px;
}

.calendar-wrap input[type="text"].birthdate {
  width: 160px;
}

.ui-widget.ui-widget-content {
  border: 1px solid #e0e0e0;
}

/* Updated by 개발팀 */
#table-list-wrap.hoverCBlue
  table
  tbody
  tr
  td.table-tbody-list
  > div
  table
  tbody
  tr:hover
  td {
  color: #0069b9 !important;
}

#table-list-wrap.hoverCBlue
  table
  tbody
  tr
  td.table-tbody-list
  > div
  table
  tbody
  tr {
  border-bottom: none;
}

#table-list-wrap table tbody tr td.last-update .update > div {
  position: relative;
  width: 18px;
  height: 18px;
}

#table-list-wrap table tbody tr td.last-update .update > div.down {
  width: 28px;
  height: 28px;
}

#table-list-wrap table tbody tr td.last-update .update > div.down a:before {
  background-size: 20px 20px;
}

/* Updated by 개발팀 */
/* #table-list-wrap table tbody tr td.yellow-bg {background-color:#FFFEDB;} */
#table-list-wrap table tbody tr td .yellow-bg {
  background-color: #fffedb !important;
}

#table-list-wrap table tbody tr th {
  background-color: #fafafa;
}

#table-list-wrap table tbody tr td {
  color: #494949;
  padding: 5px 5px;
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#table-list-wrap table tbody tr td.detail-conts {
  position: relative;
  overflow: visible !important;
}

#table-list-wrap table tbody tr td.over > p:hover {
  color: #0069b9 !important;
}

#table-list-wrap table tbody tr td.td-tooltip {
  overflow: visible;
}

/* Updated by 개발팀 */
/* Scroll Bar Custom */
.scroll-bar-custom::-webkit-scrollbar {
  width: 5px;
  background-color: rgba(225, 225, 225, 1);
  border-radius: 3px;
  /* 스크롤바의 너비 */
}

/* Updated by 개발팀 */
/* BTN-WRAP-DEFAULT :: Style */
#btn-wrap-default .btn-area {
  display: flex;
  align-items: center;
}

#btn-wrap-default .btn-area a + a {
  margin-left: 5px;
}

#btn-wrap-default.spw {
  justify-content: space-between !important;
}

/* Updated by 개발팀 */
/* Checkbox & Radio :: Style */
input[type="checkbox"].checkBox-normal + label {
  display: flex;
  align-items: center;
  min-width: 50px;
  position: relative;
  color: #5b5d5d;
  font-weight: 600;
}

input[type="checkbox"].checkBox-normal + label:before {
  content: "";
  display: inline-block;
  width: 17px !important;
  height: 17px !important;
  border: 2px solid #494949;
  border-radius: 3px;
  overflow: hidden;
  margin-right: 5px;
}

input[type="checkbox"].checkBox-normal + label.disabled:before {
  opacity: 0.5;
  background-color: #c3c3c3;
  border-color: #bfbfbf;
}

input[type="checkbox"].checkBox-normal:checked + label:before {
  border-color: #0069b9;
  background: #0069b9 url("images/common/svg/check_on.svg") no-repeat center
    center/17px auto;
}

input[type="checkbox"].checkBox-normal + label.solo:before {
  margin-right: 0;
}

/* Updated by 개발팀 */
#append_popup {
  display: none;
  position: absolute;
  min-width: 153px;
  max-width: 153px;
  z-index: 10;
  font-size: 14px;
}

#append_popup .select-box-option {
  padding: 2px 4px;
  margin-bottom: 4px;
  border-radius: 5px;
  overflow: hidden scroll;
  width: 100%;
  max-height: 150px;
  height: auto;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  white-space: nowrap;
}

#append_popup .select-box-option li {
  width: 100%;
  height: auto;
  border-bottom: 0;
  padding: 6px 2px;
  cursor: pointer;
  white-space: nowrap;
}

#append_popup .select-box-option li:hover {
  background-color: #fafafa;
}

/* Updated by 개발팀 */
/* INPUT :: 검색어 입력시 'X'박스 모두 적용을 위해 추가적용 */
.input-clear-box {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.input-clear-box.tooltip {
  overflow: visible;
}

/* Updated by 개발팀 */
/* INPUT :: type=search  -> 검색어 입력시 'X'박스 */
.inputSearchWrap .select-box-default-st.active {
  width: calc(100% - 0px);
  left: 0;
  transform: translate(0, 0);
  overflow: initial;
}

.inputSearchWrap .select-box-default-st.actives {
  width: calc(100% - 0px);
  left: 0;
  transform: translate(0, 0);
  overflow: initial;
}

/* Updated by 개발팀 */
/* INPUT :: Style */
input.tar::-webkit-input-placeholder {
  text-align: right !important;
}

input.tar::-moz-placeholder {
  text-align: right !important;
}

input.tar:-ms-input-placeholder {
  text-align: right !important;
}

input.tar:-moz-placeholder {
  text-align: right !important;
}

input.tar::placeholder {
  text-align: right !important;
}

/* Updated by 개발팀 */
div.select-form-default-st a.filterOpt:before {
  content: "";
  width: 32px;
  height: 32px;
  background: url("images/common/svg/icon_filter.svg") no-repeat center
    center/18px auto;
}

div.select-form-default-st a.filterOpt {
  position: relative;
  display: flex;
  align-items: center;
  min-width: auto;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #e0e0e0;
  padding: 0 10px 0 0;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
}

div.select-form-default-st.on a.filterOpt {
  border-color: #494949;
  outline: none;
}

/* Updated by 개발팀 */
/* Select :: Style */
/* default */
div.select-box-default-st.wd-100p {
  width: 100%;
}

div.select-box-default-st.wd-100p input.selectValue {
  width: 100%;
}

div.select-box-default-st ul.select-box-option {
  border-radius: 5px;
  overflow: hidden scroll;
  width: 100%;
  max-height: 195px;
  height: auto;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.035);
}

/* Updated by 개발팀 */
/* 기타아이콘 :: 블루배경, 화이트 */
.icon-svg.other:before {
  width: 34px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='btn_collapse_normal' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 32' style='enable-background:new 0 0 36 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23494949;%7D%0A%3C/style%3E%3Cg%3E%3Cg id='마스크_그룹_40' transform='translate(-761 -372)'%3E%3Cg id='more_vert_black_24dp' transform='translate(767 378)'%3E%3Cpath id='패스_1117' class='st0' d='M-4-6h32v32H-4V-6z'/%3E%3Cpath id='패스_1118' class='st1' d='M17.3,10c0,0.9,0.7,1.7,1.7,1.7c0.9,0,1.7-0.7,1.7-1.7c0-0.9-0.7-1.7-1.7-1.7l0,0 C18.1,8.3,17.3,9.1,17.3,10z M13.7,10c0-0.9-0.7-1.7-1.7-1.7c-0.9,0-1.7,0.7-1.7,1.7s0.7,1.7,1.7,1.7c0,0,0,0,0,0 C12.9,11.7,13.7,10.9,13.7,10L13.7,10z M6.7,10c0-0.9-0.7-1.7-1.7-1.7c-0.9,0-1.7,0.7-1.7,1.7s0.7,1.7,1.7,1.7c0,0,0,0,0,0 C5.9,11.7,6.7,10.9,6.7,10L6.7,10z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.icon-svg.addition:before {
  background-image: url("images/common/icon-addition.png");
  background-size: 23px 17px;
}

.icon-svg.white.download:before {
  background-image: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e %3c!-- Generator: Adobe Illustrator 26.5.0%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e %3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48%3b' xml:space='preserve'%3e%3cstyle type='text/css'%3e.st0%7bfill:white%3b%7d%3c/style%3e%3cpath class='st0' d='M6.8%2c44.7c-1.1%2c0-2-0.4-2.8-1.2s-1.2-1.7-1.2-2.8V7.2c0-1.1%2c0.4-2%2c1.2-2.8s1.7-1.2%2c2.8-1.2h17l12.4%2c12.4v10.8 h-4v-8.3h-11v-11H6.8v33.5h21.9v4H6.8V44.7z M6.8%2c40.8V7.2V40.8z M38.8%2c44.7l-8-8l2.8-2.9l3.2%2c3.2v-8.4h4V37l3.2-3.2l2.8%2c2.8 L38.8%2c44.7z'/%3e%3c/svg%3e");
  scale: 0.65 !important;
}

/* 기타아이콘 "" 그레이2배경, 블랙 */
.icon-svg.add.gray:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.17,16.86H16.86v4.31A.86.86,0,0,1,16,22a.87.87,0,0,1-.83-.83V16.86H10.83A.86.86,0,0,1,10,16a.87.87,0,0,1,.83-.83h4.31V10.83A.86.86,0,0,1,16,10a.87.87,0,0,1,.83.83v4.31h4.31A.86.86,0,0,1,22,16a.87.87,0,0,1-.83.83Z'/%3E%3C/svg%3E");
}

.icon-svg.minus.gray:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.17,16.86H10.83A.86.86,0,0,1,10,16a.87.87,0,0,1,.83-.83H21.17A.86.86,0,0,1,22,16a.87.87,0,0,1-.83.83Z'/%3E%3C/svg%3E");
}

/* Updated by 개발팀 */
/* Secondary */
/*a.btn-st.secondary {display:inline-block;position:absolute;left:50%;top:50%;text-indent:99999px; width: 24px;height: 24px;padding: 0; background: url(images/common/svg/icon-text-delete.svg) no-repeat center center/20px auto;transform:translate(-50%,-50%)rotate(45deg);border: none;cursor: pointer;}*/
a.btn-st.secondary {
  display: inline-block;
  min-width: 97px;
  height: 32px;
  color: #0069b9 !important;
  font-size: 1.15rem;
  line-height: 30px;
  font-weight: 600;
  padding: 0 15px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #448dd0;
  border-radius: 5px;
  overflow: hidden;
  outline: none;
}

a.btn-st.secondary:hover {
  color: #0069b9 !important;
  background-color: #deebf7;
  border-color: #448dd0;
}

a.btn-st.secondary:focus {
  color: #0069b9 !important;
  background-color: #deebf7;
  border-color: #0069b9;
}

a.btn-st.secondary:active {
  color: #0069b9 !important;
  background-color: #deebf7;
  border-color: #0069b9;
  box-shadow: inset 1px 1px 4px rgba(0, 71, 125, 0.65);
}

a.btn-st.secondary.disable {
  color: #a6a6a6 !important;
  background-color: #d9d9d9;
  border-color: #bfbfbf;
  box-shadow: none;
  cursor: default;
  opacity: 0.5;
}

/* Updated by 개발팀 */
.input-pass-box .btnInputEyeOn {
  position: absolute;
  bottom: 3px;
  right: 8px;
  /*transform:translate(0,-50%);*/
  width: 24px;
  height: 24px;
  padding: 0;
  background: url("images/common/eye_visable.png") no-repeat center center/18px
    auto;
  border: none;
  /* cursor:pointer; */
}

.input-pass-box .btnInputEyeOff {
  position: absolute;
  bottom: 3px;
  right: 8px;
  /*transform:translate(0,-50%);*/
  width: 24px;
  height: 24px;
  padding: 0;
  background: url("images/common/eye_invisible.png") no-repeat center
    center/18px auto;
  border: none;
  /* cursor:pointer; */
}

label.unit {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -48%);
  font-size: 13px;
  font-weight: 500;
  color: #0069b9;
}

/* #37672 */
[data-progress]::after {
  padding: 0 0px;
}

/* Updated by 개발팀 */
#table-list-wrap table thead {
  background-color: #e9e9e9;
}

#table-form-wrap table thead {
  background-color: #e9e9e9;
}

div.disabled,
p.disabled,
span.disabled,
ul.disabled,
li.disabled,
input.disabled,
textarea.disabled {
  border-color: #e0e0e0 !important;
  background-color: #f5f5f5 !important;
  opacity: 0.65 !important;
  color: #575757;
}

.layerCont.adavances-statement .statement .table > dl > dt {
  width: 90px;
  padding: 12px 9px;
  color: #757575;
  font-size: 13px;
  font-weight: 700;
  background-color: #e9e9e9;
}

.layerCont.adavances-request .request .table > dl > dt {
  width: 90px;
  padding: 12px 9px;
  color: #757575;
  font-size: 13px;
  font-weight: 700;
  background-color: #e9e9e9;
}

.layerCont.adavances-request .request .table > div.col2 > ul li:first-child {
  width: 90px;
  padding: 12px 9px;
  color: #757575;
  font-size: 13px;
  font-weight: 700;
  background-color: #e9e9e9;
}

.layerCont.adavances-request .request .table-col2 > dl > dt {
  padding: 10px 6px;
  color: #757575;
  font-size: 13px;
  font-weight: 700;
  background-color: #e9e9e9;
  width: 250px;
}

.layerCont.approval-details .approval .table > dl > dt {
  width: 90px;
  padding: 12px 9px;
  color: #757575;
  font-size: 13px;
  font-weight: 700;
  background-color: #e9e9e9;
}

.layerCont.approval-details .approval .table > div.col2 > ul li:first-child {
  width: 90px;
  padding: 12px 9px;
  color: #757575;
  font-size: 13px;
  font-weight: 700;
  background-color: #e9e9e9;
}

.layerCont.approval-details .approval .table-col2 > dl > dt {
  padding: 10px 6px;
  color: #757575;
  font-size: 13px;
  font-weight: 700;
  background-color: #e9e9e9;
  width: 250px;
}

#header .util-wrap .infor-area .language-wrap .conts a {
  font-weight: 500;
  display: block;
  padding: 7px 10px;
  width: 100px;
  text-align: left;
}

#header .util-wrap .myinfor-area > .mypageLayPop .items .langPop ul li a {
  font-weight: 500;
  display: block;
  padding: 7px 10px;
  width: 100px;
  text-align: left;
}

#left-menu-wrap > ul > li > ul.submenu li.active > a {
  background-color: #e9e9e9;
  font-weight: 600;
  color: #494949;
}

#container
  > .contents
  .formList-wrap
  .form-cont
  > .title
  .topic
  .exclamationWrap
  .titlePopup {
  z-index: 999;
  position: absolute;
  left: calc(100% + 10px);
  top: 0;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  padding: 15px;
  min-width: 310px;
}

.input-clear-box input:not([type="submit"]) {
  padding-right: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 5px;
}

#pagging-wrap .select-box-default-st div.select-wrap {
  top: -460%;
  position: absolute;
}

/* Updated by 개발팀 */
/* 20230614  */
.layerCont.new-invoice
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary {
  width: 340px;
  border: 1px solid #e0e0e0;
  background-color: #fafafa;
  padding: 15px;
  border-radius: 5px;
}

.layerCont.new-invoice
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p {
  display: flex;
  justify-content: space-between;
  color: #1b1b1b;
  font-weight: 600;
  text-align: right;
  font-size: 14px;
}

.layerCont.new-invoice
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p.subtotal {
  color: #1b1b1b;
  font-weight: 600;
}

.layerCont.new-invoice
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p.total {
  color: #1b1b1b;
  font-weight: 600;
  font-size: 18px;
  margin-top: 20px;
}

.layerCont.new-invoice
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p
  > span {
  color: #1b1b1b;
  font-weight: 600;
  min-width: 100px;
  margin-right: 20px;
  white-space: nowrap;
}

.layerCont.bill-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p
  > span {
  color: #1b1b1b;
  font-weight: 600;
  min-width: 100px;
  margin-right: 20px;
  white-space: nowrap;
}

.layerCont.invoice-details
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p {
  display: flex;
  justify-content: space-between;
  color: #1b1b1b;
  text-align: right;
  font-weight: 600;
}

.layerCont.bill-details
  #layerPopup-contsBox
  .invoice-foot
  div.right
  .invoice-summary
  p {
  display: flex;
  justify-content: space-between;
  color: #1b1b1b;
  text-align: right;
  font-weight: 600;
}

.layerCont.new-bill
  #layerPopup-contsBox
  .bill-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p
  > span {
  color: #1b1b1b;
  min-width: 100px;
  margin-right: 20px;
  white-space: nowrap;
  font-weight: 600;
}

.layerCont.new-bill
  #layerPopup-contsBox
  .bill-foot
  div.right
  .invoice-summary
  p {
  display: flex;
  justify-content: space-between;
  color: #1b1b1b;
  text-align: right;
  font-weight: 600;
}

.layerCont.invoice-details
  #layerPopup-contsBox
  .invoice-division-box
  > div.right
  > div.tax-infor-box
  > div
  > div
  > p
  > span {
  color: #1b1b1b;
  min-width: 100px;
  margin-right: 20px;
  white-space: nowrap;
  font-weight: 600;
}

/* Updated by 개발팀 */
/* 20230615  */
.inputSearchWrap .input-Search-box.select-search .select-list-box {
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.05);
  border: 1px solid #eceff1;
  border-radius: 5px;
  background-color: #fff;
  width: 100%;
}

.inputSearchWrap .input-Search-box.select-search .select-list-box ul {
  height: auto;
  max-height: 195px !important;
  width: 100%;
  overflow: hidden scroll;
}

/* Updated by 개발팀 */
/* 37710 */
/* CREDIT CONFIRMATION OTHERS UNDO */
.layerCont.credit-confirmation-others-undo #layerPopup-contsBox div.infor-box {
  width: 100%;
  background-color: #fafafa;
  padding: 15px;
  border-radius: 5px;
}

.layerCont.credit-confirmation-others-undo #layerPopup-contsBox ul.item-table {
}

.layerCont.credit-confirmation-others-undo
  #layerPopup-contsBox
  ul.item-table
  > li {
  display: flex;
  align-items: center;
}

.layerCont.credit-confirmation-others-undo
  #layerPopup-contsBox
  ul.item-table
  > li
  + li {
  margin-top: 10px;
}

.layerCont.credit-confirmation-others-undo
  #layerPopup-contsBox
  ul.item-table
  > li
  > div:first-child {
  position: relative;
  width: 150px;
}

.layerCont.credit-confirmation-others-undo
  #layerPopup-contsBox
  ul.item-table
  > li
  > div:last-child {
  width: calc(100% - 150px);
}

/* Updated by 개발팀 */
/* 37742 */
/* SIMPLE DEBIT COMFIRMATION */
.layerCont.simple-dibit-comfirmation {
}

.layerCont.simple-dibit-comfirmation #layerPopup-contsBox div.infor-box {
  width: 100%;
  background-color: #fafafa;
  padding: 15px;
  border-radius: 5px;
}

.layerCont.simple-dibit-comfirmation .serch-table {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.layerCont.simple-dibit-comfirmation .serch-table div.left {
  display: flex;
  align-items: center;
}

.layerCont.simple-dibit-comfirmation .serch-table div.left span {
  display: inline-block;
}

.layerCont.simple-dibit-comfirmation .serch-table div.left span + span {
  margin-left: 7px;
}

.layerCont.simple-dibit-comfirmation .serch-table div.left .txt {
  color: #999;
}

.layerCont.simple-dibit-comfirmation .serch-table div.left .subj {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.layerCont.simple-dibit-comfirmation .serch-table div.right {
  display: flex;
  align-items: center;
}

.layerCont.simple-dibit-comfirmation .serch-table div.right > div {
  margin: 0 3px;
}

.layerCont.simple-dibit-comfirmation .serch-table div.right > div.setting-wrap {
  position: relative;
}

.layerCont.simple-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 360px;
  border: 1px solid #eceff1;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  z-index: 1;
}

.layerCont.simple-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > .conts {
  padding: 10px;
}

.layerCont.simple-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > .conts
  p.tit {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.layerCont.simple-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > .conts
  p.cont {
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}

.layerCont.simple-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > .conts
  input[type="range"] {
  width: 100%;
  margin: 10px 0;
  background: red;
}

.layerCont.simple-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > .conts
  .range_val {
  display: flex;
  justify-content: space-between;
}

.layerCont.simple-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > #btn-wrap-default {
  padding: 7px 5px;
}

.layerCont.simple-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > #btn-wrap-default
  > a {
  font-size: 13px;
}

.layerCont.simple-dibit-comfirmation #table-list-wrap {
  margin-top: 10px;
}

.layerCont.simple-dibit-comfirmation
  #table-list-wrap
  .table-tbody-list
  table
  tbody
  tr
  td
  a.confirm {
  color: #fff;
  font-weight: 600;
  background-color: #0069b9;
  padding: 5px 10px;
  border-radius: 5px;
}

/* SIMPLE DEBIT COMFIRMATION :: CONFIRM */
.layerCont.simple-dibit-comfirmation-confirm {
}

.layerCont.simple-dibit-comfirmation-confirm
  #layerPopup-contsBox
  ul.cont-table
  li {
  display: flex;
}

.layerCont.simple-dibit-comfirmation-confirm
  #layerPopup-contsBox
  ul.cont-table
  li
  > div {
  width: 50%;
  padding: 5px 10px;
}

.layerCont.simple-dibit-comfirmation-confirm
  #layerPopup-contsBox
  ul.cont-table
  li
  > div.left {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.layerCont.simple-dibit-comfirmation-confirm
  #layerPopup-contsBox
  ul.cont-table
  li
  > div.right {
  display: flex;
  align-items: center;
  border-left: 1px solid #eceff1;
}

.layerCont.simple-dibit-comfirmation-confirm
  #layerPopup-contsBox
  ul.cont-table
  li
  > div.right
  > span:nth-child(1) {
  width: 80px;
}

.layerCont.simple-dibit-comfirmation-confirm
  #layerPopup-contsBox
  ul.cont-table
  li
  > div.right
  > span:nth-child(2) {
  width: calc(100% - 80px);
}

/* SIMPLE DEBIT UNDO COMFIRMATION */
.layerCont.simple-undo-dibit-comfirmation {
}

.layerCont.simple-undo-dibit-comfirmation #layerPopup-contsBox div.infor-box {
  width: 100%;
  background-color: #fafafa;
  padding: 15px;
  border-radius: 5px;
}

.layerCont.simple-undo-dibit-comfirmation .serch-table {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.layerCont.simple-undo-dibit-comfirmation .serch-table div.left {
  display: flex;
  align-items: center;
}

.layerCont.simple-undo-dibit-comfirmation .serch-table div.left span {
  display: inline-block;
}

.layerCont.simple-undo-dibit-comfirmation .serch-table div.left span + span {
  margin-left: 7px;
}

.layerCont.simple-undo-dibit-comfirmation .serch-table div.left .txt {
  color: #999;
}

.layerCont.simple-undo-dibit-comfirmation .serch-table div.left .subj {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.layerCont.simple-undo-dibit-comfirmation .serch-table div.right {
  display: flex;
  align-items: center;
}

.layerCont.simple-undo-dibit-comfirmation .serch-table div.right > div {
  margin: 0 3px;
}

.layerCont.simple-undo-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap {
  position: relative;
}

.layerCont.simple-undo-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 360px;
  border: 1px solid #eceff1;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  z-index: 1;
}

.layerCont.simple-undo-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > .conts {
  padding: 10px;
}

.layerCont.simple-undo-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > .conts
  p.tit {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.layerCont.simple-undo-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > .conts
  p.cont {
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}

.layerCont.simple-undo-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > .conts
  input[type="range"] {
  width: 100%;
  margin: 10px 0;
  background: red;
}

.layerCont.simple-undo-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > .conts
  .range_val {
  display: flex;
  justify-content: space-between;
}

.layerCont.simple-undo-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > #btn-wrap-default {
  padding: 7px 5px;
}

.layerCont.simple-undo-dibit-comfirmation
  .serch-table
  div.right
  > div.setting-wrap
  > .setting-popup
  > #btn-wrap-default
  > a {
  font-size: 13px;
}

.layerCont.simple-undo-dibit-comfirmation #table-list-wrap {
  margin-top: 10px;
}

.layerCont.simple-undo-dibit-comfirmation
  #table-list-wrap
  .table-tbody-list
  table
  tbody
  tr
  td
  a.confirm {
  color: #fff;
  font-weight: 600;
  background-color: #0069b9;
  padding: 5px 10px;
  border-radius: 5px;
}

/* SIMPLE DEBIT UNDO COMFIRMATION :: CONFIRM */
.layerCont.simple-undo-debit-comfirmation-confirm {
}

.layerCont.simple-undo-debit-comfirmation-confirm
  #layerPopup-contsBox
  ul.cont-table
  li {
  display: flex;
}

.layerCont.simple-undo-debit-comfirmation-confirm
  #layerPopup-contsBox
  ul.cont-table
  li
  > div {
  width: 50%;
  padding: 5px 10px;
}

.layerCont.simple-undo-debit-comfirmation-confirm
  #layerPopup-contsBox
  ul.cont-table
  li
  > div.left {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.layerCont.simple-undo-debit-comfirmation-confirm
  #layerPopup-contsBox
  ul.cont-table
  li
  > div.right {
  display: flex;
  align-items: center;
  border-left: 1px solid #eceff1;
}

.layerCont.simple-undo-debit-comfirmation-confirm
  #layerPopup-contsBox
  ul.cont-table
  li
  > div.right
  > span:nth-child(1) {
  width: 80px;
}

.layerCont.simple-undo-debit-comfirmation-confirm
  #layerPopup-contsBox
  ul.cont-table
  li
  > div.right
  > span:nth-child(2) {
  width: calc(100% - 80px);
}

/* Updated by 개발팀 */
/* TRANSACTION HISTORY DETAILS */
.layerCont.transaction-history-details #layerPopup-contsBox div.infor-box {
  width: 100%;
  background-color: #fafafa;
  padding: 15px;
  border-radius: 5px;
}

/* CREDIT CONFIRMATION DETAILS */
.layerCont.credit-confirmation-details #layerPopup-contsBox div.infor-box {
  width: 100%;
  background-color: #fafafa;
  padding: 15px;
  border-radius: 5px;
}

/* CASH BOOK TRANSACTION DETAILS */
.layerCont.cash-book-transaction-details #layerPopup-contsBox div.infor-box {
  width: 100%;
  background-color: #fafafa;
  padding: 15px;
  border-radius: 5px;
}

@media only screen and (min-width: 940px) {
  #container > .contents .general-info {
    overflow: auto;
    height: auto;
  }

  #container.szon > .contents .general-info {
    overflow: auto;
    height: 795px;
  }

  #container.trco > .contents .all-general-info > .scroll-box {
    width: 100%;
    height: 695px;
    overflow-y: scroll;
    margin-top: -20px;
  }

  #container.trco > .contents .form-wrap-scroll > .scroll-box {
    width: 100%;
    height: 695px;
    overflow-y: scroll;
    margin-top: -20px;
  }

  #container.szon > .contents .form-wrap > .scroll-box {
    width: 100%;
    height: 755px;
    overflow-y: scroll;
    margin-top: 0px;
  }

  #container.rept > .contents .rept_scroll {
    overflow: auto;
    height: 780px;
  }

  #container.rept > .contents .rept_0002_001_rept_scroll {
    overflow: auto;
    height: 700px;
  }

  #container.rept > .contents .rept_0006_001_rept_scroll {
    overflow: auto;
    height: 700px;
  }

  #container.rept > .contents .rept_0007_001_rept_scroll {
    overflow: auto;
    height: 700px;
  }

  #container.rept > .contents .rept_0003_001_rept_scroll {
    overflow: auto;
    height: 610px;
  }

  #container.rept > .contents .rept_0004_001_rept_scroll {
    overflow: auto;
    height: 610px;
  }

  #container.rept > .contents .rept_0009_001_rept_scroll {
    overflow: auto;
    height: 700px;
  }

  #container.fnsh > .contents #MAINADVANCE {
    overflow: auto;
    height: 700px;
  }

  #container.boards > .contents .post div.card-list-rec {
    width: 100% !important;
    height: auto;
    min-height: 429px !important;
    max-height: 429px !important;
    margin: 20px 10px !important;
    padding: 5px;
    overflow: hidden scroll;
  }
}

@media only screen and (min-width: 1240px) {
  #container > .contents .general-info {
    overflow: auto;
    height: auto;
  }

  #container.szon > .contents .general-info {
    overflow: auto;
    height: 580px;
  }

  #container.trco > .contents .all-general-info > .scroll-box {
    width: 100%;
    height: 500px;
    overflow-y: scroll;
    margin-top: -26px;
  }

  #container.trco > .contents .form-wrap-scroll > .scroll-box {
    width: 100%;
    height: 500px;
    overflow-y: scroll;
    margin-top: -26px;
  }

  #container.szon > .contents .form-wrap > .scroll-box {
    width: 100%;
    height: 600px;
    overflow-y: scroll;
    margin-top: 0px;
  }

  #container.rept > .contents .rept_scroll {
    overflow: auto;
    height: 550px;
  }

  #container.rept > .contents .rept_0002_001_rept_scroll {
    overflow: auto;
    height: 510px;
  }

  #container.rept > .contents .rept_0006_001_rept_scroll {
    overflow: auto;
    height: 500px;
  }

  #container.rept > .contents .rept_0007_001_rept_scroll {
    overflow: auto;
    height: 500px;
  }

  #container.rept > .contents .rept_0003_001_rept_scroll {
    overflow: auto;
    height: 385px;
  }

  #container.rept > .contents .rept_0004_001_rept_scroll {
    overflow: auto;
    height: 385px;
  }

  #container.rept > .contents .rept_0009_001_rept_scroll {
    overflow: auto;
    height: 500px;
  }

  #container.fnsh > .contents #MAINADVANCE {
    overflow: auto;
    height: 510px;
  }

  #container.fnsh > .contents div.scroll {
    height: 500px !important;
    width: 100% !important;
  }

  #container.fnsh > .contents div.scroll div.formList-wrap {
    min-height: 520px !important;
    max-height: 500px !important;
    overflow: hidden scroll;
  }

  #container.boards > .contents .post div.card-list-rec {
    width: 100% !important;
    height: auto;
    min-height: 429px !important;
    max-height: 440px !important;
    margin: 20px 10px !important;
    padding: 5px;
    overflow: hidden scroll;
  }
}

@media only screen and (min-width: 1540px) {
  #container > .contents .general-info {
    overflow: auto;
    height: auto;
  }

  #container.szon > .contents .general-info {
    overflow: auto;
    height: 795px;
  }

  #container.trco > .contents .all-general-info > .scroll-box {
    width: 100%;
    height: 695px;
    overflow-y: scroll;
    margin-top: -20px;
  }

  #container.trco > .contents .form-wrap-scroll > .scroll-box {
    width: 100%;
    height: 695px;
    overflow-y: scroll;
    margin-top: -20px;
  }

  #container.szon > .contents .form-wrap > .scroll-box {
    width: 100%;
    height: 755px;
    overflow-y: scroll;
    margin-top: 0px;
  }

  #container.rept > .contents .rept_scroll {
    overflow: auto;
    height: 780px;
  }

  #container.rept > .contents .rept_0002_001_rept_scroll {
    overflow: auto;
    height: 700px;
  }

  #container.rept > .contents .rept_0006_001_rept_scroll {
    overflow: auto;
    height: 700px;
  }

  #container.rept > .contents .rept_0007_001_rept_scroll {
    overflow: auto;
    height: 700px;
  }

  #container.rept > .contents .rept_0003_001_rept_scroll {
    overflow: auto;
    height: 610px;
  }

  #container.rept > .contents .rept_0004_001_rept_scroll {
    overflow: auto;
    height: 610px;
  }

  #container.rept > .contents .rept_0009_001_rept_scroll {
    overflow: auto;
    height: 700px;
  }

  #container.fnsh > .contents #MAINADVANCE {
    overflow: auto;
    height: 700px;
  }

  #container.fnsh > .contents div.scroll {
    height: 500px !important;
    width: 100% !important;
  }

  #container.fnsh > .contents div.scroll div.formList-wrap {
    min-height: 520px !important;
    max-height: 650px !important;
    width: 100% !important;
    overflow: hidden scroll;
  }

  #container.boards > .contents .post div.card-list-rec {
    width: 100% !important;
    height: auto;
    min-height: 580px !important;
    max-height: 580px !important;
    margin: 20px 10px !important;
    padding: 5px;
    overflow: hidden scroll;
  }
}

@media only screen and (max-width: 940px) {
  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-contacts
    table#table-view
    tbody
    tr
    td#acc_name
    img.newBadge {
    margin-left: 170px;
  }
}

@media only screen and (min-width: 940px) {
  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list[name="RECEIPTS"]
    .not-found-on,
  .not-found-on {
    margin: 96px 0;
    text-align: center;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list[name="RECEIPTS"]
    .not-found-off,
  .not-found-off {
    margin: 160px 0;
    text-align: center;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup {
    max-height: 480px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-item {
    max-height: 442px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup-pay {
    max-height: 405px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard {
    max-height: 187px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-banking {
    max-height: 187px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-receipt {
    max-height: 187px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cusm {
    max-height: 187px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book_v2 {
    max-height: 125px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book {
    max-height: 240px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-advances {
    max-height: 240px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 {
    max-height: 390px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts {
    max-height: 323px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report {
    max-height: 400px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Business-Status {
    max-height: 230px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Sales-Ledger {
    max-height: 245px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Expense-Ledger {
    max-height: 245px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Receivables {
    max-height: 280px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Payables {
    max-height: 280px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-row-15-report-Profit-Loss {
    max-height: 280px !important;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-admin {
    max-height: 400px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main {
    max-height: 323px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-banking {
    max-height: 323px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-receipt {
    max-height: 323px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub {
    max-height: 350px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-contacts
    table#table-view
    tbody
    tr
    td#acc_name
    img.newBadge {
    margin-left: 173.45px;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-popup
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 480px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-item
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 442px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-popup-pay
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 405px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 187px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-banking
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 187px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-receipt
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 187px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cusm
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 280px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book_v2
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 125px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 240px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-advances
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 240px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 390px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-contacts
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 323px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 400px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-admin
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 400px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 323px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-banking
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 323px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-receipt
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 323px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-sub
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 350px !important;
  }

  /* https://flow.team/l/PSewo */
  .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox {
    height: auto !important;
    max-height: 580px !important;
  }
}

@media only screen and (min-width: 1240px) {
  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list[name="RECEIPTS"]
    .not-found-on,
  .not-found-on {
    margin: 96px 0;
    text-align: center;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list[name="RECEIPTS"]
    .not-found-off,
  .not-found-off {
    margin: 160px 0;
    text-align: center;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup {
    max-height: 480px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-item {
    max-height: 442px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup-pay {
    max-height: 405px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard {
    max-height: 195px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-banking {
    max-height: 235px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-receipt {
    max-height: 235px !important;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cusm {
    max-height: 250px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book_v2 {
    max-height: 125px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book {
    max-height: 260px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book
    tfoot#not-found {
    height: 500px;
    text-align: center;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-advances {
    max-height: 360px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 {
    max-height: 380px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts {
    max-height: 397px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report {
    max-height: 420px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Business-Status {
    max-height: 230px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Sales-Ledger {
    max-height: 245px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Expense-Ledger {
    max-height: 245px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Receivables {
    max-height: 280px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Payables {
    max-height: 280px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Profit-Loss {
    max-height: 280px !important;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-admin {
    max-height: 420px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main {
    max-height: 330px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-banking {
    max-height: 370px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-receipt {
    max-height: 370px !important;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub {
    max-height: 330px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-contacts
    table#table-view
    tbody
    tr
    td#acc_name
    img.newBadge {
    margin-left: 176px;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-popup
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 480px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-item
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 442px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-popup-pay
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 405px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 195px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-banking
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 235px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-receipt
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 235px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 330px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-banking
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 370px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-receipt
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 370px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cusm
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 250px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book_v2
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 125px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 260px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-advances
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 360px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 380px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-contacts
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 397px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 420px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-admin
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 420px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-sub
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 330px !important;
  }

  /* https://flow.team/l/PSewo */
  .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox {
    height: auto !important;
    max-height: 580px !important;
  }
}

@media only screen and (min-width: 1540px) {
  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list[name="RECEIPTS"]
    .not-found-on,
  .not-found-on {
    margin: 200px 0;
    text-align: center;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list[name="RECEIPTS"]
    .not-found-off,
  .not-found-off {
    margin: 270px 0;
    text-align: center;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup {
    max-height: 490px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-item {
    max-height: 445px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup-pay {
    max-height: 406px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard {
    max-height: 395px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-banking {
    max-height: 395px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-receipt {
    max-height: 395px !important;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cusm {
    max-height: 482px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book_v2 {
    max-height: 320px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book {
    max-height: 400px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book
    tfoot#not-found {
    height: 500px;
    text-align: center;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-advances {
    max-height: 540px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 {
    max-height: 600px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts {
    max-height: 620px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report {
    max-height: 620px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Business-Status {
    max-height: 430px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Sales-Ledger {
    max-height: 465px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Expense-Ledger {
    max-height: 465px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Receivables {
    max-height: 480px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Payables {
    max-height: 480px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report-Profit-Loss {
    max-height: 480px !important;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-admin {
    max-height: 620px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main {
    max-height: 535px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-banking {
    max-height: 535px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-receipt {
    max-height: 535px !important;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub {
    max-height: 580px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-contacts
    table#table-view
    tbody
    tr
    td#acc_name
    img.newBadge {
    margin-left: 189.45px;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-popup
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 490px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-item
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 445px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-popup-pay
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 406px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 395px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-banking
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 395px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-receipt
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 395px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cusm
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 482px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book_v2
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 320px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 400px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book
    tfoot#not-found
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    height: 500px;
    text-align: center;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-advances
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 540px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 600px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-contacts
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 620px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 620px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-admin
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 620px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 535px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-banking
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 535px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-receipt
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 535px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-sub
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 580px !important;
  }

  .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox {
    height: auto !important;
    max-height: 710px !important;
  }

  /* https://flow.team/l/PSewo */
}

@media only screen and (min-width: 1700px) {
  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-contacts
    table#table-view
    tbody
    tr
    td#acc_name
    img.newBadge {
    margin-left: 210.45px;
  }
}

@media only screen and (min-width: 1800px) {
  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-contacts
    table#table-view
    tbody
    tr
    td#acc_name
    img.newBadge {
    margin-left: 228.45px;
  }
}

@media only screen and (min-width: 2000px) {
  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list[name="RECEIPTS"]
    .not-found-on,
  .not-found-on {
    margin: 200px 0;
    text-align: center;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list[name="RECEIPTS"]
    .not-found-off,
  .not-found-off {
    margin: 270px 0;
    text-align: center;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup {
    max-height: 490px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-item {
    max-height: 445px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup-pay {
    max-height: 406px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard {
    max-height: 480px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-banking {
    max-height: 480px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-receipt {
    max-height: 480px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cusm {
    max-height: 600px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book_v2 {
    max-height: 480px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book {
    max-height: 480px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-advances {
    max-height: 540px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 {
    max-height: 600px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts {
    max-height: 620px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report {
    max-height: 620px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-admin {
    max-height: 620px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main {
    max-height: 580px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-banking {
    max-height: 580px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-receipt {
    max-height: 580px !important;
    overflow: auto;
  }

  #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub {
    max-height: 580px !important;
    overflow: auto;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-contacts
    table#table-view
    tbody
    tr
    td#acc_name
    img.newBadge {
    margin-left: 249.45px;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-popup
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 490px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-item
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 445px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-popup-pay
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 406px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 480px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-banking
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 480px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-dashboard-receipt
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 480px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cusm
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 600px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book_v2
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 480px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-cash-book
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 480px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-advances
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 540px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 600px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-contacts
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 620px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-report
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 620px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-admin
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 620px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 580px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-banking
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 580px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-main-receipt
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 580px !important;
  }

  #table-list-wrap
    table
    tbody
    tr
    td.table-tbody-list
    > div.row-15-sub
    > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {
    max-height: 580px !important;
  }
}

/* Added by 개발팀 */
/* https://www.kosign.com.kh/redmine/issues/38151 */
.tabCont .memo-side-wrap .wrap .cont .write-table.active {
  opacity: 1;
}

.tabCont .memo-side-wrap .wrap .cont .write-table {
  opacity: 0;
}

.tabCont
  #table-list-wrap
  table
  tbody
  tr
  td.last-update
  .update
  > div.sticker
  > div.sticker-memo-view
  .conts {
  text-align: start !important;
}

/* Custom active left menu favorite and normal board */
#left-menu-wrap div div.box.active {
  background-color: #eceff1;
}

/* Added by Sokny Ran */
/* https://www.kosign.com.kh/redmine/issues/39326 */
.layerCont.article_approval {
  height: auto !important;
}

.layerCont.article_approval #layerPopup-contsBox {
  /*max-width:1100px;*/
  width: 680px;
}

.layerCont.article_approval .layerPopupWrap {
  width: 680px;
}

.layerCont.article_approval .title-tag {
  height: 58px;
  display: flex;
  align-items: center;
  padding: 10px 10px 0;
  border-bottom: 1px solid #e0e0e0;
}

.layerCont.article_approval .title-tag ul {
  display: flex;
  height: 100%;
}

.layerCont.article_approval .title-tag ul li {
  height: 100%;
}

.layerCont.article_approval .title-tag ul li + li {
  margin-left: 8px;
}

.layerCont.article_approval .title-tag ul li a {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  position: relative;
  padding: 0 8px 8px;
  height: 100%;
}

.layerCont.article_approval .title-tag ul li a.active {
  color: #0069b9;
}

.layerCont.article_approval .title-tag ul li:last-child a:before {
  content: "";
  background: url("./images/boards/icon-approval.svg") no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.layerCont.article_approval .title-tag ul li:first-child a:before {
  content: "";
  background: url("./images/boards/icon-article.svg") no-repeat;
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-right: 4px;
}

.layerCont.article_approval .title-tag ul li:last-child a.active:before {
  content: "";
  background: url("./images/boards/icon-approval-active.svg") no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.layerCont.article_approval .title-tag ul li:first-child a.active:before {
  content: "";
  background: url("./images/boards/icon-article-active.svg") no-repeat;
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-right: 4px;
}

.layerCont.article_approval .title-tag ul li a.active:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: #0069b9;
  width: 100%;
  height: 2px;
  transform: translateX(-50%);
}

.layerCont.article_approval .title-input {
  padding: 20px 0;
}

.layerCont.article_approval .title-input input {
  width: 100%;
  background-color: transparent;
  width: 100%;
  border: none;
  font-size: 27px;
  font-weight: 700;
  color: #1b1b1b;
  border-radius: 0;
  padding: 0;
}

.layerCont.article_approval .title-input input::placeholder {
  font-weight: 700;
  color: #1b1b1b;
  opacity: 0.5;
}

.layerCont.article_approval .more-wrap {
  padding: 20px 0 10px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.layerCont.article_approval .more-wrap .more-area > a {
  font-size: 13px;
  color: #1b1b1b;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

.layerCont.article_approval .more-wrap .more-area > a:after {
  content: "";
  background: url("./images/boards/icon_more_arrow.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
}

.layerCont.article_approval .more-wrap .more-area > a.active:after {
  content: "";
  background: url("./images/boards/icon_more_arrow.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transform: rotate(180deg);
  transition: 0.45s;
}

.layerCont.article_approval
  .more-wrap
  .more-chkBox
  > div
  > div.calendar-wrap.hide-btn.active:after {
  transform: rotate(180deg);
}

.layerCont.article_approval .more-wrap .more-chkBox {
  padding-bottom: 20px;
  display: none;
  margin-left: -20px;
  margin-top: -20px;
}

.layerCont.article_approval .more-wrap .more-chkBox > div {
  display: inline-flex;
  margin-left: 20px;
  margin-top: 20px;
}

.layerCont.article_approval .more-wrap .more-chkBox > div + div {
}

.layerCont.article_approval .more-wrap .more-chkBox > div > div {
  display: inline-flex;
  align-items: center;
}

.layerCont.article_approval .more-wrap .more-chkBox > div > div.hide-btn {
  display: none;
}

.layerCont.article_approval
  .more-wrap
  .more-chkBox
  > div
  > div.hide-btn.active
  a.more:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
  transform: rotate(180deg);
}

.layerCont.article_approval .more-wrap .more-chkBox > div > div a.more {
  display: inline-flex;
  align-items: center;
  color: #0169b9;
  font-weight: 500;
  font-size: 13px;
  transition: 0.45s;
}

.layerCont.article_approval .more-wrap .more-chkBox > div > div a.more:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
}

.layerCont.article_approval
  .more-wrap
  .more-chkBox
  > div
  > div
  a.more.active:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
  transform: rotate(180deg);
}

.layerCont.article_approval
  .more-wrap
  .more-chkBox
  > div
  > div.calendar-wrap
  input[type="text"] {
  cursor: pointer;
  padding: 0;
  border: none;
  height: auto;
  background: transparent;
  color: #0169b9;
  font-weight: 500;
  font-size: 13px;
  transition: 0.45s;
  width: 110px;
}

.layerCont.article_approval
  .more-wrap
  .more-chkBox
  > div
  > div.calendar-wrap.hide-btn:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  transition: 0.45s;
}

.layerCont.article_approval .more-wrap > dl {
  display: flex;
}

.layerCont.article_approval .more-wrap > dl.pd4 {
  padding: 4px 0;
}

.layerCont.article_approval .more-wrap > dl + dl {
}

.layerCont.article_approval .more-wrap > dl > dt:not(.total_amount) {
  width: 160px;
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
  opacity: 0.5;
  display: flex;
  align-items: center;
}

.layerCont.article_approval .more-wrap > dl > dt.required:after {
  content: "*";
  width: auto;
  height: auto;
  background: none;
  color: #f60404;
  border-radius: 0;
}

.layerCont.article_approval .more-wrap > dl > dt.total_amount {
  width: 160px;
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
  opacity: 1;
  display: flex;
  align-items: center;
}

.layerCont.article_approval .more-wrap > dl > dt.total_amount a {
  color: #b5b5b5;
}

.layerCont.article_approval .more-wrap > dl > dt.total_amount:before {
  opacity: 0.5;
}

.layerCont.article_approval .more-wrap > dl > dd {
  width: calc(100% - 160px);
  font-weight: 500;
  color: #000;
  position: relative;
}

.layerCont.article_approval .more-wrap > dl > dd > a {
  display: inline-flex;
  align-items: center;
  color: #0169b9;
  font-weight: 500;
  font-size: 13px;
  transition: 0.45s;
}

.layerCont.article_approval .more-wrap > dl > dd > a:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
}

.layerCont.article_approval .more-wrap > dl > dd > a.active:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
  transform: rotate(180deg);
}

.layerCont.article_approval .more-wrap > dl > dt:before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 6px;
}

.layerCont.article_approval .more-wrap > dl > dt.doc_num:before {
  background: url("./images/boards/icon_doc_num.svg") no-repeat;
}

.layerCont.article_approval .more-wrap > dl > dt.requestor:before {
  background: url("./images/boards/detail_user.svg") no-repeat;
}

.layerCont.article_approval .more-wrap > dl > dt.request_doc:before {
  background: url("./images/boards/icon_doc_num.svg") no-repeat;
}

.layerCont.article_approval .more-wrap > dl > dt.request_ty:before {
  background: url("./images/boards/icon_approved01.svg") no-repeat;
}

.layerCont.article_approval .more-wrap > dl > dt.request_dt:before {
  background: url("./images/boards/icon_approved02.svg") no-repeat;
}

.layerCont.article_approval .more-wrap > dl > dt.scheduled_dt:before {
  background: url("./images/boards/icon_approved02.svg") no-repeat;
}

.layerCont.article_approval .more-wrap > dl > dt.total_amount:before {
  background: url("./images/boards/icon_approved03.svg") no-repeat;
}

.layerCont.article_approval .more-wrap > dl > dt.approver:before {
  background: url("./images/boards/detail_user.svg") no-repeat;
}

.layerCont.article_approval .more-wrap > dl > dt.total_amount {
  position: relative;
}

.layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup {
  z-index: 3;
  display: none;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15),
    0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);
  min-width: 255px;
  padding: 10px;
  position: absolute;
  left: 0;
  top: calc(100% + 2px);
}

.layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup {
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup
  ul
  li
  a {
  padding: 5px 10px;
  border-radius: 6px;
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup
  ul
  li
  a:hover {
  background-color: #ebf2ff;
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup
  ul
  li
  a
  .figure {
  width: 26px;
  overflow: hidden;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup
  ul
  li
  a
  .txt {
  padding-left: 10px;
  width: calc(100% - 26px);
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup
  ul
  li
  a
  .txt
  p.name {
  color: #1b1b1b;
  font-weight: 500;
  font-size: 13px;
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dt.total_amount
  .total-popup
  ul
  li
  a
  .txt
  p.email {
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
  opacity: 0.5;
}

.layerCont.article_approval .textarea-wrap > p {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.layerCont.article_approval .textarea-wrap .textarea-table {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
}

.layerCont.article_approval .textarea-wrap .textarea-table table thead tr td {
  padding: 10px;
  font-weight: 600;
  font-size: 13px;
  color: #757575;
  background-color: #f5f5f5;
}

.layerCont.article_approval
  .textarea-wrap
  .textarea-table
  table
  thead
  tr
  td
  > div.table-profile {
  color: #000;
  font-weight: 600;
  font-size: 13px;
  position: relative;
  display: flex;
  align-items: center;
}

.layerCont.article_approval
  .textarea-wrap
  .textarea-table
  table
  thead
  tr
  td
  > div.table-profile:before {
  content: "";
  background: url("./images/boards/icon-tag-profile.svg") no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
}

.layerCont.article_approval .textarea-wrap .textarea-table table thead tr + tr {
  border-top: 1px solid #e0e0e0;
}

.layerCont.article_approval .textarea-wrap .textarea-table table tbody tr + tr {
}

.layerCont.article_approval .textarea-wrap .textarea-table table tbody {
  border-top: 1px solid #e0e0e0;
}

.layerCont.article_approval .textarea-wrap .textarea-table table tbody tr td {
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 13px;
  color: #1b1b1b;
  font-weight: 500;
}

.layerCont.article_approval
  .textarea-wrap
  .textarea-table
  table
  tbody
  tr
  td
  + td {
  border-left: 1px solid #e0e0e0;
}

.layerCont.article_approval
  .textarea-wrap
  .textarea-table
  table
  tbody
  tr:not(.total)
  td:first-child {
  border-bottom: none;
}

.layerCont.article_approval
  .textarea-wrap
  .textarea-table
  table
  tbody
  tr.total
  td {
  font-weight: 600;
}

.layerCont.article_approval
  .textarea-wrap
  .textarea-table
  table
  tbody
  tr.salary
  td {
  border-bottom: none;
}

.layerCont.article_approval
  .textarea-wrap
  .textarea-table
  table
  tbody
  tr.salary
  td
  + td {
  border-left: none;
}

.layerCont.article_approval .more-wrap > dl > dd .sub-popup {
  display: none;
  z-index: 2;
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15),
    0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);
  min-width: 150px;
}

.layerCont.article_approval .more-wrap > dl > dd .sub-popup ul li a {
  padding: 10px;
  font-size: 13px;
  color: #1b1b1b;
  font-weight: 500;
  display: flex;
}

.layerCont.article_approval .more-wrap > dl > dd .currency {
  display: flex;
  align-items: center;
  background-color: #eaeaea;
  border-radius: 6px;
  padding: 6px 8px;
}

/* .layerCont.article_approval .more-wrap > dl > dd .currency .unit{margin-right:10px;font-size:13px;font-weight:500;color:#7D7D7D;}
	.layerCont.article_approval .more-wrap > dl > dd .currency .val{font-size:13px;font-weight:500;color:#1b1b1b;} */
.layerCont.article_approval .more-wrap > dl > dd .currency > div {
  color: #000;
  font-weight: 500;
  font-size: 13px;
}

.layerCont.article_approval .more-wrap > dl > dd .currency .unit {
  padding-right: 5px;
  color: #000;
  font-size: 13px;
  font-weight: 500;
}

.layerCont.article_approval .more-wrap > dl > dd .tag-box {
  position: relative;
}

.layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup {
  position: absolute;
  display: none;
  left: 0;
  top: calc(100% + 10px);
  background-color: #fff;
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08),
    0px 0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 10px;
  z-index: 2;
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dd
  .tag-box
  .tag-laypopup
  > .wrap {
  display: flex;
  align-items: center;
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dd
  .tag-box
  .tag-laypopup
  > .wrap {
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dd
  .tag-box
  .tag-laypopup
  > .wrap
  .profile {
  width: 34px;
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dd
  .tag-box
  .tag-laypopup
  > .wrap
  .profile
  figure {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dd
  .tag-box
  .tag-laypopup
  > .wrap
  .text {
  padding-left: 10px;
  width: calc(100% - 34px);
}

.layerCont.article_approval .more-wrap > dl > dd .name-tag {
  display: flex;
  background-color: #eaeaea;
  border-radius: 6px;
  padding: 6px 8px;
  align-items: center;
}

.layerCont.article_approval .more-wrap > dl > dd .name-tag .name {
  display: flex;
  align-items: center;
}

.layerCont.article_approval .more-wrap > dl > dd .name-tag .name figure {
  width: 18px;
  border-radius: 50%;
  height: 18px;
  overflow: hidden;
  margin-right: 5px;
}

.layerCont.article_approval .more-wrap > dl > dd .name-tag > a.close {
  display: flex;
  background: url("./images/boards/side_close.svg") no-repeat;
  width: 18px;
  height: 18px;
  background-size: 18px;
  margin-left: 5px;
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dd
  .name-input
  input[type="text"] {
  border: none;
  padding: 6px 0;
  border-radius: 0;
  color: rgba(27, 27, 27, 0.5);
  font-weight: 500;
  font-size: 13px;
}

.layerCont.article_approval
  .more-wrap
  > dl
  > dd
  .name-input
  input[type="text"]::placeholder {
  color: #1b1b1b;
  opacity: 0.5;
  font-weight: 500;
}

.layerCont.article_approval .more-wrap > dl > dd.name-tag-wrap {
  display: flex;
  flex-flow: wrap;
  margin-left: -10px;
  margin-top: -10px;
}

.layerCont.article_approval .more-wrap > dl > dd.name-tag-wrap > div {
  margin-left: 10px;
  margin-top: 10px;
}

.layerCont.article_approval #layerPopup-contsBox {
  max-height: 620px;
  overflow-y: auto;
  overflow-x: hidden;
}

.layerCont.article_approval .layerPopupWrap {
}

.layerCont.article_approval .textarea-wrap {
  position: relative;
}

.layerCont.article_approval .textarea-wrap .tag-popup {
  display: none;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15),
    0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);
  min-width: 255px;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
}

.layerCont.article_approval .textarea-wrap .tag-popup {
}

.layerCont.article_approval .textarea-wrap .tag-popup ul li a {
  padding: 5px 10px;
  border-radius: 6px;
}

.layerCont.article_approval .textarea-wrap .tag-popup ul li a:hover {
  background-color: #ebf2ff;
}

.layerCont.article_approval .textarea-wrap .tag-popup ul li a .figure {
  width: 26px;
  overflow: hidden;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}

.layerCont.article_approval .textarea-wrap .tag-popup ul li a .txt {
  padding-left: 10px;
  width: calc(100% - 26px);
}

.layerCont.article_approval .textarea-wrap .tag-popup ul li a .txt p.name {
  color: #1b1b1b;
  font-weight: 500;
  font-size: 13px;
}

.layerCont.article_approval .textarea-wrap .tag-popup ul li a .txt p.email {
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
  opacity: 0.5;
}

.layerCont.article_approval .textarea-wrap > p.placeholder {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.layerCont.article_approval .textarea-wrap > p {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  line-height: 20px;
}

.layerCont.article_approval .del-box {
  margin-top: 20px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
}

.layerCont.article_approval .del-box .file-img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  background-color: rgba(0, 91, 255, 0.08);
  border-right: 1px solid #d9d9d9;
}

.layerCont.article_approval .del-box .file-img.pdf {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  background-color: rgba(179, 11, 0, 0.08);
  border-right: 1px solid #d9d9d9;
}

.layerCont.article_approval .del-box .cont {
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.layerCont.article_approval .del-box .cont .text p.name {
  font-size: 13px;
  color: #000;
  font-weight: 500;
}

.layerCont.article_approval .del-box .cont .text p.val {
  font-size: 11px;
  color: #757575;
  margin-top: 3px;
  font-weight: 500;
}

.layerCont.article_approval .del-box .cont a {
  display: flex;
  background: url("./images/boards/icon_del_box.svg") no-repeat;
  width: 24px;
  height: 24px;
}

.layerCont.article_approval .del-box.img-section {
  height: auto;
  position: relative;
}

.layerCont.article_approval .del-box.img-section figure {
  border-radius: 5px;
  overflow: hidden;
  padding: 8px;
}

.layerCont.article_approval .del-box.img-section .del-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.layerCont.article_approval .del-box.img-section .del-btn:before {
  content: "";
  background: url("./images/boards/icon_del_box.svg") no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.layerCont.article_approval .textarea-wrap .listBox {
  display: flex;
}

.layerCont.article_approval .textarea-wrap .listBox .management-textarea {
  width: 260px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fbfbfb;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > a {
  font-size: 13px;
  color: #000;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > a:before {
  content: "";
  background: url("./images/boards/icon_approved04.svg") no-repeat;
  display: inline-block;
  margin-right: 6px;
  width: 18px;
  height: 18px;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > a.del {
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > a.del:before {
  content: "";
  background: url("./images/boards/icon_listbox_del.svg") no-repeat;
  display: inline-block;
  margin-right: 0;
  width: 16px;
  height: 16px;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap {
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .textarea {
  padding: 0 15px 10px;
  background: transparent;
  width: 100%;
  font-size: 13px;
  min-height: 150px;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .textarea
  > p {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #000;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .num-wrap {
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  border-bottom: 1px dashed #e0e0e0;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .price {
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 600;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .textarea {
  padding: 0 15px 10px;
  background: transparent;
  width: 100%;
  font-size: 13px;
  min-height: 150px;
  max-height: 150px;
  height: 150px;
  resize: none;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .placeholder-overlay {
  color: #000;
  position: absolute;
  left: 15px;
  top: 0;
  opacity: 0.4;
  font-size: 13px;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .placeholder-overlay
  > p {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #000;
}

.layerCont.article_approval .textarea-wrap .listBox .management-textarea.white {
  width: 260px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts {
  position: relative;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts
  .more-popup
  .keyword-search {
  border: none;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts
  .more-popup {
  z-index: 2;
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  background-color: #fff;
  overflow: hidden;
  min-width: 250px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts
  .more-popup.search
  ul
  li {
  border-top: 1px solid #e0e0e0;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts
  .more-popup
  ul
  li
  + li {
  border-top: 1px solid #e0e0e0;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts
  .more-popup
  ul
  li
  a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  .title-conts
  .more-popup
  ul
  li
  a:hover {
  background-color: #edf7ff;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  a.more {
  display: inline-flex;
  align-items: center;
  color: #0169b9;
  font-weight: 500;
  font-size: 13px;
  transition: 0.45s;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  a.more:before {
  display: none;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  a.more:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  a.more.active:after {
  content: "";
  background: url("./images/boards/icon_more_blue.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  transition: 0.45s;
  transform: rotate(180deg);
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  > a.save {
  font-weight: 600;
  color: #000;
  opacity: 0.6;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .title
  > a.save:before {
  display: none;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea.white
  .textarea-wrap
  .textarea {
  opacity: 0.4;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > a.del {
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .title
  > a.del:before {
  content: "";
  background: url("./images/boards/icon_listbox_del.svg") no-repeat;
  display: inline-block;
  margin-right: 0;
  width: 16px;
  height: 16px;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap {
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .textarea {
  padding: 0 15px 10px;
  background: transparent;
  width: 100%;
  font-size: 13px;
  min-height: 150px;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .textarea
  > p {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #000;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .textarea-wrap
  .num-wrap {
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  border-bottom: 1px dashed #e0e0e0;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .price {
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 600;
}

.layerCont.article_approval
  .textarea-wrap
  .listBox
  .management-textarea
  .price
  p:last-child {
  opacity: 0.4;
}

.layerCont.article_approval .check-conts .check-top {
  padding: 10px 20px;
}

.layerCont.article_approval .check-conts .check-top > .head > h2 {
  font-size: 16px;
  color: #1b1b1b;
  font-weight: 700;
}

.layerCont.article_approval
  .check-conts
  .check-top
  input[type="checkbox"].checkBox-normal
  + label {
  font-size: 16px;
  font-weight: 700;
}

.layerCont.article_approval .check-conts .check-top .add-wrap {
  position: relative;
}

.layerCont.article_approval .check-conts .check-top .add-wrap .add-popup {
  display: none;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  min-width: 190px;
  position: absolute;
  right: 0;
  top: calc(100% + 5px);
  z-index: 2;
}

.layerCont.article_approval .check-conts .check-top .add-wrap .add-popup li {
  padding: 10px;
}

.layerCont.article_approval
  .check-conts
  .check-top
  .add-wrap
  .add-popup
  li
  + li {
  border-top: 1px solid #e0e0e0;
}

.layerCont.article_approval
  .check-conts
  .check-top
  .add-wrap
  .add-popup
  li
  input[type="checkbox"].checkBox-normal
  + label {
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
}

.layerCont.article_approval .check-conts .date-wrap > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 20px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.layerCont.article_approval .check-conts .date-wrap > a:after {
  content: "";
  background: url("./images/boards/icon_chevup.svg") no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}

.layerCont.article_approval .check-conts .date-wrap > a.active:after {
  content: "";
  background: url("./images/boards/icon_chevup.svg") no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  transform: rotate(0);
}

.layerCont.article_approval .check-conts .date-wrap {
}

.layerCont.article_approval .check-conts .date-wrap {
}

.layerCont.article_approval .check-conts .date-wrap {
}

.layerCont.article_approval .check-conts .date-wrap {
}

.layerCont.article_approval .check-conts .date-wrap .list {
  display: none;
}

.layerCont.article_approval .check-conts .date-wrap .list > dl {
  display: flex;
  align-items: flex-start;
  padding: 15px 20px;
  border-bottom: 1px solid #e0e0e0;
}

/* .layerCont.article_approval .check-conts .date-wrap .list > dl + dl{border-top:1px solid #E0E0E0;} */
.layerCont.article_approval .check-conts .date-wrap .list > dl > dt {
  width: 17px;
}

.layerCont.article_approval .check-conts .date-wrap .list > dl > dt .head {
  margin-top: 5px;
}

.layerCont.article_approval .check-conts .date-wrap .list > dl > dd {
  padding-left: 15px;
  width: calc(100% - 17px);
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  .left
  > div {
  color: #000;
  font-weight: 500;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  .left
  > div
  > p.name {
  color: #000;
  opacity: 1;
  font-weight: 500;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  .left
  > div
  > p.num {
  color: #808080;
  font-weight: 500;
  margin-top: 5px;
}

.layerCont.article_approval .check-conts .date-wrap .list > dl > dd .left > p {
  color: #808080;
  font-weight: 500;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  .right
  > div {
  color: #000;
  font-weight: 500;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  .right
  > div
  p.employees {
  color: #808080;
  font-weight: 500;
  margin-top: 5px;
}

.layerCont.article_approval .check-conts .date-wrap .list > dl > dd .right > p {
  color: #808080;
  font-weight: 500;
  margin-top: 5px;
}

.layerCont.article_approval .check-conts .date-wrap + .date-wrap .date {
  border-top: none;
}

.layerCont.article_approval .check-conts .date-wrap .radio-list {
  border-top: 1px solid #e0e0e0;
}

.layerCont.article_approval .check-conts .date-wrap .radio-list > dl {
  display: flex;
  align-items: flex-start;
  padding: 15px 20px;
  border-bottom: 1px solid #e0e0e0;
}

/* .layerCont.article_approval .check-conts .date-wrap .radio-list > dl + dl{border-top:1px solid #E0E0E0;} */
.layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dt {
  width: 17px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dt
  .head {
  margin-top: 5px;
}

.layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd {
  padding-left: 15px;
  width: calc(100% - 17px);
  min-width: calc(100% - 17px);
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .left
  > div {
  color: #000;
  font-weight: 500;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .left
  > div
  > p.name {
  color: #000;
  opacity: 1;
  font-weight: 500;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .left
  > div
  > p.num {
  color: #808080;
  font-weight: 500;
  margin-top: 5px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .left
  > p {
  color: #808080;
  font-weight: 500;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .right
  > div {
  color: #000;
  font-weight: 500;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .right
  > div
  p.employees {
  color: #808080;
  font-weight: 500;
  margin-top: 5px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .radio-list
  > dl
  > dd
  .right
  > p {
  color: #808080;
  font-weight: 500;
  margin-top: 5px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker {
  width: 16px;
  height: 16px;
  position: relative;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("./images/common/svg/icon-sticker.svg") no-repeat center top -7px/32px
    186px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker.default
  > a {
  background-position: center top -7px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker.green
  > a {
  background-position: center top -38px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker.yellow
  > a {
  background-position: center top -69px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker.blue
  > a {
  background-position: center top -100px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker.red
  > a {
  background-position: center top -131px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker.purple
  > a {
  background-position: center top -162px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write {
  display: none;
  position: absolute;
  top: 0;
  right: 100%;
  padding-right: 20px;
  z-index: 2;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 6px;
  width: 15px;
  height: 11px;
  background: url("./images/common/svg/sticker_arrow.svg") no-repeat center
    center/cover;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write.bottom {
  top: auto;
  bottom: -10px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write.bottom:after {
  top: auto;
  bottom: 8px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts {
  width: 300px;
  border: 1px solid #eceff1;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  overflow: hidden;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .sticker-memo {
  padding: 10px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .sticker-memo
  textarea {
  width: 100%;
  min-height: 75px;
  border: 0;
  outline: none;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap {
  background-color: #fafafa;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box {
  display: flex;
  align-items: center;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 0;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a
  + a {
  margin-left: 7px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.green {
  border: 1px solid #c1d2cd;
  background-color: #d4e8e2;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.yellow {
  border: 1px solid #e3d8c2;
  background-color: #fbeed5;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.blue {
  border: 1px solid #bfcfe2;
  background-color: #d3e4f9;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.red {
  border: 1px solid #eac0c0;
  background-color: #ffd4d4;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.purple {
  border: 1px solid #ccc0e3;
  background-color: #e1d4fa;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.white {
  border: 1px solid #eceff1;
  background-color: #fff;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  .sel-color-box
  a.on {
  width: 24px;
  height: 24px;
  border-width: 3px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-write
  .conts
  .btn-wrap
  a.save {
  font-size: 1rem;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-memo-view {
  display: none;
  position: absolute;
  top: 0px;
  right: 100%;
  padding-right: 20px;
  z-index: 2;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-memo-view:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 6px;
  width: 15px;
  height: 11px;
  background: url("./images/common/svg/sticker_arrow.svg") no-repeat center
    center/cover;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-memo-view.bottom {
  top: auto;
  bottom: -10px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-memo-view.bottom:after {
  top: auto;
  bottom: 8px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-memo-view
  .conts {
  border: 1px solid #eceff1;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.075);
  padding: 10px;
}

.layerCont.article_approval
  .check-conts
  .date-wrap
  .list
  > dl
  > dd
  div.sticker
  > div.sticker-memo-view
  .conts
  > div {
  width: 300px;
  min-height: 150px;
  max-height: 230px;
  overflow-y: auto;
  white-space: normal;
  line-height: 1.4;
}

.layerCont.article_approval .side-input-wrap .filter-wrap {
  position: relative;
}

.layerCont.article_approval .side-input-wrap .filter-wrap .add-popup {
  display: none;
  border-radius: 6px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  min-width: 190px;
  position: absolute;
  right: 0;
  top: calc(100% + 5px);
  z-index: 2;
}

.layerCont.article_approval .side-input-wrap .filter-wrap .add-popup li {
  padding: 10px;
}

.layerCont.article_approval .side-input-wrap .filter-wrap .add-popup li + li {
  border-top: 1px solid #e0e0e0;
}

.layerCont.article_approval
  .side-input-wrap
  .filter-wrap
  .add-popup
  li
  input[type="checkbox"].checkBox-normal
  + label {
  font-size: 13px;
  font-weight: 500;
  color: #1b1b1b;
}

.layerCont.article_approval .textarea-wrap textarea {
  border: none;
  padding: 20px 0;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  width: 100%;
  min-height: 310px;
  min-width: 100%;
  position: relative;
  resize: none;
}

.layerCont.article_approval #layerPopup-contsBox {
  position: relative;
  padding-bottom: 0;
}

.layerCont.article_approval #layerPopup-contsBox .main-contsBox {
  width: calc(100% - 63px);
  padding-bottom: 15px;
}

.layerCont.article_approval #layerPopup-contsBox .side-contsBox {
  /* height:750px; */
  min-height: 725px;
  position: absolute;
  right: -362px;
  top: 0;
  background-color: #fff;
  border-left: 1px solid #e0e0e0;
  width: 425px;
  padding-bottom: 15px;
  /* padding:20px; */
  transition: 0.45s;
}

.layerCont.article_approval #layerPopup-contsBox .side-contsBox.active {
  width: 425px;
  transition: 0.45s;
  right: 0;
}

.layerCont.article_approval #layerPopup-contsBox .side-contsBox .sideWrap {
  display: none;
}

/* .layerCont.article_approval #layerPopup-contsBox .side-contsBox.active .sideWrap{display:block;} */
.layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-title {
  padding: 20px 20px 0;
}

.layerCont.article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-title
  .side-btn {
  width: 23px;
  height: 23px;
  display: flex;
}

.layerCont.article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-title
  .side-btn:before {
  content: "";
  background: url("./images/boards/popup_slide_btn.svg") no-repeat center center;
  display: inline-block;
  width: 19px;
  height: 15px;
}

.layerCont.article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-title
  .side-btn.active:before {
  content: "";
  background: url("./images/boards/popup_slide_btn_on.svg") no-repeat center
    center;
  display: inline-block;
  width: 19px;
  height: 15px;
}

.layerCont.article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-input-wrap {
  padding: 0 20px;
}

.layerCont.article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-input-wrap
  > div.selectBox {
  margin-left: -10px;
}

.layerCont.article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-input-wrap
  > div.selectBox
  > div {
  width: calc((100% / 2) - 10px);
  margin-left: 10px;
}

.layerCont.article_approval
  #layerPopup-contsBox
  .side-contsBox
  .side-input-wrap
  > div.selectBox
  > div.select-box-default-st
  input.selectValue {
  width: 100%;
}

.layerCont.article_approval .layerPopupWrap#approval-conts #btn-wrap-default {
  border-top: 1px solid #e0e0e0;
}

.layerCont.article_approval #btn-wrap-default {
}

.layerCont.article_approval #btn-wrap-default {
  border: none;
}

.layerCont.article_approval #btn-wrap-default .etc-btn a.tag {
  font-size: 14px;
  color: #757575;
  font-weight: 700;
}

.layerCont.article_approval #btn-wrap-default .etc-btn a.tag.active {
  color: #0069b9;
}

.layerCont.article_approval #btn-wrap-default .etc-btn a.file:before {
  transform: rotate(45deg);
}

.layerCont.article_approval #btn-wrap-default .etc-btn .input-box {
  position: relative;
  width: 17px;
  height: 17px;
}

.layerCont.article_approval #btn-wrap-default .etc-btn .input-box {
}

.layerCont.article_approval
  #btn-wrap-default
  .etc-btn
  .input-box
  input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.layerCont.article_approval #btn-wrap-default .etc-btn .input-box label {
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 32px;
  line-height: 30px;
  color: #0069b9;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.layerCont.article_approval #btn-wrap-default .etc-btn .input-box label:before {
  background: url("./images/boards/article_approval_file.svg") no-repeat;
  width: 17px;
  height: 17px;
}

.layerCont.article_approval #btn-wrap-default .etc-btn .input-box .upload-name {
  display: none;
  outline: none;
  /* display:inline-block; */
  width: 100%;
  height: 32px;
  line-height: 30px;
  font-size: 1rem;
  /*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 7px;
}

.layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st {
  background-color: #fff;
  border: 1px solid #bababa;
}

.layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > a {
  padding: 0 8px;
  min-width: auto;
  color: #000;
}

.layerCont.article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > span.menu-btn {
  border-left: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.layerCont.article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > span.menu-btn:before {
  content: "";
  background: url("./images/boards/icon_more_arrow.svg") no-repeat;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
}

.layerCont.article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > ul.menu-select-wrap.tlt {
  bottom: auto;
  top: calc(100% + 5px);
  border-radius: 6px;
  border: 1px solid rgba(51, 51, 51, 0.15);
  background: #fff;
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);
}

.layerCont.article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > ul.menu-select-wrap
  a:hover {
}

.layerCont.article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > ul.menu-select-wrap
  a {
  display: flex;
  align-items: center;
}

.layerCont.article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > ul.menu-select-wrap
  a.public:before {
  content: "";
  background: url("./images/boards/icon_public.svg") no-repeat;
  display: inline-block;
  margin-right: 6px;
  width: 12px;
  height: 12px;
}

.layerCont.article_approval
  #btn-wrap-default
  .btn-area
  div.select-btn-st
  > ul.menu-select-wrap
  a.private:before {
  content: "";
  background: url("./images/boards/icon_private.svg") no-repeat;
  display: inline-block;
  margin-right: 6px;
  width: 13px;
  height: 14px;
}

/* TODO: S: Development Team, CSS internal style */
/* #wabook-layerPopup-default.active .layerCont {
  transform: translate(0, 0);
  opacity: 1;
  z-index: 9;
  min-height: auto;
  display: flex;
  flex-direction: column;
  overflow: auto;
} */

#pagging-wrap .select-box-default-st div.select-wrap {
  top: unset;
}

.layerCont.setting-pagepopup-ver2 .layerPopup-resize {
  display: none;
}

.layerCont.setting-pagepopup-ver2 {
  min-height: 110px;
  max-height: 770px;
}

#wabook-layerPopup-default > .layerPopup-wrap {
  padding: 32px;
}

.layerCont.setting-pagepopup-ver2 .layerPopupWrap {
  height: 100%;
}

#wabook-layerPopup-default
  > .layerPopup-wrap
  > .layerCont.setting-pagepopup-ver2 {
  height: 100%;
}

.layerCont.setting-pagepopup-ver2 .layerPopupWrap {
  width: 1300px;
  min-width: 1100px;
  max-width: 100%;
}

.layerCont.setting-pagepopup-ver2 #layerPopup-contsBox {
  width: 100%;
  height: 100%;
}

.layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container {
  height: 100%;
  min-height: 100%;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  #left-menu-list {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#b-left-menu {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#left-menu-wrap.setting {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

#wabook-layerPopup-default
  > .layerPopup-wrap
  > .layerCont.boards-popup
  .layerPopup-close {
  background-color: #fff;
}

.layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents {
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  .title-area {
  padding-left: 0px;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  .purpose-wrap {
  padding-top: 0px;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose {
  height: 100%;
  padding: 56px 24px 24px 24px !important;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose:has(.ks-table-wrapper.has-many-rows) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  #sale_sup_pur.subTabCont {
  width: 100%;
  height: 100%;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  #sale_sup_pur.subTabCont
  .add-purpose {
  margin-left: 0px;
  margin-top: 0px;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  .purpose-wrap {
  height: 100%;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  #table-list-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  #table-list-wrap.ks-table-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto !important;
}

.left-menu-small {
  padding: 6px 0px;
  overflow-x: hidden;
  overflow-y: auto;
}

#SubMenuSettingId {
  margin-top: auto;
}

#small-left-menu {
  height: 100%;
}

.left-menu-top {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  #table-list-wrap.ks-table-wrapper
  table
  thead
  tr
  th {
  border: none;
}

/* TODO: E: Development Team, CSS internal style */

/* TODO: S: KOSIGN, P.O, Override Style CSS */
a.icon-svg-menu.login_credentials_link:before {
  background-image: url("./images/settings/icon-lock.svg");
}

a.icon-svg-menu.bank_account_link:before {
  background-image: url("./images/settings/icon-bank-account.svg");
}

a.icon-svg-menu.preference_link:before {
  background-image: url("./images/settings/icon-preference.svg");
}

a.icon-svg-menu.user_link:before {
  background-image: url("./images/settings/icon-user.svg");
}
a.icon-svg-menu.approval_line:before {
  background-image: url("./images/settings/icon-user-group.svg");
}
a.icon-svg-menu.transaction_history:before {
  background-image: url("./images/settings/icon-transaction-history.svg");
}

a.icon-svg-menu.firm_banking:before {
  background-image: url("./images/settings/icon-firm-banking.svg");
}

a.icon-svg-menu.firm_banking_history:before {
  background-image: url("./images/settings/icon-firm-banking-history.svg");
}

a.ks-icon-copy,
a.ks-icon-copy.ks-copy-blue {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
}

a.ks-icon-copy::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("./images/common/svg/icon-copy-black.svg") no-repeat center
    center;
}

a.ks-icon-copy.ks-copy-blue::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("./images/common/svg/icon-copy-blue.svg") no-repeat center
    center;
  cursor: pointer;
}

/* TODO: Override: Table - Layout */
#table-list-wrap table {
}

/* TODO: Override Layer Popup Wrapper */
#wabook-layerPopup-default > .layerPopup-wrap > .layerCont {
  min-height: 110px;
  /* max-height: calc(100vh - 110px); */
}

#wabook-layerPopup-default
  > .layerPopup-wrap
  > .layerCont
  boards-popup
  setting-pagepopup-ver2 {
  height: 770px !important;
}

/* TODO: Layer Popup Wrapper Props */
.layerCont.we-layout-content {
  padding: 24px 16px;
  border-radius: 16px;
  background-color: #fff;
}

.layerCont.we-layout-content #btn-wrap-default {
  padding: 0px;
  border-top: none;
}

.layerCont.we-layout-content .layerPopup-close {
  width: 16px !important;
  height: 16px !important;
  top: 16px !important;
  right: 16px !important;
  background-size: 12px 12px !important;
}

.layerCont.we-layout-content .we-layer-cont-title {
  color: #1b1b1b;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  padding: 0px;
}

.layerCont.we-layout-content .we-layer-cont-subtitle {
  margin-top: 0.5rem;
  color: #707070;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.layerCont.we-layout-content #layerPopup-contsBox {
  padding: 0px;
}
.layerCont.we-layout-content.ks-padding-0 {
  padding: 0px;
}

/* TODO: Form: Request Approval */
.layerCont.ks-request-approvals-form {
  padding: 0px;
}

.layerCont.ks-approvals-form {
  padding: 0px;
}

.layerCont.ks-request-approvals-form.article_approval #layerPopup-contsBox {
  max-height: 100% !important;
}

.layerCont.ks-approvals-form.article_approval #layerPopup-contsBox {
  max-height: 100% !important;
}

.layerCont.we-layout-content .title-input {
  padding: 0;
}

.layerCont.we-layout-content .title-input .ks-title-label {
  color: #1b1b1b;
  font-size: 27px;
  font-weight: 700;
  line-height: 32px;
}

.layerCont.we-layout-content .title-input input {
  width: 100%;
  background: transparent;
  border: none;
  border-radius: 0 !important;
  font-size: 27px;
  font-weight: 700;
  color: #1b1b1b;
  padding: 0;
}

.layerCont.we-layout-content .title-input input::placeholder {
  font-weight: 700;
  color: #1b1b1b;
  opacity: 0.5;
}

.layerCont.we-layout-content .more-wrap {
  padding: 20px 0 16px;
  border-top: none;
  border-bottom: none;
}

.layerCont.we-layout-content .more-wrap > dl {
  padding: 0;
  height: 38px;
  display: flex;
  align-items: center;
}

#comm_approver {
  height: auto;
  min-height: 38px;
  align-items: flex-start;
}

.layerCont.we-layout-content .more-wrap > dl .approver {
  margin-top: 10px;
}

.layerCont.we-layout-content .more-wrap > dl .approver + div {
  margin-top: 4px;
}

.layerCont.we-layout-content
  .keyword-search.normal
  input[type="text"].enter_name_appr {
  padding: 0;
}
.layerCont.we-layout-content .more-wrap > dl > dt.approval-line::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5.01508 8.37636C3.41265 8.37636 2.0867 7.0504 2.0867 5.43669C2.0867 3.83426 3.41265 2.5083 5.01508 2.5083C6.62316 2.5083 7.94911 3.83426 7.94911 5.43669C7.94911 7.03912 6.61187 8.37636 5.01508 8.37636ZM9.28635 4.47184C8.98166 4.47184 8.73904 4.22922 8.73904 3.91889C8.73904 3.6142 8.98166 3.37158 9.28635 3.37158H13.3658C13.6705 3.37158 13.9187 3.6142 13.9187 3.91889C13.9187 4.22922 13.6705 4.47184 13.3658 4.47184H9.28635ZM4.69911 7.03347C4.84581 7.03347 4.98687 6.97141 5.06022 6.87549L6.69086 4.64676C6.74729 4.56776 6.7755 4.47184 6.7755 4.39285C6.7755 4.15023 6.57802 3.95839 6.33539 3.95839C6.18305 3.95839 6.05328 4.03174 5.96864 4.15023L4.6709 5.9445L4.05024 5.25613C3.97125 5.1715 3.8584 5.11507 3.72298 5.11507C3.49164 5.11507 3.28288 5.28434 3.28288 5.55518C3.28288 5.66802 3.33366 5.78651 3.41265 5.87115L4.34928 6.89242C4.43956 6.99398 4.58062 7.03347 4.69911 7.03347ZM9.28635 7.4228C8.98166 7.4228 8.73904 7.18018 8.73904 6.87549C8.73904 6.5708 8.98166 6.32818 9.28635 6.32818H13.3658C13.6705 6.32818 13.9187 6.5708 13.9187 6.87549C13.9187 7.18018 13.6705 7.4228 13.3658 7.4228H9.28635ZM2.62836 10.3794C2.32368 10.3794 2.08105 10.1368 2.08105 9.83209C2.08105 9.52176 2.32368 9.27913 2.62836 9.27913H13.3658C13.6705 9.27913 13.9187 9.52176 13.9187 9.83209C13.9187 10.1368 13.6705 10.3794 13.3658 10.3794H2.62836ZM2.62836 13.336C2.32368 13.336 2.08105 13.0934 2.08105 12.783C2.08105 12.4784 2.32368 12.2357 2.62836 12.2357H13.3658C13.6705 12.2357 13.9187 12.4784 13.9187 12.783C13.9187 13.0934 13.6705 13.336 13.3658 13.336H2.62836Z' fill='%23737373'/%3E%3C/svg%3E");
}
.layerCont.we-layout-content .more-wrap > dl > dt.bank::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.67372 6.37343C2.30132 6.37343 2.07563 6.11952 2.07563 5.82048C2.07563 5.5835 2.19976 5.40858 2.4311 5.27317L7.24967 2.49712C7.48665 2.36171 7.7462 2.28271 7.99447 2.28271C8.24273 2.28271 8.50228 2.35607 8.7449 2.49712L13.5578 5.27317C13.7948 5.40858 13.9133 5.5835 13.9133 5.82048C13.9133 6.11952 13.6876 6.37343 13.3152 6.37343H2.67372ZM2.74707 12.343V12.202C2.74707 11.9199 2.92198 11.7393 3.21539 11.7393H3.36209V7.95893H3.21539C2.92198 7.95893 2.74707 7.77837 2.74707 7.49061V7.34956C2.74707 7.06744 2.92198 6.88688 3.21539 6.88688H4.5752C4.86296 6.88688 5.04351 7.06744 5.04351 7.34956V7.49061C5.04351 7.77837 4.86296 7.95893 4.5752 7.95893H4.43414V11.7393H4.5752C4.86296 11.7393 5.04351 11.9199 5.04351 12.202V12.343C5.04351 12.6308 4.86296 12.8114 4.5752 12.8114H3.21539C2.92198 12.8114 2.74707 12.6308 2.74707 12.343ZM5.48926 12.343V12.202C5.48926 11.9199 5.66981 11.7393 5.95757 11.7393H6.10992V7.95893H5.95757C5.66981 7.95893 5.48926 7.77837 5.48926 7.49061V7.34956C5.48926 7.06744 5.66981 6.88688 5.95757 6.88688H7.32303C7.61079 6.88688 7.79134 7.06744 7.79134 7.34956V7.49061C7.79134 7.77837 7.61079 7.95893 7.32303 7.95893H7.17632V11.7393H7.32303C7.61079 11.7393 7.79134 11.9199 7.79134 12.202V12.343C7.79134 12.6308 7.61079 12.8114 7.32303 12.8114H5.95757C5.66981 12.8114 5.48926 12.6308 5.48926 12.343ZM8.24273 12.343V12.202C8.24273 11.9199 8.42329 11.7393 8.71105 11.7393H8.86339V7.95893H8.71105C8.42329 7.95893 8.24273 7.77837 8.24273 7.49061V7.34956C8.24273 7.06744 8.42329 6.88688 8.71105 6.88688H10.0765C10.3643 6.88688 10.5448 7.06744 10.5448 7.34956V7.49061C10.5448 7.77837 10.3643 7.95893 10.0765 7.95893H9.9298V11.7393H10.0765C10.3643 11.7393 10.5448 11.9199 10.5448 12.202V12.343C10.5448 12.6308 10.3643 12.8114 10.0765 12.8114H8.71105C8.42329 12.8114 8.24273 12.6308 8.24273 12.343ZM10.9906 12.343V12.202C10.9906 11.9199 11.1655 11.7393 11.4589 11.7393H11.6056V7.95893H11.4589C11.1655 7.95893 10.9906 7.77837 10.9906 7.49061V7.34956C10.9906 7.06744 11.1655 6.88688 11.4589 6.88688H12.8187C13.1121 6.88688 13.287 7.06744 13.287 7.34956V7.49061C13.287 7.77837 13.1121 7.95893 12.8187 7.95893H12.6776V11.7393H12.8187C13.1121 11.7393 13.287 11.9199 13.287 12.202V12.343C13.287 12.6308 13.1121 12.8114 12.8187 12.8114H11.4589C11.1655 12.8114 10.9906 12.6308 10.9906 12.343ZM1.78223 13.8891C1.78223 13.5844 2.03613 13.3248 2.34646 13.3248H13.6481C13.9584 13.3248 14.2123 13.5844 14.2123 13.8891C14.2123 14.1994 13.9584 14.4589 13.6481 14.4589H2.34646C2.03613 14.4589 1.78223 14.1994 1.78223 13.8891Z' fill='%23737373'/%3E%3C/svg%3E");
}
.layerCont.we-layout-content .more-wrap > dl > dt.appr-type::before {
  background: url("./images/boards/icon-approved-type.svg") no-repeat;
  opacity: 0.5;
}
.layerCont.we-layout-content .more-wrap > dl > dt.doc_num::before {
  background: url("./images/boards/icon-approved-doc-num.svg") no-repeat;
}
.layerCont.we-layout-content .more-wrap > dl > dt.requestor::before {
  background: url("./images/boards/icon-approved-requester.svg") no-repeat;
}
.layerCont.we-layout-content .more-wrap > dl > dt.request_dt::before {
  opacity: 0.5;
}
.layerCont.we-layout-content .more-wrap > dl > dt.approver::before {
  background: url("./images/boards/icon-approved-approver.svg") no-repeat;
}

.layerCont.we-layout-content .more-wrap > dl > dt:not(.total_amount) {
  min-width: 160px;
  color: #525252;
  opacity: 1;
}

.layerCont.we-layout-content .more-wrap > dl > dd .currency .unit {
  color: #737373;
}
.layerCont.we-layout-content .more-wrap > dl > dt.total_amount::before {
  background: url("./images/boards/icon-approved-total-amount.svg") no-repeat;
}

.layerCont.we-layout-content .more-wrap > dl > dt.total_amount {
  color: #525252;
}
.layerCont.we-layout-content .more-wrap > dl > dt {
  min-width: 235px;
}
.layerCont.we-layout-content .more-wrap > dl > dt:not(.total_amount) {
  min-width: 235px;
}
.layerCont.we-layout-content .tag-box {
  padding: 6px 28px 6px 8px;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  background: #eaeaea;
  display: flex;
  align-items: center;
  gap: 4px;
}
.layerCont.we-layout-content .tag-box .ks-close-icon::before {
  width: 16px;
  height: 16px;
  content: "";
  background: url("./images/common/svg/icon-close-gray.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  cursor: pointer;
}

.layerCont.we-layout-content .textarea-wrap textarea {
  padding: 0;
  background: transparent;
  border-radius: 0;
  border: none;
  outline: none;
  width: 100%;
  min-height: 87px;
  max-height: 230px;
  resize: vertical;
  font-size: 14px;
  font-weight: 500;
}

.layerCont.we-layout-content textarea::placeholder {
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.layerCont.we-layout-content textarea {
  color: #171717;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.layerCont.we-layout-content .management-text {
  padding: 16px 0 24px;
  border-top: 1px solid #d4d4d4;
  font-weight: 500;
  color: #1b1b1b;
  line-height: 20px;
}

.layerCont.we-layout-content .down {
  width: 100%;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
}

.layerCont.we-layout-content .down .file-img {
  padding: 14px;
  background: rgba(33, 163, 101, 0.08);
  border-right: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.layerCont.we-layout-content .down .cont {
  width: 100%;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.layerCont.we-layout-content .down .cont .text {
  padding: 8px 0;
}

.layerCont.we-layout-content .down .cont .text p.name {
  font-size: 13px;
  font-weight: 500;
  color: #000;
}

.layerCont.we-layout-content .down .cont .text p.val {
  margin-top: 3px;
  font-size: 11px;
  font-weight: 500;
  color: #757575;
}

.layerCont.we-layout-content .down .cont a {
  width: 24px;
  height: 24px;
  background: url("./images/boards/detail_down.svg") no-repeat;
  display: flex;
}

.layerCont.we-layout-content
  input[type="checkbox"].checkBox-switch
  + label:before,
.layerCont.we-layout-content
  input[type="checkbox"].checkBox-switch
  + label:after {
  transition: all 0.15s ease !important;
  cursor: pointer;
}

.layerCont.we-layout-content
  input[type="checkbox"].checkBox-switch:disabled
  + label:before,
.layerCont.we-layout-content
  input[type="checkbox"].checkBox-switch:disabled
  + label:after {
  opacity: 0.5 !important;
}

.layerCont.we-layout-content input[type="file"],
.offcanvas.ks-offcanvas input[type="file"] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
}

.layerCont.we-layout-content input[type="file"]:hover,
.offcanvas.ks-offcanvas input[type="file"]:hover {
  cursor: pointer;
}

.layerCont.we-layout-content .ks-more-block {
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 12px;
  right: 0;
  z-index: 1;
  transition: background-color 0.15s linear;
}

.layerCont.we-layout-content .ks-more-block:hover {
  background: #eaeaea;
  cursor: pointer;
}

.layerCont.we-layout-content .ks-more-block:has(+ .dropdown-menu.show) {
  background: #eaeaea;
}

.layerCont.we-width-320 {
  width: 320px;
}

.layerCont.we-width-375 {
  width: 375px;
}

.layerCont.we-width-400 {
  width: 400px;
}

.layerCont.we-width-440 {
  width: 440px;
}

.layerCont.we-width-440 .layerPopupWrap {
  width: 100%;
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.layerCont.we-width-440 form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.layerCont.we-width-440 #layerPopup-contsBox {
  width: 100%;
}

.layerCont.we-width-500 {
  width: 500px;
}

.layerCont.we-width-500 .layerPopupWrap {
  width: 100%;
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.layerCont.we-width-500 form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.layerCont.we-width-500 #layerPopup-contsBox {
  width: 100%;
}

.layerCont.we-width-560 {
  width: 560px;
}

.layerCont.we-width-560 .layerPopupWrap {
  width: 100%;
}

.layerCont.we-width-560 form {
  width: 100%;
}

.layerCont.we-width-560 #layerPopup-contsBox {
  width: 100%;
}

.layerCont.we-width-800 {
  width: 800px;
}

.layerCont.we-width-800 .layerPopupWrap {
  width: 100%;
}

.layerCont.we-width-800 form {
  width: 100%;
}

.layerCont.we-width-800 #layerPopup-contsBox {
  width: 100%;
}

.layerCont.we-width-890 {
  width: 890px;
}

.layerCont.we-width-890 .layerPopupWrap {
  width: 100%;
}

.layerCont.we-width-890 #layerPopup-contsBox {
  width: 100%;
}

.layerCont.we-width-1080 {
  width: 1080px;
}

.layerCont.we-width-1080 .layerPopupWrap {
  width: 100%;
}

.layerCont.we-width-1080 #layerPopup-contsBox {
  width: 100%;
}

/* TODO: Form: New Receipt */
.layerCont.ks-input-new-receipt .layerPopupWrap {
  margin-top: 0px;
}

/* TODO: System Setting > Override: input[type="checkbox"].checkBox-switch-og styles */
input[type="checkbox"].checkBox-switch-og.ks-bg-pm:checked + label {
  border: 0px solid var(--Colors-Primary-CMS-PRIME-07, #0064c6);
}

input[type="checkbox"].checkBox-switch-og.ks-bg-pm:checked + label:before {
  background-color: var(--Colors-Primary-CMS-PRIME-07, #0064c6);
  border: 1px solid var(--Colors-Primary-CMS-PRIME-07, #0064c6);
}

input[type="checkbox"].checkBox-switch-og.ks-bg-pm:checked + label:after {
  border-color: var(--Colors-Primary-CMS-PRIME-08, #0056af);
  background-color: #fff;
}

/* TODO: System Setting > Override: input[type="radio"] styles */
input[type="radio"].radioBtn-normal + label:before {
  margin-right: 0.625rem;
}

input[type="radio"].radioBtn-normal + label {
  color: var(--Colors-Neutral-WB365-NTRL-08, #404040);
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

/* TODO: This style is override to make its more flexible for responsive */
#container > .contents.weCms {
  height: 100%;
  min-height: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
#container > .contents.weCms .title-area.b-line-none {
  border-bottom: none;
}
/* #wabook-layerPopup-default.active .layerCont {
  transform: translate(0, 0);
  opacity: 1;
  z-index: 9;
  min-height: auto;
  display: flex;
  flex-direction: column;
  overflow: auto;
} */

#pagging-wrap .select-box-default-st div.select-wrap {
  top: unset;
}

.layerCont.setting-pagepopup-ver2 .layerPopup-resize {
  display: none;
}

.layerCont.setting-pagepopup-ver2 {
  min-height: 110px;
  max-height: 770px;
}

#wabook-layerPopup-default > .layerPopup-wrap {
  padding: 32px;
}

.layerCont.setting-pagepopup-ver2 .layerPopupWrap {
  height: 100%;
}

#wabook-layerPopup-default
  > .layerPopup-wrap
  > .layerCont.setting-pagepopup-ver2 {
  height: 100%;
}

.layerCont.setting-pagepopup-ver2 .layerPopupWrap {
  width: 1300px;
  min-width: 1100px;
  max-width: 100%;
}

.layerCont.setting-pagepopup-ver2 #layerPopup-contsBox {
  width: 100%;
  height: 100%;
}

.layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container {
  height: 100%;
  min-height: 100%;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  #left-menu-list {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#b-left-menu {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#left-menu-wrap.setting {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

#left-menu-wrap.setting > .left-menu-top ul > li > a.active {
  background-color: #eceff1;
}

#wabook-layerPopup-default
  > .layerPopup-wrap
  > .layerCont.boards-popup
  .layerPopup-close {
  background-color: #fff;
}

.layerCont.setting-pagepopup-ver2 #layerPopup-contsBox #container > .contents {
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  .title-area {
  padding-left: 0px;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  .purpose-wrap {
  padding-top: 0px;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose {
  height: 100%;
  padding: 56px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose:has(.ks-table-wrapper.has-many-rows) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  #sale_sup_pur.subTabCont {
  width: 100%;
  height: 100%;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  #sale_sup_pur.subTabCont
  .add-purpose {
  margin-left: 0px;
  margin-top: 0px;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  .purpose-wrap {
  height: 100%;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  #table-list-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  #table-list-wrap.ks-table-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto !important;
}

.left-menu-small {
  padding: 6px 0px;
  overflow-x: hidden;
  overflow-y: auto;
}

#SubMenuSettingId {
  margin-top: auto;
}

#small-left-menu {
  height: 100%;
}

.left-menu-top {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  #settingWrap_purpose
  #table-list-wrap.ks-table-wrapper
  table
  thead
  tr
  th {
  border: none;
}

/* TODO: Override Styles */
.contents.weCms #table-list-wrap.row10 {
  max-height: 100%;
}
ul.wl-dropdown-custom {
  max-width: 340px;
  min-width: 340px;
}
ul.wl-dropdown-custom li {
  padding: 8px 12px 8px 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
ul.wl-dropdown-custom .top-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
ul.wl-dropdown-custom .top-cont.top-cont .profile {
  display: flex;
}
ul.wl-dropdown-custom .top-cont.top-cont .profile .info-wrap > div {
  display: flex;
  align-items: center;
}
ul.wl-dropdown-custom .top-cont.top-cont .profile .info-wrap > div p.name {
  font-size: 13px;
  color: #1b1b1b;
  font-weight: 500;
}
ul.wl-dropdown-custom .top-cont.top-cont .profile .info-wrap > div p.date {
  font-size: 13px;
  color: #7a7a7a;
  font-weight: 500;
}
ul.wl-dropdown-custom .top-cont.top-cont .profile .info-wrap > div.info2 {
  margin-top: 5px;
  line-height: 16px;
}
ul.wl-dropdown-custom .top-cont.top-cont .profile .info-wrap > div.info2 p {
  font-size: 11px;
  color: #7a7a7a;
  font-weight: 500;
}
ul.wl-dropdown-custom
  .top-cont.top-cont
  .profile
  .info-wrap
  > div.info2
  p.post_privacy {
  position: relative;
  display: flex;
  align-items: center;
}
ul.wl-dropdown-custom
  .top-cont.top-cont
  .profile
  .info-wrap
  > div.info2
  p.post_privacy::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("./images/common/svg/list-globe.svg") no-repeat center center;
  display: inline-block;
}
ul.wl-dropdown-custom .top-cont.top-cont .profile .profile-img {
  margin-right: 10px;
}
ul.wl-dropdown-custom .top-cont.top-cont .profile .profile-img figure {
  width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: 16px;
}
ul.wl-dropdown-custom .top-cont.top-cont .etc-wrap {
  display: flex;
  align-items: center;
}
ul.wl-dropdown-custom .top-cont.top-cont .etc-wrap p {
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
ul.wl-dropdown-custom .top-cont.top-cont .etc-wrap p::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: no-repeat center center;
  margin-left: 4px;
}
ul.wl-dropdown-custom .top-cont.top-cont .etc-wrap p.approved {
  color: #21a365;
}
ul.wl-dropdown-custom .top-cont.top-cont .etc-wrap p.rejected {
  color: #c50712;
}
ul.wl-dropdown-custom .top-cont.top-cont .etc-wrap p.pending {
  color: #ca8a04;
}
ul.wl-dropdown-custom .top-cont.top-cont .etc-wrap p.unable {
  color: #ca8a04;
}
ul.wl-dropdown-custom .top-cont.top-cont .etc-wrap p.approved::after {
  background-image: url("./images/common/svg/icon-approved.svg");
}
ul.wl-dropdown-custom .top-cont.top-cont .etc-wrap p.rejected::after {
  background-image: url("./images/common/svg/icon-rejected.svg");
}
ul.wl-dropdown-custom .top-cont.top-cont .etc-wrap p.pending::after {
  background-image: url("./images/common/svg/icon-pending.svg");
}
ul.wl-dropdown-custom .top-cont.top-cont .etc-wrap p.unable::after {
  background-image: url("./images/common/svg/icon-unable.svg");
}
.contents.weCms .dropdown:has(.dropdown-menu) .wl-chevron-down {
  transition: transform 0.25s ease-in-out;
}
.contents.weCms .dropdown:has(.dropdown-menu.show) .wl-chevron-down {
  transform: rotate(180deg);
}
.keyword-search.default input[type="text"] {
  height: 32px;
  padding-left: 32px;
  padding-right: 8px;
}
.layerCont #btn-wrap-default.wl-btn-wrap {
  padding: 0px;
  border-top: none;
}
.layerCont.printed_approval_form01 .layerPopupWrap {
  width: 1080px;
}
.layerCont.printed_approval_form01 #layerPopup-contsBox {
  width: 1080px;
  padding: 60px 24px 24px 24px;
}
.layerCont.printed_approval_form01 #layerPopup-contsBox .tableBox table td {
  padding: 10px;
  border-left: 1px solid #000;
}
.layerCont.printed_approval_form01
  #layerPopup-contsBox
  .tableBox
  table
  td:last-child {
  border-right: 1px solid #000;
}
.total-tableBox.mt-30 {
  margin-top: 30px !important;
}
.ks-table-wrapper.wl-overflow-auto {
  overflow: auto !important;
}
#left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a.request::before {
  background-image: url("./images/common/svg/icon-request.svg");
}
#left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a.result::before {
  background-image: url("./images/common/svg/icon-result.svg");
}
#left-menu-wrap.left-menu-wecms > ul > li > ul.submenu li a.exchange::before {
  background-image: url("./images/common/svg/icon-exchange.svg");
}
div.dashboard-box {
  margin-top: 0.5rem;
}
div.dashboard-box.ks-mt-12 {
  margin-top: 0.75rem;
}
div.dashboard-box .item.ks-w-100 {
  width: 100%;
}
div.dashboard-box .item dl + dl.ks-mt-8 {
  margin-top: 0.5rem;
}
div.dashboard-box .item dl > dt.ks-title {
  color: #000;
}
div.dashboard-box .item dl > dt.ks-title.ks-text-gray {
  color: #7e7e7e;
}
div.dashboard-box .item dl > dt.ks-sub-title {
  font-size: 13px;
  color: #7e7e7e;
}
div.dashboard-box .item dl > dd.ks-sub-title {
  font-size: 13px;
  color: #7e7e7e;
}
div.dashboard-box .item.ks-danger-box {
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
div.dashboard-box .item.ks-danger-box:hover {
  cursor: pointer;
  background-color: #ffecec;
  border-color: #cb0d0d;
}
div.dashboard-box .item.ks-danger-box.on {
  background-color: #ffecec;
  border-color: #cb0d0d;
}
div.dashboard-box .item.ks-danger-box .tit > p {
  color: #cb0d0d;
}
div.dashboard-box .item.ks-danger-box .tit > span.num {
  color: #cb0d0d;
  background-color: rgba(203, 13, 13, 0.1);
}
.contents.weCms
  #table-list-wrap.ks-table-wrapper
  table.wl-table-striped
  tbody
  tr:only-child
  td {
  border-bottom: 1px solid #e1e1e1 !important;
}
.contents.weCms
  #table-list-wrap.ks-table-wrapper
  table.wl-table-striped
  tbody
  tr:last-child
  td {
  border-bottom: 1px solid #e1e1e1 !important;
}

/* TODO: Custom Styles: Bank Logo Wrapper */
.ks-bank-logo-wrapper {
  width: 240px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wl-custom-select {
  width: 155px !important;
  padding-left: 32px !important;
}
.wl-custom-select.disabled {
  pointer-events: auto !important;
  cursor: not-allowed !important;
  user-select: none !important;
}
.wl-left-10 {
  left: 10px !important;
}

/* TODO: Custom Styles: Badge Widget for Input: ks-input-badge-widget */
.ks-input-badge-widget {
  width: 340px;
  border-radius: 12px;
  border: 1px solid var(--Colors-Neutral-WB365-NTRL-03, #e5e5e5);
  background: var(--Colors-Neutral-WB365-NTRL-02, #f5f5f5);
  display: flex;
  flex-direction: column;
}
.ks-input-badge-widget .btn-st {
  height: 30px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.ks-badge-preview-footer {
  border-top: 1px dashed var(--Colors-Neutral-WB365-NTRL-03, #e5e5e5) !important;
  background: var(--Colors-Neutral-WB365-NTRL-00, #fff);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.ks-badge-preview-footer .ks-amount-data {
  padding-right: 22px;
  position: relative;
  cursor: pointer;
}
.ks-badge-preview-footer .ks-amount-data::after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("../../images/common/svg/icon-arrow-blue.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0px;
  cursor: pointer;
}

/* TODO: Override Print Approval Form */
.layerCont.printed_approval_form01
  #layerPopup-contsBox
  .sign-wrap
  .confirm
  ul
  li
  div.sign
  input[type="text"] {
  width: 100%;
}
.layerCont.approval_details
  .post-detail
  .post-content
  .text-wrap
  > div.approved-wrap
  > dl
  dt {
  width: 235px;
}

/* TODO: This style is override for .dropdown-menu.show that was in Page Wrapper */
.contents.weCms
  #table-list-wrap.ks-table-wrapper
  table
  tbody
  tr
  td
  .dropdown-menu.show {
  margin: 0.5rem 0px !important;
  padding: 0px !important;
  transform: translate(0px, 0px) !important;
}

.contents.weCms
  #table-list-wrap.ks-table-wrapper
  table
  tbody
  tr
  td
  .dropdown-menu.show {
  top: 100% !important;
  bottom: unset !important;
}

.contents.weCms
  #table-list-wrap.ks-table-wrapper.has-many-rows
  table
  tbody
  tr:nth-last-child(-n + 2)
  td
  .dropdown-menu.show {
  margin-bottom: 0.5rem !important;
  bottom: 100% !important;
  top: unset !important;
}

.contents.weCms
  #table-list-wrap.ks-table-wrapper.has-extra-rows
  table
  tbody
  tr:nth-last-child(-n + 4)
  td
  .dropdown-menu.show {
  margin-bottom: 0.5rem !important;
  bottom: 100% !important;
  top: unset !important;
}

/* TODO: This style is override for .dropdown-menu.show that was in Modal Wrapper */
.boards-popup.setting-pagepopup-ver2
  #table-list-wrap.ks-table-wrapper
  table
  tbody
  tr
  td
  .dropdown-menu.show {
  margin: 0.5rem 0px !important;
  padding: 0px !important;
  transform: translate(0px, 0px) !important;
}
.boards-popup.setting-pagepopup-ver2
  #table-list-wrap.ks-table-wrapper
  table
  tbody
  tr
  td
  .dropdown-menu.ks-margin-0.show {
  margin: 0 !important;
}
.boards-popup.setting-pagepopup-ver2
  #table-list-wrap.ks-table-wrapper
  table
  tbody
  tr
  td
  .dropdown-menu.show {
  top: 100% !important;
  bottom: unset !important;
}

.boards-popup.setting-pagepopup-ver2
  #table-list-wrap.ks-table-wrapper.has-many-rows
  table
  tbody
  tr:nth-last-child(-n + 2)
  td
  .dropdown-menu.show {
  margin-bottom: 0.5rem !important;
  bottom: 100% !important;
  top: unset !important;
}

.boards-popup.setting-pagepopup-ver2
  #table-list-wrap.ks-table-wrapper.has-extra-rows
  table
  tbody
  tr:nth-last-child(-n + 4)
  td
  .dropdown-menu.show {
  margin-bottom: 0.5rem !important;
  bottom: 100% !important;
  top: unset !important;
}

/* TODO: Form: new-firm-banking */
#wabook-layerPopup-default.active .layerCont[frompopup="new-firm-banking"] {
  max-height: calc(100vh - 32px);
}

.layerCont.new-firm-banking[frompopup="new-firm-banking"] .layerPopup-close {
  display: none;
}

.layerCont.new-firm-banking[frompopup="new-firm-banking"] .layerPopupWrap {
  width: 440px;
}

.layerCont.new-firm-banking[frompopup="new-firm-banking"] #layerPopup-contsBox {
  width: 100%;
  padding: 0px;
}

.layerCont.new-firm-banking[frompopup="new-firm-banking"] ul.item-table li {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.layerCont.new-firm-banking[frompopup="new-firm-banking"] input.selectValue {
  padding-left: 32px;
}

.layerCont.new-firm-banking[frompopup="new-firm-banking"] ul.list_bank li {
  padding-left: 32px;
  position: relative;
}

/* TODO: Form: view-firm-banking-details */
#wabook-layerPopup-default.active
  .layerCont[frompopup="view-firm-banking-details"] {
  max-height: calc(100vh - 32px);
}

.layerCont.view-firm-banking-details[frompopup="view-firm-banking-details"]
  .layerPopup-close {
  display: none;
}

.layerCont.view-firm-banking-details[frompopup="view-firm-banking-details"]
  .layerPopupWrap {
  width: 660px;
  padding: 0px;
}

.layerCont.view-firm-banking-details[frompopup="view-firm-banking-details"]
  #btn-wrap-default {
  padding: 0px;
  border-top: none;
}

/* TODO: Form: ks-edit-firm-banking-info */
.layerCont.ks-edit-firm-banking-info[frompopup="ks-edit-firm-banking-info"] {
  max-height: calc(100vh - 32px);
}

.layerCont.ks-edit-firm-banking-info[frompopup="ks-edit-firm-banking-info"]
  .layerPopup-close {
  display: none;
}

.layerCont.ks-edit-firm-banking-info[frompopup="ks-edit-firm-banking-info"]
  .layerPopupWrap {
  width: 100%;
  padding: 0px;
}

.layerCont.ks-edit-firm-banking-info[frompopup="ks-edit-firm-banking-info"]
  #btn-wrap-default {
  padding: 0px;
  border-top: none;
}

.layerCont.ks-edit-firm-banking-info[frompopup="ks-edit-firm-banking-info"]
  input.selectValue {
  padding-left: 32px;
}

.layerCont.ks-edit-firm-banking-info[frompopup="ks-edit-firm-banking-info"]
  ul.list_bank
  li {
  padding-left: 32px;
  position: relative;
}

.layerCont.ks-edit-firm-banking-info[frompopup="ks-edit-firm-banking-info"]
  #btn-wrap-default {
  margin-top: 0px;
}

/* TODO: Form: ks-manage-cards */
.layerCont.ks-manage-cards {
  padding: 0px;
  height: 532px;
  min-height: 532px;
  overflow: hidden !important;
}

.layerCont.ks-add-card {
  overflow: visible !important;
}

.layerCont.ks-add-card .layerPopupWrap {
  width: 100%;
}

.layerCont.ks-add-card #layerPopup-contsBox {
  width: 100%;
}

.layerCont.ks-input-card-credentials .layerPopupWrap {
  width: 100%;
}

.layerCont.ks-input-card-credentials #layerPopup-contsBox {
  width: 100%;
}

.layerCont.we-width-320 .layerPopupWrap {
  width: 100%;
}

.layerCont.we-width-320 #layerPopup-contsBox {
  width: 100%;
}

/* TODO: Form: ks-request-approvals-form */
.layerCont.layerCont.we-layout-content {
}

.modal#EditActiveFirmBankingInfoModal .modal-content input.selectValue,
.modal#EditInactiveFirmBankingInfoModal .modal-content input.selectValue {
  padding-left: 32px;
}

.modal#EditActiveFirmBankingInfoModal .modal-content ul.list_bank li,
.modal#EditInactiveFirmBankingInfoModal .modal-content ul.list_bank li {
  padding-left: 32px;
  position: relative;
}

.modal#EditActiveFirmBankingInfoModal .modal-content #btn-wrap-default,
.modal#EditInactiveFirmBankingInfoModal .modal-content #btn-wrap-default {
  margin-top: 0px;
}

/* TODO: KOSIGN-P.O Element and Properties styles */
ul.ks-firm-banking-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

ul.ks-firm-banking-menu > li {
  width: 100%;
  padding-right: 16px;
  background-color: var(--Colors-Neutral-WB365-NTRL-02, #f5f5f5);
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
  overflow: visible;
}

ul.ks-firm-banking-menu > li:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

ul.ks-firm-banking-menu > li:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

ul.ks-firm-banking-menu > li .ks-bank-image-block {
  padding: 12px 0px 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  overflow: visible;
}

ul.ks-firm-banking-menu > li .ks-bank-name-text {
  color: #1b1b1b;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}

ul.ks-firm-banking-menu > li .ks-bank-account-text {
  color: #737373;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}

ul.ks-firm-banking-menu > li .ks-bank-status-active-text,
ul.ks-firm-banking-menu > li .ks-bank-status-inactive-text {
  color: var(--Colors-Green-WB365-GREEN-08, #008427);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

ul.ks-firm-banking-menu > li .ks-bank-status-inactive-text {
  color: #de0000;
}

ul.ks-firm-banking-menu > li .ks-bank-datetime-text {
  color: var(--Colors-Neutral-WB365-NTRL-06, #737373);
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}

/* TODO: Bank Details Menu Listing */
ul.ks-bank-details-menu-list {
  display: flex;
  flex-direction: column;
}

ul.ks-bank-details-menu-list > li {
  padding: 8px 0px;
  border-bottom: 1px solid var(--Colors-Neutral-WB365-NTRL-03, #e5e5e5);
  display: inline-flex;
  align-items: start;
  gap: 10px;
  align-self: stretch;
}

ul.ks-bank-details-menu-list > li > .ks-sub-title-text,
ul.ks-bank-details-menu-list > li > .ks-title-text {
  color: #808080;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

ul.ks-bank-details-menu-list > li > .ks-sub-title-text {
  width: 195px;
}

ul.ks-bank-details-menu-list > li > .ks-title-text {
  color: var(--Colors-Neutral-WB365-NTRL-10, #171717);
}

ul.ks-bank-details-menu-list > li > .ks-title-text.ks-text-green {
  color: var(--Colors-Green-WB365-GREEN-08, #008427);
}

/* TODO: System Setting > Preferences Preview Listing */
ul.ks-preferences-menu-list {
  display: flex;
  flex-direction: column;
}

ul.ks-preferences-menu-list > li {
  padding: 12px 0px;
  border-bottom: 1px solid var(--Colors-Neutral-WB365-NTRL-03, #e5e5e5);
  display: inline-flex;
  align-items: start;
  gap: 10px;
  align-self: stretch;
}

ul.ks-preferences-menu-list > li .ks-sub-title-text {
  width: 200px;
}

ul.ks-preferences-menu-list > li .ks-sub-title-text,
ul.ks-preferences-menu-list > li .ks-title-text,
ul.ks-preferences-menu-list > li .ks-title-gray-text {
  color: var(--Colors-Neutral-WB365-NTRL-08, #404040);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

ul.ks-preferences-menu-list > li .ks-title-text {
  color: var(--Colors-Neutral-WB365-NTRL-10, #171717);
}

ul.ks-preferences-menu-list > li .ks-title-gray-text {
  color: var(--Colors-Neutral-WB365-NTRL-05, #a3a3a3);
}

/* TODO: System Setting > Preferences Preview Toggle Switch Listing */
ul.ks-preferences-toggle-list {
  display: flex;
  flex-direction: column;
}

ul.ks-preferences-toggle-list > li {
  padding: 12px 0px;
}

ul.ks-preferences-toggle-list > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

ul.ks-preferences-toggle-list > li .ks-sub-title-text,
ul.ks-preferences-toggle-list > li .ks-title-text {
  color: #1b1b1b;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}

ul.ks-preferences-toggle-list > li .ks-sub-title-text {
  color: var(--Colors-Neutral-WB365-NTRL-06, #737373);
}

ul.ks-preferences-toggle-list > li:last-child {
  border-top: 1px solid #e0e0e0;
}

/* TODO: System Settings > Icons */
.ks-warning-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.ks-warning-icon::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("./images/common/svg/icon-warning-orange.svg") no-repeat
    center center;
  cursor: pointer;
}

.ks-clock-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.ks-clock-icon::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("./images/common/svg/icon-clock-gray.svg") no-repeat center
    center;
  cursor: pointer;
}

/* TODO: System Settings > Prompt Wrapper */
.ks-prompt-wrapper {
  padding: 12px;
  background-color: var(--Colors-Neutral-WB365-NTRL-02, #f5f5f5);
  border-radius: 8px;
}

/* TODO: System Setting Menu Title Label */
.ks-menu-title-label {
  padding: 6px 10px;
  color: var(--Colors-Neutral-WB365-NTRL-06, #737373);
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
}

.layerCont.setting-pagepopup-ver2 .title-area.ks-title-area {
  margin-bottom: 10px;
}

.layerCont.setting-pagepopup-ver2 .title-area.ks-title-area > .ks-title-text {
  color: #1b1b1b;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.layerCont.setting-pagepopup-ver2
  .title-area.ks-title-area
  > .ks-sub-title-text {
  color: #878787;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

/* TODO: Button Element */
.layerCont.new-firm-banking[frompopup="new-firm-banking"] #btn-wrap-default {
  border-top: none;
  padding: 0px;
}

a.btn-st.normal.ks-btn-edit {
  width: 62px;
  min-width: auto;
  max-width: 62px;
  padding: 0px;
  position: relative;
  display: inline-flex;
  gap: 0.25rem;
}

a.btn-st.normal.ks-btn-edit:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("./images/settings/icon-edit-b.svg") no-repeat center center;
}

a.btn-st.normal.ks-btn-more {
  width: 32px;
  min-width: auto;
  max-width: 32px;
  padding: 0px;
  position: relative;
}

a.btn-st.normal.ks-btn-more:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("./images/common/svg/icon-more-black.svg") no-repeat center
    center;
}

a.btn-st.normal.ks-btn-settings {
  width: 32px;
  min-width: auto;
  max-width: 32px;
  padding: 0px;
  position: relative;
}

a.btn-st.normal.ks-btn-settings:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("./images/common/svg/icon-settings-black.svg") no-repeat
    center center;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  .btn-st.normal.ks-view-detatils {
  background-color: transparent;
  border: none;
  color: var(--Colors-Primary-CMS-PRIME-08, #0056af);
  border-radius: 6px;
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  .btn-st.normal.ks-view-detatils:hover {
  background: var(--Colors-Primary-CMS-PRIME-02, #d9f0ff);
}

.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  .btn-st.normal.ks-view-detatils:focus,
.layerCont.setting-pagepopup-ver2
  #layerPopup-contsBox
  #container
  > .contents
  .btn-st.normal.ks-view-detatils:active {
  background: var(--Colors-Primary-CMS-PRIME-01, #ecf7ff);
  box-shadow: 0px 0px 0px 4px var(--Colors-Primary-CMS-PRIME-03, #b0ddff);
}

a.btn-st.primary.ks-btn-add {
  min-width: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}

a.btn-st.primary.ks-btn-add::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("./images/common/svg/icon-add-white.svg") no-repeat center
    center;
  margin-right: 4px;
}
a.btn-st.wl-btn-border-none {
  background-color: transparent;
  border: none;
}
#container.mbmr > .contents .btn-wrap > a.ks-btn-lg {
  min-height: 3rem !important;
  height: auto;
  font-size: 1.15rem !important;
}

.layerCont.setting-pagepopup-ver2
  .drop_area.ks-max-width-400px
  .btn-wrap
  > a.del {
  opacity: 0;
  transition: opacity 0.25s ease;
}

.layerCont.setting-pagepopup-ver2
  .drop_area.ks-max-width-400px:hover
  .btn-wrap
  > a.del {
  opacity: 1;
}

.layerCont.setting-pagepopup-ver2
  .drop_area.ks-max-width-400px
  .btn-wrap
  > a.del:before {
  width: 36px;
  height: 36px;
}

/* TODO: Figure > Image */
figure.ks-bank-image {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.layerCont.setting-pagepopup-ver2 .drop_area.ks-max-width-400px {
  border-radius: 10px;
  border: 1px dashed var(--Colors-Primary-CMS-PRIME-07, #0064c6);
  background-color: var(--Colors-Primary-CMS-PRIME-01, #ecf7ff);
}

.layerCont.setting-pagepopup-ver2 .drop_area.ks-max-width-400px .text {
  margin-top: 8px;
  color: var(--Forgrounds-FG-NTL-07, #525252);
  font-size: var(--Typeface-Size-Body-Small, 14px);
  font-weight: var(--Typeface-Weight-Body-Small, 500);
  line-height: var(--Typeface-Line-height-Body-Small, 20px);
  letter-spacing: var(--Typeface-Letter-Spacing-Body-Small, -0.2px);
}

.layerCont.setting-pagepopup-ver2 .drop_area.ks-max-width-400px .text span {
  color: var(--Colors-Primary-CMS-PRIME-07, #0060b9);
}

.layerCont.setting-pagepopup-ver2
  .drop_area.ks-max-width-400px
  .text
  span:hover {
  cursor: pointer;
  color: var(--Colors-Primary-CMS-PRIME-08, #0056af);
}

.layerCont.setting-pagepopup-ver2 .drop_area.ks-max-width-400px {
  min-height: 120px;
  height: 120px;
}

.layerCont.setting-pagepopup-ver2
  .drop_area.ks-max-width-400px#no_company_logo {
  background-color: var(--Colors-Primary-CMS-PRIME-01, #ecf7ff);
  border: 1px dashed var(--Colors-Primary-CMS-PRIME-07, #0064c6);
}

.layerCont.setting-pagepopup-ver2
  .drop_area.ks-max-width-400px#have_company_logo {
  background-color: #fefdf9;
  border: 1px solid rgb(228, 228, 228);
}

.layerCont.setting-pagepopup-ver2
  .drop_area.ks-max-width-400px
  #have_company_logo
  img.have_company_logo {
  width: 250px;
  height: 60px;
  object-fit: cover;
}

/* TODO: Bootstrap > Toast */
.ks-toast-container .toast {
  background-color: #fff;
  border: none;
  box-shadow: none;
  outline: none;
  width: 320px;
  min-width: 320px;
  border-radius: 14px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.12),
    0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.ks-toast-container .toast.show {
  opacity: 1;
  transform: scale(1);
}

.ks-toast-container .toast .toast-body {
  padding: 16px;
}

.ks-toast-container .toast .toast-body.ks-wb-pd-12 {
  padding: 12px;
}

.ks-toast-container.ks-wb-bg-dark .toast {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  background-color: #000;
  box-shadow: 0px 0px 0px 1px #000, 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
}

.ks-toast-container.ks-toast-error .toast {
  background-color: #e1232e;
  color: #fff;
}

.ks-toast-container.ks-toast-error .toast svg,
.ks-toast-container.ks-toast-error button,
.ks-toast-container.ks-wb-bg-dark .toast * {
  color: #fff;
}

.ks-toast-container.ks-toast-error button:hover {
  color: #e1232e;
}

.ks-text-light-green,
.ks-toast-container.ks-wb-bg-dark .toast *.ks-text-light-green {
  color: #4ade80;
}

.ks-fill-light-green {
  fill: #4ade80;
}

/* TODO: Bootstrap > Tooltip */
.tooltip.ks-tooltip .tooltip-inner {
  padding: 8px;
  border-radius: 8px;
}

.tooltip.ks-tooltip-lg .tooltip-inner {
  padding: 12px;
  border-radius: 6px;
}
.tooltip.ks-tooltip.text-nowrap .tooltip-inner {
  max-width: 100%;
}
.layerCont.setting-pagepopup-ver2 .drop_area.ks-max-width-400px .caption span {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 9;
}

[data-bs-toggle="tooltip"]:hover {
  cursor: pointer;
}

/* TODO: Override: Etc Dropdown */
td.tar:has(.ks-etc) {
  overflow: visible;
}
.ks-etc {
  position: relative;
}
.ks-etc a.ks-etc-btn {
  min-width: 32px;
  width: 32px;
  min-height: 32px;
  height: 32px;
  padding: 0px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08),
    0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.17);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: #fff;
}
.ks-etc a.ks-etc-btn:before {
  content: "";
  background: url(./images/common/svg/icon-verticle-more.svg) no-repeat center
    center;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.ks-etc .ks-etc-popup {
  min-width: 150px;
  margin-top: 0.5rem;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1),
    0px 0px 2px 0px rgba(0, 0, 0, 0.1), 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0px;
  z-index: 2;
  display: none;
}
.ks-etc .ks-etc-popup.ks-width-100 {
  min-width: unset;
  width: 100px;
}
.ks-etc .ks-etc-popup ul {
  padding: 5px;
}
.ks-etc .ks-etc-popup ul li a {
  display: flex;
  align-items: center;
  border-radius: 5px;
  color: #1b1b1b;
  font-size: 13px;
  font-weight: 500;
}

.boards-popup.setting-pagepopup-ver2
  #table-list-wrap.ks-table-wrapper
  table
  tbody
  tr
  td
  .ks-etc
  .ks-etc-popup {
  top: 100% !important;
  bottom: unset !important;
}
.boards-popup.setting-pagepopup-ver2
  #table-list-wrap.ks-table-wrapper.has-many-rows
  table
  tbody
  tr:nth-last-child(-n + 2)
  td
  .ks-etc
  .ks-etc-popup {
  margin-bottom: 0.5rem !important;
  bottom: 100% !important;
  top: unset !important;
}
.boards-popup.setting-pagepopup-ver2
  #table-list-wrap.ks-table-wrapper.has-extra-rows
  table
  tbody
  tr:nth-last-child(-n + 4)
  td
  .ks-etc
  .ks-etc-popup {
  margin-bottom: 0.5rem !important;
  bottom: 100% !important;
  top: unset !important;
}

/* TODO: Position */
.ks-position-top-right-16px {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.ks-position-right-top-18px {
  position: absolute;
  top: 18px;
  right: 44px;
}
.ks-z-index2 {
  z-index: 2;
}

/* TODO: S :: Authentication Layout */
html,
body {
  min-width: 100%;
}
.ks-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100vh;
}
.ks-container .ks-left-wrapper {
  width: 100%;
  height: 100%;
  background-color: #f0f7ff;
  display: flex;
  flex-shrink: 0;
}
.ks-container .ks-left-wrapper .ks-title {
  width: 430px;
  color: #000;
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3rem;
  letter-spacing: -1.36px;
}
.ks-container .ks-left-wrapper .ks-widget-preview {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.ks-container .ks-left-wrapper .ks-widget-preview .ks-union-bar-svg {
  width: 100%;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.ks-container .ks-left-wrapper .ks-widget-preview .row {
  justify-content: center;
  column-gap: 32px;
}
.grid-item-wrapper {
  width: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
.ks-container .ks-left-wrapper .ks-widget-preview .grid-item {
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 18px;
  background: radial-gradient(90% 90% at 50% 100%, #ddefff 0%, #fff 100%);
  box-shadow: 0 6px 20px 0 rgba(0, 98, 191, 0.07),
    0 6px 10px 0 rgba(0, 98, 191, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.08),
    0 0 0 1px #fdfdfd inset, 0 0 0 1px #e6ecf3;
}
.ks-container .ks-left-wrapper .ks-widget-preview .grid-item img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}
.ks-container .ks-left-wrapper .ks-widget-preview .ks-widget-title {
  color: var(--Colors-Neutral-WB365-NTRL-08, #404040);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.56px;
  white-space: nowrap;
}
.ks-container .ks-left-wrapper .ks-footer-widget {
  min-height: 135px;
  height: fit-content;
  padding: 1.5rem 7.5rem;
  background-color: var(--Colors-Primary-CMS-PRIME-02, #d9f0ff);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  flex-shrink: 0;
  transition: all 0.15s ease;
  position: relative;
  z-index: 2;
}
.ks-container .ks-left-wrapper .ks-footer-widget * {
  transition: all 0.15s ease;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-shrink: 0;
  gap: 8px;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col .ks-footer-head {
  display: flex;
  align-items: center;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col svg,
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col img {
  width: 1.5rem;
  height: 1.5rem;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col .ks-label {
  color: var(--Colors-Primary-CMS-PRIME-10, #003e77);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.56px;
  white-space: nowrap;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li {
  padding-left: 12px;
  display: flex;
  align-items: center;
  gap: 2px;
  position: relative;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li span::before {
  content: "";
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M6.83941 13.9377C6.52344 13.9377 6.28646 13.8192 6.07205 13.554L3.14931 9.95421C2.98568 9.75673 2.91797 9.57053 2.91797 9.37305C2.91797 8.92166 3.25087 8.5944 3.71354 8.5944C3.99002 8.5944 4.18186 8.69596 4.36806 8.9273L6.81684 12.0306L11.5959 4.45855C11.7878 4.15386 11.9796 4.04102 12.2956 4.04102C12.7526 4.04102 13.0799 4.36263 13.0799 4.80838C13.0799 4.98329 13.0291 5.16385 12.8937 5.36697L7.61241 13.5371C7.43186 13.8079 7.17231 13.9377 6.83941 13.9377Z' fill='%230B3C6F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li {
  font-size: 10px;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: -0.48px;
  color: var(--Colors-Primary-CMS-PRIME-10, #003e77);
  white-space: nowrap;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li svg,
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li img {
  width: 16px;
  height: 16px;
}
.ks-container .ks-right-wrapper {
  width: 100%;
  padding: 0px;
  background-color: #fff;
}
.ks-container .ks-right-wrapper .contents.ks-form-login {
  margin-left: 0 !important;
  min-height: unset !important;
}
.ks-container .ks-right-wrapper #container.mbmr > .contents.ks-form-login {
  width: 100%;
  min-width: fit-content;
  max-width: 440px;
  margin-top: 15.625rem;
  padding: 0px 24px !important;
}
.ks-container .ks-right-wrapper .contents.ks-form-login .logo {
  margin-bottom: 3rem;
}
.ks-container .ks-right-wrapper .contents.ks-form-login .logo img {
  width: 13.75rem;
  height: 3rem;
}
.ks-container .ks-right-wrapper .contents.ks-form-login .ks-form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ks-container .ks-right-wrapper input[type="text"],
.ks-container .ks-right-wrapper input[type="email"],
.ks-container .ks-right-wrapper input[type="password"] {
  background: var(--Colors-Neutral-WB365-NTRL-00, #fff);
  border: 1px solid #eceff1;
  transition: all 0.15s ease-in-out;
}
.ks-container .ks-right-wrapper input[type="text"]:focus,
.ks-container .ks-right-wrapper input[type="email"]:focus,
.ks-container .ks-right-wrapper input[type="password"]:focus {
  border: 1px solid #898b8c;
  outline: none;
}
.ks-container .ks-right-wrapper input[type="text"].ks-input-lg,
.ks-container .ks-right-wrapper input[type="email"].ks-input-lg,
.ks-container .ks-right-wrapper input[type="password"].ks-input-lg {
  min-height: 3rem;
  height: 3rem !important;
  padding: 0.75rem !important;
  border-radius: 0.5125rem !important;
  outline: none !important;
  background: var(--Colors-Neutral-WB365-NTRL-00, #fff);
  font-size: 1.125rem !important;
  font-weight: 500 !important;
  line-height: 1.5rem !important;
}
.ks-container .ks-right-wrapper input[type="text"]::placeholder,
.ks-container .ks-right-wrapper input[type="email"]::placeholder,
.ks-container .ks-right-wrapper input[type="password"]::placeholder {
  color: var(--Colors-Neutral-WB365-NTRL-05, #a3a3a3) !important;
  font-weight: 500 !important;
}
.ks-container .ks-right-wrapper input[type="text"].ks-input-lg.ks-icon-lead,
.ks-container .ks-right-wrapper input[type="email"].ks-input-lg.ks-icon-lead,
.ks-container
  .ks-right-wrapper
  input[type="password"].ks-input-lg.ks-icon-lead {
  padding-left: 2.625rem !important;
}
.ks-container .ks-right-wrapper input[type="password"].ks-input-lg {
  padding-right: 2.625rem !important;
}
.ks-container
  .ks-right-wrapper
  input[type="text"].ks-input-lg:has(+ .ks-icon-eye) {
  padding-right: 2.625rem !important;
}
.ks-container .ks-right-wrapper .contents.ks-form-login .ks-icon-user::before,
.ks-container .ks-right-wrapper .contents.ks-form-login .ks-icon-lock::before,
.ks-container
  .ks-right-wrapper
  .contents.ks-form-login
  input[type="password"]
  + .ks-icon-eye::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.69141 20.2754H17.3047C17.7617 20.2754 18.12 20.1738 18.3796 19.9707C18.6391 19.7676 18.7689 19.4826 18.7689 19.1159C18.7689 18.6024 18.6109 18.0636 18.2949 17.4993C17.9846 16.9295 17.5332 16.3991 16.9408 15.9082C16.3483 15.4117 15.6345 15.0082 14.7995 14.6979C13.9701 14.3876 13.0362 14.2324 11.998 14.2324C10.9599 14.2324 10.0232 14.3876 9.18815 14.6979C8.35308 15.0082 7.63932 15.4117 7.04688 15.9082C6.46007 16.3991 6.00868 16.9295 5.69271 17.4993C5.37674 18.0636 5.21875 18.6024 5.21875 19.1159C5.21875 19.4826 5.34852 19.7676 5.60807 19.9707C5.86762 20.1738 6.22873 20.2754 6.69141 20.2754ZM11.998 12.819C12.5849 12.819 13.1237 12.661 13.6146 12.3451C14.1055 12.0291 14.4976 11.6031 14.791 11.0671C15.0901 10.5254 15.2396 9.91884 15.2396 9.2474C15.2396 8.59288 15.0901 8.00326 14.791 7.47852C14.4976 6.95378 14.1055 6.53906 13.6146 6.23438C13.1237 5.92969 12.5849 5.77734 11.998 5.77734C11.4169 5.77734 10.878 5.93251 10.3815 6.24284C9.89063 6.55317 9.49566 6.97352 9.19661 7.50391C8.90321 8.02865 8.75933 8.61545 8.76497 9.26432C8.76497 9.92448 8.91168 10.5254 9.20508 11.0671C9.49848 11.6031 9.89063 12.0291 10.3815 12.3451C10.8724 12.661 11.4112 12.819 11.998 12.819Z' fill='%23737373' style='fill:%23737373;fill:color(display-p3 0.4510 0.4510 0.4510);fill-opacity:1;'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}
.ks-container .ks-right-wrapper .contents.ks-form-login .ks-icon-lock::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.96224 20.8665C6.64193 20.8665 5.96484 20.1725 5.96484 18.7422V12.623C5.96484 11.3535 6.50651 10.668 7.56445 10.5326V8.55208C7.56445 5.47135 9.61263 3.8125 11.9993 3.8125C14.3776 3.8125 16.4342 5.47135 16.4342 8.55208V10.5326C17.4837 10.668 18.0254 11.362 18.0254 12.623V18.7422C18.0254 20.1725 17.3483 20.8665 16.028 20.8665H7.96224ZM9.33333 8.42513V10.5156H14.6738V8.42513C14.6738 6.55469 13.4551 5.50521 11.9993 5.50521C10.5352 5.50521 9.33333 6.55469 9.33333 8.42513Z' fill='%23737373'/%3E%3C/svg%3E");
}
.ks-container
  .ks-right-wrapper
  .contents.ks-form-login
  input[type="password"]
  + .ks-icon-eye::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.0013 19.86C5.16276 19.86 0.457031 14.2826 0.457031 12.5729C0.457031 10.8548 5.17122 5.27734 12.0013 5.27734C18.916 5.27734 23.5371 10.8548 23.5371 12.5729C23.5371 14.2826 18.9245 19.86 12.0013 19.86ZM12.0013 17.1348C14.5319 17.1348 16.5885 15.0527 16.5885 12.5729C16.5885 10.0254 14.5319 8.01107 12.0013 8.01107C9.45378 8.01107 7.41406 10.0254 7.41406 12.5729C7.41406 15.0527 9.45378 17.1348 12.0013 17.1348ZM12.0013 14.3079C11.0365 14.3079 10.2493 13.5208 10.2493 12.5729C10.2493 11.6165 11.0365 10.8294 12.0013 10.8294C12.9577 10.8294 13.7533 11.6165 13.7533 12.5729C13.7533 13.5208 12.9577 14.3079 12.0013 14.3079Z' fill='%230152A3'/%3E%3C/svg%3E");
  left: auto;
  right: 12px;
  cursor: pointer;
}
.ks-container
  .ks-right-wrapper
  .contents.ks-form-login
  input[type="text"]
  ~ .ks-icon-eye-hide::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M12.4912 13.5101L2.83713 3.873C2.66222 3.69808 2.66222 3.3934 2.83713 3.21848C3.01769 3.03793 3.31109 3.04357 3.49165 3.21848L13.1401 12.8613C13.3206 13.0418 13.3263 13.3183 13.1401 13.5101C12.9595 13.702 12.6718 13.6907 12.4912 13.5101ZM13.0216 11.7328L10.8436 9.53793C10.9847 9.21067 11.0581 8.84392 11.0581 8.46588C11.0581 6.76753 9.68696 5.42465 7.99989 5.42465C7.62185 5.42465 7.26074 5.498 6.92784 5.62777L5.33105 4.03098C6.14355 3.76015 7.04069 3.60216 7.99989 3.60216C12.6097 3.60216 15.6904 7.32048 15.6904 8.46588C15.6904 9.12604 14.6635 10.6156 13.0216 11.7328ZM7.99989 13.324C3.44086 13.324 0.303711 9.60564 0.303711 8.46588C0.303711 7.80008 1.36447 6.26536 3.10232 5.1256L5.20692 7.24149C5.03201 7.60824 4.94173 8.02577 4.94173 8.46588C4.94173 10.1191 6.30154 11.5071 7.99989 11.5071C8.42871 11.5071 8.8406 11.4112 9.20736 11.2363L10.8098 12.8444C9.96908 13.1434 9.02116 13.324 7.99989 13.324ZM9.81673 8.34739C9.81673 8.40381 9.81109 8.45459 9.80545 8.50538L7.87012 6.57005C7.9209 6.5644 7.97168 6.5644 8.0281 6.5644C9.02116 6.5644 9.81673 7.35998 9.81673 8.34739ZM6.17177 8.39253C6.17177 8.33046 6.17741 8.27404 6.18305 8.21197L8.13531 10.1699C8.07888 10.1755 8.02246 10.1755 7.96604 10.1755C6.98427 10.1755 6.17177 9.3743 6.17177 8.39253Z' fill='%230152A3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: auto;
  right: 12px;
  transform: translateY(-50%);
  cursor: pointer;
}
.ks-container
  .ks-right-wrapper
  .contents.ks-form-login
  input[type="checkbox"].checkBox-normal
  + label::before {
  width: 1.5rem !important;
  height: 1.5rem !important;
  border-radius: 0.375rem !important;
  margin-right: 0.625rem !important;
  transition: all 0.15s ease;
}
.ks-container
  .ks-right-wrapper
  .contents.ks-form-login
  input[type="checkbox"].checkBox-normal
  + label {
  color: var(--Colors-Neutral-WB365-NTRL-08, #404040);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.72px;
  cursor: pointer;
}
.ks-container
  .ks-right-wrapper
  #container.mbmr
  > .contents.ks-form-login
  .btn-wrap {
  margin-top: 2rem;
}
.ks-container .ks-right-wrapper .ks-footer-widget {
  margin-top: 3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 2.375rem;
  margin-bottom: 3rem;
}
.ks-container .ks-right-wrapper .ks-footer-widget > span {
  color: var(--Colors-Primary-CMS-PRIME-07, #0064c6);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.72px;
  position: relative;
  transition: all 0.15s ease-in-out;
}
.ks-container .ks-right-wrapper .ks-footer-widget > span:hover {
  cursor: pointer;
  color: var(--Colors-Primary-CMS-PRIME-10, #003e77);
}
.ks-container
  .ks-right-wrapper
  .ks-footer-widget
  > span:not(:first-child)::before {
  content: "";
  width: 6px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6' fill='none'%3E%3Ccircle cx='3' cy='3' r='3' fill='%23D9D9D9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 8px;
  left: -20px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .ks-container {
    grid-template-columns: 50% 50%;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .ks-container .ks-left-wrapper .ks-footer-widget {
    padding: 1.5rem 8rem;
  }
}

/* TODO: For larger screens (desktops, large screens) */
@media (min-width: 1280px) {
  .ks-container {
    grid-template-columns: 50% 50%;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 2.5rem 1.5rem;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col .ks-footer-head {
    flex-direction: row;
    align-items: center;
    gap: 0.25rem;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col svg,
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col img {
    width: 1.875rem;
    height: 1.875rem;
  }
  .ks-container .ks-right-wrapper {
    padding: 0 2.5rem;
  }
  .ks-container .ks-right-wrapper #container.mbmr > .contents.ks-form-login {
    margin-top: 19.125rem;
  }
}
/* TODO: For extra large screens */
@media (min-width: 1440px) {
  .ks-container .ks-left-wrapper .ks-title {
    width: 100%;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget {
    padding: 3rem 1.5rem;
    min-height: 165px;
    gap: 1.25rem;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col .ks-footer-head {
    gap: 0.5rem;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col svg,
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col img {
    width: 2rem;
    height: 2rem;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col .ks-label {
    font-size: 14px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .ks-widget-title {
    font-size: 14px;
  }
  .ks-container .ks-left-wrapper .ks-z-index2.ks-gap-24px {
    gap: 34px !important;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .row {
    column-gap: 70px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .grid-item {
    width: 100px;
    height: 100px;
    border-radius: 30px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .grid-item img {
    width: 64px;
    height: 64px;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul {
    gap: 6px;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li {
    gap: 6px;
    padding-left: 22px;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li span {
    font-size: 12px;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li span::before {
    width: 16px;
    height: 16px;
  }
  .ks-container .ks-right-wrapper {
    padding: 0 6.875rem;
  }
}

@media (min-width: 1920px) {
  .ks-container .ks-left-wrapper .ks-footer-widget {
    padding: 3rem;
    min-height: 165px;
    gap: 4rem;
  }
  .ks-container .ks-right-wrapper #container.mbmr > .contents.ks-form-login {
    margin-top: 19.125rem;
  }
}

@media (-webkit-device-pixel-ratio: 1.25) {
  .ks-container {
    overflow: hidden;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 1.5rem;
  }
  .ks-container .ks-left-wrapper .ks-title {
    width: 100%;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget {
    padding: 2.5rem 1.5rem;
    min-height: fit-content;
    gap: 2.5rem;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col .ks-footer-head {
    gap: 0.5rem;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col .ks-label {
    font-size: 14px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .ks-widget-title {
    font-size: 14px;
  }
  .ks-container .ks-left-wrapper .ks-z-index2.ks-gap-24px {
    gap: 34px !important;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .row {
    column-gap: 70px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .grid-item {
    width: 100px;
    height: 100px;
    border-radius: 30px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .grid-item img {
    width: 64px;
    height: 64px;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul {
    gap: 6px;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li {
    gap: 6px;
    padding-left: 22px;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li span::before {
    width: 16px;
    height: 16px;
  }
  .ks-container .ks-right-wrapper {
    padding: 0 6.875rem;
  }
}
/* TODO: E :: Authentication Layout */

/* TODO: E: KOSIGN, P.O, Override Style CSS */