@charset "utf-8";
.member-page {display: flex; flex-direction: column;}
.member-page .member-form {display: flex; flex: 1 0 auto; flex-direction: column;}
.member-page .member-body {padding-top: var(--space-24); padding-bottom: var(--space-40);}
.member-page .input-item + .input-item {margin-top: var(--space-16);}

/* 로고 + 안내 문구 */
.member-page .member-intro {margin-top: calc(var(--space-40) * 2); margin-bottom: calc(var(--space-40) * 2);}
.member-page .member-logo img {width: 160px; height: auto;}
.member-page .member-logo + * {margin-top: var(--space-32);}
/* 제목형 */
.member-page .member-tit {margin-bottom: calc(var(--space-32) * 2);}

/* 시작 화면 */
.member-start .member-body {padding-top: calc(var(--header-h) + var(--space-24));}
.member-start .member-send-btn {margin-top: var(--space-16);}
.member-start .member-foot {display: flex; flex-direction: column; align-items: center; row-gap: var(--space-4); margin-top: auto; padding-bottom: var(--space-24);}

/* 인증번호 + 타이머 */
.member-page .timer-input {position: relative;}
.member-page .timer-input .custom-input {padding-right: calc(var(--space-16) + 56px);}
.member-page .timer-input .timer-txt {position: absolute; top: 50%; right: var(--space-16); color: var(--color-gray8); transform: translateY(-50%);}
.member-page .member-resend {display: flex; justify-content: center; margin-top: var(--space-4);}

/* 약관 동의 */
.member-page .agree-all {padding-bottom: var(--space-24); border-bottom: 1px solid var(--color-border);}
.member-page .agree-all-desc {margin-top: var(--space-4); color: var(--color-gray6);}
.member-page .agree-list {padding-top: var(--space-16);}
.member-page .agree-item {display: flex; align-items: center; justify-content: space-between; column-gap: var(--space-12);}
.member-page .agree-item label {color: var(--color-gray8);}
.member-page .check-item {column-gap: var(--space-12);}

/* 가입 완료 */
.member-complete .complete-body {display: flex; flex: 1 0 auto; flex-direction: column; align-items: center; justify-content: center; padding-block: var(--space-40); text-align: center;}
.member-complete .complete-ico {display: inline-flex; margin-bottom: var(--space-16); color: var(--color-black);}
.member-complete .complete-desc {margin-top: var(--space-8); color: var(--color-gray6);}