@charset "UTF-8";

body {
  padding: 0 25px;
}

.water-mark-upper {
  overflow: visible;
  background: url("/resources/images/bg/water-mark.svg") no-repeat center center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
 supported by Chrome, Edge, Opera and Firefox */
}

/* login */
.login-con > .title > h3 {
  font-size: 40px;
  color: #fafaff;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
}
.login-con > .title > span {
  font-size: 16px;
  color: #fff;
  line-height: 1.4167;
  font-weight: 400;
  letter-spacing: 0em;
}

.input-box.login > label {
  font-size: 13px;
}
.input-box.login > input:focus + label {
  display: inline-block;
  transform: translateY(0px);
  opacity: 1;
}
.input-box.login.active > input:not([type="button"]) {
  outline: 1px solid #29A7E1;
  background: #fff;
}
.input-box.login.active > select {
  border: 1px solid #29A7E1;
  background: #fff;
  font-size: 12px;
  padding: 4px 20px 4px 21px;
  height: 32px;
  width: 253px;
  border-radius: 10px;
}
.input-box.login.active > select:focus-visible {
  outline: 0;
}
.input-box.login.active > select + label {
  display: inline-block;
  transform: translateY(0px);
  opacity: 1;
  background: #fff;
}
.input-box.login.active > input + label {
  display: inline-block;
  transform: translateY(0px);
  opacity: 1;
  background: #fff;
}
.input-box.login > input:focus + label:after {
  content: "";
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.input-box.login > input {
  font-size: 14px;
}
.input-box.login > input:not([type="button"]):focus {
  outline: 1px solid #29A7E1;
  background: #fff;
}
.input-box.auth > input[type="button"] {
  width: 128px;
  background: #fff;
  border: 1px solid #29A7E1;
  padding: 0 26px;
  cursor: pointer;
}
/* .input-box.login > input[type=button]:focus {outline: 1px solid #29A7E1;} */
/* .input-box.login > input[type=button]:hover {background: #29A7E1; color: #FFF;} */
.input-box.login > input[type="button"]:disabled {
  background: #f5f5f7;
  outline: 0;
  border: 0;
  color: #8b8fa8;
}
.id-save {
  margin-bottom: 13px;
  display: flex;
  align-items: center;
}
.id-save > label {
  font-size: 12px;
  display: inline-block;
}
.id-save-checkshape {
  width: 40px;
  display: inline-block;
  line-height: 22px;
  margin-right: 8px;
  position: relative;
  height: 22px;
}
.id-save-checkshape > .check-con {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 22px;
  border: 1px solid #ddd;
  border-radius: 40px;
}
.id-save-checkshape > input[type="checkbox"] {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
}
.id-save-checkshape > #idSave:focus ~ label.check-con {
  border: 2px solid #29A7E1;
}
.id-save-checkshape > .check-shape {
  width: 16px;
  height: 16px;
  display: flex;
  border-radius: 50%;
  background: #ddd;
  transform: translate(3px, 3px);
  transition: 0.5s;
}
.id-save-checkshape
  > input[type="checkbox"]:checked
  + .check-shape
  + .check-con {
  border-color: #29A7E1;
}
.id-save-checkshape > input[type="checkbox"]:checked + .check-shape {
  transform: translate(21px, 3px);
  background-color: #29A7E1;
}
.login-btn {
  position: relative;
  display: flex;
  margin-bottom: 10px;
}
.login-btn label.for-login {
  width: 176px;
  position: relative;
}
.login-btn label.for-login:after {
  content: "";
  background: url("/resources/images/icon/login-btn-arrow.svg");
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 33px;
  height: 33px;
}
.login-btn label.for-login:hover:after {
  background: url("/resources/images/icon/login-btn-arrow-hover.svg");
}
.login-btn label.for-login input[type="submit"] {
  background: linear-gradient(90.11deg, #ff7a00 0.12%, #ff4d00 99.93%);
  border: 1px solid #29A7E1;
  border-radius: 8px;
  font-size: 22px;
  color: #fff;
  line-height: 32px;
  padding: 13px 19px;
  text-align: left;
}
.login-btn label.for-login input[type="submit"]:hover {
  background: #fff;
  color: #29A7E1;
  outline: 1px solid #29A7E1;
}

.get-certi {
  width: 176px;
  position: relative;
  background: linear-gradient(
    90deg,
    #29A7E1 0%,
    #1B6FAE 100%
  ) !important;
  border: 1px solid #29A7E1;
  border-radius: 8px;
  font-size: 22px;
  color: #fff;
  line-height: 32px;
  padding: 13px 19px;
  text-align: left;
}
.get-certi:after {
  content: "";
  background: url("/resources/images/icon/login-btn-arrow.svg");
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 33px;
  height: 33px;
}
.get-certi:hover {
  background: #fff !important;
  color: #29A7E1;
  outline: 1px solid #29A7E1;
}
.get-certi:hover:after {
  background: url("/resources/images/icon/login-btn-arrow-hover.svg");
}

.login-btn label.for-otp {
  width: 176px;
  position: relative;
}
.login-btn label.for-otp:after {
  content: "";
  background: url("/resources/images/icon/login-btn-arrow.svg");
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 33px;
  height: 33px;
}
.login-btn label.for-otp:hover:after {
  background: url("/resources/images/icon/login-btn-arrow-hover.svg");
}
.login-btn label.for-otp input[type="submit"] {
  background: #ffffff;
  border: 2px solid #29A7E1;
  border-radius: 8px;
  font-size: 22px;
  color: #222;
  line-height: 32px;
  padding: 13px 19px;
  text-align: left;
}
.login-btn label.for-otp input[type="submit"]:hover {
  background: #fff;
  color: #29A7E1;
  outline: 1px solid #29A7E1;
}

.login-btn .icon.login-arrow-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 33px;
  height: 33px;
  background: url("/resources/images/icon/login-btn-arrow.svg");
}
.login-sub {
  padding: 20px 0;
  border-top: 1px solid #ececf0;
}
.login-sub ul {
  display: flex;
  gap: 21px;
  align-items: center;
  justify-content: flex-start;
}
.login-sub ul li {
  position: relative;
  display: flex;
}
.login-sub ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -11px;
  width: 1px;
  height: 8px;
  background: rgba(35, 31, 32, 0.8);
  transform: translateY(-50%);
}
.login-sub ul li a {
  font-size: 12px;
  line-height: 1.4167;
  color: rgba(35, 31, 32, 0.8);
}

/* header */
.header .logo {
  position: relative;
  min-width: 242px;
  display: flex;
  align-items: center;
  padding: 16px 10px 19px 40px;
}
.hamburger-btn {
  width: 22px;
  height: 18px;
  background: url("/resources/images/icon/hamburger-in.svg") no-repeat;
  background-size: cover;
  margin-top: 4px;
  position: absolute;
  right: 10px;
}
.hamburger-btn.active {
  background: url("/resources/images/icon/hamburger-out.svg");
}
.top-menu {
  min-width: 930px;
  height: 81px;
}
.top-menu > ul > li {
  padding: 0 20px;
  position: relative;
}
.top-menu > ul > li > a {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  position: relative;
  display: flex;
  height: 80px;
  align-items: center;
}
.top-menu > ul > li > a:link {
  color: #222;
}
/* .top-menu > ul > li a:after {content: ''; position: absolute; bottom: -31px; left: 51%; transform: translateX(-50%); width: 110%; height: 3px; background: #ddd; opacity: 0; transition: none;} */
.top-menu > ul > li.active:after {
  content: "";
  position: absolute;
  bottom: 18px;
  left: 51%;
  transform: translateX(-50%);
  width: 20px;
  height: 5px;
  background: #29A7E1;
  opacity: 1;
  transition: none;
  border-radius: 10px;
}
/* .top-menu > ul > li.active:hover:after {background: #ddd;} */
.top-menu > ul > li.active a {
  color: #29A7E1;
}

.top-menu ul li .hover-sub-menu-container {
  position: absolute;
  top: 79px;
  left: 0;
  display: none;
  background: #fff;
  box-shadow: var(--box-shadow);
  z-index: 101;
}
.top-menu ul li .hover-sub-menu-container .hover-sub-menu-inner {
  display: flex;
  width: auto;
  align-items: flex-start;
  border-top: 1px soild #29A7E1;
}
.top-menu ul li .hover-sub-menu-container .hover-sub-menu-inner .left-menu {
  width: auto;
  border-top: 1px solid var(--line-color);
}
.top-menu
  ul
  li
  .hover-sub-menu-container
  .hover-sub-menu-inner
  .left-menu
  .sub-menu {
  padding: 5px 40px 5px 0;
}
.top-menu
  ul
  li
  .hover-sub-menu-container
  .hover-sub-menu-inner
  .left-menu
  .sub-menu
  li {
  text-align: left;
  white-space: nowrap;
}
.top-menu
  ul
  li
  .hover-sub-menu-container
  .hover-sub-menu-inner
  .left-menu
  .sub-menu
  li.sub-menu-item.orange-arrow {
  position: relative;
}
.top-menu
  ul
  li
  .hover-sub-menu-container
  .hover-sub-menu-inner
  .left-menu
  .sub-menu
  li.sub-menu-item.orange-arrow:after {
  position: absolute;
  content: url("/resources/images/menu-icon/orange-right-arrow.svg");
  top: 8px;
  right: -24px;
}
/* .top-menu ul li .hover-sub-menu-container .hover-sub-menu-inner .left-menu .sub-menu li.sub-menu-item.orange-arrow {background: url('/resources/images/menu-icon/orange-right-arrow.svg') 120px 21px no-repeat;} */
.top-menu
  ul
  li
  .hover-sub-menu-container
  .hover-sub-menu-inner
  .left-menu
  .sub-menu
  li
  a {
  font-weight: 500;
  font-size: 14px;
  color: #222222;
  display: block;
  padding: 11px 0 11px 15px;
}
.top-menu ul li .hover-sub-menu-container .hover-sub-menu-inner .right-menu {
  width: 100%;
  background: #f8fafc;
  border-top: 1px solid var(--line-color);
  padding: 5px 0 5px 20px;
}
.top-menu
  ul
  li
  .hover-sub-menu-container
  .hover-sub-menu-inner
  .right-menu
  .sub-menu.horizontal-list {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
  font-size: 12px;
  white-space: nowrap;
  height: 36px;
}
.top-menu
  ul
  li
  .hover-sub-menu-container
  .hover-sub-menu-inner
  .right-menu
  .sub-menu.horizontal-list
  li {
  margin-right: 10px;
  min-width: 100px;
}
.top-menu
  ul
  li
  .hover-sub-menu-container
  .hover-sub-menu-inner
  .right-menu
  .sub-menu.horizontal-list.blank-list {
  background: #f8fafc;
  height: 36px;
}
.top-menu
  ul
  li
  .hover-sub-menu-container
  .hover-sub-menu-inner
  .right-menu
  .sub-menu.horizontal-list
  li
  a {
  font-size: 12px;
  font-weight: 500;
  color: #272727;
  display: block;
  padding: 10px;
}
.top-menu
  ul
  li
  .hover-sub-menu-container
  .hover-sub-menu-inner
  .right-menu
  .sub-menu.horizontal-list
  li
  a:after {
  position: absolute;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #272727;
  border-radius: 10px;
  top: 14px;
  left: 0;
}
.top-menu ul li:hover .hover-sub-menu-container {
  display: block;
  border-top: 1px soild #29A7E1;
}
.top-menu ul li:nth-child(11):hover .hover-sub-menu-container {
  left: -121px;
}
.u-name {
  font-size: 14px;
  text-align: right;
}
.u-name button {
  vertical-align: baseline;
  text-align: right;
}
.u-name > a {
  margin-left: 20px;
  position: relative;
}
.u-name > a:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 12px;
  background: var(--line-color);
  left: -10px;
  top: 2px;
}
.u-name > a:visited {
  color: #333;
}
.u-name > a:hover {
  color: #29A7E1;
}
.header .btn-wrap .btn {
  padding: 0;
  min-width: 60px;
}
.bento-btn {
  width: 22px;
  height: 22px;
  margin-top: 4px;
  margin-left: 20px;
}
#sessionTime {
  display: inline-block;
  width: 44px;
  text-align: left;
}

@media (max-width: 1700px) {
  .top-menu {
    min-width: 810px;
  }
  .top-menu > ul > li {
    padding: 0 15px;
  }
  .u-name {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 5px;
    margin: 0 20px;
  }
  .u-name > a:after {
    display: none;
  }
}

@media (max-width: 1600px) {
  .header .logo {
    padding: 10px;
    min-width: 200px;
  }
  .top-menu {
    min-width: 750px;
    padding: 0;
  }
  .top-menu > ul > li {
    padding: 0 12px;
  }
  .u-name {
    font-size: 12px;
    margin: 0 10px;
  }
  .u-name button {
    font-size: 12px;
  }
  .u-name button > strong {
    margin-right: 0;
  }
  .u-name a {
    margin: 5px 0 0 0;
    display: block;
  }
}

@media (max-width: 1400px) {
  .header .btn-wrap {
    flex-direction: column;
    gap: 5px;
  }
  .header .btn-wrap .btn {
    padding: 0 !important;
    width: 55px;
    min-height: 30px;
    font-size: 12px;
  }
  .top-menu ul li:last-of-type .hover-sub-menu-container {
    left: auto;
    right: 0;
  }
}

.header > .inner {
  position: relative;
}
.top-gnb {
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  z-index: 1100;
  background: #fff;
  transition: none;
}
.top-gnb .gnb-above-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid #ececec;
}
.top-gnb .gnb-above-header .new-search-container {
  display: flex;
  align-items: center;
}
.top-gnb .gnb-above-header .new-search-container .search-border {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #29A7E1;
  border-radius: 50px;
  height: 50px;
  min-width: 700px;
  padding: 4px;
}
.top-gnb .gnb-above-header .new-search-container .search-border input {
  background: #fff;
  border-radius: 50px;
  border: 0;
  outline: 0;
  height: 42px;
  font-size: 16px;
  font-weight: 500;
  padding: 11px 16px;
}
.top-gnb
  .gnb-above-header
  .new-search-container
  .search-border
  button.gnb-search-btn {
  background: #29A7E1;
  border-radius: 50px;
  padding: 0 16px;
}
.top-gnb .gnb-above-header .new-search-container .search-initial {
  padding-left: 40px;
}
.top-gnb .gnb-above-header .new-search-container .search-initial button {
  font-size: 14px;
  font-weight: 500;
}
.top-gnb .gnb-above-header .gnb-close-btn {
  margin-right: 40px;
}

.top-gnb .gnb-header nav ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding: 0 40px;
  border-bottom: 1px solid #ececec;
}
.top-gnb .gnb-header nav ul li {
  width: 140px;
  text-align: left;
}
.top-gnb .gnb-header nav ul li a {
  color: #29A7E1;
  line-height: 23px;
  font-weight: 700;
  font-size: 16px;
}
.top-gnb .gnb-body {
  background: #fafafc;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  width: 100%;
  height: auto;
  padding: 0 40px;
  align-items: center;
  justify-content: space-between;
  align-items: center;
}
.top-gnb .gnb-body .vertical-item {
  height: 560px;
  width: 140px;
  text-align: left;
  align-self: flex-start;
  border-right: 0;
}
.top-gnb .gnb-body .vertical-item .first-depth {
  margin-top: 20px;
  margin-bottom: 6px;
}
.top-gnb .gnb-body .vertical-item .first-depth ul li a {
  font-size: 14px;
  font-weight: 500;
}
.top-gnb .gnb-body .vertical-item .second-depth ul {
  list-style-type: disc;
  list-style-position: inside;
}
.top-gnb .gnb-body .vertical-item .second-depth ul li {
  position: relative;
  color: #666666;
  font-size: 10px;
  list-style: none;
  padding-left: 10px;
}
.top-gnb .gnb-body .vertical-item .second-depth ul li:after {
  position: absolute;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #272727;
  border-radius: 10px;
  top: 10px;
  left: 0;
}
.top-gnb .gnb-body .vertical-item .second-depth ul li a {
  padding: 6px 0;
  color: #666666;
  font-size: 12px;
  font-weight: 500;
  display: block;
}
.top-gnb-config {
  opacity: 1;
  position: absolute;
  bottom: -505px;
  left: 0px;
  width: 100%;
  height: auto;
  z-index: 500;
  background: #fff;
  transition: none;
}
.top-gnb-config .gnb-header nav ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  color: #29A7E1;
  line-height: 23px;
  font-weight: 700;
  font-size: 16px;
  height: 64px;
  padding: 0 10%;
  border-bottom: 1px solid #ececec;
}
.top-gnb-config .gnb-header nav ul li {
  width: 140px;
  text-align: left;
}
.top-gnb-config .gnb-body {
  background: rgba(250, 250, 252, 1);
  display: flex;
  width: 100%;
  height: auto;
  padding: 0 10%;
  border-bottom: 1px solid #ececec;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  padding-right: 20%;
}
.top-gnb-config .gnb-body .vertical-item {
  height: 440px;
  width: 140px;
  text-align: left;
  align-self: flex-start;
  border-right: 1px solid #ececec;
}
.top-gnb-config .gnb-body .vertical-item:last-of-type {
  border-right: 0;
}
.top-gnb-config .gnb-body .vertical-item .first-depth {
  padding-top: 20px;
  font-size: 14px;
  font-weight: 500;
}
.top-gnb-config .gnb-body .vertical-item .second-depth ul {
  list-style-type: disc;
  list-style-position: inside;
}
.top-gnb-config .gnb-body .vertical-item .second-depth ul li {
  margin-top: 10px;
  color: #666666;
  font-size: 12px;
  margin-left: 2px;
}

@media (max-width: 1400px) {
  .top-gnb .gnb-header nav ul {
    padding: 0 20px;
  }
  .top-gnb .gnb-body {
    padding: 0 20px;
  }
}

/*utill-wrap */
.utill-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.utill-wrap > * {
  float: left;
  min-width: inherit;
}
.utill-wrap .link-group {
  height: 35px;
  border-radius: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  border: 1px solid var(--line-color);
  padding: 1px 15px 0;
}

.utill-wrap .link-group li {
  min-width: 30px;
  height: 30px;
  position: relative;
  margin: 0 2px;
}
.utill-wrap .link-group li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.utill-wrap .link-group li span {
  padding-left: 27px;
  color: #4c4c4c;
}
.utill-wrap .link-group .active a span,
.utill-wrap .link-group li a:hover span,
.utill-wrap.on .link-group li a:focus span {
  color: #484848;
  text-decoration: underline;
}
.utill-wrap .link-group .ico,
#mMenu_modal .ico {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
.utill-wrap .link-group .ico,
#mMenu_modal .ico {
  top: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  background: url("/resources/images/header-icon/header-icon-group.png")
    no-repeat;
  transition: all 0.3s ease;
  opacity: 1;
}
.utill-wrap .link-group .ico.ico01,
#mMenu_modal .ico.ico01 {
  background-position: -0px -40px;
}
.utill-wrap .link-group .ico.ico02,
#mMenu_modal .ico.ico02 {
  background-position: -34px -39px;
}
.utill-wrap .link-group .ico.ico03,
#mMenu_modal .ico.ico03 {
  background-position: -66px -39px;
}
.utill-wrap .link-group .ico.ico04,
#mMenu_modal .ico.ico04 {
  background-position: -100px -39px;
}
.utill-wrap .link-group .active a .ico,
.utill-wrap .link-group li a:hover .ico,
.utill-wrap .link-group li a:focus .ico {
  background-position: 0 -30px;
  transition: all 0.3s ease;
}
.utill-wrap .link-group .active a .ico01,
.utill-wrap .link-group li a:hover .ico.ico01,
.utill-wrap .link-group li a:focus .ico.ico01 {
  background-position: 0px 0px;
}
.utill-wrap .link-group .active a .ico02,
.utill-wrap .link-group li a:hover .ico.ico02,
.utill-wrap .link-group li a:focus .ico.ico02 {
  background-position: -34px 0px;
}
.utill-wrap .link-group .active a .ico03,
.utill-wrap .link-group li a:hover .ico.ico03,
.utill-wrap .link-group li a:focus .ico.ico03 {
  background-position: -65px 0px;
}
.utill-wrap .link-group .active a .ico04,
.utill-wrap .link-group li a:hover .ico.ico04,
.utill-wrap .link-group li a:focus .ico.ico04 {
  background-position: -100px 0px;
}

/* notice noti */
.notice-noti {
  padding: 12px 40px;
  border-bottom: 1px solid #ececec;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notice-noti > .search-warp {
  margin: 0;
}

/* menu */
aside.menu {
  background: #fafafc;
}
.side-menu > ul > li {
  margin: 0;
}
.side-menu > ul > li.active > a {
  background: #29A7E1;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.side-menu > ul > li > a {
  display: flex;
  height: 55px;
  font-size: 15px;
  color: #444;
  border-top: 1px solid var(--line-color);
  line-height: 22px !important;
  position: relative;
  font-weight: 500;
  padding: 16px 30px 16px 63px;
  background: #fafafc;
}
.side-menu > ul > li > a span {
  line-height: 22px !important;
}
.side-menu > ul > li > a span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-size: contain;
}
.side-menu > ul > li:last-of-type > a {
  border-bottom: 1px solid var(--line-color);
}
.side-menu > ul > li:first-of-type > a {
  border-top: 0;
}

@media (max-width: 1600px) {
  .side-menu > ul > li > a {
    padding: 13px 10px 13px 50px;
    font-size: 14px;
  }
}

/* �솃 硫붾돱 �븘�씠肄� */
/* .side-menu>ul>li.home:nth-child(1) >a span:after {background: url("/resources/images/menu-icon/dashboard-page-icon.svg") center no-repeat; } */
.side-menu > ul > li.dashboard > a span:after {
  background: url("/resources/images/menu-icon/dashboard-page-icon.svg") center
    no-repeat;
}
.side-menu > ul > li.resv > a span:after {
  background: url("/resources/images/menu-icon/reservation-resources-icon.svg")
    center no-repeat;
}
.side-menu > ul > li.notice > a span:after {
  background: url("/resources/images/menu-icon/notice-resources-icon.png")
    center no-repeat;
}
.side-menu > ul > li.question > a span:after {
  background: url("/resources/images/menu-icon/q&a-icon.svg") center no-repeat;
}
.side-menu > ul > li.faq > a span:after {
  background: url("/resources/images/menu-icon/faq.svg") center no-repeat;
}
.side-menu > ul > li.repository > a span:after {
  background: url("/resources/images/menu-icon/repository.svg") center no-repeat;
}
/* .side-menu>ul>li.home.active:nth-child(1)> a span:after {background: url("/resources/images/menu-icon/dashboard-page-icon-active.svg") center no-repeat; } */
.side-menu > ul > li.dashboard.active > a span:after {
  background: url("/resources/images/menu-icon/dashboard-page-icon-active.svg")
    center no-repeat;
}
.side-menu > ul > li.resv.active > a span:after {
  background: url("/resources/images/menu-icon/reservation-resources-icon-active.svg")
    center no-repeat;
}
.side-menu > ul > li.notice.active > a span:after {
  background: url("/resources/images/menu-icon/notice-resources-icon-active.png")
    center no-repeat;
}
.side-menu > ul > li.question.active > a span:after {
  background: url("/resources/images/menu-icon/q&a-active.svg") center no-repeat;
}
.side-menu > ul > li.faq.active > a span:after {
  background: url("/resources/images/menu-icon/faq-active.svg") center no-repeat;
}
.side-menu > ul > li.repository.active > a span:after {
  background: url("/resources/images/menu-icon/repository-active.svg") center
    no-repeat;
}

/* �넻�빀寃��깋�븘�씠肄� */
.side-menu > ul > li.search:nth-child(1) > a span:after {
  background: url("/resources/images/menu-icon/search-page-icon.svg") center
    no-repeat;
}
.side-menu > ul > li.search.active:nth-child(1) > a span:after {
  background: url("/resources/images/menu-icon/search-page-icon-active.svg")
    center no-repeat;
}

/* �궗�뾽愿�由� 硫붾돱 �븘�씠肄� */
/* .side-menu>ul>li.business:nth-child(1) >a span:after {background: url("/resources/images/menu-icon/OI-page-icon.svg") center no-repeat; } */
.side-menu > ul > li.oipage > a span:after {
  background: url("/resources/images/menu-icon/OI-page-icon.svg") center
    no-repeat;
}
.side-menu > ul > li.bizstatus > a span:after {
  background: url("/resources/images/menu-icon/graph-arrow.svg") center
    no-repeat;
}
.side-menu > ul > li.contractrep > a span:after {
  background: url("/resources/images/menu-icon/menu-paper-icon.svg") center
    no-repeat;
}
.side-menu > ul > li.techRequest > a span:after {
  background: url("/resources/images/menu-icon/techRequest_black.svg") center
  no-repeat;
}
.side-menu > ul > li.bizsupport > a span:after {
  background: url("/resources/images/menu-icon/bizsupport.svg") center no-repeat;
}
.side-menu > ul > li.customerbiz > a span:after {
  background: url("/resources/images/menu-icon/customerbiz.svg") center
    no-repeat;
}
.side-menu > ul > li.tax > a span:after {
  background: url("/resources/images/menu-icon/tax.svg") center no-repeat;
}
.side-menu > ul > li.expenseapp > a span:after {
  background: url("/resources/images/menu-icon/expenseapp.svg") center no-repeat;
}
.side-menu > ul > li.business > a span:after {
  background: url("/resources/images/menu-icon/graph-arrow.svg") center
    no-repeat;
}
.side-menu > ul > li.business > a span:after {
  background: url("/resources/images/menu-icon/graph-arrow.svg") center
    no-repeat;
}
/* .side-menu>ul>li.business.active:nth-child(1)> a span:after {background: url("/resources/images/menu-icon/OI-page-icon-active.svg") center no-repeat; } */
.side-menu > ul > li.oipage.active > a span:after {
  background: url("/resources/images/menu-icon/OI-page-icon-active.svg") center
    no-repeat;
}
.side-menu > ul > li.bizstatus.active > a span:after {
  background: url("/resources/images/menu-icon/graph-arrow-active.svg") center
    no-repeat;
}
.side-menu > ul > li.contractrep.active > a span:after {
  background: url("/resources/images/menu-icon/menu-paper-icon-active.svg")
    center no-repeat;
}
.side-menu > ul > li.techRequest.active > a span:after {
  background: url("/resources/images/menu-icon/techRequest_white.svg")
  center no-repeat;
}
.side-menu > ul > li.bizsupport.active > a span:after {
  background: url("/resources/images/menu-icon/bizsupport-active.svg") center
    no-repeat;
}
.side-menu > ul > li.customerbiz.active > a span:after {
  background: url("/resources/images/menu-icon/customerbiz-active.svg") center
    no-repeat;
}
.side-menu > ul > li.tax.active > a span:after {
  background: url("/resources/images/menu-icon/tax-active.svg") center no-repeat;
}
.side-menu > ul > li.expenseapp.active > a span:after {
  background: url("/resources/images/menu-icon/expenseapp-active.svg") center
    no-repeat;
}
.side-menu > ul > li.business.active > a span:after {
  background: url("/resources/images/menu-icon/graph-arrow-active.svg") center
    no-repeat;
}
.side-menu > ul > li.business.active > a span:after {
  background: url("/resources/images/menu-icon/graph-arrow-active.svg") center
    no-repeat;
}

/* �옱怨�/�씪�씠�꽑�뒪 */
/* .side-menu>ul>li.license:nth-child(1) >a span:after {background: url("/resources/images/menu-icon/device-stat.svg") center no-repeat; } */
.side-menu > ul > li.order > a span:after {
  background: url("/resources/images/menu-icon/order.svg") center no-repeat;
}
.side-menu > ul > li.release > a span:after {
  background: url("/resources/images/menu-icon/release.svg") center no-repeat;
}
.side-menu > ul > li.releaseapp > a span:after {
  background: url("/resources/images/menu-icon/releaseapp.svg") center no-repeat;
}
.side-menu > ul > li.license > a span:after {
  background: url("/resources/images/menu-icon/license.svg") center no-repeat;
}
.side-menu > ul > li.equipmgmt > a span:after {
  background: url("/resources/images/menu-icon/equipmgmt.svg") center no-repeat;
}
.side-menu > ul > li.recovery > a span:after {
  background: url("/resources/images/menu-icon/recovery.svg") center no-repeat;
}
.side-menu > ul > li.equipstats > a span:after {
  background: url("/resources/images/menu-icon/equipstats.svg") center no-repeat;
}

/* .side-menu>ul>li.license.active:nth-child(1)> a span:after {background: url("/resources/images/menu-icon/device-stat-active.svg") center no-repeat; } */
.side-menu > ul > li.order.active > a span:after {
  background: url("/resources/images/menu-icon/order-active.svg") center
    no-repeat;
}
.side-menu > ul > li.release.active > a span:after {
  background: url("/resources/images/menu-icon/release-active.svg") center
    no-repeat;
}
.side-menu > ul > li.releaseapp.active > a span:after {
  background: url("/resources/images/menu-icon/releaseapp-active.svg") center
    no-repeat;
}
.side-menu > ul > li.license.active > a span:after {
  background: url("/resources/images/menu-icon/license-active.svg") center
    no-repeat;
}
.side-menu > ul > li.equipmgmt.active > a span:after {
  background: url("/resources/images/menu-icon/equipmgmt-active.svg") center
    no-repeat;
}
.side-menu > ul > li.recovery.active > a span:after {
  background: url("/resources/images/menu-icon/recovery-active.svg") center
    no-repeat;
}
.side-menu > ul > li.equipstats.active > a span:after {
  background: url("/resources/images/menu-icon/equipstats-active.svg") center
    no-repeat;
}

/* �쟾�옄寃곗옱 */
.side-menu > ul > li.application:nth-child(1) > a span:after {
  background: url("/resources/images/menu-icon/apply-stat-icon1.svg") center
    no-repeat;
}
.side-menu > ul > li.approval:nth-child(2) > a span:after {
  background: url("/resources/images/menu-icon/approval-stat-icon1.svg") center
    no-repeat;
}
.side-menu > ul > li.application.active:nth-child(1) > a span:after {
  background: url("/resources/images/menu-icon/apply-stat-icon-active1.svg")
    center no-repeat;
}
.side-menu > ul > li.approval.active:nth-child(2) > a span:after {
  background: url("/resources/images/menu-icon/approval-stat-icon-active1.svg")
    center no-repeat;
}

/* RMA */
/* .side-menu>ul>li.RMA:nth-child(1) >a span:after {background: url("/resources/images/menu-icon/contract-stat.svg") center no-repeat; } */
.side-menu > ul > li.RMA > a span:after {
  background: url("/resources/images/menu-icon/contract-stat.svg") center
    no-repeat;
}
.side-menu > ul > li.obstacle > a span:after {
  background: url("/resources/images/menu-icon/complain-stat.svg") center
    no-repeat;
}
.side-menu > ul > li.sunlicense > a span:after {
  background: url("/resources/images/menu-icon/license.svg") center no-repeat;
}
.side-menu > ul > li.contractxfer > a span:after {
  background: url("/resources/images/menu-icon/contractxfer.svg") center
    no-repeat;
}
.side-menu > ul > li.RMA > a span:after {
  background: url("/resources/images/menu-icon/contract-stat.svg") center
    no-repeat;
}
/* .side-menu>ul>li.RMA:nth-child(6) >a span:after {background: url("/resources/images/menu-icon/contract-stat.svg") center no-repeat; } */
/* .side-menu>ul>li.RMA.active:nth-child(1)> a span:after {background: url("/resources/images/menu-icon/contract-stat-active.svg") center no-repeat; } */
.side-menu > ul > li.RMA.active > a span:after {
  background: url("/resources/images/menu-icon/contract-stat-active.svg") center
    no-repeat;
}
.side-menu > ul > li.obstacle.active > a span:after {
  background: url("/resources/images/menu-icon/complain-stat-active.svg") center
    no-repeat;
}
.side-menu > ul > li.sunlicense.active > a span:after {
  background: url("/resources/images/menu-icon/license-active.svg") center
    no-repeat;
}
.side-menu > ul > li.contractxfer.active > a span:after {
  background: url("/resources/images/menu-icon/contractxfer-active.svg") center
    no-repeat;
}
.side-menu > ul > li.RMA.active > a span:after {
  background: url("/resources/images/menu-icon/contract-stat-active.svg") center
    no-repeat;
}
/* .side-menu>ul>li.RMA.active:nth-child(6)> a span:after {background: url("/resources/images/menu-icon/contract-stat-active.svg") center no-repeat; } */
/* �씪�젙 */
.side-menu > ul > li.schedule:nth-child(1) > a span:after {
  background: url("/resources/images/menu-icon/schedule.svg") center no-repeat;
}
.side-menu > ul > li.schedule.active:nth-child(1) > a span:after {
  background: url("/resources/images/menu-icon/schedule-active.svg") center
    no-repeat;
}

/* �씤�궗愿�由� 硫붾돱 �븘�씠肄� */
.side-menu > ul > li.hrmanagement > a span:after {
  background: url("/resources/images/menu-icon/hr-icon.svg") center no-repeat;
}
/* .side-menu>ul>li.expendmgmt:nth-child(2) >a span:after {background: url("/resources/images/menu-icon/attendance-icon.svg") center no-repeat; } */
/* .side-menu>ul>li.hr:nth-child(3) >a span:after {background: url("/resources/images/menu-icon/vacation-icon.svg") center no-repeat; } */
/* .side-menu>ul>li.hr:nth-child(4) >a span:after {background: url("/resources/images/menu-icon/annual-leave.svg") center no-repeat; } */
.side-menu > ul > li.hrmanagement.active > a span:after {
  background: url("/resources/images/menu-icon/hr-icon-active.svg") center
    no-repeat;
}
/* .side-menu>ul>li.hr.active:nth-child(2)> a span:after {background: url("/resources/images/menu-icon/attendance-icon-active.svg") center no-repeat; } */
/* .side-menu>ul>li.hr.active:nth-child(3)> a span:after {background: url("/resources/images/menu-icon/vacation-icon-active.svg") center no-repeat; } */
/* .side-menu>ul>li.hr.active:nth-child(4)> a span:after {background: url("/resources/images/menu-icon/annual-leave-active.svg") center no-repeat; } */

/* �쉶怨� */
.side-menu > ul > li.bond > a span:after {
  background: url("/resources/images/menu-icon/receivable-stat.svg") center
    no-repeat;
}
.side-menu > ul > li.expendmgmt > a span:after {
  background: url("/resources/images/menu-icon/spending.svg") center no-repeat;
}
/* .side-menu>ul>li.accounting:nth-child(3) >a span:after {background: url("/resources/images/menu-icon/net-cost.svg") center no-repeat; } */
/* .side-menu>ul>li.accounting:nth-child(4) >a span:after {background: url("/resources/images/menu-icon/materials.svg") center no-repeat; } */
/* .side-menu>ul>li.accounting:nth-child(5) >a span:after {background: url("/resources/images/menu-icon/corp-card.svg") center no-repeat; } */
.side-menu > ul > li.bond.active > a span:after {
  background: url("/resources/images/menu-icon/receivable-stat-active.svg")
    center no-repeat;
}
.side-menu > ul > li.expendmgmt.active > a span:after {
  background: url("/resources/images/menu-icon/spending-active.svg") center
    no-repeat;
}
/* .side-menu>ul>li.accounting.active:nth-child(3)> a span:after {background: url("/resources/images/menu-icon/net-cost-active.svg") center no-repeat; } */
/* .side-menu>ul>li.accounting.active:nth-child(4)> a span:after {background: url("/resources/images/menu-icon/materials-active.svg") center no-repeat; } */
/* .side-menu>ul>li.accounting.active:nth-child(5)> a span:after {background: url("/resources/images/menu-icon/corp-card-active.svg") center no-repeat; } */

/* 湲곗닠吏��썝 */
/* .side-menu>ul>li.support:nth-child(1) >a span:after {background: url("/resources/images/menu-icon/support-stat.svg") center no-repeat; }
.side-menu>ul>li.support:nth-child(2) >a span:after {background: url("/resources/images/menu-icon/notice.svg") center no-repeat; }
.side-menu>ul>li.support:nth-child(3) >a span:after {background: url("/resources/images/menu-icon/faq.svg") center no-repeat; }
.side-menu>ul>li.support:nth-child(4) >a span:after {background: url("/resources/images/menu-icon/reference.svg") center no-repeat; }
.side-menu>ul>li.support:nth-child(5) >a span:after {background: url("/resources/images/menu-icon/release-note.svg") center no-repeat; }
.side-menu>ul>li.support.active:nth-child(1)> a span:after {background: url("/resources/images/menu-icon/support-stat-active.svg") center no-repeat; }
.side-menu>ul>li.support.active:nth-child(2)> a span:after {background: url("/resources/images/menu-icon/notice-active.svg") center no-repeat; }
.side-menu>ul>li.support.active:nth-child(3)> a span:after {background: url("/resources/images/menu-icon/faq-active.svg") center no-repeat; }
.side-menu>ul>li.support.active:nth-child(4)> a span:after {background: url("/resources/images/menu-icon/reference-active.svg") center no-repeat; }
.side-menu>ul>li.support.active:nth-child(5)> a span:after {background: url("/resources/images/menu-icon/release-note-active.svg") center no-repeat; } */
/* .side-menu>ul>li.support:nth-child(1) >a span:after {background: url("/resources/images/menu-icon/engineer-board-icon.svg") center no-repeat; } */
.side-menu > ul > li.engboard > a span:after {
  background: url("/resources/images/menu-icon/engineer-board-icon.svg") center
    no-repeat;
}
.side-menu > ul > li.techboard > a span:after {
  background: url("/resources/images/menu-icon/tech-notice-board-icon.svg")
    center no-repeat;
}
.side-menu > ul > li.techrefer > a span:after {
  background: url("/resources/images/menu-icon/techrefer.svg") center no-repeat;
}
.side-menu > ul > li.educationmgmt > a span:after {
  background: url("/resources/images/menu-icon/educationmgmt.svg") center
    no-repeat;
}
.side-menu > ul > li.videoedu > a span:after {
  background: url("/resources/images/menu-icon/videoedu.svg") center no-repeat;
}
.side-menu > ul > li.applicantmgmt > a span:after {
  background: url("/resources/images/menu-icon/applicantmgmt.svg") center
    no-repeat;
}
/* .side-menu>ul>li.support:nth-child(7) >a span:after {background: url("/resources/images/menu-icon/schedule-mng-icon.svg") center no-repeat; } */
.side-menu > ul > li.cerholder > a span:after {
  background: url("/resources/images/menu-icon/cerholder.svg") center no-repeat;
}
.side-menu > ul > li.weeklyReport > a span:after {
  background: url("/resources/images/menu-icon/weekly_support_icon.svg") center
    no-repeat;
}
.side-menu > ul > li.engrequest > a span:after {
  background: url("/resources/images/menu-icon/engrequest.svg") center no-repeat;
}
.side-menu > ul > li.engschedule > a span:after {
  background: url("/resources/images/menu-icon/engschedule.svg") center
    no-repeat;
}
.side-menu > ul > li.loogbook > a span:after {
  background: url("/resources/images/menu-icon/logbook_Gery.svg") center
    no-repeat;
}

.side-menu > ul > li.approvalRecord > a span:after {
  background: url("/resources/images/menu-icon/approvalRecord_Grey.svg") center
  no-repeat;
}

/* .side-menu>ul>li.support.active:nth-child(1)> a span:after {background: url("/resources/images/menu-icon/engineer-board-icon-active.svg") center no-repeat; } */
.side-menu > ul > li.engboard.active > a span:after {
  background: url("/resources/images/menu-icon/engineer-board-icon-active.svg")
    center no-repeat;
}
.side-menu > ul > li.techboard.active > a span:after {
  background: url("/resources/images/menu-icon/tech-notice-board-icon-active.svg")
    center no-repeat;
}
.side-menu > ul > li.techrefer.active > a span:after {
  background: url("/resources/images/menu-icon/techrefer-active.svg") center
    no-repeat;
}
.side-menu > ul > li.educationmgmt.active > a span:after {
  background: url("/resources/images/menu-icon/educationmgmt-active.svg") center
    no-repeat;
}
.side-menu > ul > li.videoedu.active > a span:after {
  background: url("/resources/images/menu-icon/videoedu-active.svg") center
    no-repeat;
}
.side-menu > ul > li.applicantmgmt.active > a span:after {
  background: url("/resources/images/menu-icon/applicantmgmt-active.svg") center
    no-repeat;
}
/* .side-menu>ul>li.support.active:nth-child(7)> a span:after {background: url("/resources/images/menu-icon/schedule-mng-icon-active.svg") center no-repeat; } */
.side-menu > ul > li.cerholder.active > a span:after {
  background: url("/resources/images/menu-icon/cerholder-active.svg") center
    no-repeat;
}
.side-menu > ul > li.engrequest.active > a span:after {
  background: url("/resources/images/menu-icon/engrequest-active.svg") center
    no-repeat;
}
.side-menu > ul > li.engschedule.active > a span:after {
  background: url("/resources/images/menu-icon/engschedule-active.svg") center
    no-repeat;
}
.side-menu > ul > li.weeklyReport.active > a span:after {
  background: url("/resources/images/menu-icon/weekly_support_white_icon.svg")
    center no-repeat;
}
.side-menu > ul > li.loogbook.active > a span:after {
  background: url("/resources/images/menu-icon/logbook_White.svg") center
    no-repeat;
}

.side-menu > ul > li.approvalRecord.active > a span:after {
  background: url("/resources/images/menu-icon/approvalRecord_White.svg") center
  no-repeat;
}

/* .side-menu>ul>li.support.active:nth-child(8)> a span:after {filter:brightness(100);} */
/* .side-menu>ul>li.support.active:nth-child(8)> a span:after {filter:brightness(100);} */
/* .side-menu>ul>li.support.active:nth-child(9)> a span:after {filter:brightness(100);} */

/* 蹂닿퀬/�넻怨� */
/* .side-menu>ul>li.statistics:nth-child(1) >a span:after {background: url("/resources/images/menu-icon/business-statistics.svg") center no-repeat; } */
.side-menu > ul > li.bizstatistics > a span:after {
  background: url("/resources/images/menu-icon/business-statistics.svg") center
    no-repeat;
}
.side-menu > ul > li.engstatistics > a span:after {
  background: url("/resources/images/menu-icon/engstatistics.svg") center
    no-repeat;
}
.side-menu > ul > li.equstatistics > a span:after {
  background: url("/resources/images/menu-icon/equstatistics.svg") center
    no-repeat;
}
/* .side-menu>ul>li.statistics:nth-child(4) >a span:after {background: url("/resources/images/menu-icon/release-license-statistics.svg") center no-repeat; } */
/* .side-menu>ul>li.statistics:nth-child(5) >a span:after {background: url("/resources/images/menu-icon/device-statistics.svg") center no-repeat; } */
/* .side-menu>ul>li.statistics.active:nth-child(1)> a span:after {background: url("/resources/images/menu-icon/business-statistics-active.svg") center no-repeat; } */
.side-menu > ul > li.bizstatistics.active > a span:after {
  background: url("/resources/images/menu-icon/business-statistics-active.svg")
    center no-repeat;
}
.side-menu > ul > li.engstatistics.active > a span:after {
  background: url("/resources/images/menu-icon/engstatistics-active.svg") center
    no-repeat;
}
.side-menu > ul > li.equstatistics.active > a span:after {
  background: url("/resources/images/menu-icon/equstatistics-active.svg") center
    no-repeat;
}
/* .side-menu>ul>li.statistics.active:nth-child(4)> a span:after {background: url("/resources/images/menu-icon/release-license-statistics-active.svg") center no-repeat; } */
/* .side-menu>ul>li.statistics.active:nth-child(5)> a span:after {background: url("/resources/images/menu-icon/device-statistics-active.svg") center no-repeat; } */

/* �솚寃쎌꽕�젙 硫붾돱 �븘�씠肄� set */
/* .side-menu>ul>li.config:nth-child(1) >a span:after {background: url("/resources/images/menu-icon/auth-config.svg") center no-repeat; } */
.side-menu > ul > li.authoritymgmt > a span:after {
  background: url("/resources/images/menu-icon/auth-config.svg") center
    no-repeat;
}
.side-menu > ul > li.accountmgmt > a span:after {
  background: url("/resources/images/menu-icon/accountmgmt.svg") center
    no-repeat;
}
.side-menu > ul > li.productmgmt > a span:after {
  background: url("/resources/images/menu-icon/product-manage.svg") center
    no-repeat;
}
.side-menu > ul > li.approvermgmt > a span:after {
  background: url("/resources/images/menu-icon/applicantmgmt.svg") center
    no-repeat;
}
.side-menu > ul > li.codemgmt > a span:after {
  background: url("/resources/images/menu-icon/code-icon.svg") center no-repeat;
}
.side-menu > ul > li.reservationmgmt > a span:after {
  background: url("/resources/images/menu-icon/reservationmgmt.svg") center
    no-repeat;
}
.side-menu > ul > li.etcmgmt > a span:after {
  background: url("/resources/images/menu-icon/etcmgmt.svg") center no-repeat;
}
.side-menu > ul > li.recordmgmt > a span:after {
  background: url("/resources/images/menu-icon/recordmgmt.svg") center no-repeat;
}
/* .side-menu>ul>li.config:nth-child(9) >a span:after {background: url("/resources/images/menu-icon/reservation-manage.svg") center no-repeat; } */
/* .side-menu>ul>li.config:nth-child(10)>a span:after {background: url("/resources/images/menu-icon/approval-manage.svg") center no-repeat; } */
/* .side-menu>ul>li.config:nth-child(11)>a span:after {background: url("/resources/images/menu-icon/popup-manage.svg") center no-repeat; } */
/* .side-menu>ul>li.config:nth-child(10)>a span:after {background: url("/resources/images/menu-icon/schedule-manage.svg") center no-repeat; } */
/* .side-menu>ul>li.config:nth-child(12)>a span:after {background: url("/resources/images/menu-icon/send-manage.svg") center no-repeat; } */
/* .side-menu>ul>li.config:nth-child(13)>a span:after {background: url("/resources/images/menu-icon/system-manage.svg") center no-repeat; } */
/* .side-menu>ul>li.config:nth-child(14)>a span:after {background: url("/resources/images/menu-icon/client-manage.svg") center no-repeat; } */
/* .side-menu>ul>li.config:nth-child(15)>a span:after {background: url("/resources/images/menu-icon/partners-manage.svg") center no-repeat; } */
/* .side-menu>ul>li.config.active:nth-child(1)> a span:after {background: url("/resources/images/menu-icon/auth-config-active.svg") center no-repeat; } */
.side-menu > ul > li.authoritymgmt.active > a span:after {
  background: url("/resources/images/menu-icon/auth-config-active.svg") center
    no-repeat;
}
.side-menu > ul > li.accountmgmt.active > a span:after {
  background: url("/resources/images/menu-icon/accountmgmt-active.svg") center
    no-repeat;
}
.side-menu > ul > li.productmgmt.active > a span:after {
  background: url("/resources/images/menu-icon/product-manage-active.svg")
    center no-repeat;
}
.side-menu > ul > li.approvermgmt.active > a span:after {
  background: url("/resources/images/menu-icon/applicantmgmt-active.svg") center
    no-repeat;
}
.side-menu > ul > li.codemgmt.active > a span:after {
  background: url("/resources/images/menu-icon/code-icon-active.svg") center
    no-repeat;
}
.side-menu > ul > li.reservationmgmt.active > a span:after {
  background: url("/resources/images/menu-icon/reservationmgmt-active.svg")
    center no-repeat;
}
.side-menu > ul > li.etcmgmt.active > a span:after {
  background: url("/resources/images/menu-icon/etcmgmt-active.svg") center
    no-repeat;
}
.side-menu > ul > li.recordmgmt.active > a span:after {
  background: url("/resources/images/menu-icon/recordmgmt-active.svg") center
    no-repeat;
}
/* .side-menu>ul>li.config.active:nth-child(9)> a span:after {background: url("/resources/images/menu-icon/reservation-manage-active.svg") center no-repeat; } */
/* .side-menu>ul>li.config.active:nth-child(10)>a span:after {background: url("/resources/images/menu-icon/approval-manage-active.svg") center no-repeat; } */
/* .side-menu>ul>li.config.active:nth-child(11)>a span:after {background: url("/resources/images/menu-icon/popup-manage-active.svg") center no-repeat; } */
/* .side-menu>ul>li.config.active:nth-child(10)>a span:after {background: url("/resources/images/menu-icon/schedule-manage-active.svg") center no-repeat; } */
/* .side-menu>ul>li.config.active:nth-child(12)>a span:after {background: url("/resources/images/menu-icon/send-manage-active.svg") center no-repeat; } */
/* .side-menu>ul>li.config.active:nth-child(13)>a span:after {background: url("/resources/images/menu-icon/system-manage-active.svg") center no-repeat; } */
/* .side-menu>ul>li.config.active:nth-child(14)>a span:after {background: url("/resources/images/menu-icon/client-manage-active.svg") center no-repeat; } */
/* .side-menu>ul>li.config.active:nth-child(15)>a span:after {background: url("/resources/images/menu-icon/partners-manage-active.svg") center no-repeat; } */

.side-menu > ul > li > a:link {
  color: #444;
}
.side-menu ul li.active {
  border: 0;
}
.side-menu > ul > li.active > a {
  color: #fff;
}
.side-menu > ul > li.accordion > a {
  background-image: url("/resources/images/menu-icon/menu-white-arrow-down.svg");
  background-position: 90% center;
  background-repeat: no-repeat;
}
.side-menu > ul > li.accordion.active > a {
  background-image: url("/resources/images/menu-icon/menu-white-arrow-up.svg");
  background-position: 90% center;
  background-repeat: no-repeat;
}

.regist-btn-wrap {
  max-height: 56px;
  padding: 5px 15px;
  background: #fff;
  border-bottom: 1px solid var(--line-color);
}
.regist-btn-wrap button {
  background: #fff;
  color: #222;
  width: 100%;
  padding: 11px 40px;
  border: 1px solid #29A7E1;
  display: flex;
  font-size: 16px;
  position: relative;
  justify-content: center;
  height: 45px;
  border-radius: 50px;
  white-space: nowrap;
}
.regist-btn-wrap button:hover {
  background: #29A7E1;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.regist-btn-wrap button span {
  font-weight: 500;
}
.regist-btn-wrap button span img {
  margin-right: 8px;
}
.regist-btn-wrap ~ .current-nav-name {
  display: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  height: 56px;
  background: #fff;
}

.save-btn-wrap {
  max-height: 56px;
}
.save-btn-wrap button {
  background: #fff;
  color: #29A7E1;
  width: 100%;
  padding: 16px 40px;
  border: 1px solid #29A7E1;
  border-radius: 0px;
  display: flex;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  position: relative;
  padding-left: 23px;
  justify-content: center;
  height: 57px;
  transform: translateY(-1px);
}
.save-btn-wrap button:hover {
  background: #29A7E1;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.save-btn-wrap button span {
  font-weight: 500;
}
.save-btn-wrap button span img {
  margin-right: 8px;
}
.save-btn-wrap button:hover img {
  filter: brightness(10);
}

.side-menu ul li .category-con {
  display: none;
}
.side-menu ul li.active .category-con {
  display: block;
  background-color: #fff;
}

/* main body */
.body-inner-header {
  height: 57px;
  border-bottom: 1px solid #ececec;
  padding: 12px 25px;
}
.body-inner-header .docu-help-btn {
  background: #fff;
  border: 1px solid #c2cad5;
  border-radius: 2px;
  height: 31px;
  font-size: 13px;
  padding: 7px 13px;
}
/* .body-inner {padding: 20px; margin-bottom: 50px;} */
.body-inner {
  padding: 20px 0 20px 20px;
  margin-bottom: 50px;
}
.body-inner.non-pd {
  padding: 0;
}
.page-title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 20px;
  height: 56px;
  border-bottom: 1px solid var(--line-color);
  max-height: 56px;
}
.page-title-wrap * {
  vertical-align: baseline;
}
.page-title-wrap .title h3 {
  font-size: 24px;
  line-height: 35px;
  color: #272727;
  font-weight: 500;
}
.page-title-wrap .title p {
  font-size: 20px;
  line-height: 30px;
  color: #272727;
  font-weight: 500;
}

@media (max-width: 1600px) {
  .body-inner {
    padding: 20px 20px 40px;
  }
  .page-title-wrap {
    padding: 0 20px;
  }
}

.name-search {
  display: flex;
  align-items: center;
}
.name-search > .btn-wrap {
  margin-left: 20px;
}
.name-search > label {
  background: #fff;
  border: 1px solid var(--line-color);
  border-radius: 2px 0 0 2px;
  height: 32px;
}
.name-search > label > input {
  border: 0;
  min-width: 220px;
  padding: 0 9px;
  height: 100%;
  background: transparent;
}
.name-search.min-width-auto > label > input {
  min-width: auto;
  background: #fff;
}
.name-search > label > input:focus {
  outline: none;
}
.search-btn {
  margin-left: 2px;
  border: 1px solid var(--line-color);
  border-radius: 0 2px 2px 0;
  background: #fff;
  width: 32px;
  height: 32px;
  cursor: pointer;
  min-width: 32px;
}
table .search-btn {
  border-radius: 0;
  margin-left: 0;
}
.search-btn:hover {
  background: #29A7E1;
  border-color: #29A7E1;
}
.search-btn:hover img {
  filter: brightness(1000%);
}
.search-btn .ico {
  justify-content: center;
  align-items: center;
}
.search-btn.box {
  border-radius: 0;
}
.title-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.title-wrap.bootstraptable {
  padding-right: 75px;
}
.title-wrap .title {
  font-size: 18px;
  color: #272727;
  line-height: 26px;
}
.title-wrap .title60 {
  margin-top: 60px;
}
.title-wrap .title strong {
  font-weight: 500;
}
.title-wrap.middle-title {
  margin: 40px 0 5px;
}
.title-wrap.mini-title {
  margin: 10px 0;
}
.title-wrap.mini-title .title {
  font-size: 14px;
}

@media (max-width: 1800px) {
  .title-wrap {
    gap: 10px;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .title-wrap {
    gap: 5px;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .title-wrap .search-warp {
    flex-wrap: wrap;
  }
  .title-wrap .flex {
    flex-wrap: wrap;
    align-items: center;
  }
}
@media (max-width: 1600px) {
  .title-wrap {
    gap: 5px;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .title-wrap {
    gap: 5px;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .title-wrap .search-warp {
    flex-wrap: wrap;
  }
  .title-wrap .flex {
    flex-wrap: wrap;
  }
  .title-wrap .custom-select-wrap {
    width: 204px !important;
  }
  .twin-container {
    justify-content: space-between;
  }
  .twin-container .flex input {
    width: 160px;
  }
  .twin-container .right {
    width: auto !important;
  }
  .twin-container
    .left
    .input-checkbox-container.orange-white
    .input-checkbox-btn
    input[type="checkbox"]
    + label {
    min-width: 78.3px;
  }
  .width-100pc .title-wrap.mar-top-10px:nth-child(2) {
    width: 100%;
  }
  .width-100pc .title-wrap.mar-top-10px:nth-child(3) {
    width: 57% !important;
  }
  /* 	.width-100pc .title-wrap.mar-top-10px:nth-child(3) .input-checkbox-container {gap:5px;} */
  .width-100pc
    .title-wrap.mar-top-10px:nth-child(3)
    .input-checkbox-container
    .input-checkbox-btn {
    min-width: 78.3px;
  }
}

@media (max-width: 1400px) {
  .title-wrap .custom-select-wrap {
    width: 100px !important;
    min-width: 113px;
  }
  .twin-container
    .left
    .input-checkbox-container.orange-white
    .input-checkbox-btn
    input[type="checkbox"]
    + label {
    min-width: auto;
  }
  .width-100pc
    .title-wrap.mar-top-10px:nth-child(3)
    .input-checkbox-container
    .input-checkbox-btn {
    min-width: 50px;
  }
}

/*gray-line-cont*/
.gray-line-cont {
  position: relative;
  padding: 15px 0;
  border-top: 1px solid var(--line-color);
  border-bottom: 1px solid var(--line-color);
  margin-bottom: 10px;
  margin-top: 10px !important;
}
.gray-line-cont p {
  font-size: 15px;
  font-weight: 500;
}
.gray-line-cont .gray-line-list {
  font-size: 13px;
}
.gray-line-cont .gray-line-list span {
  padding-right: 20px;
  position: relative;
}
.gray-line-cont .gray-line-list span:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 13px;
  background: #ccc;
  right: 10px;
}

/* border wrap */
.border-wrap {
  border: 1px solid #f2f2f2;
  padding: 10px;
  min-height: 94px;
  font-size: 14px;
}

/* alarm btn */
.alarm-icon-wrap {
  display: flex;
  position: relative;
}
.alarm-icon-wrap .alarm-number {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #f03b3b;
  top: -1px;
  right: 7px;
  z-index: 100;
  border-radius: 20px;
}
.alarm-icon-wrap .alarm-number:before {
  content: "";
  position: absolute;
  display: block;
  width: 200%;
  height: 200%;
  box-sizing: border-box;
  z-index: -1;
  margin-left: -50%;
  margin-top: -50%;
  border-radius: 107px;
  background-color: rgb(238, 95, 90);
  -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1)
    infinite;
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
  }
  80%,
  100% {
    opacity: 0;
  }
}
.alarm-icon-wrap .alarm-number .no-read-count {
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.alarm-btn {
  border: 0;
  background: transparent;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.all-alarm-box {
  width: 428px;
  height: 332px;
  position: absolute;
  background: #fff;
  top: 40px;
  left: -126px;
  box-shadow: var(--box-shadow);
  border-radius: 5px;
  z-index: 110;
  font-size: 12px;
  color: #666666;
}
.all-alarm-box .header-container {
  border-bottom: 1px solid #f4f4f4;
  padding: 11px 20px;
}
.all-alarm-box .header-container .left-container .all-alarm-name {
  padding-left: 10px;
}
.all-alarm-box .header-container .left-container .all-alarm-name p {
  font-size: 13px;
  font-weight: 500;
}
.all-alarm-box .header-container .right-container button.btn {
  font-size: 12px;
  width: 96px;
  height: 28px;
  padding: 6px 4px;
}

.all-alarm-box .body-container {
  overflow-x: hidden;
  overflow-y: auto;
  height: 276px;
}
.all-alarm-box .body-container .alarm-item {
  padding: 10px 20px;
  border-bottom: 1px solid #f4f4f4;
}
.all-alarm-box .body-container .alarm-item .header-container {
  border-bottom: 0px;
  padding: 0px;
  padding-right: 47px;
}
.all-alarm-box .body-container .alarm-item .header-container .alarm-type p {
  color: #222222;
  font-weight: 500;
}
.all-alarm-box .body-container .alarm-item .body-container {
  height: auto;
}
.all-alarm-box
  .body-container
  .alarm-item
  .body-container
  button.item-remove-btn {
  width: 16px;
  height: 16px;
}

.alarm-list li {
  padding: 10px 50px 10px 20px;
  position: relative;
  border-bottom: 1px solid #eee;
}
.alarm-list li .alarm-tt {
  font-weight: 700;
  color: #222;
}
.alarm-list li .alarm-dt {
  position: absolute;
  color: var(--org-color);
  top: 13px;
  right: 50px;
}
.alarm-list li p {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}
.alarm-list li p span {
  line-height: 1.4;
}
.alarm-list li p.half {
  width: calc((100% - 20px) / 2);
  display: inline-flex;
  vertical-align: top;
}
.alarm-list li p.half.mr {
  margin-right: 17px;
}
.alarm-list li p .alarm-left {
  width: 60px;
  font-weight: 500;
}
.alarm-list li p .alarm-ttd {
  width: 60px;
  font-weight: 500;
}
.alarm-list li p .alarm-right {
  width: calc(100% - 60px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alarm-list li .item-remove-btn {
  position: absolute;
  right: 23px;
  top: 40px;
}

.alarm-popup {
  position: fixed;
  box-shadow: var(--box-shadow);
  border-radius: 5px;
  background: #fff;
  width: 364px;
  height: 140px;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  animation: bounce2 1s ease infinite;
  -webkit-animation: bounce2 1s ease infinite;
  -o-animation: bounce2 1s ease infinite;
  -moz-animation: bounce2 1s ease infinite;
}
.alarm-popup .alarm-popup-head {
  display: flex;
  padding: 15px 20px;
  align-items: center;
  position: relative;
  border-bottom: 1px solid var(--line-color);
}
.alarm-popup .alarm-popup-head span {
  font-size: 13px;
  font-weight: 500;
  color: #666;
}
.alarm-popup .alarm-popup-head span:nth-child(2) {
  margin-left: 10px;
}
.alarm-popup .alarm-popup-head .exit-btn {
  position: absolute;
  right: 20px;
}
.alarm-popup-con {
  display: flex;
  align-items: center;
  height: 85px;
  justify-content: center;
}
.alarm-popup-con span {
  color: #222;
}
.alarm-popup-con span em {
  font-style: inherit;
  color: var(--org-color);
}

@media (max-width: 1600px) {
  .alarm-btn {
    margin-left: 0;
  }
  /* .all-alarm-box {left: auto; right:0;} */
  .all-alarm-box {
    left: -630%;
    right: 0;
  }
}

/* bounce animation */
@keyframes bounce2 {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

/* page location */
.breadcrumbs {
  display: flex;
}
.breadcrumbs li {
  margin-left: 25px;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #737373;
}
.breadcrumbs li a {
  font-size: 14px;
  color: #737373;
}
.breadcrumbs li:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  background: url(/resources/images/icon/breadcrumbs-arr.png) no-repeat;
  position: absolute;
  top: 6px;
  left: -14px;
}
.breadcrumbs li:first-child:after {
  content: none;
}
.breadcrumbs li.home .ico {
  background: url(/resources/images/icon/home-icon.svg) no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.breadcrumbs li.home {
  margin-left: 0;
}

/*** button ***/
button {
  border: none;
  background: transparent;
  position: relative;
  z-index: 99;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
}
.btn {
  min-width: 32px;
  min-height: 32px;
  display: inline-block;
  border: none;
  border-radius: 2px;
  transition: all 0.3s ease;
  padding: 5px 12px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  line-height: 19px;
}
.btn:hover {
  color: #fff;
}
.btn:hover {
  background-color: #4075dd;
}
.big {
  padding: 7px 11px;
  font-size: 16px;
}
.small {
  padding: 5px 6px;
  min-height: inherit;
  font-size: 12px;
  line-height: 17px;
}
.narrow {
  padding: 5px 8px;
}
.normal {
  padding: 5px 13px;
}

.white-orange-toggle-btn {
  width: 60px;
  height: 32px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
}
.white-orange-toggle-btn.on {
  background: #29A7E1;
  color: #ffffff;
}

.anchor-style-tbl-btn span {
  text-decoration: underline;
}

/*btn-color*/
.default {
  background-color: #285780;
  color: #fff;
  border: 1px solid #3b6996;
}
.default:hover {
  background-color: #1f3f5f;
  border: 1px solid #29537c;
}
.btn-line {
  background-color: #fff;
  border: 1px solid var(--line-color);
  color: #272727;
}
.btn-line:hover {
  background-color: #e9e9e9;
  color: #272727;
}
.btn-green {
  background-color: #6ea54a;
  border: 1px solid #6ea54a;
}
.btn-green:hover {
  background-color: #4c7e2b;
  border: 1px solid #4c7e2b;
}
.btn-red {
  background-color: #f04f3c;
  border: 1px solid #f04f3c;
}
.btn-red:hover {
  background-color: #ce3a4b;
  border: 1px solid #ce3a4b;
}
.btn-org {
  background-color: #29A7E1;
  border: 1px solid #29A7E1;
}
.btn-org:hover {
  background-color: #1B6FAE;
  border: 1px solid #1B6FAE;
}
.btn-sky {
  background: #eef6ff;
  border: 1px solid #e4f1ff;
  border-radius: 2px;
  color: #333333;
}
.btn-sky:hover {
  opacity: 0.7;
}
.btn-org.empty {
  background-color: #ffffff;
  border: 1px solid #29A7E1;
  color: #29A7E1;
}
.btn-org.empty:hover {
  background-color: #ffffff;
  opacity: 0.7;
}
.btn-dark {
  background-color: #797a7e;
  border: 1px solid #797a7e;
}
.btn-dark:hover {
  background-color: #313030;
  border: 1px solid #313030;
}
.btn-gray {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #272727;
}
.btn-gray:hover {
  background-color: #29A7E1;
  border: 1px solid #29A7E1;
}
.btn-grey {
  background-color: #d9d9d9;
  border: 1px solid var(--line-color);
  color: #ffffff;
}
.btn-grey:hover {
  background-color: #d9d9d9;
  border: 1px solid #d9d9d9;
  opacity: 0.7;
}
.btn-blue {
  background-color: #3b6996;
  border: 1px solid #3b6996;
}
.btn-blue:hover {
  background-color: #29A7E1;
  border: 1px solid #29A7E1;
}
.btn-icon {
  background: transparent;
  border: 0;
  outline: none;
}
.btn-icon:hover {
  background: transparent;
  filter: drop-shadow(0px 0px 4px #29A7E1);
}
.btn-excel {
  border: 1px solid #4075dd;
  color: #4075dd;
  background: #fff;
}
.btn-excel:hover {
  opacity: 1;
}
.btn-excel.upload span img {
  transform: rotate(180deg);
}
.btn-print {
  color: #fff;
  background: #3b6996;
}
.btn-print:hover {
  opacity: 1;
}

.btn-text-org {
  background-color: #fff;
  color: var(--org-color);
  border: 1px solid #29A7E1;
}
.btn-text-org-selected {
  background-color: #29A7E1;
  color: white;
  border: 1px solid #29A7E1;
}
.btn-text-org:hover {
  background-color: #fff;
  color: black;
  border: 1px solid #29A7E1;
}
.btn-text-org-selected:hover {
  background-color: #29A7E1;
  color: white;
  border: 1px solid #fff;
}

.btn-text-org:hover {
  background-color: #29A7E1;
  color: #fff;
}
.btn-text-org-selected:hover {
  background-color: #e35a2d;
  color: #fff;
  border: 1px solid #e35a2d;
}

.btn-dark-blue {
  background: #285780;
  color: #fff;
}
.btn-dark-blue.shell {
  border: 1px solid #285780;
  background: #fff;
  color: #285780;
}

.btn-blue.shell {
  background-color: #ffffff;
  border: 1px solid rgba(140, 179, 255, 1);
  color: #4075dd;
}

.btn-mild {
  border: 1px solid var(--line-color);
  border-radius: 2px;
  color: #333333;
  background-color: #fff;
}
.btn-mild:hover {
  background: var(--line-color);
  color: #565656;
}

.btn-org-wide {
  border: 1px solid #29A7E1;
  color: #565656;
  padding: 6px 17px;
  height: 28px;
  width: 145px;
  border-radius: 2px;
}
.btn-org-wide.reversal {
  background: #29A7E1;
  color: #ffffff;
}

.btn-large {
  font-size: 20px;
  font-weight: 500;
  background: var(--org-color);
  width: 310px;
  height: 60px;
  padding: 15px;
}

/* notice-list-container */
.notice-list-container {
  height: 32px;
  padding: 3px 12px;
  font-size: 14px;
  border-radius: 2px;
  overflow: hidden;
  text-align: right;
}
.notice-list-container ul {
  margin: 0px;
  padding: 0;
  list-style: none;
}
.notice-list-container li {
  margin: 00px;
  padding: 0;
  list-style: none;
}
.notice-list-container li a {
  display: block;
  height: 32px;
  line-height: 31px;
  text-align: right;
}
#bt5 .prev,
#bt5 .next {
  transform: rotate(90deg);
}
#bt5 .playStopToggle {
  transform: translateY(-1px);
}

.eq-sign {
  transform: rotate(90deg);
}

/*�븘�씠肄섎쾭�듉*/
.ico {
  line-height: 1.4167;
  display: flex;
}
.ico.reverse > img {
  transform: rotate(180deg);
}
.btn img.ico {
  margin-right: 4px;
}
.btn > img {
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.btn > img.ico {
  top: -2px;
}
.btn span.ico img {
  margin-right: 5px;
}
.btn:hover span.ico img,
.btn:focus span.ico img {
  filter: brightness(1000%);
}
.btn.btn-line:hover span.ico img,
.btn.btn-line:focus span.ico img {
  filter: brightness(0%);
}
.btn.help-btn:hover span.ico img,
.btn.help-btn:focus span.ico img {
  filter: none;
}
.btn span.ico.mr0 img {
  margin-right: 0;
}
.btn span.ico-absoulte {
  padding-left: 15px;
  line-height: 1;
}
.btn span.ico-absoulte img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

/* �긽�깭媛� */
.stat-span {
  display: inline-block;
  padding: 4px 0;
  color: #fff;
  border-radius: 2px;
  line-height: 20px;
  width: 52px;
  text-align: center;
}
.stat-span.sm {
  padding: 4px 0;
  width: 44px;
}
.stat-span.lg {
  width: 94px;
}
.stat-span.right {
  margin-left: 10px;
}
.mint-bg {
  background: #8cd5ca;
}
.darkgray-bg {
  background: #818a91;
}
.lightblue-bg {
  background: #00b2ff;
}

/***tree-wrap***/
.js-tree-con {
  padding-bottom: 15px;
  border: 1px solid #949494;
  background: #fafafc;
  border: 1px solid var(--line-color);
  border-radius: 6px;
  margin-top: 10px;
  width: 100%;
  height: 70vh;
}
.js-tree {
  padding: 15px;
  min-height: 520px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 70vh;
}
.jstree-default .jstree-anchor {
  font-size: 14px;
}
.jstree-default .jstree-themeicon {
  background-position: -260px 0px;
}
.jstree-default .jstree-icon:empty {
  margin-right: 10px;
}
.js-tree .jstree-default .jstree-icon {
  width: 31px;
  background-image: url(/resources/images/icon/folder-close.svg);
  margin-right: 6px;
}
*/ .js-tree .jstree-closed > .jstree-themeicon {
  background-position: -260px -4px;
}
.js-tree .jstree-default .jstree-open > .jstree-anchor > .jstree-themeicon {
  background-position: -261px -69px !important;
}
/* .js-tree .jstree-node[aria-level="1"] {background: none;} */
.js-tree .jstree-node .fa-user-circle-o {
  background-image: url("/resources/images/icon/user-icon.svg") !important;
  background-position: center;
  background-repeat: no-repeat;
}
.js-tree .jstree-node .fa-fa-user-circle-o {
  background-image: url("/resources/images/icon/GroupLast.png") !important;
  background-position: center;
  background-repeat: no-repeat;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url(/resources/images/cmpt/32px.png);
  background-repeat: repeat-y;
}
.jstree-default .jstree-node {
  background-position: -294px 2px;
}
.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -67px -7px !important;
}
.jstree-default .jstree-anchor {
  margin-bottom: 5px;
}
.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -98px -3px !important;
}
.jstree-default .jstree-open > .jstree-ocl {
  background-position: -135px -3px;
}
li.jstree-node.jstree-last {
  background: none;
}
.jstree-open .jstree-anchor .jstree-icon.jstree-themeicon {
  background-image: url("/resources/images/icon/folder-open.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.jstree-closed .jstree-anchor .jstree-icon.jstree-themeicon {
  background-image: url("/resources/images/icon/folder-close.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.js-tree-con .jstree-default .jstree-node:not([aria-level="1"]) {
  margin-left: 35px;
}
input.jstree-rename-input {
  height: 27px;
}

/* jstree rename */
.rename_node,
.set_text {
  padding: 10px;
  background-color: orange;
  margin-top: 20px;
  cursor: pointer;
}
.rename_node {
  background-color: lime;
}

/*tree-list*/
.tree-list-wrap {
  position: relative;
  border: 1px solid var(--line-color);
}
.tree-list {
  padding: 15px;
  min-height: 520px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 70vh;
  padding-bottom: 40px;
}
.tree-list-con li a {
  padding: 5px;
  font-size: 14px;
  display: inline-block;
}
.tree-list-con li a.selected {
  background: #f1f1f1;
}
.tree-list-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  gap: 2px;
}
.tree-list-btn button {
  width: 50%;
  background: #fafafc;
  height: 40px;
  font-weight: 500;
  font-size: 14px;
}
.tree-list-btn button:hover,
.tree-list-btn button:focus {
  background: var(--org-color);
  color: #fff;
}

/*tree-select*/
.tree-select-wrap {
  display: flex;
  gap: 22px;
}
.tree-select-wrap .tree-select-arr {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}
.tree-select-wrap .tree-select-arr button {
  width: 32px;
  height: 32px;
  border: 1px solid #bbb;
  border-radius: 5px;
}
.tree-select-wrap .tree-select-arr button:hover,
.tree-select-wrap .tree-select-arr button:focus {
  background: var(--org-color);
  border-color: var(--org-color);
}
.tree-select-wrap .tree-select-arr button.prev img {
  transform: rotate(90deg);
}
.tree-select-wrap .tree-select-arr button.next img {
  transform: rotate(270deg);
}
.tree-select-wrap .tree-select-arr button:hover img,
.tree-select-wrap .tree-select-arr button:focus img {
  filter: brightness(10);
}
.tree-select p,
.tree-select p * {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.tree-select-con {
  border: 1px solid var(--line-color);
  padding: 10px;
  font-size: 14px;
  width: 292px;
  height: 256px;
  overflow-y: scroll;
}
.tree-select-con li a {
  padding: 5px;
  font-size: 14px;
  display: inline-block;
}
.tree-select-con li a.selected {
  background: #f1f1f1;
}

@media (max-width: 1400px) {
  .js-tree-con {
    width: 278px;
  }
  .js-tree {
    padding: 15px 10px;
    overflow-x: auto;
  }
  .jstree-default .jstree-icon:empty {
    margin-right: 5px;
  }
  .js-tree-con .jstree-default .jstree-node:not([aria-level="1"]) {
    margin-left: 30px;
  }
}

/* address */
.add-list-wrap {
  padding: 16px 18px;
}
.add-list-wrap ul.favoriteList {
  margin-bottom: 10px;
}
.add-list-wrap ul li {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 0;
}
.add-list-wrap ul li:hover {
  font-weight: 700;
}
.add-list-wrap ul li:hover .icon {
  filter: drop-shadow(0px 0px 5px #f4cb38);
}
.add-list-wrap ul li .icon img {
  margin-right: 10px;
  display: flex;
  min-width: 19px;
}
.favorite-wrap {
  position: relative;
}
.favorite-wrap > input {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  opacity: 0;
}
.favorite-wrap > label {
  width: 17px;
  height: 26px;
  display: block;
  background: url("/resources/images/mobile/m-star.svg");
  cursor: pointer;
}
.favorite-wrap input:checked + label {
  background: url("/resources/images/mobile/m-star-active.svg");
}
.favorite-wrap > label:hover {
  filter: drop-shadow(0 0 4px #f4cb38);
}

/* search warp */
.search-warp {
  display: flex;
  gap: 4px;
}
.data-picker-wrap {
  min-width: 232px;
  position: relative;
}
.data-picker-wrap input {
  height: 32px;
  min-width: 125px;
  border: 1px solid var(--line-color);
  text-align: center;
  padding-right: 32px;
  font-size: 14px;
  color: #272727;
  letter-spacing: -0.01em;
}
.data-picker-wrap label {
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
  margin: 0;
}
.data-picker-wrap.single-search {
  min-width: 125px;
  width: 125px;
}
.data-picker-wrap.single-search.width-auto {
  min-width: 0;
  width: auto;
}
.single-input {
  width: 150px;
  border: 1px solid var(--line-color);
  border-radius: 0px;
  height: 32px;
  padding: 0 9px;
}
.single-input.business-name {
  width: 250px;
}
.drp-buttons button {
  background-color: #285780;
}
.filter-wrap button {
  min-width: 113px;
}
.filter-wrap button .ico {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter-wrap button .ico img {
  margin: 0;
}
.search-warp .name-search input {
  font-size: 14px;
}
.search-detail-btn button {
  padding: 5px 8px;
}
.search-detail-btn button .ico img {
  margin-right: 0;
  margin-left: 10px;
}
.data-picker-wrap.in-tbl {
  max-width: 300px;
}
.data-picker-wrap.in-tbl.min-width-auto {
  min-width: auto;
}
.data-picker-label {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* table */
table {
  width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
}
th,
td {
  padding: 4px;
  font-size: 14px;
  vertical-align: middle;
  text-align: center;
  height: 41px;
}
th {
  background-color: #f5f9ff;
}

@media (max-width: 1800px) {
  .date-table-container {
    overflow-x: scroll;
  }
}

/* td:not(.rs-tbl-wrap td):first-child {border: 0;} */

/* bootstrap table */
.tbl-bootstrap-wrap .title {
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tbl-bootstrap-wrap table {
  border: 0;
  font-size: 14px;
} /* background: #fff; */
.tbl-bootstrap-wrap table thead th {
  background-color: #f5f5f5;
  font-weight: 500;
}
.tbl-bootstrap-wrap table thead th .th-inner {
  font-weight: inherit;
  text-align: center;
}
.tbl-bootstrap-wrap table th {
  padding: 12px 4px;
}
.tbl-bootstrap-wrap table td {
  padding: 4px;
  border-bottom: 1px solid #e7e7e7; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/
  max-width: 100px;
  height: 41px;
  word-break: keep-all;
}
.tbl-bootstrap-wrap.no-ellipsis table td {
  padding: 4px;
  border-bottom: 1px solid #e7e7e7;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  max-width: none;
}
.tbl-bootstrap-wrap table td:first-child {
  border-bottom: 1px solid #e7e7e7;
}
.tbl-bootstrap-wrap table.txt-pd td {
  padding: 10px 4px;
}
.tbl-bootstrap-wrap table.six-pd td {
  padding: 6px 4px;
}
.tbl-bootstrap-wrap table.nine-pd td {
  padding: 9px 4px;
}
.tbl-bootstrap-wrap table.toggle-pd td {
  padding: 12px 4px;
}
.tbl-bootstrap-wrap table.icon-pd td {
  padding: 4px 4px;
}
.tbl-bootstrap-wrap table.auth-pd td {
  padding: 12px 4px;
}
.tbl-bootstrap-wrap.padding-adjust table td {
  padding: 4px 4px;
}
.tbl-bootstrap-wrap table td select.boot-tbl-style {
  height: 32px;
  border: 1px solid #f2f2f2;
  padding: 4px;
}
/* .tbl-bootstrap-wrap table tbody tr:hover {background-color: #FFF4F0;} */
.tbl-bootstrap-wrap table tbody tr:hover {
  background-color: none;
  cursor: pointer;
}
/* .tbl-bootstrap-wrap:not(.checkbox-none-style) table tbody tr:hover {background: #FFF4F0;} */

.scroll .bootstrap-table .fixed-table-container .fixed-table-body {
  height: calc(100% - 42px);
  position: relative;
}
.bootstrap-table
  .fixed-table-container
  .fixed-table-body
  .fixed-table-loading
  .loading-wrap
  .loading-text {
  font-size: 12px;
}

.tbl-bootstrap-wrap-blank-style table {
  border: 0;
}
.tbl-bootstrap-wrap-blank-style table thead th {
  background: #2b3b4a;
  font-weight: 500;
  color: #fff;
  font-size: 14px;
}
.tbl-bootstrap-wrap-blank-style table thead th .th-inner {
  font-weight: inherit;
  text-align: center;
}
.tbl-bootstrap-wrap-blank-style table th {
  padding: 12px 4px;
}
.tbl-bootstrap-wrap-blank-style.th-no-padding table th {
  padding: 4px;
}
.tbl-bootstrap-wrap-blank-style table td {
  padding: 4px;
  border-bottom: 2px solid #bbbbbb; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100px; height:41px; word-break: keep-all;*/
}
.tbl-bootstrap-wrap-blank-style .fixed-table-pagination {
  display: none !important;
}

/* custom checkbox */
.tbl-bootstrap-wrap:not(.checkbox-none-style) table label {
  position: relative;
  cursor: pointer;
  width: 28px;
  display: flex;
  justify-content: center;
  margin: 0 auto 0;
}
.tbl-bootstrap-wrap:not(.checkbox-none-style) table label.toggle-item {
  width: 68px;
}
.tbl-bootstrap-wrap:not(.checkbox-none-style)
  table
  label
  input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.tbl-bootstrap-wrap:not(.checkbox-none-style)
  table
  label
  input[type="checkbox"]
  + span {
  display: flex;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  margin: auto;
  background: #fff;
}
.tbl-bootstrap-wrap:not(.checkbox-none-style)
  table
  label
  input[type="checkbox"]:checked
  + span {
  border: none;
}
.tbl-bootstrap-wrap:not(.checkbox-none-style)
  table
  label
  input[type="checkbox"]:checked
  + span:after {
  content: "";
  background: url(/resources/images/icon/table-custom-select-check.svg)
    no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.tbl-bootstrap-wrap:not(.checkbox-none-style)
  table
  label
  input[name="btSelectItem"]:disabled
  + span {
  background: #e0e0e0;
}
.tbl-bootstrap-wrap:not(.checkbox-none-style)
  table
  label
  input[name="btSelectItem"]:disabled
  + span:after {
  background: #e0e0e0;
}

/* custom bootstraptable radio */
.tbl-bootstrap-wrap table label input[type="radio"] {
  border: 1px solid #bbbbbb;
}
.tbl-bootstrap-wrap
  table
  tbody
  tr.selected
  td.bs-checkbox.radio
  label
  input[type="radio"] {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.tbl-bootstrap-wrap table tbody tr.selected td.bs-checkbox.radio label span {
  display: inline-block;
  position: relative;
  width: 13px;
  height: 13px;
  border: 1px solid var(--org-color);
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
}
.tbl-bootstrap-wrap
  table
  tbody
  tr.selected
  td.bs-checkbox.radio
  label
  span:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 1;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--org-color);
  opacity: 1;
}

.table .btn span.ico img {
  margin: 0;
}
.tbl-bootstrap-wrap {
  margin-top: 10px;
}
/* bootstrap custom */
.tbl-bootstrap-wrap.no-height .bootstrap-table {
  min-height: auto;
}
.bootstrap-table {
  position: relative; /* min-height: 500px; */
}
/* .fixed-table-body {overflow-x: auto; overflow-y: auto; height: calc(500px - 40px);} */
.fixed-table-body {
  overflow-x: auto;
  overflow-y: auto;
}
/* .fixed-table-pagination:after, .fixed-table-toolbar:after {content: ""; display: block; clear: both;} */
.fixed-table-loading {
  display: none;
  position: absolute;
  top: 42px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: #fff;
  text-align: center;
}
.fixed-table-container thead th .th-inner {
  padding: 2px;
}
.rc-wrap {
  margin: 0;
  margin-bottom: -2px;
}
/* .fixed-table-footer {border: 0;} */
/* .fixed-table-footer table {border: 0;} */
/* .clearfix:after {content: ""; display: block; clear: both;} */
.fixed-table-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.fixed-table-pagination .float-left.pagination {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.fixed-table-pagination .float-left.pagination .input-group.page-jump-to input {
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  width: 65px;
  height: 32px;
  margin-right: 10px;
}
.fixed-table-pagination .float-left.pagination .input-group.page-jump-to span {
  line-height: 32px;
  font-size: 14px;
}
.fixed-table-pagination .pagination-detail {
  position: absolute;
  right: 0%;
  bottom: 0px;
  line-height: 1;
}
.fixed-table-pagination .pagination-detail span.pagination-info {
  display: none;
}
.fixed-table-pagination.clearfix .float-left.pagination,
.fixed-table-pagination.clearfix form[name="tableForm"] {
  display: none;
}
.fixed-table-pagination .float-right.pagination-detail {
  display: none;
}
.fixed-table-pagination.clearfix .float-right.pagination-detail {
  display: block;
}
/* .fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {margin-top: 10px; margin-bottom: 10px;} */
/* .fixed-table-pagination div.pagination .pagination {display: block; text-align: center;} */
.fixed-table-pagination .float-left.pagination-detail {
  display: none;
}
/* .fixed-table-pagination .float-right.pagination {display: block;} */
.float-left.pagination-detail {
  position: relative;
  display: flex;
}
.float-left.pagination-detail span.pagination-info {
  display: none;
}
.float-right.pagination-detail .page-list {
  display: none;
}
.float-right.pagination-detail .page-list .btn-group.dropdown {
  display: flex;
  z-index: 100;
  justify-content: flex-end;
}
.float-right.pagination-detail .page-list .btn-group.dropdown button {
  position: relative;
  top: 0;
  left: 0;
  width: 65px;
  height: 32px;
  border: 1px solid var(--line-color);
  border-radius: 2px;
  background: #ffffff;
}
.float-right.pagination-detail
  .page-list
  .btn-group.dropdown
  button
  .page-size {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.float-right.pagination-detail .page-list .btn-group.dropdown button .caret {
  content: url("/resources/images/icon/down-arrow.svg");
  position: absolute;
  top: 40%;
  right: 9%;
}
.float-right.pagination-detail .page-list .btn-group.dropdown .dropdown-menu {
  display: none;
  flex-direction: column;
  background: #fff;
  width: 65px;
  text-align: center;
  font-size: 14px;
  top: 0;
  left: 0;
}
.float-right.pagination-detail
  .page-list
  .btn-group.dropdown
  .dropdown-menu.show {
  display: flex;
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  padding: 8px 10px;
  transform: translate(0px, 33px) !important;
}
.float-right.pagination-detail
  .page-list
  .btn-group.dropdown
  .dropdown-menu
  .dropdown-item:not(:last-of-type) {
  margin-bottom: 8px;
}
.float-right.pagination-detail
  .page-list
  .btn-group.dropdown
  .dropdown-menu
  .dropdown-item:hover {
  background: #29A7E1;
  opacity: 0.7;
  color: #fff;
}
.float-right.pagination-detail
  .page-list
  .btn-group.dropdown
  .dropdown-menu
  .dropdown-item.active {
  color: #29A7E1;
}
.float-right.pagination-detail
  .page-list
  .btn-group.dropdown
  .dropdown-menu
  .dropdown-item.active:hover {
  color: #000;
}

.pagination li {
  display: inline-block;
  vertical-align: top;
  height: 32px;
  width: 32px;
  margin-right: 5px;
  font-size: 13px;
}
.pagination li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #9a9a9a;
  border: 0;
  border: 1px solid var(--line-color);
  border-radius: 8px;
}
.pagination .page-pre .page-link,
.pagination .page-first .page-link {
  transform: rotate(180deg);
}
.pagination .page-first .page-link,
.pagination .page-pre .page-link,
.pagination .page-next .page-link,
.pagination .page-last .page-link {
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  align-items: center;
  justify-content: center;
}
/* .pagination .page-pre .page-link, .pagination .page-next .page-link {background-image: url(/resources/images/icon/right-arrow.svg);} */
.pagination .page-pre .page-link,
.pagination .page-next .page-link {
  background-image: url(/resources/images/icon/right-single-arrow-new.svg);
}
.fixed-table-pagination .pagination a {
  padding: 4px 8px;
  line-height: 1.428571429;
}
.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.page-link {
  position: relative;
}
.page-item .page-link {
  color: #212b36;
}
.page-item.page-last-separator {
  border: 0;
}
.page-item.active .page-link {
  z-index: 1;
  color: #ffffff;
  background: #29A7E1;
  border: 1px solid #29A7E1;
  border-radius: 8px;
  font-weight: 600;
}
/* .pagination .page-item.active .page-link, .pagination .page-item.active .page-link:hover, .pagination .page-item.active .page-link:focus {border: 1px solid #ddd;} */
/* .pagination .page-item.active .page-link, .pagination .page-item.active .page-link:hover, .pagination .page-item.active .page-link:focus {color: #045AB1;} */
.page-link:hover {
  color: #fe7a42;
}
/* .pagination-info {display: none;} */
.input-tbl + .tbl-bootstrap-wrap > .bootstrap-table {
  min-height: auto;
}
.input-tbl + .tbl-bootstrap-wrap > .bootstrap-table .fixed-table-body {
  height: auto;
}

/* input-tbl */
table.input-tbl {
  border: 0;
  border-top: 1px solid #f2f2f2;
}
.input-tbl th {
  background: #f2f2f2;
  font-weight: 500;
  border-bottom: 1px solid #fff;
}
.input-tbl td {
  border-bottom: 1px solid #f2f2f2;
}
.input-tbl th,
.input-tbl td {
  padding: 4px 10px;
}
.input-tbl.no-input th {
  padding: 10px 10px;
}
.input-tbl .height-align th,
.input-tbl .height-align td {
  padding: 10px;
}
.info-txt {
  background: #818a91;
  border-radius: 2px;
  color: #fff;
  padding: 4px 8px;
  display: inline-block;
  line-height: 1.4167;
}
.etc-wrap {
  display: inline-flex;
  align-items: center;
}
.etc-input {
  width: 650px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--line-color);
}
.etc-input3 {
  width: 180px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--line-color);
}

.etc-input:disabled {
  background: #f2f2f2;
}
.tbl-input-wrap {
  position: relative;
}
.tbl-input-wrap input {
  height: 32px;
  padding: 0 10px;
  border: 0;
}
.tbl-input-wrap.border input {
  border: 1px solid var(--line-color);
}
.tbl-input-wrap.border div button.search-loading-btn {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.tbl-input-wrap.border div button.search-loading-btn img {
  margin-left: 10px;
}
.tbl-input-wrap.border div label.search-loading-btn {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.tbl-input-wrap.border div label.search-loading-btn img {
  margin-left: 10px;
}

.tbl-input-wrap.icon-add input {
  padding-right: 40px;
}

.tbl-input-wrap.icon-add .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 5px;
}

.plus-btn,
.minus-btn {
  width: 32px;
  min-width: 32px;
  height: 32px;
  color: #29A7E1;
  border: 1px solid #e7e7e7;
  font-size: 20px;
  background: #fff;
}

.batch-btn {
  width: 80px;
}

/* auth check shape */
.toggle-input > label:before,
.toggle-input > label:after {
  content: "";
  position: absolute;
}
.toggle-input input[type="checkbox"] {
  height: 1px;
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  width: 1px;
}
.toggle-input {
  position: relative;
  display: inline-block;
  height: 30px;
  padding: 0;
  vertical-align: middle;
}
label.toggle-item {
  width: 70px;
  background: #f5f5f5;
  height: 30px;
  display: inline-block;
  border-radius: 50px;
  position: relative;
  transition: all 0.3s ease;
  transform-origin: 20% center;
  cursor: pointer;
}
label.toggle-item:before {
  display: block;
  transition: all 0.2s ease;
  width: 24px;
  height: 24px;
  top: 3px;
  left: 5px;
  border-radius: 2em;
  transition: 0.3s ease;
}
.normal label {
  background: #f5f5f5;
}
.normal label:before {
  border: none;
  width: 24px;
  height: 24px;
  background: #fff;
  transform: rotate(-25deg);
}
.normal label:after {
  content: "OFF";
  right: 10px;
  top: 48%;
  transform: translateY(-50%);
  font-size: 13px;
  color: #272727;
}
.toggle-input input[type="checkbox"]:checked + label {
  background: #29A7E1;
}
.toggle-input input[type="checkbox"]:checked + label:before {
  left: 41px;
}
.toggle-input input[type="checkbox"]:checked + label:after {
  content: "ON";
  right: 40px;
  color: #fff;
}
.w-130 .toggle-input.normal {
  margin: 3px !important;
}

.toggle-input.normal.login-style {
  height: auto;
  margin: 0px;
  padding: 0;
}
.toggle-input.normal.login-style label.toggle-item:before {
  top: 50%;
  left: 0px;
  border-radius: 9px;
  transform: translateY(-50%);
}
.toggle-input.normal.login-style label.toggle-item {
  width: 128px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
}
.toggle-input.normal.login-style label {
  background: #ffffff;
  border: 1px solid #29A7E1;
}
.toggle-input.normal.login-style label:before {
  content: "휴대폰";
  border: none;
  width: 64px;
  height: 50px;
  background: #29A7E1;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 11;
  font-size: 14px;
}
.toggle-input.normal.login-style label:after {
  content: "이메일";
  left: auto;
  top: 50%;
  font-size: 14px;
  color: #222;
  right: 15px;
}
.toggle-input.normal.login-style input[type="checkbox"]:checked + label {
  background: #ffffff;
  border: 1px solid #29A7E1;
}
.toggle-input.normal.login-style input[type="checkbox"]:checked + label:before {
  content: "이메일";
  left: 64px;
}
.toggle-input.normal.login-style input[type="checkbox"]:checked + label:after {
  content: "휴대폰";
  left: 78px;
  font-size: 14px;
  white-space: nowrap;
  left: 14px;
  color: #222;
}

.toggle-input.normal.sellDiscount-style {
  height: auto;
  margin: 0px;
  padding: 0;
}
.toggle-input.normal.sellDiscount-style label.toggle-item:before {
  top: 50%;
  left: 0px;
  border-radius: 0px;
  transform: translateY(-50%);
}
.toggle-input.normal.sellDiscount-style label.toggle-item {
  width: 115px;
  height: 32px;
  border-radius: 2px;
  overflow: hidden;
  top: 2px;
}
.toggle-input.normal.sellDiscount-style label {
  background: #ffffff;
  border: 1px solid #29A7E1;
}
.toggle-input.normal.sellDiscount-style label:before {
  content: "판매가";
  border: none;
  width: 55px;
  height: 50px;
  background: #29A7E1;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 11;
  font-size: 14px;
}
.toggle-input.normal.sellDiscount-style label:after {
  content: "DC(%)";
  left: auto;
  top: 50%;
  font-size: 14px;
  color: #222;
  right: 15px;
}
.toggle-input.normal.sellDiscount-style input[type="checkbox"]:checked + label {
  background: #ffffff;
  border: 1px solid #29A7E1;
}
.toggle-input.normal.sellDiscount-style
  input[type="checkbox"]:checked
  + label:before {
  content: "DC(%)";
  left: 58px;
}
.toggle-input.normal.sellDiscount-style
  input[type="checkbox"]:checked
  + label:after {
  content: "판매가";
  left: 78px;
  font-size: 14px;
  white-space: nowrap;
  left: 14px;
  color: #222;
}

.toggle-input.normal.sellDiscount-style.yesOrNo label.toggle-item:before {
  top: 50%;
  left: 0px;
  border-radius: 0px;
  transform: translateY(-50%);
}
.toggle-input.normal.sellDiscount-style.yesOrNo label:before {
  content: "Y";
  border: none;
  width: 55px;
  height: 50px;
  background: #29A7E1;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 11;
  font-size: 14px;
}
.toggle-input.normal.sellDiscount-style.yesOrNo label:after {
  content: "N";
  left: auto;
  top: 50%;
  font-size: 14px;
  color: #222;
  right: 24px;
}
.toggle-input.normal.sellDiscount-style.yesOrNo
  input[type="checkbox"]:checked
  + label:before {
  content: "N";
  left: 58px;
}
.toggle-input.normal.sellDiscount-style.yesOrNo
  input[type="checkbox"]:checked
  + label:after {
  content: "Y";
  color: #222;
  left: 26px;
}

/* limit timer */
.relative-element {
  position: relative;
}
.relative-element ~ .timer {
  position: absolute;
  top: 8px;
  left: 275px;
  font-size: 14px;
}
.relative-element ~ .timer.top-13px {
  top: 13px;
}

.bi {
  padding: 0 15px;
}
.bi.bi-plus:after {
  content: url("/resources/images/icon/down-arrow.svg");
}
.bi.bi-dash:after {
  content: url("/resources/images/icon/black-up-arrow.svg");
}
.auth-box {
  border: 1px solid #f5f5f5;
  padding: 5px;
}
.detail-view .auth-box {
  width: 122px;
  margin: auto;
}
p.detailView-P {
  color: #444444;
  font-size: 20px;
  font-weight: 700;
  margin-right: 10px;
}
p.detailView-P.A {
  color: #29A7E1;
}

/* excel file upload */
/* �뙆�씪�뾽濡쒕뱶 - 寃뚯떆�뙋 */
.file-upload {
  position: relative;
  display: inline-block;
}
.file-upload .file-upload {
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  color: #666;
}
.file-upload label {
  cursor: pointer;
}
.file-upload .file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.file-upload .remove {
  text-indent: -9999px;
  background: #dadada;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 600px;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.file-upload .remove:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: url(../images/cmpt/file-close.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease;
}
.file-upload .remove:hover:after {
  transform: translate(-50%, -50%) rotate(360deg);
  transition: all 0.5s ease;
}
.file-upload .imageThumb {
  position: relative;
  top: 3px;
}
.file-upload .file-tit {
  margin: 0 7px;
  font-size: 15px;
}
.file-upload .pip {
  margin-right: 15px;
  display: inline-block;
}

/* file upload */
.filebox {
  display: flex;
}
.filebox .upload-name {
  display: inline-block;
  color: #666;
  height: 32px;
  vertical-align: middle;
  width: calc(100% - 95px);
  border: 1px solid var(--line-color);
  padding: 4px;
}
.filebox label {
  padding: 7px 20px 7px 10px;
  vertical-align: middle;
  cursor: pointer;
  height: 32px;
  font-size: 13px;
  margin-left: 5px;
  width: 90px;
  border: 1px solid var(--line-color);
  font-weight: 500;
  color: #666;
  background: url(/resources/images/icon/search-1.svg) 90% center no-repeat;
}
.filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

/* tab content */
.tab-menu-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tab-menu-wrap .change-view-title {
  margin: 0;
  line-height: 35.5px;
}
.tab-menu {
  display: flex;
  gap: 1px;
}
.tab-menu li {
  padding: 5px 13px;
  background: #f2f2f2;
}
.tab-menu li a {
  line-height: 1.4167;
  color: rgba(39, 39, 39, 0.8);
  font-size: 18px;
}
.tab-menu li.active {
  background: #fd7b17;
}
.tab-menu li.active a {
  color: #fff;
}
.change-view-title {
  display: none;
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0 12px;
}
.change-view-title.view {
  display: block;
}
.tab-menu {
  display: none;
}
.tab-menu.tab-view {
  display: flex;
}

/* normal checkbox custom */
.checkbox-container.basic-style div label {
  cursor: pointer;
}
.checkbox-container.basic-style div input[type="checkbox"] {
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  width: 14px;
  height: 14px;
}
.checkbox-container.basic-style div input[type="checkbox"]:checked {
  background: #29A7E1;
}

.checkbox-container.basic-style.no-flex {
  width: 30px;
}

/* normal radio custom */
.radio-container.join-style div div label {
  font-size: 14px;
  cursor: pointer;
}

/* pretty checkbox custom */
.state {
  display: flex;
  align-items: center;
}
.checkbox-container.basic-style.no-flex .pretty .state {
  display: inline-block;
  background: #fff;
}
.pretty label {
  color: #272727;
  cursor: pointer;
}

/* resources */
.category-con li {
  cursor: pointer;
}
.contents-con-sec {
  display: none;
}
.c-navbar .inner.center-align {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 0;
}
.c-navbar .inner.center-align .move-box {
  margin: 0 26px;
}
.center-align .move-box {
  display: flex;
  align-items: center;
}
.center-align .move-box button {
  border: 1px solid #bbbbbb;
  min-width: 32px;
  min-height: 32px;
  display: inline-block;
  border-radius: 4px;
  transition: all 0.3s ease;
  padding: 5px 10px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  line-height: 19px;
}
.calendar-title {
  padding: 5px 26px;
  font-size: 30px;
  color: #333333;
  font-weight: 700;
}
.calendar-title.middle {
  font-size: 24px;
  line-height: 40px;
}
/* resources date picker custom */
/* .contents-con-sec {max-height: 720px; overflow: hidden;} */
.contents-con-sec.max-height-cancel {
  max-height: auto;
  margin-bottom: 50px;
}
.contents-con-sec .btn-wrap .tui-datetime-input {
  display: none;
}
.contents-con-sec .table-wrap {
  overflow-y: auto;
  height: 630px;
}
.contents-con-sec .toastui-calendar-layout * {
  line-height: 1.4167;
}
.contents-con-sec
  .toastui-calendar-day-view
  .toastui-calendar-panel:not(.toastui-calendar-time),
.toastui-calendar-week-view
  .toastui-calendar-panel:not(.toastui-calendar-time) {
  overflow: hidden;
}
.tui-datepicker {
  z-index: 111;
}
.date-wrap .tui-datepicker-input.tui-has-focus {
  border: 1px solid #e7e7e7;
}
.date-wrap .custom-select-wrap .select-shape-custom {
  border: 1px solid #e7e7e7;
}

/* resources table */
.rs-tbl-head th {
  font-size: 16px;
  font-weight: 500;
}
.time-line th {
  font-size: 16px;
}

/* table color */
/* check box color */
.check-color-F9BC23 {
  background-color: #f9bc23;
}
.check-color-5830B3 {
  background-color: #5830b3;
}
.check-color-42AEDC {
  background-color: #42aedc;
}
.check-color-35A23A {
  background-color: #35a23a;
}
.check-color-D9EFF2 {
  background-color: #d9eff2;
}
.check-color-FFE3E9 {
  background-color: #ffe3e9;
}
.check-color-D4C0F1 {
  background-color: #d4c0f1;
}
.check-color-A02031 {
  background-color: #a02031;
}
.check-color-FCCBB6 {
  background-color: #fccbb6;
}

/* select box custom select2 */
.custom-select-wrap .select-shape-custom {
  border-radius: 0;
  border: 1px solid var(--line-color);
  height: 32px;
}
.drop-down-custom {
  border: 1px solid var(--line-color);
}
.drop-down-custom * {
  font-size: 14px;
}
.drop-down-custom li {
  transform: rotate(0);
}
.select2-container--default .select2-results__group {
  font-weight: 700;
}
.select2-container--default .select2-selection--single {
  height: 32px;
  border: 1px solid var(--line-color);
  border-radius: 0;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 31px;
  font-size: 14px;
  padding-right: 28px;
}
.modal span {
  transform: rotate(0);
}

/* .custom-select-wrap.search-form-style */
.custom-select-wrap.search-form-style
  .select2-container--default
  .select2-dropdown.drop-down-custom2.select2-dropdown--below {
  border: 0;
  background: transparent;
  border: 1px solid #f5f5f5;
  border-radius: 2px;
}
.custom-select-wrap.search-form-style
  .select2-container--default
  .select2-dropdown.drop-down-custom2.select2-dropdown--below
  .select2-search.select2-search--dropdown.select2-search--hide {
  padding: 0;
}
.custom-select-wrap.search-form-style
  .select2-container--default
  .select2-dropdown.drop-down-custom2.select2-dropdown--below
  .select2-search.select2-search--dropdown.select2-search--hide
  input.select2-search__field {
  width: 300px;
  border: 1px solid #f5f5f5;
  border-radius: 2px;
}
.custom-select-wrap.search-form-style.retouch
  .select2-container--default
  .select2-dropdown.drop-down-custom2.select2-dropdown--below
  .select2-search.select2-search--dropdown.select2-search--hide
  input.select2-search__field {
  border: 1px solid #f5f5f5;
  border-radius: 2px;
  width: 100%;
}
.custom-select-wrap.search-form-style
  .select2-container--default
  .select2-dropdown.drop-down-custom2.select2-dropdown--below
  .select2-search.select2-search--dropdown.select2-search--hide
  input.select2-search__field:placeholder {
  color: #000;
}
.custom-select-wrap.search-form-style
  .select2-container--default
  .select2-dropdown.drop-down-custom2
  .select2-results
  ul
  li {
  font-size: 14px;
  padding: 10px;
  color: #272727;
  background: #fff;
}
.custom-select-wrap.search-form-style
  .select2-container--default
  .select2-dropdown.drop-down-custom2
  .select2-results
  ul
  li:first-of-type {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #454545;
  background: #f5f5f5;
  padding: 9px;
} /* background: #F5F5F5; */
.custom-select-wrap.search-form-style
  .select2-container--default
  .select2-dropdown.drop-down-custom2
  .select2-results
  ul
  li:not(:first-of-type) {
  border-bottom: 1px solid #ececec;
}
.custom-select-wrap.search-form-style
  .select2-container--default
  .select2-dropdown.drop-down-custom2
  .select2-results
  ul
  li.select2-results__option--highlighted {
  background-color: #5897fb;
  color: #fff;
}
.custom-select-wrap.search-form-style
  .select2-search--dropdown.select2-search--hide {
  display: block;
  position: relative;
}
.custom-select-wrap.search-form-style
  .select2-search--dropdown.select2-search--hide:after {
  position: absolute;
  content: url(/resources/images/icon/search-1.svg);
  top: 4px;
  right: 9px;
  width: auto;
  height: auto;
}

/* .custom-select-wrap.date-form-style .select2-container--default .select2-results>.select2-results__options {overflow-y: visible;} */
/* .custom-select-wrap.date-form-style .select2-container--default .select2-dropdown.drop-down-custom2.select2-dropdown--below {border: 1px solid #E7E7E7; margin-top:10px; width: 244px !important;} */
/* .custom-select-wrap.date-form-style .select2-container--default .select2-dropdown.drop-down-custom2.select2-dropdown--below {} */
/* .custom-select-wrap.date-form-style.end-date .select2-container--default .select2-dropdown.drop-down-custom2.select2-dropdown--below {left:-130px !important;} */
/* .custom-select-wrap.date-form-style .select2-container--default .select2-dropdown.drop-down-custom2 .select2-results ul{list-style-type:disc; list-style-position: inside;} */
/* .custom-select-wrap.date-form-style .select2-container--default .select2-dropdown.drop-down-custom2 .select2-results ul li {color: #666666; padding:9px; padding-left: 40px;} */
/* .custom-select-wrap.date-form-style .select2-container--default .select2-dropdown.drop-down-custom2 .select2-results ul li::marker {color:#fff;} */
/* .custom-select-wrap.date-form-style .select2-container--default .select2-dropdown.drop-down-custom2 .select2-results ul li.select2-results__option--selected {color: #29A7E1;  background-color: #fff;} */
/* .custom-select-wrap.date-form-style .select2-container--default .select2-dropdown.drop-down-custom2 .select2-results ul li.select2-results__option--selected::marker {transform:translateX(20px); color:#29A7E1;} */
/* .custom-select-wrap.date-form-style .select2-container--default .select2-dropdown.drop-down-custom2 .select2-results ul li.select2-results__option--highlighted { color: #29A7E1; background-color: #fff;} */

.search-warp .custom-select-wrap {
  width: auto;
}
.search-warp .custom-select-wrap .select-shape-custom2 {
  height: 32px;
  border-radius: 0;
  border: 1px solid var(--line-color);
  font-size: 14px;
}
.search-warp .drop-down-custom2 {
  font-size: 14px;
  border: 1px solid #f1f1f1;
  border-radius: 0;
}
.search-warp
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 30px;
  padding-right: 35px;
}

.search-warp
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border: none;
  position: relative;
}
.search-warp
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b::after {
  position: absolute;
  top: -7px;
  right: -4px;
  content: url("/resources/images/icon/select-down-icon.svg");
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border: none;
  position: relative;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b::after {
  position: absolute;
  top: -7px;
  right: 2px;
  content: url("/resources/images/icon/select-down-icon.svg");
}
.search-warp
  .custom-select-wrap.date-form-style
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b::after {
  position: absolute;
  top: -5px;
  right: -4px;
  content: url("/resources/images/icon/calendar-icon.svg");
}
.search-warp
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b::after {
  position: absolute;
  top: -7px;
  right: -4px;
  content: url("/resources/images/icon/select-up-icon.svg");
}

/* search-ALL page */
.search-window-container {
  font-size: 14px;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: #f5f5f5;
  padding: 30px 12px;
}
.search-window-container .searchAll-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.search-window-container input.search-all-input {
  width: 100%;
  height: 39px;
  border-radius: 2px 0px 0px 2px;
  width: 100%;
  padding: 10px;
  border: 1px solid #f5f5f5;
}
.searchAll-checkboxWrap {
  display: flex;
  padding: 10px;
}
.searchAll-checkbox {
  display: flex;
  align-items: center;
  margin-top: 5px;
  margin-right: 30px;
  cursor: pointer;
}
.searchAll-checkbox-text {
  margin-left: 5px;
}

.searchAll-checkboxWrap:not(.checkbox-none-style) label input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.searchAll-checkboxWrap:not(.checkbox-none-style)
  label
  input[type="checkbox"]
  + span {
  display: flex;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  margin: auto;
  background: #fff;
}
.searchAll-checkboxWrap:not(.checkbox-none-style)
  label
  input[type="checkbox"]:checked
  + span {
  border: none;
}
.searchAll-checkboxWrap:not(.checkbox-none-style)
  label
  input[type="checkbox"]:checked
  + span:after {
  content: "";
  background: url(/resources/images/icon/table-custom-select-check.svg)
    no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.searchAll-checkboxWrap:not(.checkbox-none-style)
  label
  input[name="btSelectItem"]:disabled
  + span {
  background: #e0e0e0;
}
.searchAll-checkboxWrap:not(.checkbox-none-style)
  label
  input[name="btSelectItem"]:disabled
  + span:after {
  background: #e0e0e0;
}

.search-all-button {
  background: #29A7E1;
  width: 39px;
  height: 39px;
  margin-left: 2px;
}
.search-detail-button {
  margin-left: 10px;
  font-size: 14px;
  width: 75px;
  height: 39px;
  background: #ffffff;
  border: 1px solid #bbbbbb;
}
.search-option {
  margin-left: 40px;
  width: 250px;
  display: flex;
  align-items: center;
  position: relative;
}
.search-option:after {
  position: absolute;
  content: "";
  top: 3px;
  left: 90px;
  width: 1px;
  height: 16px;
  background: #bbbbbb;
}
.and-search-checkbox {
  width: 14px;
  height: 14px;
  transform: translate(-6px, 2px);
}
.search-initial-button {
  margin: 0 20px 0 30px;
  font-size: 14px;
  white-space: nowrap;
}
.search-total-result {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  padding: 35px 0 65px;
  text-align: center;
}
.search-total-result span.search-keyword {
  font-weight: 700;
  color: #f03b3b;
}
.search-total-result span.search-result-number {
  font-weight: 700;
  color: #285780;
}
.search-total-result span.search-text1,
span.search-text2 {
  font-weight: 700;
}

.priority-lookup {
  position: relative;
  text-align: right;
  border-bottom: 1px solid #ececec;
  padding-bottom: 15px;
  font-size: 14px;
  font-weight: 700;
}
.priority-lookup img {
  margin-right: 8px;
}
.priority-lookup button {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.priority-lookup button:first-child {
  color: #285780;
}
.priority-lookup button:not(:first-child) {
  margin-left: 31px;
}
.priority-lookup button:not(:first-child):after {
  position: absolute;
  content: "";
  width: 1px;
  height: 16px;
  top: 3px;
  left: -15px;
  background: #bbbbbb;
}

.tbl-bootstrap-wrap.search-table {
  margin-top: 50px;
}
.tbl-bootstrap-wrap.search-table .bootstrap-table {
  min-height: auto;
}
.tbl-bootstrap-wrap.search-table .bootstrap-table .fixed-table-body {
  height: auto;
}
.tbl-bootstrap-wrap .table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #666666;
  padding-bottom: 13px;
  margin-bottom: 26px;
}
.tbl-bootstrap-wrap .table-header .table-bread-crumbs {
  font-size: 20px;
  font-weight: 500;
  color: #444444;
}
.tbl-bootstrap-wrap .table-footer {
  width: 100%;
}
.tbl-bootstrap-wrap .table-footer button {
  background: #f5f5f5;
  width: 100%;
  padding: 8px 0;
}

/* #releaseTable > tbody > tr > td:nth-child(12) {width: 200px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 75px;} */

/* ckEditor style */
#bootstrap-noneBtnPopup-box-modal
  > div
  > div
  > div.modal-body
  > div
  > div.table-container
  > table
  > tbody
  > tr:nth-child(4)
  > td
  > div.ckeditor-container.hidden-function
  > div
  > div.ck.ck-editor__top.ck-reset_all
  > div
  > div.ck.ck-sticky-panel__content {
  display: none;
}

.highlight-box-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
} /* grid-template-rows: repeat(3, 1fr);  */

.highlight-box-container .item-box {
  height: 90px;
  background: transparent;
  border-radius: 2px;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid var(--line-color);
}
.highlight-box-container .item-box .right-contents .circle-icon {
  display: flex;
  justify-content: center;
  font-weight: 500;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 14px;
}
.highlight-box-container .item-box.red {
  box-shadow: inset 0px 2px 3px rgba(254, 122, 78, 0.06);
  filter: drop-shadow(0px 5px 10px rgba(254, 122, 78, 0.08))
    drop-shadow(0px 0.5px 1.5px rgba(254, 122, 78, 0.08));
}
.highlight-box-container .item-box.red .right-contents .circle-icon {
  background: rgba(254, 122, 78, 0.08);
}
.highlight-box-container .item-box.yellow {
  box-shadow: inset 0px 2px 3px rgba(255, 177, 0, 0.06);
  filter: drop-shadow(0px 5px 10px #fff7e5) drop-shadow(0px 0.5px 1.5px #fff7e5);
}
.highlight-box-container .item-box.yellow .right-contents .circle-icon {
  background: rgba(255, 247, 229, 1);
}
.highlight-box-container .item-box.green {
  box-shadow: inset 0px 2px 3px #ebfaf3;
  filter: drop-shadow(0px 5px 10px #ebfaf3) drop-shadow(0px 0.5px 1.5px #ebfaf3);
}
.highlight-box-container .item-box.green .right-contents .circle-icon {
  background: rgba(235, 250, 243, 1);
}
.highlight-box-container .item-box.blue {
  box-shadow: inset 0px 2px 3px rgba(55, 125, 255, 0.06);
  filter: drop-shadow(0px 5px 10px rgba(55, 125, 255, 0.08))
    drop-shadow(0px 0.5px 1.5px rgba(55, 125, 255, 0.08));
}
.highlight-box-container .item-box.blue .right-contents .circle-icon {
  background: rgba(55, 125, 255, 0.08);
}
.highlight-box-container .item-box .left-contents .count {
  color: #081131;
  font-size: 22px;
  font-weight: 500;
}
.highlight-box-container .item-box .left-contents span {
  color: #9da6ba;
  font-size: 14px;
}

.highlight-5box-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
} /* grid-template-rows: repeat(3, 1fr);  */
.highlight-5box-container .item-box {
  height: 90px;
  background: transparent;
  border-radius: 2px;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid var(--line-color);
}
.highlight-5box-container .item-box .right-contents .circle-icon {
  display: flex;
  justify-content: center;
  font-weight: 500;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 14px;
}
.highlight-5box-container .item-box.red {
  box-shadow: inset 0px 2px 3px rgba(254, 122, 78, 0.06);
  filter: drop-shadow(0px 5px 10px rgba(254, 122, 78, 0.08))
    drop-shadow(0px 0.5px 1.5px rgba(254, 122, 78, 0.08));
}
.highlight-5box-container .item-box.red .right-contents .circle-icon {
  background: rgba(254, 122, 78, 0.08);
}
.highlight-5box-container .item-box.yellow {
  box-shadow: inset 0px 2px 3px rgba(255, 177, 0, 0.06);
  filter: drop-shadow(0px 5px 10px #fff7e5) drop-shadow(0px 0.5px 1.5px #fff7e5);
}
.highlight-5box-container .item-box.yellow .right-contents .circle-icon {
  background: rgba(255, 247, 229, 1);
}
.highlight-5box-container .item-box.green {
  box-shadow: inset 0px 2px 3px #ebfaf3;
  filter: drop-shadow(0px 5px 10px #ebfaf3) drop-shadow(0px 0.5px 1.5px #ebfaf3);
}
.highlight-5box-container .item-box.green .right-contents .circle-icon {
  background: rgba(235, 250, 243, 1);
}
.highlight-5box-container .item-box.blue {
  box-shadow: inset 0px 2px 3px rgba(55, 125, 255, 0.06);
  filter: drop-shadow(0px 5px 10px rgba(55, 125, 255, 0.08))
    drop-shadow(0px 0.5px 1.5px rgba(55, 125, 255, 0.08));
}
.highlight-5box-container .item-box.blue .right-contents .circle-icon {
  background: rgba(55, 125, 255, 0.08);
}
.highlight-5box-container .item-box .left-contents .count {
  color: #081131;
  font-size: 22px;
  font-weight: 500;
}
.highlight-5box-container .item-box .left-contents span {
  color: #9da6ba;
  font-size: 14px;
}

/* itemTypeUI page detailFormatter Style */

.cloneItemContainer {
  display: flex;
  align-items: center;
  width: 100%;
}
.cloneItemContainer div {
  white-space: nowrap;
  padding: 10px 4px;
  border-bottom: 1px solid #e7e7e7;
}
.cloneItemContainer div label {
  margin-left: 50%;
}
.cloneItemContainer .bs-checkbox {
  width: 8%;
}
.cloneItemContainer .bs-checkbox {
  width: 8%;
}
.cloneItemContainer .numbering {
  width: 5%;
}
.cloneItemContainer .product-type {
  width: 20%;
}
.cloneItemContainer .product-separator {
  width: 14%;
}
.cloneItemContainer .description {
  width: 23%;
}
.cloneItemContainer .id {
  width: 14%;
}
.cloneItemContainer .regdate {
  width: 16%;
}

.gray-underbar-box {
  width: 400px;
  border-bottom: 1px solid #ececf0;
  text-align: center;
  padding: 20px 0px;
  margin-bottom: 10px;
}
.edu-select-wrap {
  position: absolute;
  right: 0px;
  width: 200px !important;
  top: 18px;
}
/* boootstrap-table element custom */
.right-side-pagination {
  position: absolute;
  top: 10px;
  right: 0;
  display: flex;
  align-items: center;
}
.right-side-pagination p {
  font-size: 14px;
}
input.table-info-input {
  width: 65px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #f1f1f1;
  padding: 8px 15px;
  font-size: 14px;
  text-align: center;
  margin-right: 4px;
}

.table-title-box p {
  font-size: 20px;
  font-weight: 500;
  color: #272727;
}
/* custom css full calendar  */

/* #calendar > div.fc-view-harness.fc-view-harness-active > div > table > tbody > tr > td > div > div {overflow: hidden;} */
/* #calendar tr>td:first-child {border:1px solid #ddd;} */

.temp-widget {
  padding-right: 10px;
  text-align: left;
}
.temp-widget > * {
  padding-bottom: 15px;
}
.temp-widget p {
  font-size: 12px;
  line-height: 17px;
  color: #272727;
  font-weight: 500;
}
.temp-widget span {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: -0.0375em;
  color: #0b1354;
}

/* upload style */
.upload-in-my-pc-container {
  width: 30%;
  height: 100%;
  text-align: center;
}
.upload-in-my-pc-container label.upload-in-my-pc {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 130px;
  text-align: center;
  color: #888;
  border: 1px solid var(--line-color);
  cursor: pointer;
  font-size: 12px;
  line-height: 32px;
  padding: 10%;
  word-break: keep-all;
}
.upload-in-my-pc-container label.upload-in-my-pc p {
  margin: 0 auto 0;
}
.upload-in-my-pc-container label.upload-in-my-pc p span {
  text-decoration: underline;
}
.upload-in-my-pc-container ~ .file-name-container {
  width: 69%;
  border: 1px solid var(--line-color);
  margin-left: 1%;
}
.upload-in-my-pc-container ~ .file-name-container .header-part {
  background: #ededed;
  padding: 6px 10px;
}
.upload-in-my-pc-container ~ .file-name-container .body-part {
  padding: 6px 10px;
  overflow-y: scroll;
  height: 100px;
  text-align: left;
}
.upload-in-my-pc-container ~ .file-name-container .body-part .item {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.upload-in-my-pc-container
  ~ .file-name-container
  .header-part
  button.remove-btn,
.upload-in-my-pc-container
  ~ .file-name-container
  .body-part
  .item
  button.remove-btn {
  line-height: 5px;
}

.text-area-container.basic {
  width: 100%;
}
.text-area-container.basic textarea {
  resize: none;
  width: 100%;
  border: 1px solid #f2f2f2;
}

.systemTable table {
  border: none;
}
.systemTable table th,
td {
  vertical-align: middle;
}

/*Bootstrap Modal*/
.notice-modal {
  font-family: "pretendard";
}
.notice-modal .modal-dialog {
  position: relative;
  height: calc(100vh - 16px);
}
.notice-modal .modal-content {
  width: 100%;
  height: 100%;
}
.notice-modal .modal-header {
  display: flex;
  padding: 15px 20px 20px 20px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.notice-modal .modal-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}
.notice-modal .modal-body {
  padding: 20px 20px;
  max-height: 300px;
}
.notice-modal .modal-body .cont {
  line-height: 1.5;
  font-size: 14px;
  margin-bottom: 25px;
}
.notice-modal .modal-body .file {
  font-size: 14px;
}
.notice-modal .modal-body .file span {
  margin-right: 5px;
}
.notice-modal .modal-body .file .file-item {
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-family: "pretendard";
}
.notice-modal .modal-footer {
  background: #f7f7fb;
  position: absolute;
  display: flex;
  align-items: center;
  padding: 10px 25px;
  width: calc(100% - 50px);
  bottom: 0;
}
.notice-modal .modal-footer .input-group-text {
  font-size: 14px;
  display: flex;
  gap: 5px;
  cursor: pointer;
}
.notice-modal .modal-footer .modal-close {
  font-family: "pretendard";
  position: absolute;
  right: 10px;
  bottom: 5px;
  padding: 5px 10px;
  border-radius: 3px;
  border: 1px solid #c2cad5;
}

/* certificate */
.license:not(.aside-menu) {
  width: 1200px;
  height: 850px;
  background: #fff;
  border: 5px solid #ed7d31;
  margin: 0;
}
.license-inner {
  padding: 45px;
}
.license-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-weight: bold;
  margin: 0;
}
.license-header img {
  width: 300px;
}
.license-axgate {
  margin: 0;
  font-size: 26px;
  display: flex;
  gap: 10px;
}
.license-tit {
  text-align: center;
}
.license-tit h1 {
  font-size: 50px;
  margin: 40px 0 10px;
  line-height: 1.2;
}
.license-tit p {
  font-size: 21px;
  font-weight: bold;
  color: #777;
  margin: 0;
}
.license-center {
  margin: 20px 300px;
  display: flex;
  flex-wrap: wrap;
}
.license-center .contents {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}
.license-center .contents.name {
  width: 100%;
}
.license-center .contents.name .cont span {
  color: #222;
}
.license-center .contents.level {
  width: 50%;
}
.license-center .contents.birth {
  width: 50%;
}
.license-center .org-txt {
  color: #ed7d31;
  font-weight: bold;
  margin-right: 10px;
}
.license-center .cont {
  width: 200px;
  border-bottom: 1px solid #000;
  text-align: center;
  padding: 10px;
}
.license-center .cont span {
  font-weight: bold;
  color: #666;
  font-size: 18px;
}
.license-bottom {
  font-size: 20px;
  font-weight: bold;
  color: #444;
  margin: 40px 70px;
  word-break: keep-all;
  line-height: 1.5;
}
.license-date {
  display: flex;
  justify-content: center;
  gap: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #666;
  margin: 30px 0;
}
.license-sign {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
}
.license-sign img {
  width: 300px;
}

/*full calender*/
.page-title-container .briefing-container {
  position: absolute !important;
  top: 94px !important;
  right: 20px !important;
}
#calendar .fc-toolbar .fc-icon,
.fc-toolbar .fc-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
#calendar .fc-toolbar .fc-left .fc-button,
#calendar .fc-toolbar .fc-right .fc-button {
  background: #fff;
  border: 1px solid var(--line-color);
  font-size: 14px;
  color: #444;
  border-radius: 0;
  width: 32px;
  height: 32px;
}
#calendar .fc-toolbar .fc-left .fc-button.fc-today-button {
  width: auto;
}


#calendar .fc-toolbar .fc-left .fc-button:hover,
#calendar .fc-toolbar .fc-right .fc-button:hover {
  background: var(--org-color);
  border-color: var(--org-color);
  color: #fff;
}

#calendar .fc-toolbar .fc-icon-left-single-arrow,
#calendar .fc-toolbar .fc-icon-right-single-arrow {
  margin: 0 !important;
  width: 10px;
  height: 15px;
}
#calendar .fc-toolbar .fc-icon-left-single-arrow:after {
  content: "";
  background: url(/resources/images/icon/fold-btn-arrow.svg) no-repeat;
  width: 12px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 0;
  transform: rotate(90deg);
}
#calendar .fc-toolbar .fc-icon-right-single-arrow:after {
  content: "";
  background: url(/resources/images/icon/fold-btn-arrow.svg) no-repeat;
  width: 12px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 0;
  transform: rotate(270deg);
}
#calendar .fc-toolbar .fc-center .fc-button {
  background: #fff;
  border: 1px solid var(--line-color);
  width: 30px;
  height: 30px;
  border-radius: 3px;
  font-size: 14px;
  color: #444;
  margin: 0 !important;
  box-shadow: none;
}
#calendar .fc-toolbar .fc-center .fc-button:hover {
  background: var(--org-color);
  border-color: var(--org-color);
  color: #fff;
}
#calendar .fc-toolbar .fc-button:hover .fc-icon-left-single-arrow.fc-icon,
#calendar .fc-toolbar .fc-button:hover .fc-icon-right-single-arrow.fc-icon {
  filter: brightness(10);
}
#calendar .fc-toolbar h2 {
  font-size: 30px;
  font-weight: 500;
}
#calendar .fc-toolbar .fc-right .fc-button-group .fc-button {
  box-shadow: none;
  border: 1px solid var(--line-color);
  width: 60px;
  height: 32px;
  font-size: 13px;
  color: #444;
  margin-left: -1px;
  background: #fff;
  box-shadow: none;
  border-radius: 0;
}
#calendar .fc-toolbar .fc-right .fc-button-group .fc-button.fc-state-active,
#calendar.fc .fc-toolbar .fc-right .fc-button-group .fc-button:hover {
  background: var(--org-color);
  border-color: var(--org-color);
  color: #fff;
}
#calendar .fc-view,
.fc-view > table {
  border-color: transparent;
}
#calendar.fc th {
  background: none;
  border: none !important;
}
#calendar .fc-head-container {
  border: none;
}
#calendar.fc-unthemed .fc-head-container {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
#calendar .fc-head-container .fc-day-header {
  vertical-align: middle;
  text-align: left;
  padding: 5px 10px;
  border: none;
}
#calendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: left !important;
  padding: 10px;
}
#calendar .fc-event-container {
  height: auto;
  margin-right: 0;
}
#calendar .fc-event {
  text-align: left;
  padding: 2px 5px;
  margin: 2px 2px;
}
#calendar .fc-bg .fc-today {
  background: rgba(255, 220, 40, 0.15);
  border-color: #ddd;
}
#calendar .fc-sun {
  color: #f33b3b;
}
#calendar .fc-day-grid-event .fc-title {
  font-size: 13px;
}
#calendar.fc .fc-toolbar > * > * {
  margin-left: 10px;
}
#calendar .fc-toolbar h2 {
  padding: 0 20px;
  margin-left: 0 !important;
}
#calendar .fc-time-grid-event {
  margin-right: 0 !important;
}
#calendar .fc-list-table td {
  text-align: left;
}
#calendar .fc-widget-header {
  height: auto;
  border: none;
}
#calendar .fc-popover .fc-header .fc-title {
  font-size: 14px;
}
#calendar .fc-time span:after {
  position: relative;
  content: "시";
}
#calendar .fc-time-grid .fc-slats td:hover {
  background: rgba(254, 122, 78, 0.1);
  cursor: pointer;
}

#calendarSmall {
  width: 220px;
  height: 255px;
  margin: 0 auto;
  font-size: 10px;
  background: #fff;
  position: relative;
}
#calendarSmall .fc-toolbar {
  margin-bottom: 0;
}
#calendarSmall .fc-toolbar .fc-center {
  padding: 8px 0;
}
#calendarSmall .fc-toolbar .fc-left {
  position: absolute;
  top: 8px;
  left: 20px;
}
#calendarSmall .fc-toolbar .fc-right {
  position: absolute;
  top: 8px;
  right: 20px;
}
#calendarSmall .fc-toolbar .fc-left .fc-button,
#calendarSmall .fc-toolbar .fc-right .fc-button {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid var(--line-color);
  box-shadow: none;
}
#calendarSmall .fc-toolbar .fc-left .fc-button:hover,
#calendarSmall .fc-toolbar .fc-right .fc-button:hover {
  background: var(--org-color);
  border-color: var(--org-color);
  color: #fff;
}
#calendarSmall .fc-toolbar .fc-left .fc-button:hover .fc-icon:after,
#calendarSmall .fc-toolbar .fc-right .fc-button:hover .fc-icon:after {
  color: #fff;
}
#calendarSmall .fc-icon {
  margin: 0;
  transform: translate(-30%, 0%);
}
#calendarSmall .fc-icon:after {
  color: #aaa;
}
#calendarSmall .fc-head-container {
  height: 10px;
}
#calendarSmall .fc-head-container .fc-day-header {
  height: 25px;
}
#calendarSmall .fc-basic-view .fc-day-top {
  height: auto;
  text-align: center;
}
#calendarSmall .fc-basic-view .fc-day-number {
  padding: 2px;
  float: none;
  text-align: center;
}
#calendarSmall .fc-basic-view .fc-body .fc-row {
  min-height: 30px;
}
#calendarSmall .fc-basic-view tbody td {
  height: 5px;
}
#calendarSmall.fc-unthemed .fc-content,
#calendarSmall.fc-unthemed .fc-divider,
#calendarSmall.fc-unthemed .fc-list-heading td,
#calendarSmall.fc-unthemed .fc-list-view,
#calendarSmall.fc-unthemed .fc-popover,
#calendarSmall.fc-unthemed .fc-row,
#calendarSmall.fc-unthemed tbody,
#calendarSmall.fc-unthemed td,
#calendarSmall.fc-unthemed th,
#calendarSmall.fc-unthemed thead {
  border-color: #fff;
}
#calendarSmall .fc-toolbar {
  font-size: 0.9em;
}
#calendarSmall .fc-toolbar h2 {
  font-size: 18px;
  font-weight: 500;
  white-space: normal !important;
}
#calendarSmall .fc-more-cell a {
  display: block;
  width: 85%;
  margin: 1px auto 0 auto;
  border-radius: 3px;
  background: grey;
  color: transparent;
  overflow: hidden;
  height: 4px;
}
#calendarSmall .fc-more-popover {
  width: 100px;
}
#calendarSmall .fc-view-month .fc-event,
#calendarSmall .fc-view-agendaWeek .fc-event,
#calendarSmall .fc-content {
  font-size: 0;
  overflow: hidden;
  height: 2px;
}
#calendarSmall .fc-view-agendaWeek .fc-event-vert {
  font-size: 0;
  overflow: hidden;
  width: 2px !important;
}
#calendarSmall .fc-agenda-axis {
  width: 20px !important;
  font-size: 0.7em;
}
#calendarSmall .fc-button-content {
  padding: 0;
}
/* #calendarSmall .fc-today {background: #fff3ef;} */
#calendarSmall .fc-today {
  background: #29A7E1;
  border-radius: 10px;
  color: #fff;
}
#calendarSmall .fc-sun {
  color: #f33b3b;
}

@media (max-width: 1600px) {
  #calendarSmall {
    width: 190px;
  }
  #calendarSmall .fc-toolbar .fc-left {
    left: 10px;
  }
  #calendarSmall .fc-toolbar .fc-right {
    right: 10px;
  }
}

/*tooltip*/
.tooltip-inner {
  background-color: #222;
  color: #fff;
  padding: 5px;
  font-size: 12px;
  border-radius: 3px;
}

.ul-container-in-table {
  width: 100%;
}
.ul-container-in-table ul {
  width: 100%;
  margin-bottom: 1px;
}
.ul-container-in-table ul li {
  width: 100%;
  background: #f2f2f2;
  padding: 10px 10px;
  white-space: nowrap;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.ul-container-in-table ul li:nth-child(2n) {
  background: #fff;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}

.comment-container {
  width: 100%;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 10px;
  font-size: 14px;
  margin-bottom: 50px;
}
.comment-container .profile-image {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  overflow: hidden;
}
.comment-container .profile-image img {
  width: 30px;
  height: auto;
}
.comment-container .user-info {
  margin-bottom: 10px;
}
.comment-container .reply-container {
  border-bottom: 1px solid #e7e7e7;
  padding: 10px;
  min-height: 140px;
}
.comment-container .reply-container.manager-reply {
  border: 2px solid #29A7E1;
  border-radius: 6px;
}
.transparent-btn {
  background: #fff;
  color: #666666;
}
.comment-container .reply-container .textarea-container textarea {
  width: 100%;
  min-height: 100px;
  resize: none;
  padding: 10px;
  border: none;
}
.comment-container .reply-container .textarea-container textarea:focus {
  border: 0;
  outline: 0;
}

.email-address-container {
  display: grid;
  gap: 10px 10px;
  grid-template-columns: repeat(auto-fill, minmax(18%, auto));
}
.email-address-container .email-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  border: 1px solid var(--org-color);
  border-radius: 50px;
  padding: 4px 10px;
}

.manual-download {
  padding: 16px 19px;
}
.manual-download span {
  width: 46px;
  height: 46px;
  background: #29A7E1;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.manual-download span img {
  width: 17px;
  height: auto;
}
.manual-download button {
  display: flex;
  align-items: center;
  border: 1px solid #29A7E1;
  border-radius: 50px;
  width: 100%;
}
.manual-download button p {
  font-size: 14px;
  color: #272727;
  font-weight: 500;
  text-align: center;
  margin: 0 auto 0;
  padding-right: 10px;
}

.selected-partners-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20%, auto));
  width: 100%;
}
.selected-partner {
  text-align: left;
}

/* partner portal */

.customer-center {
  width: 100%;
  display: flex;
  justify-content: space-around;
  gap: 25px;
}
.customer-center > .contents-item {
  width: 33%;
  border-radius: 8px;
  box-shadow: 5px 5px 16px 0px #7272721f;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

.customer-center > .contents-item:nth-child(1) {
  border: 1px solid #cce1ff;
  background-image: url("/resources/images/landing-page/contents-icon/blue-bg.svg");
}
.customer-center > .contents-item:nth-child(2) {
  border: 1px solid #ffdcbd;
  background-image: url("/resources/images/landing-page/contents-icon/yellow-bg.svg");
}
.customer-center > .contents-item:nth-child(3) {
  border: 1px solid #bee0d1;
  background-image: url("/resources/images/landing-page/contents-icon/green-bg.svg");
}

.customer-center > .contents-item .icon-box {
  margin: 0 auto 0;
  margin-top: 10%;
  width: 124px;
  height: 124px;
  border-radius: 32px;
  padding: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.customer-center > .contents-item:nth-child(1) .icon-box {
  background: #e5f0ff;
}
.customer-center > .contents-item:nth-child(2) .icon-box {
  background: #ffefdf;
}
.customer-center > .contents-item:nth-child(3) .icon-box {
  background: #e6fbf2;
}

.customer-center > .contents-item .title {
  font-size: 21px;
  font-weight: 500;
  margin-top: 36px;
}
.customer-center > .contents-item .email-address,
.customer-center > .contents-item .mobile-number {
  justify-content: center;
}
.customer-center > .contents-item .email-address {
  margin-top: 18px;
}
.customer-center > .contents-item .mobile-number {
  margin-top: 15px;
  margin-bottom: 10%;
}
.customer-center > .contents-item .email-address p,
.customer-center > .contents-item .mobile-number p {
  color: #777777;
  font-weight: 500;
  font-size: 15px;
}

.video-container {
  padding: 0px 0 40px 15px;
}

/* 테이블 소트 화살표 스타일 삭제 */
/* .bootstrap-table .fixed-table-container thead th .both {
  background: url("/resources/images/grid-item-icon/sortable-both-arrow.svg") 100% center / 13px 20px no-repeat;
  cursor:pointer;
  padding-right: 13px;
}

.bootstrap-table .fixed-table-container thead th .desc {
  background: url("/resources/images/grid-item-icon/sortable-desc-arrow.svg") 100% center / 13px 20px no-repeat;
  cursor:pointer;
  padding-right: 13px;
}

.bootstrap-table .fixed-table-container thead th .asc {
  background: url("/resources/images/grid-item-icon/sortable-asc-arrow.svg") 100% center / 13px 20px no-repeat;
  cursor:pointer;
  padding-right: 13px;
} */

.group-grid-container {
  max-width: 786px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.group-grid-container .item {
  display: flex;
  padding: 0 10px;
  align-items: center;
  border: 1px solid #f1f1f1;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  height: 32px;
}
.group-grid-container .item img {
  margin-left: 10px;
}

/*사업 관리 > 계약내용보고서 관련 */
.approval-info-container {
  display: flex;
  gap: 20px;
}
.approval-info-container .item-container {
  gap: 10px; /* margin-top: 22px; */
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.approval-info-container .item-container .item-marker {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.approval-info-container .item-container .item-marker.green {
  background: #e5f6ef;
  color: #07ac64;
}
.approval-info-container .item-container .item-marker.blue {
  background: #e4f1ff;
  color: #5291d4;
}
.approval-info-container .item-container .item-marker.orange {
  background: #ffb92e4a;
  color: #f99c30;
}

.approval-info-container .item-container .sign-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.approval-info-container .item-container .sign-container .sign-box {
  overflow: hidden;
  min-width: 97px;
  min-height: 56px;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px #0000001a;
}
.approval-info-container .item-container .sign-container .header-contents {
  background: #f2f2f2;
  height: 8px;
}
.approval-info-container
  .item-container
  .sign-container
  .header-contents.approval {
  background: #2185d0;
}
.approval-info-container
  .item-container
  .sign-container
  .header-contents.approval
  ~ .body-contents {
  background: url("/resources/images/icon/approval-signature-gray.png") center
    no-repeat;
}
.approval-info-container
  .item-container
  .sign-container
  .header-contents.reject {
  background: #f03b3b;
}
.approval-info-container
  .item-container
  .sign-container
  .header-contents.reject
  ~ .body-contents {
  background: url("/resources/images/icon/approval-rejection-gray.png") center
    no-repeat;
}

.approval-info-container .item-container .sign-container .body-contents {
  padding: 9px;
  min-height: 48px;
}
.approval-info-container .item-container .sign-container .body-contents .name {
  color: #2c2c2c;
  font-size: 10px;
  font-weight: 600;
}
.approval-info-container .item-container .sign-container .body-contents .date {
  color: #2c2c2c;
  font-size: 10px;
  font-weight: 600;
  margin-top: 4px;
}

.invoice-list-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.invoice-list-container ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.invoice-list-container:nth-of-type(2n-1) ul li {
  width: 100%;
  padding: 15px 0px 15px;
  background: #f5f5f5;
}
.invoice-list-container:nth-of-type(2n) ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 3px 0px 3px;
}

/* portal-landing-page-cmpt */

.portal-header-container {
  display: flex;
  align-items: center;
}
.header {
  position: relative;
}
.portal-search-container {
  position: absolute;
  background: #fff;
  top: 81px;
  left: 0;
  width: 100%;
  min-height: 200px;
  display: none;
}
.portal-search-container.active {
  display: block;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.portal-search-container .portal-search-inner {
  width: 100%;
  padding: 50px 33% 50px;
}
.portal-search-container .portal-search-inner .landing-page-search {
  border: 0;
  border-bottom: 1px solid #29A7E1;
}
.portal-search-container .portal-search-inner .landing-page-search input {
  border: 0;
  font-size: 16px;
  font-weight: 400;
  color: #777777;
  outline: 0;
}
.portal-search-container
  .portal-search-inner
  .landing-page-search
  .landing-page-search-btn {
  width: 30px;
  height: 30px;
}

.portal-header-container .portal-search-btn,
.portal-header-container .portal-help-btn {
  width: 32px;
  height: 32px;
}
.portal-header-container .portal-search-btn {
  background: url("/resources/images/landing-page/contents-icon/portal-gray-search-icon.png")
    center no-repeat;
}
.portal-header-container .portal-search-btn.active {
  background: url("/resources/images/landing-page/contents-icon/portal-orange-search-icon.png")
    center no-repeat;
}

.quick-link-container {
  display: flex;
  justify-content: center;
  font-size: 13px;
  color: #777777;
  padding: 26px 0 26px;
}
.quick-link-container .link-item-container {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  border-left: 1px solid #777777;
  margin: 0 20px 0 20px;
  padding: 0 20px 0 20px;
}

.landing-link-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1008px;
  margin: 0 auto 0;
}

.landing-link-container .link-page-btn {
  width: 156px;
  height: 156px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  color: #000000;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0px 4px 15px 0px #0000001a;
  padding: 70px 0 0;
  cursor: pointer;
}

.landing-link-container .link-page-btn.oi {
  background: url("/resources/images/landing-page/link-icon/OI-icon.png") center
    30% no-repeat;
}
.landing-link-container .link-page-btn.oi:hover {
  background: #29A7E1
    url("/resources/images/landing-page/link-icon/OI-icon-active.png") center
    30% no-repeat;
  box-shadow: 0px 0px 15px 0px #29A7E1;
  color: #fff;
}

.landing-link-container .link-page-btn.rma {
  background: url("/resources/images/landing-page/link-icon/RMA-icon.png")
    center 30% no-repeat;
}
.landing-link-container .link-page-btn.rma:hover {
  background: #29A7E1
    url("/resources/images/landing-page/link-icon/RMA-icon-active.png") center
    30% no-repeat;
  box-shadow: 0px 0px 15px 0px #29A7E1;
  color: #fff;
}

.landing-link-container .link-page-btn.edu {
  background: url("/resources/images/landing-page/link-icon/edu-icon.png")
    center 30% no-repeat;
}
.landing-link-container .link-page-btn.edu:hover {
  background: #29A7E1
    url("/resources/images/landing-page/link-icon/edu-icon-active.png") center
    30% no-repeat;
  box-shadow: 0px 0px 15px 0px #29A7E1;
  color: #fff;
}

.landing-link-container .link-page-btn.certi {
  background: url("/resources/images/landing-page/link-icon/certi-icon.png")
    center 30% no-repeat;
}
.landing-link-container .link-page-btn.certi:hover {
  background: #29A7E1
    url("/resources/images/landing-page/link-icon/certi-icon-active.png") center
    30% no-repeat;
  box-shadow: 0px 0px 15px 0px #29A7E1;
  color: #fff;
}

.landing-link-container .link-page-btn.video {
  background: url("/resources/images/landing-page/link-icon/video-icon.png")
    center 30% no-repeat;
}
.landing-link-container .link-page-btn.video:hover {
  background: #29A7E1
    url("/resources/images/landing-page/link-icon/video-icon-active.png") center
    30% no-repeat;
  box-shadow: 0px 0px 15px 0px #29A7E1;
  color: #fff;
}

.landing-article-title {
  text-align: center;
  padding: 0 0 64px;
}
.landing-article-title p {
  font-weight: 700;
  font-size: 30px;
  color: #000000;
}
.landing-article-title p span {
  font-weight: 500;
  font-size: 20px;
  color: #bbbbbb;
}