@charset "utf-8";

/*============================================================*/
/* 공통 */
/*============================================================*/
.memberPage {max-width: 640px; margin: 0 auto;}
.memberPage .btn-md {max-width: 100%;}

.join-area {padding-top: 3.5rem; padding-bottom: 6rem; border-top: 1px solid var(--col-black);}
.join-area + .join-area {border-color: var(--col-bd-gray);}


/*============================================================*/
/* 로그인, 아이디 찾기, 비밀번호 찾기 */
/*============================================================*/
.login-btm {display: flex; justify-content: space-between; align-items: center;}
.login-btm .find-area {color: var(--col-gray);}
.login-btm .find-area a:not(:last-child) {position: relative; padding-right: 0.7rem;}
.login-btm .find-area a:not(:last-child):before {content: ""; position: absolute; top: .6rem; right: 0; width: 1px; height: 1.5rem; background: var(--col-gray);}


/*============================================================*/
/* 회원가입 */
/*============================================================*/
.bank-info {display: flex; gap: .5rem;}
.bank-info select {width: auto; min-width: 10rem;}


/*============================================================*/
/* 로그인 */
/*============================================================*/
.greet {margin-bottom: 4rem; text-align: center;}
.greet h4 {margin-bottom: 1.5rem; font-size: 2.4rem;}
.greet h4 span {color: var(--col-brown);}
.greet p {color: var(--col-gray); font-size: 1.6rem;}

.login .join-area {display: flex; justify-content: space-between; border: 1px solid var(--col-bd-gray); padding: 3rem 2rem;}
.login .join-area div div {margin-bottom: 1rem; font-weight: 700;}
.login .join-area p {color: var(--col-gray); font-size: 14px; font-weight: 500;}
.login .join-area .btn-sm {font-weight: 700;}