@charset "utf-8";

.cm-mb-cont{max-width:480px;width:100%;margin:0 auto;padding:50px 0 100px}
.cm-mb-tit{margin-bottom:40px;text-align:center}
.cm-mb-tit h1{margin-bottom:5px;font-size:24px;font-weight:700;color:#111}

/* 회원가입 */
#mbRegister .agree{margin:25px 0}
#mbRegister .agree label{color:#111}
#mbRegister .agree label a{text-decoration:underline}
#mbRegister .sign-btns{gap:10px;text-align:center;font-weight:600}
#mbRegister .sign-btns .google img{width:16px}
#mbRegister .sign-btns p{margin-top:20px;font-weight:500}
#mbRegister .sign-btns p a{color:var(--primary)}
#mbRegister .sign-btns p a:hover{text-decoration:underline}

/* 회원가입 완료 */
#mbRegisterResult{max-width:100%;padding:15vh 0 20vh;font-size:16px;text-align:center}
#mbRegisterResult h1{margin:20px 0;font-size:34px}
#mbRegisterResult img{width:65px}
#mbRegisterResult .btns{gap:10px;margin-top:30px}
#mbRegisterResult .btns *{min-width:350px}

/* 로그인 */
#mbLogin .login-auto{margin:10px 0 25px;font-size:13px}
#mbLogin .login-auto label{font-size:13px}
#mbLogin .login-auto button{font-weight:500;color:#777}
#mbLogin .login-auto button:hover{text-decoration:underline}
#mbLogin .login-btns{gap:10px;text-align:center;font-weight:600}
#mbLogin .login-btns .google img{width:16px}

/* 비밀번호 찾기 */
#mbPwLost{padding:20px}
#mbPwLost .save-btns{gap:10px;margin-top:25px;text-align:center;font-weight:600}

/* 회원확인 */
#pwCheck{padding:80px 0;font-size:15px;font-weight:500;color:#888;line-height:1.8;text-align:center;font-family:'Pretendard'}
#pwCheck .inner{max-width:520px;width:100%;margin:0 auto;padding:50px;border:1px solid #e1e1e1;border-radius:12px}
#pwCheck .tit{margin-bottom:20px;font-size:24px;font-weight:700;text-align:center;color:#111}
#pwCheck .cfm{margin-bottom:25px}
#pwCheck .cfm b{font-weight:600;color:#111}
#pwCheck .sh_input{width:100%;height:55px;padding:0 15px;border:1px solid var(--line);border-radius:4px;font-size:16px;font-weight:500;transition:all .2s;font-family:'Pretendard'}
#pwCheck .sh_input.read{color:#aaa;background:#f2f2f2}
#pwCheck .sh_input:focus,#pwCheck .sh_input:active{outline:none;box-shadow:none;border:1px solid var(--line)!important}
#pwCheck .sh_input:not(.read):focus,#pwCheck .sh_input:not(.read):active{border-color:#111!important}
#pwCheck .sh_input::placeholder{color:#999}
#pwCheck ul li+li{margin-top:8px}
#pwCheck .pw_sm{width:100%;height:55px;margin-top:15px;border:none;border-radius:4px;font-size:16px;font-weight:600;color:#fff;background:var(--dark);font-family:'Pretendard'}

/* 로그인 */
#mbLeave{padding:80px 0;font-size:15px;font-weight:500;color:#555;line-height:1.8;font-family:'Pretendard'}
#mbLeave .inner{max-width:520px;width:100%;margin:0 auto;padding:50px;border:1px solid #e1e1e1;border-radius:12px;background:#fff}
#mbLeave .tit{margin-bottom:20px;font-size:24px;font-weight:700;color:#111;text-align:center}
#mbLeave ul li{text-indent:-12px;margin-left:12px;padding:5px 0;word-break:keep-all}
#mbLeave ul li:before{ display:inline-block;content:"";vertical-align:middle;width:2px;height:2px;margin-right:10px;background:#222}
#mbLeave ul li+li{ border-top:1px dotted #ddd}
#mbLeave .agr_area{margin:20px 0;text-align:center}
#mbLeave .agr_area span{color:var(--pink)}
#mbLeave .agr_area input{position:absolute;width:0;height:0;visibility:hidden}
#mbLeave .agr_area label{font-size:15px;font-weight:500;color:#111}
#mbLeave .agr_area label:before{cursor:pointer;display:inline-block;vertical-align:middle;content:"";width:20px;height:20px;margin-right:8px;border-radius:4px;border:1px solid var(--line);text-align:center;line-height:16px}
#mbLeave .agr_area input:checked + label:before{content:url(/sh_img/common/check.png);border:none;background:#111}
#mbLeave button{width:100%;height:55px;border:none;border-radius:4px;font-size:16px;font-weight:600;color:#fff;background:var(--dark);font-family:'Pretendard'}

#mbRegister .biz_bnr{overflow:hidden;margin-top:20px;border-radius:4px}

@media(max-width:768px){
#mbLogin{padding:40px 12px}
#mbLogin .inner{padding:0;border:none}
#mbLogin .tit{font-size:20px}
#mbLogin .sh_input{height:50px}
#mbLogin .login_sm{height:50px}
#mbLogin .sns_login .tit{font-size:16px}
#mbLogin .join_area a{height:50px;line-height:48px}
#mbRegisterIntro{padding:40px 12px}
#mbRegisterIntro .inner{padding:0;border:none}
#mbRegisterIntro .links a{height:50px;line-height:48px}
#mbRegister{padding:30px 12px}
#mbRegister .inner{padding:0;border:none}
#mbRegister .tit{font-size:20px}
#mbRegister .agreements p label{font-size:16px}
#mbRegister .agreements label{font-size:13px}
#mbRegisterResult{padding:40px 12px}
#mbRegisterResult .inner{padding:0;border:none}
#mbRegisterResult .tit{padding-left:30px;margin-bottom:20px;font-size:26px}
#mbRegisterResult ul li p{margin:20px 0;font-size:18px}
#pwCheck{padding:40px 12px}
#pwCheck .inner{padding:0;border:none}
#pwCheck .inner > .tit{display:none}
#pwCheck .sh_input{height:50px}
#pwCheck .login_sm{height:50px}
#mbLeave{padding:40px 12px;font-size:14px}
#mbLeave .inner{padding:0;border:none}
#mbLeave .tit{font-size:20px}
#mbLeave ul{padding:15px 20px;border-radius:4px;border:1px solid #e1e1e1}
#mbLeave ul li{line-height:1.5}
#mbLeave .agr_area label{font-size:14px}
#mbRegister .biz_bnr img{width:100%}
}

@media(max-width:768px){
.cm-mb-tit h1{font-size:20px}    
#mbRegister .agree label{flex-wrap:wrap}
}