html,
body {
  font-size: 13px !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  color: var(--Colors-Neutral-WB365-NTRL-10, #171717);
  line-height: normal;
  letter-spacing: normal;
  min-width: 1024px;
  width: 100%;
} 

/* TODO: Set all elements in the same page that have "Dropdown-Menu" popup, so set all overflow: visible */
.ks-hidden-bar {
  width: 25px;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 50px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  display: none;
}
.ks-hidden-bar.ks-left-bar {
  width: 235px;
  right: auto;
  left: 0px;
}
body:has(.ks-table-wrapper .dropdown-menu.show:not(.ks-bank-trsc-menu)) #container > .contents {
  overflow: visible !important;
}
body:has(.ks-table-wrapper .dropdown-menu.show:not(.ks-bank-trsc-menu)) .ks-hidden-bar {
  display: block;
  z-index: 3;
}
/* body:has(.ks-table-wrapper .dropdown-menu.show) .ks-table-wrapper {
  overflow: visible !important;
  position: relative !important;
}
body:has(.ks-table-wrapper .dropdown-menu.show) .ks-table-wrapper table {
  position: absolute !important;
  top: 0px !important;
  right: 0px !important;
} */
body:has(.ks-table-wrapper .dropdown-menu.show:not(.ks-bank-trsc-menu)) #pagging-wrap {
  background-color: #fff;
  padding-bottom: 25px;
  position: relative;
}
body:has(.modal .dropdown-menu.show) #table-list-wrap.ks-table-wrapper {
  overflow: visible !important;
}
body .modal .modal-content .ks-hidden-bar {
  width: 20px;
  position: absolute;
  top: 65px;
  left: 0px;
  display: block;
  z-index: 1;
}

/* TODO: S :: Authentication Layout */
.ks-container {
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
  height: 100vh;
}

/* TODO: S :: Login Container > Left Wrapper */
/* .ks-container .ks-left-wrapper {
  width: 100%;
  background-color: #f0f7ff;
  display: flex;
  flex-shrink: 0;
  padding-top: 84px;
} */
/* .ks-container .ks-left-wrapper .ks-title {
  color: #000;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: -1.36px;
  margin-bottom: 77px;
} */

/* TODO: S :: Login Container > Left Wrapper > Widget Preview */
/* .ks-container .ks-left-wrapper .ks-widget-preview {
  width: 100%;
  height: 505px;
  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%;
  height: 505px;
  flex-shrink: 0;
  fill: radial-gradient(32.47% 35.05% at 50% 46.34%, #d0e8fe 0%, #eef7ff 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */
/* .ks-container .ks-left-wrapper .ks-widget-preview .row {
  justify-content: center;
  column-gap: 75px;
} */
.grid-item-wrapper {
  width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
.ks-container .ks-left-wrapper .ks-widget-preview .grid-item {
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 30px;
  background: radial-gradient(90% 90% at 50% 100%, #ddefff 0%, #fff 100%);
  box-shadow: 0px 6px 20px 0px rgba(0, 98, 191, 0.07),
  0px 6px 10px 0px rgba(0, 98, 191, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.08),
  0px 0px 0px 1px #fdfdfd inset, 0px 0px 0px 1px #e6ecf3;
}
.ks-container .ks-left-wrapper .ks-widget-preview .grid-item img {
  width: 64px;
  height: 64px;
  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: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.56px;
  white-space: nowrap;
}
/* TODO: E :: Login Container > Left Wrapper > Widget Preview */

/* .ks-container .ks-left-wrapper .ks-footer-widget {
  min-height: 231px;
  height: fit-content;
  margin-top: 84px;
  padding: 28px 63px;
  background-color: var(--Colors-Primary-CMS-PRIME-02, #d9f0ff);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 64px;
  flex-shrink: 0;
  transition: all 0.15s ease;
} */
.ks-container .ks-left-wrapper .ks-footer-widget * {
  transition: all 0.15s ease;
}
/* .ks-container .ks-left-wrapper .ks-footer-widget .ks-col {
  width: 168px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
  gap: 16px;
} */
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col svg,
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col img {
  width: 32px;
  height: 32px;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col .ks-label {
  color: var(--Colors-Primary-CMS-PRIME-10, #003e77);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.56px;
  white-space: nowrap;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li {
  padding-left: 22px;
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li span::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../../images/common/svg/icon-tick-dark-blue.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0px;
}
.ks-container .ks-left-wrapper .ks-footer-widget .ks-col ul li {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  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;
}
/* TODO: E :: Login Container > Left Wrapper */

/* TODO: S :: Login Container > Right Wrapper */
/* .ks-container .ks-right-wrapper {
  width: 100%;
  padding: 0 7.5rem;
  background-color: #fff;
} */
.ks-container .ks-right-wrapper .contents.ks-form-login {
  margin-left: 0px !important;
}
/* .ks-container .ks-right-wrapper #container.mbmr > .contents.ks-form-login {
  width: 100%;
  min-width: fit-content;
  max-width: 440px;
  margin-top: 280px;
} */
.ks-container .ks-right-wrapper .contents.ks-form-login .logo {
  margin-bottom: 48px;
}
/* .ks-container .ks-right-wrapper .contents.ks-form-login .ks-form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
 */
/* TODO: S :: Form Input */
/* input:-webkit-autofill {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
} */
.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;
  font-size: 15px !important;
  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;
  font-size: 15px !important;
  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 {
  height: 52px !important;
  padding: 12px !important;
  border-radius: 9px !important;
  outline: none !important;
  background: var(--Colors-Neutral-WB365-NTRL-00, #fff);
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 24px !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;
  font-size: 15px !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: 42px !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: 24px;
  height: 24px;
  background-image: url('../../images/common/svg/icon-user-dark-gray.svg');
  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('../../images/common/svg/icon-lock-dark-gray.svg');
}
.ks-container
.ks-right-wrapper
.contents.ks-form-login
input[type="password"]
+ .ks-icon-eye::before {
  background-image: url("../../images/common/svg/icon-eye-blue-md.svg");
  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: 24px;
  height: 24px;
  background-image: url('../../images/common/svg/icon-eye-hide-blue-md.svg');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: auto;
  right: 12px;
  transform: translateY(-50%);
  cursor: pointer
} 

/* TODO: E :: Form Input */

/* TODO: S :: Form Login > Checkbox */
.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: 6px !important;
  margin-right: 10px !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: 15px !important;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.72px;
  cursor: pointer;
}
.ks-container
.ks-right-wrapper
#container.mbmr
> .contents.ks-form-login
/* .btn-wrap {
  margin-top: 32px;
} */
/* TODO: E :: Form Login > Checkbox */

/* TODO: S :: Right Wrapper > Footer */
.ks-container .ks-right-wrapper .ks-footer-widget {
  margin-top: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 38px;
  position: sticky;
  bottom: 48px;
}
.ks-container .ks-right-wrapper .ks-footer-widget > span,
/* .ks-container .ks-right-wrapper .ks-footer-widget > span > a {
  color: var(--Colors-Primary-CMS-PRIME-07, #0064c6);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.72px;
  position: relative;
  transition: all 0.15s ease-in-out;
  text-decoration: none;
} */
.ks-container .ks-right-wrapper .ks-footer-widget > span:hover,
.ks-container .ks-right-wrapper .ks-footer-widget > span > a:hover {
  cursor: pointer;
  color: var(--Colors-Primary-CMS-PRIME-10, #003e77) !important;
}
.ks-container .ks-right-wrapper .ks-footer-widget > span:not(:first-child)::before,
.ks-container .ks-right-wrapper .ks-footer-widget > span:not(:first-child) > a::before {
  content: "";
  width: 6px;
  height: 6px;
  background-image: url("../../images/common/svg/icon-circle-light-gray-sm.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 8px;
  left: -20px;
}
/* TODO: E :: Right Wrapper > Footer */
/* TODO: E :: Login Container > Right Wrapper */

/* TODO: Medium Desktop: 1025px - 1280px */
@media (min-width: 1025px) and (max-width: 1280px) {
  .ks-container .ks-left-wrapper .ks-title {
    padding: 0 80px;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.36px;
  }
  .ks-container .ks-left-wrapper {
    padding-top: 44px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview {
    height: 440px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .ks-gap-34px {
    padding-left: 16px;
    padding-right: 16px;
    gap: 24px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .row {
    column-gap: 32px;
    row-gap: 24px;
  }
  .ks-container .ks-right-wrapper #container.mbmr > .contents.ks-form-login {
    margin-top: 220px;
  }
  .grid-item-wrapper {
    width: 80px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .grid-item {
    width: 80px;
    height: 80px;
    border-radius: 22px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .grid-item img {
    width: 48px;
    height: 48px;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget {
    padding: 32px 100px;
    grid-template-columns: 1fr 1fr;
    column-gap: 48px;
    row-gap: 32px;
  }
}

/* TODO: Large Desktop: 1281px - 1440px */
@media (min-width: 1281px) and (max-width: 1440px) {
  .ks-container .ks-left-wrapper .ks-title {
    padding: 0 80px;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.36px;
  }
  .ks-container .ks-left-wrapper {
    padding-top: 44px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview {
    height: 440px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .ks-gap-34px {
    padding-left: 16px;
    padding-right: 16px;
    gap: 24px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .row {
    column-gap: 32px;
    row-gap: 24px;
  }
  .ks-container .ks-right-wrapper #container.mbmr > .contents.ks-form-login {
    margin-top: 220px;
  }
  .grid-item-wrapper {
    width: 80px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .grid-item {
    width: 80px;
    height: 80px;
    border-radius: 22px;
  }
  .ks-container .ks-left-wrapper .ks-widget-preview .grid-item img {
    width: 48px;
    height: 48px;
  }
  .ks-container .ks-left-wrapper .ks-footer-widget {
    padding: 32px 100px;
    grid-template-columns: 1fr 1fr;
    column-gap: 48px;
    row-gap: 32px;
  }
  .ks-container .ks-right-wrapper #container.mbmr > .contents.ks-form-login {
    margin-top: 270px;
  }
}

/* TODO: Extra Large Desktop: > 1921px */
@media (min-width: 1921px) {
  .ks-container {
    grid-template-columns: 1fr 1fr;
  }
}
/* TODO: E :: Authentication Layout */

/* TODO: S :: Header Layout */
#header {
  z-index: 9;
}
#header .gnb-wrap ul.menu-area li a {
  padding: 0px 16px;
}
#header .gnb-wrap ul.menu-area li + li:before {
  display: none;
}
/* TODO: E :: Header Layout */

/* TODO: S :: Title Area Layout */
#container > .contents .title-area.ks-border-none {
  padding-bottom: 0.75rem;
  border: none;
}
#container
  > .contents
  .title-area.ks-border-none
  > .page-func-wrap
  > div.function
  > div
  + div:before {
  display: none;
}
#container
  > .contents
  .title-area.ks-border-none
  > .page-func-wrap
  > div.function
  > div
  + div {
  padding-left: 0px;
  margin-left: 0.5rem;
}
#container
  > .contents
  .title-area
  > .page-func-wrap
  > div.function
  > div.page-dashboard {
  margin-right: 1rem;
}
/* TODO: E :: Title Area Layout */

/* TODO: S :: Select Option */
div.select-box-default-st input.selectValue.w-100 {
  width: 100%;
}
.select-wrap {
  padding-left: 1px !important;
}
#pagging-wrap .select-box-default-st div.select-wrap.ks-bottom-start {
  top: unset !important;
}
/* TODO: E :: Select Option */

/* TODO: S :: Date Select */
.date .date-select {
  z-index: 2;
}
.date .date-select {
  min-width: 162px;
  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);
  position: absolute;
  left: 0;
  top: calc(100% + 3px);
}
.ui-datepicker {
  font-size: 16px;
}
img.ui-datepicker-trigger {
  visibility: hidden;
}
a.btn-st,
div.select-box-default-st input.selectValue,
input[type="text"],
input[type="radio"] + label:before,
input[type="radio"] + label:after,
input[type="checkbox"],
input[type="checkbox"] + label,
input[type="checkbox"] + label:before,
input[type="checkbox"] + label:after {
  -webkit-transition: none !important;
  transition: none !important;
}
.icon-svg.calendar.d-none {
  display: none !important;
}
/* TODO: E :: Date Select */

/* TODO: S :: View Setting Listbox */
#view-sort-box > .table-list .view-setting-listbox {
  overflow: auto;
}
/* TODO: E :: View Setting Listbox */

/* TODO: S :: Dashboards Widget */
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);
}
/* TODO: E :: Dashboards Widget */

/* TODO: S :: Contents Layout */
#container > .contents {
  margin-left: 210px;
  width: 100%;
  height: 100%;
  min-height: auto;
  padding: 20px 25px;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
div.contents div#table-list-wrap {
  overflow: auto;
}
/* TODO: E :: Contents Layout */

/* TODO: S :: Pagination Layout */
#pagging-wrap {
  margin-top: auto !important;
  padding-top: 1.5rem !important;
}
#pagging-wrap > .lf {
  top: 1.5rem !important;
}
/* TODO: E :: Pagination Layout */

/* TODO: S :: Customize Elements */
.modal .layerCont.article_approval .title-input {
  padding: 0px;
}
.modal .layerCont.article_approval .title-input .ks-title-label {
  color: #1b1b1b;
  font-size: 27px;
  font-weight: 700;
  line-height: 32px;
}
.modal .layerCont.article_approval .title-input input {
  width: 100%;
  background-color: transparent;
  border: none;
  border-radius: 0px !important;
  font-size: 27px;
  font-weight: 700;
  color: #1b1b1b;
  border-radius: 0px;
  padding: 0px;
}
.modal .layerCont.article_approval .title-input input::placeholder {
  font-weight: 700;
  color: #1b1b1b;
  opacity: 0.5;
}
.modal .layerCont.article_approval .more-wrap {
  padding-top: 20px;
  padding-bottom: 16px;
  border-top: none;
  border-bottom: none;
}
.modal .layerCont.article_approval .more-wrap > dl {
  padding: 0px;
  height: 38px;
  display: flex;
  align-items: center;
}
.modal .layerCont.article_approval .more-wrap > dl#comm_approver {
  height: auto;
  min-height: 38px;
  align-items: flex-start;
}
.modal .layerCont.article_approval .more-wrap > dl .approver {
  margin-top: 10px;
}
.modal .layerCont.article_approval .more-wrap > dl .approver + div {
  margin-top: 4px;
}
.modal .keyword-search.normal input[type="text"].enter_name_appr {
  padding: 0px;
}
.layerCont.article_approval .more-wrap > dl > dt.appr-type:before {
  background: url("../../images/boards/icon-approved-type.svg") no-repeat;
  opacity: 0.5;
}
.layerCont.article_approval .more-wrap > dl > dt.doc_num:before {
  background: url("../../images/boards/icon-approved-doc-num.svg") no-repeat;
}
.modal .layerCont.article_approval .more-wrap > dl > dt.requestor:before {
  background: url("../../images/boards/icon-approved-requester.svg") no-repeat;
}
.modal .layerCont.article_approval .more-wrap > dl > dt.request_dt:before {
  opacity: 0.5;
}
.modal .layerCont.article_approval .more-wrap > dl > dt.approver:before {
  background: url("../../images/boards/icon-approved-approver.svg") no-repeat;
}
.modal .layerCont.article_approval .more-wrap > dl > dt:not(.total_amount) {
  min-width: 160px;
  color: #525252;
  opacity: 1;
}
.modal .layerCont.article_approval .more-wrap > dl > dd .currency .unit {
  color: #737373;
}
.modal .layerCont.article_approval .more-wrap > dl > dt.total_amount::before {
  background: url("../../images/boards/icon-approved-total-amount.svg")
  no-repeat;
}
.modal .layerCont.article_approval .more-wrap > dl > dt.total_amount {
  color: #525252;
}
.modal .tag-box {
  padding: 6px 28px 6px 8px;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  background-color: #eaeaea;
  display: flex;
  align-items: center;
  gap: 4px;
}
.modal .tag-box .ks-close-icon::before {
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("../../images/common/svg/icon-close-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  cursor: pointer;
}
.modal .layerCont.article_approval .textarea-wrap textarea {
  padding: 0px;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  outline: none;
  width: 100%;
  min-height: 87px;
  max-height: 150px;
  position: relative;
  resize: vertical;
  font-size: 14px;
  font-weight: 500;
}
.modal .layerCont.article_approval textarea::placeholder {
  color: #a3a3a3;
}
.modal .modal-content .management-text {
  padding-top: 16px;
  padding-bottom: 24px;
  border-top: 1px solid #d4d4d4;
  font-weight: 500;
  color: #1b1b1b;
  line-height: 20px;
}
.modal .modal-content .down {
  width: 100%;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
}
.modal .modal-content .down .file-img {
  padding: 14px;
  background-color: rgba(33, 163, 101, 0.08);
  border-right: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal .modal-content .down .cont {
  width: 100%;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal .modal-content .down .cont .text {
  padding-top: 8px;
  padding-bottom: 8px;
}
.modal .modal-content .down .cont .text p.name {
  font-size: 13px;
  font-weight: 500;
  color: #000;
}
.modal .modal-content .down .cont .text p.val {
  margin-top: 3px;
  font-size: 11px;
  font-weight: 500;
  color: #757575;
}
.modal .modal-content .down .cont a {
  width: 24px;
  height: 24px;
  background: url("../../images/boards/detail_down.svg") no-repeat;
  display: flex;
}
.modal input[type="checkbox"].checkBox-switch + label::before,
.modal input[type="checkbox"].checkBox-switch + label::after {
  transition: all 0.15s ease !important;
  cursor: pointer;
}
.modal input[type="checkbox"].checkBox-switch:disabled + label::before,
.modal input[type="checkbox"].checkBox-switch:disabled + label::after {
  opacity: 0.5 !important;
}

/* TODO: Custom: Modal action block */
.modal .modal-content .ks-more-block {
  width: 32px;
  height: 32px;
  padding: 0px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 12px;
  right: 0px;
  z-index: 1;
  transition: background-color 0.15s linear;
}
.modal .modal-content .ks-more-block:hover {
  background: #eaeaea;
  cursor: pointer;
}
.modal .modal-content .ks-more-block:has(+ .dropdown-menu.show) {
  background: #eaeaea;
}

/* TODO: Custom input[type="file"] */
.modal .modal-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;
}
.modal .modal-content input[type="file"]:hover,
.offcanvas.ks-offcanvas input[type="file"]:hover {
  cursor: pointer;
}
/* TODO: E :: Customize Elements */

/* TODO: S :: Bank Logo Wrapper */
.ks-bank-logo-wrapper {
  width: 240px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* TODO: E :: Bank Logo Wrapper */

/* TODO: S :: 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: E :: Badge Widget for Input: ks-input-badge-widget */