@charset "utf-8";


.cm-member{padding:50px 0 100px;line-height:1.6;letter-spacing:-1.5%;color:var(--prm-gray-800);font-family:'Pretendard'}
.cm-mb-tit{margin-bottom:30px;font-size:24px;font-weight:700;text-align:center}
.cm-mb-mtit{margin-bottom:10px;font-size:18px;font-weight:700}
.cm-mb-mtit~.cm-mb-mtit{margin:35px 0 10px}

/* 로그인 */
#mbLogin{max-width:480px;width:100%;margin:0 auto}
#mbLogin ul{gap:15px}
#mbLogin ul li input{width:100%}
#mbLogin .login-auto{margin:15px 0 25px}
#mbLogin .login-auto label{font-weight:500;color:var(--prm-gray-500)}
#mbLogin .login-auto button{font-size:14px;color:var(--prm-gray-500)}
#mbLogin .login-auto button:hover{text-decoration:underline}
#mbLogin .login-btns{gap:8px}

/* 회원정보찾기 */
#mbLost{padding:15px}
#mbLost .cm-label{font-weight:400}
#mbLost button{margin-top:8px}

/* 회원가입 */
#mbRegister{max-width:480px;width:100%;margin:0 auto}
#mbRegister ul{gap:15px}
#mbRegister ul li input{width:100%}
#mbRegister .birth-selects{flex-grow:1}
#mbRegister .birth-selects select{flex:1}
#mbRegister .agreements{margin-top:20px}
#mbRegister .agreements p {padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #ccc}
#mbRegister .agreements p .cm-ckbox{font-size:16px}
#mbRegister .agreements ul{gap:6px}
#mbRegister .agreements ul li .cm-ckbox{font-weight:400}
#mbRegister .agreements ul li a{text-decoration: underline;}
#mbRegister .agreements ul li i{font-style: normal;color:var(--prm-gray-400)}
#mbRegister .btn-area{margin-top:40px}

/* 회원가입 완료 */
#mbRegisterResult{max-width:480px;width:100%;margin:0 auto;padding:15vh 0;font-size:16px;text-align:center}
#mbRegisterResult .cm-mb-tit{margin-bottom:20px}
#mbRegisterResult .btn-area{margin-top:30px}
#mbRegisterResult .btn-area.cm-flex *{flex:1}