.support-page { background: #fff; color: #111; }
.support-page .bd_menu { display: flex; width: 100%; max-width: 800px; margin: 0 auto 24px; padding: 0; list-style: none; border-bottom: 1px solid #e5e7eb; }
.support-page .bd_menu li { width: 50%; }
.support-page .bd_menu a { display: block; text-align: center; padding: 14px 0; color: #6b7280; font-weight: 700; }
.support-page .bd_menu a.on { color: #111; border-bottom: 2px solid #111; }
.support-page .bd_list .item, .support-page .qns_list .item { border-bottom: 1px solid #eaeaea; background: #fff; }
.support-page .bd_list .item a, .support-page .qns_list .item a { display: block; padding: 16px 8px; color: #111; }
.support-page .qns_cont { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.support-page .subject_txt h2 { margin: 0 0 4px; font-size: 16px; }
.support-page .subject_txt p, .support-page .view_top p { margin: 0; color: #6b7280; font-size: 12px; }
.support-page .status_txt span { display: inline-block; min-width: 72px; text-align: center; padding: 6px 8px; border-radius: 4px; background: #f3f4f6; font-size: 12px; }
.support-page .view_top { padding: 16px 0; border-bottom: 1px solid #e5e7eb; }
.support-page .view_top h2 { margin: 0 0 6px; font-size: 22px; }
.support-page .view_content { padding: 20px 0; line-height: 1.7; color: #111; white-space: pre-wrap; }
.support-page .list_btn, .support-page .ht_btn, .support-page .btn_submit, .support-page .btn_cancel {
  display: inline-block; min-width: 120px; text-align: center; padding: 12px 16px; border-radius: 6px; border: 0;
}
.support-page .list_btn, .support-page .ht_btn, .support-page .btn_submit { background: #111; color: #fff; }
.support-page .btn_cancel { background: #e5e7eb; color: #111; }
.support-page .forms_01 input, .support-page .forms_01 textarea {
  width: 100%; margin-bottom: 12px; border: 1px solid #d1d5db; border-radius: 6px; padding: 12px;
}
.support-page .forms_01 textarea { min-height: 180px; }
.support-page .btn_confirm { display: flex; gap: 8px; justify-content: flex-end; }
.support-page .ht_cap { display: flex; justify-content: flex-end; margin: 16px 0; }
.support-empty, .notice-history-empty { padding: 40px 0; text-align: center; color: #6b7280; }
.money-message { text-align: center; margin-top: 12px; }
.ht_isbox_submit button {
  display: block; padding: 15px 0; width: 50%; text-align: center; background: #FF6E0E; color: #fff;
  margin: 0 auto; border-radius: 7px; border: 0; font-weight: 700;
}
.ht_filter { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 12px; }
.ht_filter a { display: inline-block; padding: 8px 16px; border-radius: 6px; background: #f3f4f6; color: #111; font-weight: 700; }
.ht_filter a.on { background: #111; color: #fff; }
.ht_message { text-align: center; color: #777; margin: 10px 0 0; font-size: 20px; }
.tbls_wrap { margin-top: 5px; border-top: 2px solid #000; overflow-x: auto; }
.tbls_wrap table { width: 100%; border-collapse: collapse; background: #fff; }
.tbls_wrap table th, .tbls_wrap table td { padding: 15px 10px; text-align: center; color: #000; border-bottom: 1px solid #e7e7e7; font-weight: 300; }
.tbls_wrap .bo_tit { color: #000; font-weight: 700; }
.txt_rdy { display: inline-block; min-width: 72px; padding: 4px 8px; background: #1abb97; color: #10141d; border-radius: 3px; }
.txt_done { display: inline-block; min-width: 72px; padding: 4px 8px; background: #ff6c60; color: #10141d; border-radius: 3px; }
.ht_cap .ht_btn.ht_withdraw { background: #1abb97; color: #10141d; padding: 0 10px; height: 30px; line-height: 30px; border-radius: 3px; }
.forms_01 { border-top: 1px solid #1abb97; background: #fff; }
.forms_01 table { width: 100%; border-collapse: collapse; background: #fff; }
.forms_01 th, .forms_01 td { border-bottom: 1px solid #eaeaea; padding: 8px 10px; }
.forms_01 th { width: 20%; text-align: center; font-weight: 400; }
.forms_01 input, .forms_01 textarea { width: 100%; border: 1px solid #eaeaea; padding: 10px; background: #fff; color: #000; }
.forms_01 textarea { min-height: 180px; }
.btn_confirm { margin: 20px 0; text-align: right; }
.btn_confirm .cs_btn { display: inline-block; margin-left: 8px; padding: 0 24px; height: 44px; line-height: 44px; border-radius: 3px; border: 0; }
.btn_confirm .btn_cancel { background: transparent; color: #000; }
.btn_confirm .btn_submit { background: #111; color: #fff; }
.qnview { margin-top: 20px; }
.qnview table { width: 100%; border-collapse: collapse; background: #fff; border-top: 2px solid #000; }
.qnview td { text-align: left; border-bottom: 1px solid #eaeaea; padding: 15px 10px; color: #000; }
.qnview tr:first-child td { background: #eaeaea; }
.qnview tr:first-child td.right { text-align: right; }
.qnview_command { padding: 20px; min-height: 150px; display: block; white-space: pre-wrap; }
.money-modal { display: none; position: fixed; inset: 0; z-index: 2000; background: rgba(0, 0, 0, 0.75); }
.money-modal.is-open { display: flex; align-items: center; justify-content: center; }
.money-modal .modal-content { position: relative; width: min(92vw, 480px); background: #fff; border-radius: 4px; color: #111827; }
.money-modal .mod_close { position: absolute; top: 8px; right: 8px; }
.money-modal .mod_close button { border: 0; background: transparent; font-size: 18px; cursor: pointer; }
.money-modal .modal-body { padding: 28px 24px 16px; }
.money-modal .modb_txt h4 { margin: 0; font-size: 16px; }
.money-modal .modb_txt p { margin: 10px 0 0; color: #6b7280; }
.money-modal .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 0 24px 20px; }
.money-modal .casn_btn, .money-modal .fins_btn { padding: 8px 12px; cursor: pointer; }
.money-modal .casn_btn { border: 0; background: rgba(41, 41, 41, 0.9); color: #fff; }
.money-modal .fins_btn { border: 1px solid #d1d5db; background: #fff; color: #111827; }