@charset "UTF-8";
/* custom scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
  background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

/* Handle */
#targetCardBox::-webkit-scrollbar-thumb {
  background: #4e78d7;
}

::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: #BEDCFF;
  box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.25), inset -2px -2px 2px rgba(0, 0, 0, 0.25);
}
::-webkit-scrollbar-thumb:hover {
  background: #4e78d7;
}

/* a:focus, */
select:focus,
input:focus {
  outline: none !important;
  border: 2px solid;
  border-color: #b6b6b6 !important;
  box-shadow: none !important;
}

.date-md:disabled {
  background: #dadada;
}

.white-input-date {
  border: 1px solid #fff !important;
  font-size: 0.7rem !important;
  padding: 0.2rem;
}

.white-input-date::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.gray-input-date {
  border: 1px solid #9ea5b3 !important;
  border-radius: 0.25rem;
  color: #4c4d50;
  font-size: 0.7rem;
  padding: 0.15rem;
}
.gray-input-date::-webkit-calendar-picker-indicator {
  filter: invert(0.2);
}

.date-md {
  padding: 0.34rem 0.4rem !important;
}

.rounded-large {
  border-radius: 0.65rem !important;
}
.rounded-medium {
  border-radius: 0.45rem !important;
}

#messaging-header span[id^=open-] {
  /* border 로 인한 상하 움직임 방지 */
  border-bottom: 1px solid transparent;
}

#messaging-header span[id^=open-]:hover {
  cursor: pointer;
  color: black !important;
  border-bottom: 1px solid #000;
}

.carousel-control-custom {
  width: 40px !important;
  opacity: 1 !important;
  transition: 200ms linear;
  width: none !important;
}
.carousel-control-custom-next {
  justify-content: flex-end !important;
}
.carousel-control-custom-prev {
  justify-content: flex-start !important;
}
.carousel-control-custom > span {
  color: #f1f1f1;
}
.carousel-control-custom > span:hover {
  opacity: 1 !important;
  color: rgb(189, 189, 189);
}

.mb-15 {
  margin-bottom: 0.35rem !important;
}
.mb-25 {
  margin-bottom: 0.75rem !important;
}

.mt-25 {
  margin-top: 0.8rem !important;
}
.mt-35 {
  margin-top: 1.3rem !important;
}
.mt-45 {
  margin-top: 2.5rem !important;
}

.my-25 margin {
  top: 0.8rem !important;
  bottom: 0.8rem !important;
}
.my-35 margin {
  top: 1.3rem !important;
  bottom: 1.3rem !important;
}

.py-25 {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.py-35 {
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

.w-35 {
  width: 35%;
}
.w-40 {
  width: 40%;
}
.w-45 {
  width: 45%;
}
.w-55 {
  width: 55%;
}
.w-60 {
  width: 60%;
}
.w-65 {
  width: 65%;
}
.w-70 {
  width: 70%;
}

.text-deco-underline-white {
  -webkit-text-decoration: #fff underline;
          text-decoration: #fff underline;
}
.text-deco-wavy-white {
  -webkit-text-decoration: #fff wavy underline;
          text-decoration: #fff wavy underline;
}

.countUpDown_text {
  margin-left: 0.5rem;
}

.text-blue {
  color: #4e78d7 !important;
}
.text-lightmuted {
  color: #ebebeb;
}
.text-darkgray {
  color: #53585f;
}

.font-black {
  color: #304156;
}
.font7 {
  font-size: 0.7rem !important;
}
.font75 {
  font-size: 0.75rem !important;
}
.font8 {
  font-size: 0.8rem !important;
}
.font85 {
  font-size: 0.85rem !important;
}
.font9 {
  font-size: 0.9rem !important;
}
.font10 {
  font-size: 1rem !important;
}
.font11 {
  font-size: 1.1rem !important;
}
.font12 {
  font-size: 1.2rem !important;
}
.font13 {
  font-size: 1.3rem !important;
}
.font14 {
  font-size: 1.4rem !important;
}
.font15 {
  font-size: 1.5rem !important;
}
.font16 {
  font-size: 1.6rem !important;
}
.font17 {
  font-size: 1.7rem !important;
}
.font18 {
  font-size: 1.8rem !important;
}
.font25 {
  font-size: 2.5rem !important;
}

.custom-shadow-bottom-highlight {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.custom-shadow-all-light {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.custom-shadow-likeborder-light {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.custom-shadow-likeborder-md {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.custom-shadow-likeborder-md:hover {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.custom-shadow-right-bottom {
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

.border-not-top {
  border-left: 1px solid #e5e9f2;
  border-right: 1px solid #e5e9f2;
  border-bottom: 1px solid #e5e9f2;
}
.border-white {
  border: 1px solid #fff;
}

.btn-primary:disabled {
  cursor: default;
}
.btn-danger:disabled {
  cursor: default;
}
.btn-md {
  padding: 0.28rem 1rem !important;
}
.btn-md-wide {
  padding: 0.28rem 1.3rem !important;
}
.btn-secondary-light {
  color: #8a909d;
  background: rgba(146, 146, 146, 0.1);
  transition: 200ms linear;
}
.btn-secondary-light:hover {
  color: #fff;
  background: #707070;
}
.btn-purple {
  background: #4f46e5;
  border-color: #4f46e5;
  color: #fff !important;
}
.btn-purple:hover {
  background: #2e298d;
  border-color: #2e298d;
}
.btn-purple-capsule {
  border-radius: 1rem;
  background: #4f46e5;
  border-color: #4f46e5;
  color: #fff !important;
}
.btn-purple-capsule:hover {
  background: #2e298d;
  border-color: #2e298d;
}
.btn-enuri {
  background: #198ff6;
  border-color: #198ff6;
  color: #fff;
}
.btn-enuri:hover {
  background: #0f5b9e;
  border-color: #0f5b9e;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(47, 60, 74, 0.42), 0 4px 23px 0 rgba(47, 60, 74, 0.12), 0 8px 10px -5px rgba(47, 60, 74, 0.2) !important;
}
.btn-lightbluegray {
  background: #f5f7fd;
  border-width: 1px;
  border-color: #555;
  color: #333;
}
.btn-lightbluegray:hover {
  background-color: #939dba;
  border-color: #939dba;
  color: #fff;
}
.btn-blue {
  color: #fff;
  background-color: #4e78d7;
  border-color: #4e78d7;
}
.btn-blue:hover {
  color: #fff;
  background-color: #3757a2;
  border-color: #3757a2;
}
.btn-blue-linear {
  color: #fff !important;
  background: linear-gradient(97deg, #4e78d7, #456dcb);
  border-color: #4e78d7;
}
.btn-blue-linear:hover {
  color: #fff !important;
  background: linear-gradient(97deg, #335299, #335299);
  border-color: #335299;
}
.btn-red {
  color: #fff;
  background-color: #c75b80;
  border-color: #c75b80;
}
.btn-red:hover {
  color: #fff;
  background-color: #8c3e59;
  border-color: #8c3e59;
}
.btn-outline-red {
  color: #c75b80;
  background-color: #fff;
  border-color: #c75b80;
}
.btn-outline-red:hover {
  color: #fff;
  background-color: #c75b80;
  border-color: #c75b80;
}
.btn-outline-red:disabled {
  cursor: default;
  background-color: #fff;
  color: #c75b80;
  border-color: #c75b80;
}
.btn-outline-blue {
  color: #4e78d7;
  border-color: #4e78d7;
}
.btn-outline-blue:hover {
  color: #fff;
  background-color: #4e78d7;
  border-color: #4e78d7;
}
.btn-outline-blue.active {
  background-color: #d6e2ff;
  border-color: #4e78d7;
  color: #4e78d7;
  font-weight: 700;
}
.btn-outline-blue:disabled {
  cursor: default;
  background-color: #fff;
  color: #4e78d7;
  border-color: #4e78d7;
}
.btn-outline-blue-bold {
  color: #4e78d7;
  border-color: #4e78d7;
  font-weight: 700;
}
.btn-outline-blue-bold:hover {
  color: #fff;
  background-color: #4e78d7;
  border-color: #4e78d7;
  font-weight: 700;
}
.btn-outline-lightblue {
  color: rgba(112, 139, 215, 0.7215686275);
  border-color: rgba(112, 139, 215, 0.7215686275);
}
.btn-outline-lightblue:hover {
  color: #fff;
  background-color: rgba(112, 139, 215, 0.7215686275);
  border-color: rgba(112, 139, 215, 0.7215686275);
}
.btn-transparent {
  border: 1px solid #fff;
  border-radius: 0.15rem;
  padding: 0.24rem 1rem;
  color: #fff;
  font-size: 0.7rem;
}
.btn-transparent:hover {
  background: #35549c !important;
}
.btn-transparent.active {
  background: #172e66 !important;
}
.btn-white {
  color: #fff;
  cursor: pointer;
}
.btn-white:hover {
  text-decoration: underline;
  font-weight: bold;
}
.btn-lightblue {
  color: #fff;
  background-color: rgba(112, 139, 215, 0.7215686275);
  border-color: rgba(112, 139, 215, 0.7215686275);
}
.btn-lightblue:hover {
  color: #fff;
  border-color: #4e6bbb;
  background-color: #4e6bbb;
}
.btn-arctic-blue {
  color: #0081ff;
  font-weight: 800;
  background: rgba(0, 129, 255, 0.1);
  transition: 200ms linear;
}
.btn-arctic-blue:hover {
  color: #fff;
  background: #0081ff;
  box-shadow: 0 14px 26px -12px rgba(47, 60, 74, 0.42), 0 4px 23px 0 rgba(47, 60, 74, 0.12), 0 8px 10px -5px rgba(47, 60, 74, 0.2) !important;
}
.btn-arctic-blue.active {
  color: #fff;
  background: #0081ff;
}
.btn-arctic-info-reverse {
  font-weight: 800;
  color: #fff;
  background: #5e5ce6;
  transition: 200ms linear;
}
.btn-arctic-info-reverse:hover {
  color: #5e5ce6;
  background: rgba(94, 92, 230, 0.1);
  box-shadow: 0 14px 26px -12px rgba(47, 60, 74, 0.42), 0 4px 23px 0 rgba(47, 60, 74, 0.12), 0 8px 10px -5px rgba(47, 60, 74, 0.2) !important;
}
.btn-arctic-info-reverse.active {
  color: #fff;
  background: #5e5ce6;
}
.btn-arctic-secondary-reverse {
  font-weight: 800;
  color: #fff;
  background: #707070;
  transition: 200ms linear;
}
.btn-arctic-secondary-reverse:hover {
  color: #8a909d;
  background: rgba(146, 146, 146, 0.1);
  box-shadow: 0 14px 26px -12px rgba(47, 60, 74, 0.42), 0 4px 23px 0 rgba(47, 60, 74, 0.12), 0 8px 10px -5px rgba(47, 60, 74, 0.2) !important;
}
.btn-arctic-secondary-reverse.active {
  color: #fff;
  background: #0081ff;
}
.btn-arctic-secondary {
  color: #8a909d;
  font-weight: 800;
  background: rgba(146, 146, 146, 0.1);
  transition: 200ms linear;
}
.btn-arctic-secondary:hover {
  color: #fff;
  background: #707070;
  box-shadow: 0 14px 26px -12px rgba(47, 60, 74, 0.42), 0 4px 23px 0 rgba(47, 60, 74, 0.12), 0 8px 10px -5px rgba(47, 60, 74, 0.2) !important;
}
.btn-arctic-secondary.active {
  color: #fff;
  background: #0081ff;
}
.btn-arctic-transparent {
  border: 1px solid #fff;
  font-weight: 800;
  color: #fff;
}
.btn-arctic-transparent:hover {
  background: #35549c !important;
}
.btn-arctic-transparent.active {
  background: #172e66 !important;
}
.btn-arctic-outline-info {
  color: #5e5ce6;
  font-weight: 800;
  background: rgba(94, 92, 230, 0.1);
  transition: 200ms linear;
}
.btn-arctic-outline-info:hover {
  color: #fff;
  background: #5e5ce6;
  box-shadow: 0 14px 26px -12px rgba(47, 60, 74, 0.42), 0 4px 23px 0 rgba(47, 60, 74, 0.12), 0 8px 10px -5px rgba(47, 60, 74, 0.2) !important;
}
.btn-arctic-outline-info.active {
  color: #fff;
  background: #5e5ce6;
}
.btn-arctic-outline-white {
  color: #888;
  border: 1px solid #666;
  background: #fff;
  transition: 200ms linear;
}
.btn-arctic-outline-white:hover {
  color: #fff;
  background: #73a2ff;
}
.btn-arctic-outline-white.active {
  color: #fff;
  background: #73a2ff;
}
.btn-arctic-outline-black {
  color: #8a909d;
  border: 1px solid #8a909d;
  transition: 200ms linear;
}
.btn-arctic-outline-black:hover {
  color: #fff;
  background: #8a909d;
}
.btn-arctic-outline-black.active {
  color: #fff;
  background: #8a909d;
}
.btn-arctic-info {
  background: #5e5ce6;
  color: #fff;
  font-weight: 800;
  transition: 200ms linear;
}
.btn-arctic-info:hover {
  background: #3d3ba7;
  box-shadow: 0 14px 26px -12px rgba(47, 60, 74, 0.42), 0 4px 23px 0 rgba(47, 60, 74, 0.12), 0 8px 10px -5px rgba(47, 60, 74, 0.2) !important;
}
.btn-outline-ninecube {
  color: #2b4880;
  background: rgba(43, 71, 128, 0.137254902);
  border: 2px solid #2b4880;
}
.btn-outline-ninecube:hover {
  background: rgba(43, 71, 128, 0.137254902);
}
.btn-outline-ninecube-gray {
  color: #777;
  background: #fff;
  border: 1px solid #777;
  padding: 0.25rem 1.3rem;
}
.btn-outline-ninecube-gray:hover {
  color: #777;
  background: rgba(119, 119, 119, 0.166);
}

.bg-nav {
  background: #FFFFFF;
}
.bg-transparent-white {
  background: rgba(255, 255, 255, 0.5215686275);
}
.bg-hovered {
  background-color: rgba(0, 0, 0, 0.075);
}
.bg-transparent {
  background: transparent;
}
.bg-blue {
  background-color: #4e78d7 !important;
}
.bg-tranparentlightblue {
  background: rgba(72, 99, 177, 0.0784313725) !important;
}
.bg-lightblue {
  background-color: rgba(112, 139, 215, 0.7215686275) !important;
}
.bg-lightblue-linear {
  background: linear-gradient(57deg, #647dc4, #708bd7);
}
.bg-lightblue {
  background-color: rgba(162, 181, 232, 0.7215686275);
}
.bg-lightbluegray {
  background-color: #f5f7fd;
}
.bg-red {
  background-color: #c75b80;
}
.bg-lightred {
  background-color: rgba(199, 91, 129, 0.6862745098);
}
.bg-verylightred {
  background-color: #e685a7;
}
.bg-ninecube-blue {
  background: linear-gradient(70deg, #446af1, #3762ec);
}
.bg-ninecube-red {
  background: linear-gradient(70deg, #ff5d5d, #fe413f);
}
.bg-ninecube-secondary {
  background: linear-gradient(70deg, #818eae, #6e7b9b);
}
.bg-verylightsecondary {
  background-color: #d1d4da;
}
.bg-lightsecondary {
  background-color: #a9afbd;
}
.bg-lightgray {
  background-color: #f2f2f2;
}
.bg-lightgray-hover:hover {
  background-color: #e4e4e4;
  transition: 400ms linear;
}

.opacity7 {
  opacity: 0.7;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

/* autoCrm CSS */
.circle-wrapper-group {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  overflow: hidden;
}

.loading-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-circle::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  opacity: 0.7;
  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
}
.loading-circle-1 {
  background-color: #49b8e5;
}
.loading-circle-1::before {
  background-color: #49b8e5;
  animation-delay: 200ms;
}
.loading-circle-2 {
  background-color: #1e98d4;
}
.loading-circle-2::before {
  background-color: #1e98d4;
  animation-delay: 400ms;
}
.loading-circle-3 {
  background-color: #2a92d0;
}
.loading-circle-3::before {
  background-color: #2a92d0;
  animation-delay: 600ms;
}
.loading-circle-4 {
  background-color: #3a88c8;
}
.loading-circle-4::before {
  background-color: #3a88c8;
  animation-delay: 800ms;
}
.loading-circle-5 {
  background-color: #507cbe;
}
.loading-circle-5::before {
  background-color: #507cbe;
  animation-delay: 1000ms;
}

.chip {
  border-radius: 16px !important;
  cursor: pointer;
  margin: 0 2px;
  height: 30px;
  font-size: 14px;
  background: #b0bec5 !important;
}
.chip.active {
  background: #ef5350 !important;
}
.chip:hover {
  transition: 200ms linear;
  filter: grayscale(20%);
}
.chip-icon {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  margin: 0 2px;
}
.chip-content {
  align-items: center;
  display: inline-flex;
  height: 100%;
  max-width: 100%;
}

/**
 * placeholder-loading v0.5.0
 * Author: Zalog (https://www.zalog.ro/)
 * License: MIT
 **/
.ph-item {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  direction: ltr;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 30px 15px 15px;
  position: relative;
}

.ph-item,
.ph-item *,
.ph-item :after,
.ph-item :before {
  box-sizing: border-box;
}

.ph-item:before {
  animation: phAnimation 0.8s linear infinite;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 46%, hsla(0, 0%, 100%, 0.35) 50%, hsla(0, 0%, 100%, 0) 54%) 50% 50%;
  bottom: 0;
  content: " ";
  left: 50%;
  margin-left: -250%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 500%;
  z-index: 1;
}

.ph-item > * {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.ph-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: -7.5px;
}

.ph-row div {
  background-color: #ced4da;
  height: 10px;
  margin-top: 7.5px;
}

.ph-row .big,
.ph-row.big div {
  height: 20px;
}

.ph-row .empty {
  background-color: hsla(0, 0%, 100%, 0);
}

.ph-col-2 {
  flex: 0 0 16.6666666667%;
}

.ph-col-4 {
  flex: 0 0 33.3333333333%;
}

.ph-col-6 {
  flex: 0 0 50%;
}

.ph-col-8 {
  flex: 0 0 66.6666666667%;
}

.ph-col-10 {
  flex: 0 0 83.3333333333%;
}

.ph-col-12 {
  flex: 0 0 100%;
}

[class*=ph-col] {
  direction: ltr;
}

[class*=ph-col] > * + .ph-row {
  margin-top: 0;
}

[class*=ph-col] > * + * {
  margin-top: 7.5px;
}

.ph-avatar {
  background-color: #ced4da;
  border-radius: 50%;
  min-width: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.ph-avatar:before {
  content: " ";
  display: block;
  padding-top: 100%;
}

.ph-picture {
  background-color: #ced4da;
  height: 120px;
  width: 100%;
}
@keyframes phAnimation {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  to {
    transform: translate3d(30%, 0, 0);
  }
}
#nc-message-app {
  font-family: "Noto Sans KR" !important;
}

.alert-line-blue {
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 100%;
  background: #4e78d7;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.alert-line-success {
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 100%;
  background: #29cc97;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.alert a {
  color: gold;
}
.alert-purple {
  border-color: rgba(105, 77, 159, 0.631372549);
  background: rgba(105, 77, 159, 0.631372549);
  color: #fff;
}
.alert-info-alt {
  border-color: rgba(68, 161, 192, 0.6392156863);
  background: rgba(68, 161, 192, 0.6392156863);
  color: #fff;
}
.alert-danger-alt {
  border-color: #b63e5a;
  background: #e26868;
  color: #fff;
}
.alert-warning-alt {
  border-color: #f3f3eb;
  background: #e9ceac;
  color: #fff;
}
.alert-success-alt {
  border-color: rgba(154, 210, 167, 0.6784313725);
  background: rgba(154, 210, 167, 0.6784313725);
  color: #fff;
}/*# sourceMappingURL=bootstrap-custom.css.map */