@charset "utf-8";
/* ============================================================
   모바일 회원 스킨 CSS - 완전 재작성
   ============================================================ */

/* 기본 */
.mbskin, .register { padding: 0 14px 20px; max-width: 100%; box-sizing: border-box; }

/* ── 약관 동의 페이지 ── */
.mbskin p { font-size: 13px; color: #555; line-height: 1.6; padding: 12px 0; }

/* 전체 동의 */
#fregister_chkall {
    background: #f7f2ea;
    border: 1px solid #c8b88a;
    border-radius: 6px;
    padding: 14px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
/* 약관 섹션 */
#fregister_term, #fregister_private {
    background: #fff;
    border: 1px solid #e8dcc8;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 14px;
}
#fregister_term h2, #fregister_private h2 {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #5c3d1e;
    padding: 10px 14px;
    margin: 0;
}
#fregister_term textarea {
    width: 100% !important;
    height: 100px;
    border: 0;
    border-bottom: 1px solid #e8dcc8;
    padding: 10px 14px;
    font-size: 12px;
    color: #666;
    resize: none;
    box-sizing: border-box;
    background: #faf9f7;
    font-family: inherit;
}
/* 동의 체크박스 */
.fregister_agree {
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    margin: 0;
}
.fregister_agree input[type=checkbox],
.chk_all input[type=checkbox],
.selec_chk {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;
    accent-color: #8b6914;
    cursor: pointer;
    display: inline-block !important;
    border: 1px solid #c8b88a !important;
    border-radius: 3px !important;
}
.fregister_agree label,
#fregister_chkall label {
    font-size: 14px;
    color: #333;
    cursor: pointer;
    line-height: 1.4;
    flex: 1;
}
/* 개인정보 테이블 */
.tbl_head01 { overflow-x: auto; }
.tbl_head01 table { width: 100%; border-collapse: collapse; min-width: 280px; }
.tbl_head01 th {
    background: #f7f2ea;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #5c3d1e;
    border: 1px solid #e8dcc8;
    text-align: center;
}
.tbl_head01 td {
    padding: 10px 12px;
    font-size: 13px;
    color: #444;
    border: 1px solid #e8dcc8;
    line-height: 1.5;
}
/* 동의하기 버튼 */
.btn_confirm { padding: 10px 0 0; }
.btn_confirm .btn_submit,
.btn_confirm button {
    width: 100% !important;
    height: 50px !important;
    background: #8b6914 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    font-family: inherit !important;
}

/* ── 회원가입 폼 ── */
.form_01 { background: #fff; border: 1px solid #e8dcc8; border-radius: 8px; overflow: hidden; margin-bottom: 16px; }
.form_01 h2 { font-size: 14px; font-weight: 700; color: #fff; background: #5c3d1e; padding: 10px 14px; margin: 0; }
.form_01 ul { list-style: none; padding: 12px 14px; margin: 0; }
.form_01 li { margin-bottom: 12px; position: relative; }
.form_01 li:last-child { margin-bottom: 0; }

/* 입력 필드 */
.form_01 input[type=text],
.form_01 input[type=password],
.form_01 input[type=email],
.form_01 input[type=tel],
.form_01 select,
.frm_input, .full_input {
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    border: 1px solid #c8b88a !important;
    border-radius: 4px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    color: #333 !important;
    font-family: inherit !important;
    -webkit-appearance: none;
}
.form_01 input:focus { border-color: #8b6914 !important; outline: none !important; }
.form_01 input::placeholder { color: #bbb !important; font-size: 13px !important; }

/* 체크박스/라디오 크기 복원 */
.form_01 input[type=checkbox],
.form_01 input[type=radio] {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #c8b88a !important;
    border-radius: 3px !important;
    vertical-align: middle !important;
    accent-color: #8b6914;
}
/* 안내 텍스트 */
.frm_info, .hint {
    display: block;
    font-size: 11px;
    color: #aaa;
    margin-top: 4px;
    line-height: 1.4;
}
/* 오류 */
#msg_mb_id { font-size: 11px; color: #c0392b; margin-top: 3px; display: block; }

/* 중복확인 버튼 */
.btn_id_check, #btn_id_check, .frm_btn {
    display: inline-block !important;
    height: 36px !important;
    padding: 0 14px !important;
    background: #5c3d1e !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    margin-top: 6px !important;
    font-family: inherit !important;
}

/* 제출 버튼 */
.btn_confirm .btn_submit,
.register_btn .btn_submit,
.frm_btn_01, .btn_submit {
    width: 100% !important;
    height: 50px !important;
    background: #8b6914 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    display: block !important;
    margin-top: 8px !important;
    box-sizing: border-box !important;
}
.btn_submit.btn_01 { background: #f7f2ea !important; color: #5c3d1e !important; border: 1px solid #e8dcc8 !important; }

/* 로그인 폼 */
#login_form { padding: 20px 14px; }
#login_form table, #login_form tbody, #login_form tr, #login_form th, #login_form td {
    display: block !important; width: 100% !important; box-sizing: border-box !important;
}
#login_form tr { margin-bottom: 12px; }
#login_form th { font-size: 13px; font-weight: 700; color: #5c3d1e; padding: 0 0 4px; border: 0; background: transparent; }
#login_form td { padding: 0; border: 0; }
#login_form input[type=text],
#login_form input[type=password] {
    width: 100% !important; height: 44px !important;
    border: 1px solid #c8b88a !important; border-radius: 4px !important;
    padding: 0 12px !important; font-size: 14px !important; box-sizing: border-box !important;
}