.login-popup {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; box-sizing: border-box; background: var(--white); border-radius: 5px; z-index: -10;}
.login-popup.open {animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; z-index: 10;}
@keyframes scale-up-center {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
.login-popup .popup-header {margin-bottom: 15px;}

.nav .nav-header {margin-bottom: 40px;}
.login-popup .close-btn {width: 25px; height: auto; margin-bottom: 15px;}
.login-popup .popup-tit {font-size: 20px; font-weight: bold; line-height: 0.9;}

.login-popup .popup-body {}
.login-popup .popup-body .input-box {display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px;}
.login-popup .popup-body .input-box:last-of-type {margin-bottom: 0;}
.login-popup .popup-body .input-box input {width: 260px; height: 50px; padding: 0 15px; background: var(--white); border: 1px solid var(--grayb7); border-radius: 5px; box-sizing: border-box; font-size: var(--size15); font-weight: 300; line-height: 1.2; color: var(--black140);}
.login-popup .popup-body .input-box input::placeholder {color: var(--grayb7);}
.login-popup .popup-body .submit-btn {}
.login-popup .popup-body .submit-btn button {display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; background: var(--pr_gt); border-radius: 5px; font-size: var(--size15); font-weight: 500; line-height: 1.2; color: var(--white);}