/* BASIC css start */
/* EZ배터리 간편 회원가입 CSS   join_simple.css */
#content { background:#F8FAFC !important; padding:60px 0 80px !important; }

/* 페이지 제목 */
.cateTit_v2.join { max-width:600px !important; margin:0 auto 24px !important; padding:0 20px !important; border:0 !important; }
.cateTit_v2.join em.title { font-size:24px !important; font-weight:800 !important; color:#0F172A !important; font-style:normal !important; display:block !important; }

/* 페이지 바디 */
#join_test .page-body { max-width:600px !important; margin:0 auto !important; padding:0 20px !important; }

/* 폼 카드 */
#join_test .box-wrap { background:#fff !important; border:1px solid #E2E8F0 !important; border-radius:16px !important; padding:40px !important; margin-bottom:20px !important; box-shadow:0 1px 4px rgba(0,0,0,.04) !important; }

/* 필드 리스트 */
#join_test ul.join-form { list-style:none !important; padding:0 !important; margin:0 !important; display:flex !important; flex-direction:column !important; gap:16px !important; }
#join_test ul.join-form > li { display:flex !important; flex-direction:column !important; gap:6px !important; padding:0 !important; border:0 !important; background:none !important; margin:0 !important; }
#join_test ul.join-form > li::before { display:none !important; }
#join_test ul.join-form > li > label { font-size:13px !important; font-weight:600 !important; color:#475569 !important; display:block !important; margin:0 !important; padding:0 !important; }

/* 입력 필드 */
#join_test input.MS_input_txt,
#join_test input.MS_input_tel,
#join_test input[type=text].txt-input,
#join_test input[type=password].txt-input { width:100% !important; max-width:none !important; padding:11px 14px !important; border:1px solid #E2E8F0 !important; border-radius:8px !important; font-size:14px !important; color:#0F172A !important; background:#fff !important; outline:none !important; height:auto !important; box-sizing:border-box !important; font-family:'Pretendard','Apple SD Gothic Neo',sans-serif !important; }
#join_test input.MS_input_txt:focus,
#join_test input.MS_input_tel:focus { border-color:#2563EB !important; box-shadow:0 0 0 3px rgba(37,99,235,.1) !important; }

/* 중복확인 등 버튼 */
#join_test input[type=button],
#join_test button[type=button] { padding:9px 14px !important; background:#F1F5F9 !important; border:1px solid #E2E8F0 !important; border-radius:7px !important; font-size:13px !important; font-weight:600 !important; color:#475569 !important; cursor:pointer !important; height:auto !important; }

/* 라디오 행 */
#join_test ul.join-form > li:has(input[type=radio]) { flex-direction:row !important; flex-wrap:wrap !important; gap:12px !important; align-items:center !important; }
#join_test ul.join-form label:has(input[type=radio]) { display:inline-flex !important; align-items:center !important; gap:6px !important; font-size:13px !important; color:#475569 !important; font-weight:400 !important; cursor:pointer !important; }

/* 14세 이상 / 안내 */
#join_test ul.join-msg { list-style:none !important; padding:0 !important; margin:20px 0 0 !important; }
#join_test ul.join-msg > li { font-size:13px !important; color:#94A3B8 !important; padding:4px 0 !important; border:0 !important; background:none !important; margin:0 !important; }
#join_test ul.join-msg > li::before { display:none !important; }
#join_test ul.join-msg > li > label { display:inline-flex !important; align-items:center !important; gap:8px !important; font-size:14px !important; font-weight:600 !important; color:#334155 !important; cursor:pointer !important; }
#join_test ul.join-msg input[type=checkbox] { width:16px !important; height:16px !important; accent-color:#2563EB !important; cursor:pointer !important; }

/* 약관 fieldset */
#join_test fieldset { border:0 !important; padding:0 !important; margin:16px 0 !important; background:#fff !important; border-radius:12px !important; }
#join_test fieldset legend { display:none !important; }
#join_test .new-privercy-contract { margin-bottom:20px !important; padding:20px !important; background:#fff !important; border:1px solid #E2E8F0 !important; border-radius:12px !important; }
#join_test .new-privercy-contract:last-child { margin-bottom:0 !important; }

/* 약관 제목 */
#join_test h4.tit { font-size:14px !important; font-weight:700 !important; color:#334155 !important; margin:0 0 12px !important; display:flex !important; align-items:center !important; gap:8px !important; }
#join_test h4.tit input[type=checkbox] { width:16px !important; height:16px !important; accent-color:#2563EB !important; }

/* 약관 텍스트 박스 */
#join_test .privercy-box,
#join_test textarea { width:100% !important; max-height:120px !important; background:#F8FAFC !important; border:1px solid #E2E8F0 !important; border-radius:8px !important; padding:12px !important; font-size:12px !important; color:#64748B !important; line-height:1.7 !important; resize:none !important; box-sizing:border-box !important; display:block !important; }

/* 동의 체크 행 */
#join_test .agree-chk,
#join_test p.agree-chk { display:flex !important; align-items:center !important; gap:8px !important; margin-top:10px !important; font-size:13px !important; color:#475569 !important; }
#join_test .agree-chk input[type=checkbox] { width:16px !important; height:16px !important; accent-color:#2563EB !important; }

/* 개인정보 테이블 */
#join_test table { width:100% !important; border-collapse:collapse !important; font-size:12px !important; margin:10px 0 !important; }
#join_test th { background:#F1F5F9 !important; padding:8px 10px !important; font-weight:600 !important; color:#475569 !important; border:1px solid #E2E8F0 !important; text-align:center !important; }
#join_test td { padding:8px 10px !important; border:1px solid #E2E8F0 !important; color:#64748B !important; }

/* 가입하기 버튼 */
#join_test .btn-agree { display:block !important; width:100% !important; margin:24px 0 0 !important; padding:15px !important; background:#2563EB !important; color:#fff !important; border-radius:12px !important; font-size:16px !important; font-weight:700 !important; text-align:center !important; cursor:pointer !important; border:0 !important; transition:background .15s !important; }
#join_test .btn-agree:hover { background:#1D4ED8 !important; }
/* BASIC css end */