.wrap.onboarding {margin-bottom: 100px;}
.wrap.onboarding .btn_main {width: 100vw; border-radius: 0; font-size: 16px; padding: 20px;}

/* -------- 로그인 -------- */
.user_input {display: flex; flex-direction: column; gap: 14px; padding-bottom: 20px;}
.user_input dl {display: flex; flex-direction: column; align-items: flex-start; gap: 8px;}
.user_input dt, .user_input dd {width: 100%;}
.user_input dt {font-size: 14px; color: #666;}
.user_input dd input {width: 100%; padding: 12px 10px; border: 1px solid #ddd; border-radius: 5px; outline: none;}

.user_login .btn_main {width: calc(100vw - 32px) !important; border-radius: 5px !important;}

.login_opt {display: flex; align-items: center; justify-content: center; padding-top: 15px;}
.login_opt button {font-size: 14px; padding: 0 12px; color: #777; display: block; position: relative; font-weight: 400;}
.login_opt button::after {content: ""; display: block; width: 1px; height: 80%; background-color: #aaa; top: 50%; right: 0; transform: translateY(-50%); position: absolute;}
.login_opt button:last-child::after {display: none;}


/* -------- 회원가입 -------- */
.user_input .input_chk {display: flex; align-items: stretch; gap: 10px;}
.user_input .input_chk .btn_chk {width: max-content; padding: 0 10px; word-break: keep-all; font-weight: 600; color: #3071F2; border: 1px solid #3071F2; border-radius: 5px; font-size: 14px; display: flex; align-items: center;}
.user_input .address {display: flex; flex-direction: column; gap: 6px;}


/* -------- 아이디/비번찾기 + 결과 -------- */
.find_info {padding: 0 0 30px; color: #555; word-break: keep-all; line-height: 1.4;}
.find_resultbox {width: 100%; border-radius: 10px; background-color: #f8f8f8; text-align: center; padding: 30px 0; margin-bottom: 15px;}
.find_resultbox span {color: #555; font-size: 20px; font-weight: 600;}