@charset "utf-8";

#shBreadcrumb{display:none}

/* 로그인 */
#mbLogin{padding:80px 0;font-size:14px;font-weight:500;color:#555;line-height:1.8;text-align:center;font-family:'Pretendard'}
#mbLogin .inner{max-width:520px;width:100%;margin:0 auto;padding:50px;border:1px solid #e1e1e1;border-radius:12px;background:#fff}
#mbLogin .tit{margin-bottom:20px;font-size:24px;font-weight:700;color:#111}
#mbLogin .tit img{width:150px}
#mbLogin .sh_input{width:100%;height:55px;padding:0 15px;border:1px solid #e1e1e1;border-radius:4px;font-size:16px;font-weight:500;transition:all .2s;font-family:'Pretendard'}
#mbLogin .sh_input:focus,#mbLogin .sh_input:active{outline:none;box-shadow:none;border-color:#111!important}
#mbLogin .sh_input::placeholder{color:#999}
#mbLogin ul li+li{margin-top:8px}
#mbLogin ul li label{display:none}
#mbLogin .auto_login{display:flex;align-items:center;padding:15px 0}
#mbLogin .auto_login div{display:flex;align-items:center;justify-content:flex-end;width:100%}
#mbLogin .auto_login input[type=checkbox]{position:absolute;width:0;height:0;visibility:hidden}
#mbLogin .auto_login label{font-size:14px;font-weight:600;color:#999}
#mbLogin .auto_login label:before{display:inline-block;vertical-align:middle;content:"";width:20px;height:20px;margin-right:8px;border-radius:4px;border:1px solid #e1e1e1;text-align:center;line-height:16px}
#mbLogin .auto_login input:checked + label:before{content:url(/sh_img/common/check.png);border:none;background:#111}
#mbLogin .login_sm{width:100%;height:55px;border:none;border-radius:4px;font-size:16px;font-weight:600;color:#fff;background:var(--primary);font-family:'Pretendard'}
#mbLogin .ps_area{margin-top:8px;color:#999;line-height:1.5;word-break:keep-all}
#mbLogin .ps_area a{display:block;height:55px;margin-bottom:15px;border-radius:4px;border:1px solid var(--secondary);font-size:16px;font-weight:600;line-height:53px}
#mbLogin .lost_area{display:flex;justify-content:center;margin-top:10px}
#mbLogin .lost_area a{font-size:14px;font-weight:500;color:var(--secondary)}
#mbLogin .lost_area a + a:before{display:inline-block;content:"";width:1px;height:10px;margin:0 10px;background:#ccc}

/* 가입유형 */
#mbRegisterType{padding:80px 0;font-size:15px;font-weight:400;color:#555;line-height:1.65;text-align:center;font-family:'Pretendard'}
#mbRegisterType .tit{margin-bottom:40px;font-size:24px;font-weight:700;color:var(--secondary)}
#mbRegisterType .type{display:flex;gap:20px;max-width:860px;margin:0 auto}
#mbRegisterType .type a{display:flex;flex-direction:column;justify-content:flex-end;flex:1;position:relative;border-radius:16px;padding:60px 30px 30px;border:1px solid #e1e1e1;color:var(--color-gray);text-align:left;transition:all .15s}
#mbRegisterType .type a p{margin-bottom:10px;font-size:22px;font-weight:700;color:var(--secondary)}
#mbRegisterType .type a span{position:absolute;right:30px;top:30px;font-size:30px;font-variation-settings:'wght' 300;color:var(--secondary)}
@media(hover:hover){
#mbRegisterType .type a:hover{border-color:#aaa}
}

/* 회원가입 */
#mbRegister{padding:80px 0;font-size:14px;font-weight:500;color:#555;line-height:1.8;font-family:'Pretendard'}
#mbRegister .inner{max-width:520px;width:100%;margin:0 auto;padding:50px;border:1px solid #e1e1e1;border-radius:12px;background:#fff}
#mbRegister .tit{margin-bottom:20px;font-size:24px;font-weight:700;text-align:center;color:#111}
#mbRegister .stit{margin-top:30px;font-size:18px;font-weight:700;text-align:center;color:#111}
#mbRegister .label{margin-bottom:4px;font-size:15px;font-weight:600;color:#111}
#mbRegister .sh_input{width:100%;height:50px;padding:0 15px;border:1px solid #e1e1e1;border-radius:4px;font-size:16px;font-weight:500;transition:all .2s;font-family:'Pretendard'}
#mbRegister .sh_input:focus,#mbRegister .sh_input:active{outline:none;box-shadow:none;border-color:#111!important}
#mbRegister .sh_input::placeholder{color:#999}
#mbRegister .sh_select{cursor:pointer;-webkit-appearance:none;appearance:none;color:#111;background:url(/sh_img/common/select_arr.png) 95% center no-repeat}
#mbRegister .filebox{display:flex;column-gap:8px}
#mbRegister .filebox .upload-name{width:75%;color:#888;background:#f5f5f7}
#mbRegister .filebox label{cursor:pointer;width:120px;height:50px;margin:0!important;border-radius:4px;font-weight:500!important;line-height:50px;text-align:center;color:#fff!important;background:#aaa}
#mbRegister .filebox input[type="file"]{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0}
#mbRegister .form li+li{margin-top:20px}
#mbRegister .form li input~input{margin-top:8px}
#mbRegister .form li label{display:block;margin-bottom:4px;font-size:15px;font-weight:600;color:#111}
#mbRegister .form li b{color:var(--danger)}
#mbRegister .zip_wrap{display:flex;gap:8px;margin-bottom:8px}
#mbRegister .zip_wrap .sh_input{width:75%}
#mbRegister .zip_wrap button{white-space:nowrap;width:120px;font-size:15px;font-weight:500;color:#fff;background:#aaa}
#mbRegister .agreements{margin-top:30px}
#mbRegister .agreements p{padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #ccc;font-weight:700;color:var(--secondary)}
#mbRegister .agreements ul li{display:flex;align-items:center}
#mbRegister .agreements ul li+li{margin-top:6px}
#mbRegister .agreements ul li span{margin-left:4px;font-size:13px;color:#aaa}
#mbRegister .agreements ul li a{cursor:pointer;margin-left:auto;font-size:13px;line-height:1}
#mbRegister .agreements p label{font-size:18px}
#mbRegister .agreements label{cursor:pointer;font-size:15px;line-height:1.4}
#mbRegister .agreements label:before{display:inline-block;vertical-align:middle;content:"";width:20px;height:20px;margin-right:8px;border-radius:4px;border:1px solid #e1e1e1;text-align:center;line-height:16px}
#mbRegister .agreements input{position:absolute;width:0;height:0;visibility:hidden}
#mbRegister .agreements input:checked + label:before{content:url(/sh_img/common/check.png);border:none;background:#111}
#mbRegister .join_btn{margin-top:30px;width:100%;height:55px;border:none;border-radius:6px;font-size:16px;font-weight:600;color:#fff;background:var(--primary);font-family:'Pretendard'}
.cm_ck.red{color:var(--pink)}
.cm_ck.blue{color:var(--primary)}
#mbRegister .info_list{margin-top:10px}
#mbRegister .form .info_list li{margin-top:0;font-size:14px;font-weight:500}
#mbRegister .info_list li:before{display:inline-block;vertical-align:middle;content:"";width:2px;height:2px;margin-right:6px;background:#222}
@media(max-width:480px){
#mbRegister .agreements p label{font-size:16px}    
#mbRegister .agreements label{font-size:13px}    
}

/* 회원가입 완료 */
#mbRegisterResult{padding:80px 0;font-size:15px;font-weight:500;color:#aaa;line-height:1.8;text-align:center;font-family:'Pretendard'}
#mbRegisterResult .tit{margin-bottom:30px;font-size:32px;font-weight:700;color:#222;line-height:1.35; white-space:pre-line;}
#mbRegisterResult a{display:block;max-width:200px;width:100%;height:55px;margin:30px auto;padding:0 30px;border:none;border-radius:4px;font-size:16px;font-weight:500;line-height:55px;color:#fff;background:var(--secondary);font-family:'Pretendard'}

/* 회원확인 */
#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 #e1e1e1;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 #e1e1e1!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(--secondary);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 #e1e1e1;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(--secondary);font-family:'Pretendard'}

@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 .ps_area a{height:50px;line-height:48px}
#mbRegister{padding:30px 12px}
#mbRegister .inner{padding:0;border:none}
#mbRegister .tit{font-size:20px}
#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}
}