@import url("/css/ported/mypage_login.page.css");
@import url("/css/ported/mypage_signup.page.css");

/* RNDBOX 추가 스타일 (로그인/회원가입/찾기) */
.login_form .title_text { font-size: 2.6rem; text-align: center; padding: 1rem 0 2rem; }
.login_form button.login_button, .join_form button.join_button_submit { width: 100%; border: 0; cursor: pointer; }
.join_form .join_button_submit { margin-top: 2.4rem; min-height: 5.2rem; background: #232323; color: #fff; border-radius: .8rem; font-size: 1.6rem; }
.login_form .remember_row { display: flex; align-items: center; gap: .6rem; font-size: 1.3rem; color: #646464; margin: .6rem 0 1.2rem; }
.login_form .form_error { color: #FF4D4F; font-size: 1.3rem; margin-bottom: 1rem; }
.login_form .demo_hint { margin-top: 2rem; padding: 1.2rem; background: #FAFAFA; border-radius: .8rem; font-size: 1.2rem; color: #646464; text-align: center; line-height: 1.6; }
.login_form .find_result { margin-top: 1.2rem; font-size: 1.4rem; text-align: center; }
.find_result.ok, .input_msg.ok { color: #22AC38; }
.find_result.bad, .input_msg.bad { color: #FF4D4F; }
.join_form .input_row { display: flex; gap: .8rem; align-items: stretch; }
.join_form .input_row .input_box { flex: 1; min-width: 0; }
.join_form .check_btn { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; padding: 0 1.4rem; min-width: 9.6rem; border: 1px solid #232323; border-radius: .6rem; font-size: 1.3rem; cursor: pointer; background: #fff; white-space: nowrap; }
.join_form .check_btn:hover { background: #232323; color: #fff; }
.join_form .input_msg { font-size: 1.2rem; min-height: 1.6rem; margin: .4rem 0 .4rem; }
.join_form .main_section .main_body { max-height: 16rem; overflow: auto; font-size: 1.2rem; line-height: 1.6; color: #646464; padding: 1rem; border: 1px solid #EBEBEB; border-radius: .6rem; background: #FAFAFA; }
.join_form .main_section { margin-top: 1.2rem; }
.join_form .main_head { display: flex; justify-content: space-between; align-items: center; padding: .6rem 0; font-size: 1.4rem; }
.join_form .main_head_answer label { display: flex; align-items: center; gap: .6rem; font-size: 1.3rem; }
.join_form .privacy_policy { margin-top: 2rem; }
.join_form .all_agree_section { display: flex; justify-content: space-between; align-items: center; padding: 1.2rem; background: #F3EBFF; border-radius: .8rem; }
.join_form .all_agree_section label { display: flex; align-items: center; gap: .8rem; font-size: 1.5rem; font-weight: 600; cursor: pointer; }
.join_form .privacy_policy_doc { font-size: 1.2rem; color: #8A3DDC; }
