.login-container {
  /* background-image: url('../images/bg-login-img.jpeg'); */
  height: 100vh;
  width: 100vw;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-container .card {
  background-color: rgba(255, 255, 255, 0.3);
}

.login-form-container {
  min-width: 470px;
  width: 30%;
}

.flex-1 {
  flex: 1;
}

.cursor-pointer {
  cursor: pointer;
}

/* .btn-main {
  background-color: var(--main) !important;
  color: white !important;
} */

.section-title {
  padding-left: 8px;
  border-left: 4px solid var(--main);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0.4rem 0;
}

.w-50 {
  width: 50%;
}
.w-1 {
  width: 1px;
}

.editorClassName {
  font-size: 1.4rem !important;
  background-color: white !important;
  padding: 0rem 1.6rem;
  color: var(--gray-d01);
  min-height: 25rem;
  border: 1px solid var(--gray-l01);
  border-radius: 4px;
}

.padding-horizontal-20 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.page-link {
  border: none !important;
  color: #acb2b9 !important;
  font-size: 1.4rem !important;
}

.page-item.active .page-link {
  background-color: transparent !important;
  color: #464c52 !important;
}

.gray-column {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9298a1;
  font-weight: bold !important;
  background-color: #f8f9f9 !important;
  border: 1px #e4e5e8 solid !important;
}

.gray-el {
  display: flex;
  align-items: center;
  color: #9298a1;
  font-weight: bold !important;
  background-color: #f8f9f9 !important;
  border: 1px #e4e5e8 solid !important;
}

.gray-border {
  border: 1px #e4e5e8 solid !important;
}

.account-setting-avatar {
  width: 14rem;
  height: 14rem;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid var(--gray-l01);
}

.loading {
  position: relative;
  pointer-events: none;
  min-height: calc-rem(68px);
  user-select: none;
}

.loading:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2005;
  width: 4.8rem;
  height: 4.8rem;
  margin-top: -2.4rem;
  margin-left: -2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg  viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eatom/other/loading/blue/large%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='atom/other/loading/blue/large' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M24,48 C10.745166,48 0,37.254834 0,24 C0,10.745166 10.745166,0 24,0 C37.254834,0 48,10.745166 48,24 C48,37.254834 37.254834,48 24,48 Z M24,44 C35.045695,44 44,35.045695 44,24 C44,12.954305 35.045695,4 24,4 C12.954305,4 4,12.954305 4,24 C4,35.045695 12.954305,44 24,44 Z' id='Oval' fill='%23000000' fill-rule='nonzero' opacity='0.2'%3E%3C/path%3E%3Cpath d='M40.9705627,40.9705627 L38.1421356,38.1421356 C41.8699543,34.4143169 44,29.3783233 44,24 C44,12.954305 35.045695,4 24,4 L24,0 C37.254834,0 48,10.745166 48,24 C48,30.4500936 45.4410906,36.5000349 40.9705627,40.9705627 Z' id='Oval' fill='%231F84F4' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2004;
  height: 100%;
  width: 100%;
  /* background-color: rgba(0, 0, 0, 0.5); */
}

.loading.loading-md:before {
  width: 2rem;
  height: 2rem;
  margin-left: -1rem;
  margin-top: -1rem;
}

.loading.loading-sm:before {
  width: 1.6rem;
  height: 1.6rem;
  margin-left: -0.8rem;
  margin-top: -0.8rem;
}

.loading.loading-xs:before {
  width: 1.2rem;
  height: 1.2rem;
  margin-left: -0.6rem;
  margin-top: -0.6rem;
}

.tox-tinymce {
  height: 100% !important;
}

.separate-space {
  height: 35%;
}

.modal__form-custom {
  padding: 28px 43px !important;
}

/* superdat */
.form-superdat--custom {
  position: relative;
  padding: 0px !important;
  width: 100%;
  height: 100%;
}
.form-superdat--custom .form-item {
  padding-bottom: 32px;
}
.form-superdat--custom .form-item:last-child {
  padding-bottom: 0px;
}

.form-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-item-group__radio label {
  padding-left: 12px;
}

.form-superdat--custom .form-item__input {
  flex: 1;
  text-align: left;
}

.form-superdat--custom .form-item__input--date {
  flex: 1;
  text-align: left;
  color: var(--navy, #2f4454);
  font-family: 'Pretendard';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  letter-spacing: -0.084px;
}

.form-superdat--custom label {
  width: 82px;
  text-align: left;
  color: #000;
  font-family: 'Pretendard';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.096px;
}
.form-superdat--custom .form-item__event {
}
.form-superdat--custom .form-item__event input,
.text-box {
  border: 1px solid var(--gray-scale-gray-01, #e3e5e8) !important;
}

.form-superdat__footer {
  display: flex;
  justify-content: center;
}

.btn__create--custom {
  width: 97px !important;
  color: var(--blue_2, #3d95fc) !important;
  font-family: Spoqa Han Sans Neo;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  border-radius: 4px;
  border: 1px solid var(--blue_2, #3d95fc) !important;
  margin-right: 8px;
}

.btn-delete--primary {
  width: 97px !important;
  background-color: var(--blue_2, #3d95fc) !important;
  font-family: Spoqa Han Sans Neo;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  border-radius: 4px;
  color: #fff !important;
}

/* superdat */

/* common class */
.bg-gray-01 {
  background-color: #e3e5e8;
}