.c-modal {
  display: none;
  z-index: 10001;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.6);
}
.c-modal .modal__inner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1024px;
  max-height: 80vh;
  overflow-y: auto;
  padding: 80px;
  color: #000;
  text-align: center;
  background-color: var(--white);
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-modal .modal__inner {
    width: calc(100% - 40px);
    padding: 64px var(--su24);
  }
}
.c-modal .modal__inner .register-body p {
  font-weight: var(--fwBold);
}
@media screen and (max-width: 767px) {
  .c-modal .modal__inner .register-body p {
    font-size: 1rem;
  }
}
.c-modal .modal__inner input[type=text]::placeholder,
.c-modal .modal__inner textarea::placeholder {
  color: #666666;
}
.c-modal.isView {
  display: block;
}
.c-modal .applicants-hide-textarea {
  display: none;
  margin-top: var(--su16);
  text-align: left;
}
.c-modal .applicants-hide-textarea.isView {
  display: block;
}
@media screen and (max-width: 767px) {
  .c-modal .c-btn-columns {
    margin-top: var(--su40);
  }
  .c-modal .c-btn-columns .c-cancel-btn {
    order: 1;
  }
  .c-modal .c-btn-columns .c-logout-btn {
    order: 0;
  }
}
.c-modal .c-logout-btn {
  position: relative;
  max-width: 350px;
  width: 100%;
  height: 56px;
  line-height: 52px;
}
@media screen and (max-width: 767px) {
  .c-modal .c-logout-btn {
    max-width: 100%;
  }
}
.c-modal .c-logout-btn input,
.c-modal .c-logout-btn button,
.c-modal .c-logout-btn a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: var(--fwBold);
  line-height: 52px;
  text-align: center;
  border: 2px solid;
  border-radius: var(--su8);
  color: var(--white);
  background-color: var(--darkGreen);
  border-color: var(--darkGreen);
}
.c-modal .c-logout-btn::after {
  content: "";
  display: block;
  position: absolute;
  right: var(--su24);
  top: 50%;
  width: var(--su24);
  height: var(--su24);
  background: url(../../images/renewal/icon/simple_arrow_w.svg) no-repeat 50%/100%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .c-modal .c-logout-btn::after {
    right: var(--su8);
  }
}
@media screen and (max-width: 767px) {
  .c-modal .c-logout-btn::after {
    right: var(--su24);
  }
}
.c-modal .c-logout-btn.isDisable input,
.c-modal .c-logout-btn.isDisable button,
.c-modal .c-logout-btn.isDisable a {
  cursor: auto;
  pointer-events: none;
  color: var(--gray60);
  background-color: var(--gray40);
  border-color: var(--gray40);
}
.c-modal .c-logout-btn.isDisable input:hover,
.c-modal .c-logout-btn.isDisable button:hover,
.c-modal .c-logout-btn.isDisable a:hover {
  opacity: 1;
}
.c-modal .c-logout-btn.isDisable::after {
  content: none;
}
.c-modal .c-logout-btn.isOpposite input,
.c-modal .c-logout-btn.isOpposite button,
.c-modal .c-logout-btn.isOpposite a {
  color: var(--darkGreen);
  background-color: var(--white);
}
.c-modal .c-logout-btn.isOpposite::after {
  background-image: url(../images/renewal/icon/simple_arrow_g.svg);
  transform: translateY(-50%) rotate(-90deg);
}
.c-modal .c-logout-btn.isOpposite:hover::after {
  opacity: 0.5;
}
.c-modal .c-logout-btn.isNoArrow::after {
  background-image: none;
}
.c-modal .error-title {
  margin-bottom: var(--su32);
  color: var(--red);
  font-size: 2rem;
  font-weight: var(--fwBold);
  line-height: 1;
  text-align: left;
}
.c-modal .error-text {
  margin: 0;
  padding-left: 32px;
  color: var(--red);
  font-size: 1rem;
  font-weight: var(--fwBold);
  text-align: left;
  line-height: var(--lh160);
  background: url(../../images/renewal/icon/error.svg) no-repeat left 0 top 0/var(--su24);
}

body.isModalView .header,
body.isModalView .main,
body.isModalView .footer {
  padding-right: 16px;
}
@media screen and (max-width: 767px) {
  body.isModalView .header,
  body.isModalView .main,
  body.isModalView .footer {
    padding-right: 0;
  }
}

/*# sourceMappingURL=modal.css.map */