@charset "utf-8";
/* 회원가입(member-join) 전용 보정
   - 전체 폭/카드 크기는 퍼블본(/_share/aif/membership-step01.do) = 공통 규칙(co-board 136rem, 카드 8rem) 그대로 사용
   - 약관 동의 체크박스 다음에 오는 섹션 타이틀 간격만 보정:
     공통 규칙은 .b-table-wrap + .b-main-tit-box 에만 5.6rem을 주는데(board-write-aif.css),
     약관 페이지는 직전 형제가 .b-privacy-agree 라서 간격이 0으로 붙음. 피그마(09 로그인/회원가입) 기준 56px */
@media screen and (min-width: 769px){
	.bn-write-common-aif .b-privacy-agree + .b-main-tit-box{margin-top:5.6rem;}
}

/* 약관 전문 박스: textarea 대신 일반 박스에 자체 스크롤
   수치는 피그마 약관 박스 기준(높이 240, radius 4, border 1px gr_300, padding 24, 본문 14/120%)
   = 기존 .b-member-textarea(login.css)와 동일 토큰, overflow만 추가 */
.bn-write-common-aif .b-member-terms{height:24rem;padding:2.4rem;border:1px solid var(--color24);border-radius:4px;background:var(--white100);font-size:1.4rem;color:var(--color23);line-height:1.7rem;overflow-y:auto;box-sizing:border-box;}
.bn-write-common-aif .b-member-terms h5{margin:0 0 8px;font-size:1.4rem;font-weight:var(--font-weight-bold);color:var(--color23);}
.bn-write-common-aif .b-member-terms p{margin:0 0 1.7rem;}
.bn-write-common-aif .b-member-terms p:last-child{margin-bottom:0;}

/* 인라인 검증 메시지(아이디/비밀번호/비밀번호 확인 공통): alert 대신 입력 옆 안내 자리에 노출하고 포커스 이동.
   초기 가이드 문구는 기본 회색(.b-con-box > span 공통 스타일, login.css 상속),
   검증 메시지 상태(b-chk-msg)가 되면 필수표시(*)와 동일 토큰(--color02, 핑크)으로 강조 */
.bn-write-common-box.membership .b-con-box > span.b-chk-msg{color:var(--color02);}

/* 본인확인(개인정보수정 진입) 화면의 비밀번호 미입력 안내 */
.b-identity-box #verify-result{display:none;}
.b-identity-box #verify-result.b-chk-msg{display:block;padding:0.8rem 0 0;font-size:1.4rem;color:var(--color02);line-height:2.1rem;text-align:center;}

/* 비밀번호 변경 레이어팝업의 인라인 검증 안내 */
.popup-wrap-aif #pwchange-result{display:none;}
.popup-wrap-aif #pwchange-result.b-chk-msg{display:block;padding:0.8rem 0 0;font-size:1.4rem;color:var(--color02);line-height:2.1rem;text-align:left;}