.personal_wrap {
  padding-top: 4.2rem;
  border-top: 1px solid #d5d5d5;
}
.personal_wrap .inner {}
.personal_wrap .inner .identity_wrap {}
.personal_wrap .inner .title_wrap {display: flex; justify-content: space-between; margin-bottom: 1.6rem;}
.personal_wrap .inner .title_wrap h2 {font-size: 1.6rem; font-weight: 500; color: var(--brandColor);}
.personal_wrap .inner .title_wrap span {font-size: 1.6rem; font-weight: 400; color: #878787;}
.personal_wrap .inner .title_wrap span bㅠ             {color: #3a3a3a;}
.personal_wrap .inner h3 {font-size: 2.6rem; font-weight: 500; color: #1c1c1c; line-height: 3rem; margin-bottom: 3.2rem;}
.personal_wrap .inner  h3 b {font-weight: 700;}
.personal_wrap .inner .page .join_button_wrap{
  width: 100%;
  padding: 2rem 0;
  margin: 0 auto;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 75%, transparent);
}
.personal_wrap .inner .page .join_btn {height: 5.3rem; width: 100%; border-radius: 1rem; background: var(--brandColor); font-weight: 600; color: #fff; font-size: 1.8rem; width: 100%;}
.personal_wrap .inner .page {display: none; padding-bottom: 10.7rem;}
.personal_wrap .inner .page1 {display: block;}
 
.register_wrap {}
.register_wrap input {height: auto;}
.register_wrap .info {display: flex; flex-direction: column; gap: 2rem; margin-bottom: 2rem;}
.register_wrap .info .form-group {display: flex; flex-direction: column;}
.register_wrap .info .form-group label {font-size: 1.4rem; font-weight: 500; color: #3a3a3a; margin-bottom: 0.8rem; display: inline-block;}
.register_wrap .info .form-group input {height: 4.8rem; background: #fff; border-radius: 0.5rem; border: 1px solid #d5d5d5; font-size: 1.4rem; font-weight: 400; padding: 1.8rem 1.6rem; width: 100%;}
.register_wrap .info .form-group input::placeholder{color: #878787;}
.register_wrap .info .form-group .email-wrap {display: flex; gap: 1.2rem; align-items: center;}
.register_wrap .info .form-group .email-wrap .at {font-size: 1.4rem; font-weight: 500; color: #1c1c1c;}
.register_wrap .info .form-group .email-wrap .custom-select {    flex: 1;}
.register_wrap .info .form-group .email-wrap #userEmailId {    flex: 1;}

.register_wrap .info .form-group .address_wrap {display: flex; align-items: center; gap: 0.8rem; margin-bottom: 0.8rem;}
.register_wrap .info .form-group .address_wrap #user_address {cursor: pointer;}
.register_wrap .info .form-group .address_wrap #userAddressMain {width: 10rem; background: #878787; color: #fff; text-align: center; cursor: pointer; border: 0;}
.register_wrap .info .form-group .address_wrap #userAddressMain::placeholder {color: #fff; font-size: 1.4rem; font-weight: 400;}
.register_wrap .info .form-group #userAddressDetail {background: #fafafa;}


.register_wrap .custom-select .selected {

}

.password_eye {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
  cursor: pointer;
}
.input_password {
  position: relative;
  font-size: 1.4rem;
}
#userPassword::placeholder {
  font-size: 1.4rem !important;
  font-family: "Pretendard";
}