@charset "utf-8";

/* 로그인 */
#mbLogin{padding:80px 0;border-top:1px solid #e1e1e1;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 .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(--dark);font-size:16px;font-weight:600;line-height:53px}

/* 회원가입 */
#mbRegister{padding:80px 0;border-top:1px solid #e1e1e1;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 .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 .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(--pink)}
#mbRegister .agreements{margin-top:30px}
#mbRegister .agreements p{padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #ccc}
#mbRegister .agreements ul li{vertical-align:middle}
#mbRegister .agreements ul li+li{margin-top:6px}
#mbRegister .agreements ul li span{color:var(--primary)}
#mbRegister .agreements ul li span.gray{color:#aaa}
#mbRegister .agreements ul li a{cursor:pointer;margin-left:5px;text-decoration:underline}
#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}

/* 회원가입 완료 */
#mbRegisterResult{padding:80px 0;border-top:1px solid #e1e1e1;font-size:15px;font-weight:500;color:#aaa;line-height:1.8;text-align:center;font-family:'Pretendard'}
#mbRegisterResult .inner{max-width:520px;width:100%;margin:0 auto;padding:50px;border:1px solid #e1e1e1;border-radius:12px}
#mbRegisterResult .tit{margin-bottom:30px;font-size:32px;font-weight:700;color:#222;text-align:left;line-height:1.35}
#mbRegisterResult ul li img{max-width:90%}
#mbRegisterResult ul li p{margin:30px 0;font-size:20px;font-weight:600;color:#222}
#mbRegisterResult .pager{text-align:center}
#mbRegisterResult .pager span+span{margin-left:12px}
#mbRegisterResult .pager span.on{opacity:1;background:var(--dark)}
#mbRegisterResult .login_btn{display:block;margin:30px 0 20px;width:100%;height:55px;border:none;border-radius:4px;font-size:16px;font-weight:600;line-height:55px;color:#fff;background:var(--dark);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(--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 #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(--dark);font-family:'Pretendard'}

@media(max-width:1024px){
#sh_content{margin:0!important}
}

@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}
}