/* BASIC css start */
/* =========================================================
   회원 페이지 공통 (mb-) : 로그인·가입·찾기 페이지에 똑같이 들어갑니다
   ========================================================= */
.sr-only {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
.mb {padding-bottom:32px;}
.mb .h_title {padding-bottom:4px;}
.mb-sub {padding:0 16px; margin-bottom:20px; font-size:13.5px; line-height:1.6; color:var(--b-mute);}
.mb-wrap {padding:0 16px;}
.mb-card {margin:0 16px 12px; padding:18px 16px; border:1px solid var(--b-line); border-radius:14px; background:#fff;}
.mb-soft {margin:0 16px 12px; padding:16px; border-radius:14px; background:var(--b-soft);}
.mb-sec-tit {margin:26px 16px 10px; font-size:16px; font-weight:800; color:var(--b-ink);}
.mb-sec-tit small {margin-left:6px; font-size:12px; font-weight:400; color:var(--b-mute);}
.mb-help {margin-top:6px; font-size:12px; line-height:1.5; color:var(--b-mute);}
.mb-dots li {position:relative; padding-left:10px; font-size:12.5px; line-height:1.6; color:var(--b-mute);}
.mb-dots li:before {content:""; position:absolute; left:1px; top:.72em; width:3px; height:3px; border-radius:50%; background:currentColor;}
.mb-ico {flex:none; display:flex; align-items:center; justify-content:center; width:56px; height:56px; margin:0 auto 14px; border-radius:50%; background:var(--b-soft); color:var(--b-deep);}
.mb-btns {display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 16px; margin-top:20px;}
.mb-btns a {margin:0;}
.mb-btns .is-wide {grid-column:1 / -1;}
.mb .btn_Red.is-big, .mb .btn_Black.is-big {height:52px; line-height:50px; font-size:16px;}

/* 진행 단계 */
.mb-steps {display:flex; margin:4px 16px 22px; padding:0; counter-reset:mbs;}
.mb-steps li {flex:1; position:relative; padding-top:30px; text-align:center; font-size:11.5px; color:#9aa5aa; counter-increment:mbs; list-style:none;}
.mb-steps li:before {content:counter(mbs); position:absolute; top:0; left:50%; z-index:2; width:22px; height:22px; margin-left:-11px; line-height:20px; border:1px solid var(--m-line2); border-radius:50%; background:#fff; font-size:11px; font-weight:700; color:#9aa5aa; box-sizing:border-box;}
.mb-steps li:after {content:""; position:absolute; top:11px; left:-50%; z-index:1; width:100%; height:1px; background:var(--m-line2);}
.mb-steps li:first-child:after {display:none;}
.mb-steps li.done:before {content:"\2713"; border-color:var(--b-point); background:var(--b-point); color:#fff;}
.mb-steps li.done:after, .mb-steps li.now:after {background:var(--b-point);}
.mb-steps li.now {color:var(--b-ink); font-weight:700;}
.mb-steps li.now:before {border-color:var(--b-ink); background:var(--b-ink); color:#fff;}

/* 비밀번호 보기 버튼 */
.mb-pw {position:relative; display:block;}
.mb-pw input {padding-right:48px !important;}
.mb-pw-eye {position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; width:46px; height:44px; padding:0; border:0; background:none; color:#9aa5aa; cursor:pointer;}
.mb-pw-eye.is-on {color:var(--b-point);}

/* =========================================================
   이용약관 (리뉴얼)
   ========================================================= */
/* 약관 글 */
.mb-doc {margin:0 16px; padding:18px 16px; border:1px solid var(--b-line); border-radius:14px; background:#fff; font-size:13.5px; line-height:1.75; color:#3a474e; word-break:keep-all; overflow-wrap:anywhere;}
.mb-doc pre, .mb-doc textarea {white-space:pre-wrap; font-family:inherit; font-size:inherit; line-height:inherit;}
.mb-doc textarea {width:100%; min-height:60vh; border:0; padding:0; background:none; resize:none;}
.mb-doc table {width:100% !important; margin:10px 0; border-collapse:collapse; font-size:12.5px;}
.mb-doc th, .mb-doc td {padding:8px !important; border:1px solid var(--b-line) !important; vertical-align:top;}
.mb-doc th {background:var(--m-gray);}
.mb-doc img {height:auto;}
.mb-doc .mb-art {display:inline-block; margin-top:10px; font-size:14.5px; font-weight:800; color:var(--b-ink);}
.mb-top {display:block; width:120px; height:40px; line-height:38px; margin:20px auto 0; border:1px solid var(--m-line2); border-radius:20px; text-align:center; font-size:13px; color:var(--b-mute); box-sizing:border-box;}

/* BASIC css end */