#loginPushPopup .modal-popup__inner {
  overflow: hidden;
  border-radius: 3rem 3rem 0 0;
  position: absolute;
  top: unset;
  left: unset;
  transform: translate(0, 0);
  bottom: 0;
  opacity: 0;
}
#loginPushPopup .modal-popup__inner .modal-popup__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: inherit;
  justify-content: center;
}
#loginPushPopup .modal-popup__inner .modal-popup__content::before {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background-image: url(/assets/images/app/push_pop_bg.png);
  background-repeat: no-repeat;
  background-size: 1285px;
  position: absolute;
  z-index: -1;
  background-position: 50% 30%;
}
@media (max-width: 768px) {
  #loginPushPopup .modal-popup__inner .modal-popup__content::before {
    background-size: clamp(775px, 140.909vw, 1285px);
  }
}
@media (max-width: 550px) {
  #loginPushPopup .modal-popup__inner .modal-popup__content::before {
    background-size: clamp(635px, 158.75vw, 775px);
  }
}
@media (max-width: 360px) {
  #loginPushPopup .modal-popup__inner .modal-popup__content::before {
    background-size: clamp(530px, 189.286vw, 635px);
  }
}
#loginPushPopup .modal-popup__inner .modal-popup__content .push-title-box {
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .push-title-box .img-box {
  width: 65px;
  height: 65px;
  background: -webkit-linear-gradient(-93deg, #f7911d 0%, #ffd8ac 100%);
  background: linear-gradient(-93deg, #f7911d 0%, #ffd8ac 100%);
  border-radius: 1.5rem;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .push-title-box .img-box img {
  width: 49px;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .push-title-box .title-box {
  margin: 2.5rem 0 1rem 0;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .push-title-box .title-box h2 {
  padding: unset;
  font-size: 1.6rem;
  width: unset;
  font-weight: 600;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .push-title-box .dec-box p {
  font-size: 1.4rem;
  color: #555;
  font-weight: 400;
  margin-bottom: 2.5rem;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .manner-mode-box {
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .manner-mode-box .manner-content {
  margin-bottom: 1rem;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .manner-mode-box .manner-content .manner-agree {
  display: flex;
  justify-content: center;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .manner-mode-box .manner-content .manner-agree .checkbox .label-txt {
  font-size: 1.4rem;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .manner-mode-box .manner-content .manner-agree .checkbox .label-txt span {
  color: #999;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .manner-mode-box .manner-mode-setting-src p {
  font-size: 1.4rem;
  color: #555;
  margin-bottom: 2.5rem;
  text-align: center;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .manner-mode-box .btn-box {
  width: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .manner-mode-box .btn-box button {
  border-radius: 2rem;
  padding: 0.8rem 3.2rem;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .manner-mode-box .btn-box #pushNextSendBtn {
  border: 1px solid #ccc;
  font-size: 1.3rem;
  font-weight: 400;
  margin-right: 1rem;
}
#loginPushPopup .modal-popup__inner .modal-popup__content .manner-mode-box .btn-box #pushNowSendBtn {
  background-color: var(--bg-main);
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#loginPushPopup.active .modal-popup__inner {
  animation: slideUp 0.5s ease-in-out forwards;
}
#loginPushPopup.closing .modal-popup__inner {
  animation: slideDown 0.5s ease-in-out forwards;
}
@keyframes slideUp {
  0% {
    opacity: 0;
    bottom: -50%;
  }
  100% {
    opacity: 1;
    bottom: 0;
  }
}
@keyframes slideDown {
  0% {
    opacity: 1;
    bottom: 0;
  }
  100% {
    opacity: 0;
    bottom: -50%;
  }
}

.login-push-container #globalAlert-text {
  text-align: center;
}
.login-push-container #globalAlert-text .dec-txt2 {
  font-weight: 600;
  font-size: 1.7rem;
}

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