@charset "UTF-8";
:root {
    --def-pp-deep:      #5F28AB;    /* 짙은 보라색 */
    --def-pp-light:     #B448CA;    /* 밝은 보라색 */
    --def-green-neon:   #08FF75;    /* 네온 그린 */
    --def-blue-teal:    #009CA6;    /* 청록색 */
    --def-black-dark:   #101010;    /* 검정색 */
    --def-gray-light:   #CBCBCB;    /* 밝은 회색 */
    --def-gray-deep:    #666666;    /* 어두운 회색 */
    --def-gray:         #D9D9D9;    /* 회색 */
    --def-red-bright:   #F20E0E;    /* 밝은 빨강 */
    --foot_bg: #333333;
    --foot_li_txt: #FFF;
    --main_t_bg: #FFFFFF;
    --bd_pp: #7130CC;

    --main_blue: #0076E3;
    --body-bg: #FFF;
    --top-h-hamb-hover-bg: #D9D9D9;
    --top-h-kmarket-hover-border-color: rgba(0, 0, 0, 1);
    --h-sch-bg:#FFF;
    --ht_lang_inner_bg: #FFF;
    --ht_lang_inner_border: #D9D9D9;
    --ht_lang_str_txt: #000;
    --h_shortcut_link_txt: #000;
    --ht_my_info_inner_bg: #FFF;
    --ht_my_info_inner_border: #D9D9D9;
    --ht_my_info_nick_txt: #000;
    --main_pc_login_area_inner_bg: #FFF;
    --main_pc_logged_in_area_row_tt_col_span: #000;
    --main_pc_logged_in_area_grid_bg: #F3F7FF;
    --main_pc_logged_in_area_grid_border_color: #E2EAFF;
    --main_pc_cont_layout_inner_bg: #FFF;
    --main_pc_cont_layout_inner_border_color: #D9D9D9;
    --cont_layout_head_tt_color: #000;
    --clhcwuls_color:#888888;
    --cont_layout_head_sub_inner_bg:#F5F6F7;
    --main_pc_right_wg_card_bg: #FFF;
    --default_status_use_card_bg: #F3F7FF;
    --default_status_use_card_border: var(--def-pp-deep);
    --common_txt: #101010;
    --common_txt_opc: #909090;
    --common_txt_not_on: #606060;
    --sch_bo_tt_txt: #172AF3;
    --common_btn_bg: #4A4A4A;
    --h_top_my_pf_pop_btn_bg: #F3F7FF;
    --common_opc_border: #D9D9D9;
    --common_light_border: #EAEAEA;
    --common_deep_border: #505050;
    --card_border: #E6E6E6;
    --bo_subMenu_on_border:  #000;
    --common_thumb_bg: #dddddd;
    --wg_er_inner_bg: #F5F6F8;

    --foot_bd_top: #E9E9E9;
    --foot_link_row_bd: #E9E9E9;
    --status_use_card_row_left_img:inline-block;
    --common_pop_bg: #FFF;
    --common_pop_border: #D9D9D9;
    --h_shortcut_pop_depth_item_bg: #F5F6F7;
    --h_shortcut_icon_shadow: rgba(0, 0, 0, 0.3);
    --slide_pre_next_btn_bg: #FFF;
    --slide_pre_next_btn_hover_bg: #D9D9D9;
    --joinform_bg: #F5F6F8;
    --common_input_bg: #FFF;
    --m_alert_bg: #323232;
    --input_bg_opc: #F5F6F8;
    --input_vali_inline_btn_bg: #FFF;
    --input_vali_inline_btn_active_bg: #A5ADB8;
    --input_vali_inline_btn_active_txt: #EFEFEF;
    --input_vali_inline_btn_border: #D9D9D9;
    --email_login_btn_bg: #A5ADB8;
    --input_readonly_bg: #E7E6E6;
    --bv_author_foot_flex_bg: #F5F6F7;
    --btn_not_on_txt: #C1C1C1;
    --btn_on_txt: #000;
    --bv_etc_btn_bg: #EFF0F2;
    --bv_etc_btn_txt: #101010;
    --up_sch_filter_on_item_bg: #F1F9FF;
    --up_sch_filter_on_item_txt: var(--def-pp-deep);
    --up_sch_filter_on_item_border: 0 0 0 1px #D9D9D9;
    --up_sch_filter_item_bg: #FFF;
    --up_sch_filter_item_txt: var(--common_txt);
    --up_sch_filter_item_border: none;
    --mp_card_bg: #FFF;
    --pick_accuracy_inner_bg: #FFF;
    --mp_log_att_on_bg: #F5F6F7;
    --mp_tab_module_bg: #f8f8f8;
    --mp_tab_module_ac_bg: #FFF;
    --mp_period_btn_bg: #EFF0F2;
    --mp_cal_col_bg: #FFF;
    --mp_cal_grid_bg: #E2E2E2;
    --mp_cal_head_bg:#202020;
    --mp_att_tag_bg: #D2D2D2;
    --mp_att_tag_txt: #FFF;
    --mp_att_tag_bg_active: #101010;
    --mp_att_tag_active_border: #101010;
    --mp_att_tag_active_txt: #FFF;
    --mp_quest_tag_bg: #435CFF;
    --mp_quest_tag_txt: #FFF;
    --mp_myinfo_val_chk_btn_bg: #FFF;
    --mp_myinfo_val_chk_btn_border: #000;
    --common_table_th_bg:#F5F6F8;
    --li_hover_bg: #e8e8e8;
    --bo_cate_on_bg: #000;
    --mb_cate_col_bg: #FFF;
    --mb_cate_col_txt: #C1C1C1;
    --mb_cate_col_border: #C1C1C1;
    --mb_cate_col_on_bg: #FFF;
    --mb_cate_col_on_txt: #000;
    --mb_cate_col_on_border: #000;
    --mb_cate_col_bd_bot: #000;
    --mb_cate_col_on_bd_bot: #FFF;
    --bm_cate_inner_bd_bot: #000;
    --sch_hl_bg: rgba(255, 236, 32, 0.8);
    --pop_mask_opc: rgba(0, 0, 0, 0.2);

    --common_cate_li_bg: #FFF;
    --common_cate_li_on_bg: #000;
    --common_cate_li_bd: #000;
    --common_cate_li_on_bd: #000;
    --common_cate_li_txt: #000;
    --common_cate_li_on_txt: #FFF;

    --main_gwang_tag_txt: #000;
    --main_gwang_tag_bg: #D9D9D9;
    --main_gwang_tag_bd: #D9D9D9;
    --main_logo: url('/assets/images/kplay_logo_v3.gif');
}

:root[data-bs-theme=dark]{

    --def-pp-deep:      #5F28AB;    /* 짙은 보라색 */
    --def-pp-light:     #B448CA;    /* 밝은 보라색 */
    --def-green-neon:   #08FF75;    /* 네온 그린 */
    --def-blue-teal:    #009CA6;    /* 청록색 */
    --def-black-dark:   #101010;    /* 검정색 */
    --def-gray-light:   #CBCBCB;    /* 밝은 회색 */
    --def-gray-deep:    #666666;    /* 어두운 회색 */
    --def-red-bright:   #F20E0E;    /* 밝은 빨강 */

    --main_blue: #0076E3;
    --body-bg: #1E1E20;
    --top-h-hamb-hover-bg: #333336;
    --top-h-kmarket-hover-border-color: rgb(255, 255, 255);
    --h-sch-bg: #1E1E20;
    --ht_lang_inner_bg: #272829;
    --ht_lang_inner_border: #3C3E3E;
    --ht_lang_str_txt: #FFF;
    --h_shortcut_link_txt: #FFF;
    --ht_my_info_inner_bg: #272829;
    --ht_my_info_inner_border: #3C3E3E;
    --ht_my_info_nick_txt: #FFF;
    --main_pc_login_area_inner_bg: #272829;
    --main_pc_logged_in_area_row_tt_col_span: #FFF;
    --main_pc_logged_in_area_grid_bg: #333336;
    --main_pc_logged_in_area_grid_border_color: #3C3E3E;
    --main_pc_cont_layout_inner_bg: #272829;
    --main_pc_cont_layout_inner_border_color: #272829;
    --cont_layout_head_tt_color: #F3F3F3;
    --clhcwuls_color:#CBCBCB;
    --cont_layout_head_sub_inner_bg:#333336;
    --main_pc_right_wg_card_bg: #272829;
    --default_status_use_card_bg: #272829;
    --default_status_use_card_border: #272829;
    --common_txt: #F3F3F3;
    --common_txt_opc: #CBCBCB;
    --common_txt_not_on: #606060;
    --sch_bo_tt_txt: var(--def-pp-deep);
    --common_btn_bg: #333336;
    --h_top_my_pf_pop_btn_bg: #333336;
    --common_opc_border: #3C3E3E;
    --common_light_border: #3C3E3E;
    --common_deep_border: #3C3E3E;
    --card_border: #292A2B;
    --bo_subMenu_on_border: #3C3E3E;
    --common_thumb_bg: #272829;
    --m_alert_bg: #474747;
    --wg_er_inner_bg: #272829;
    --foot_bg: #2E2F30;
    --foot_bd_top: #2E2F30;
    --foot_link_row_bd: #3C3E3E;
    --status_use_card_row_left_img:none;
    --common_pop_bg: #272829;
    --common_pop_border: #383C3C;
    --h_shortcut_pop_depth_item_bg: #2D2E2F;
    --h_shortcut_icon_shadow: rgba(103, 103, 103, 0.1);
    --slide_pre_next_btn_bg: #343638;
    --slide_pre_next_btn_hover_bg: #343638;
    --joinform_bg: #1E1E20;
    --common_input_bg: #272829;
    --input_bg_opc: #333336;
    --input_vali_inline_btn_bg: #3C3E3E;
    --input_vali_inline_btn_active_bg: #333336;
    --input_vali_inline_btn_active_txt: #606060;
    --input_vali_inline_btn_border: #3C3E3E;
    --email_login_btn_bg: #333336;
    --input_readonly_bg: #333336;
    --bv_author_foot_flex_bg: #272829;
    --btn_not_on_txt: #666666;
    --btn_on_txt: #F3F3F3;
    --bv_etc_btn_bg: #3C3E3E;
    --bv_etc_btn_txt: #E7E7E7;
    --up_sch_filter_on_item_bg: #333336;
    --up_sch_filter_on_item_txt: var(--def-pp-deep);
    --up_sch_filter_on_item_border: 0 0 0 1px #3C3E3E;
    --up_sch_filter_item_bg: #272829;
    --up_sch_filter_item_txt: #CBCBCB;
    --up_sch_filter_item_border: 0 0 0 1px #3C3E3E;
    --mp_card_bg: #272829;
    --pick_accuracy_inner_bg: #333336;
    --mp_log_att_on_bg: #333336;
    --mp_tab_module_bg: #1E1E20;
    --mp_tab_module_ac_bg: #272829;
    --mp_period_btn_bg: #272829;
    --mp_cal_col_bg: #1E1E20;
    --mp_cal_grid_bg: #272829;
    --mp_cal_head_bg:#272829;
    --mp_att_tag_bg: #D2D2D2;
    --mp_att_tag_txt: #FFF;
    --mp_att_tag_bg_active: #312845;
    --mp_att_tag_active_border: #3B2C53;
    --mp_att_tag_active_txt: #B078FF;
    --mp_quest_tag_bg: var(--def-pp-deep);
    --mp_quest_tag_txt: #FFF;
    --mp_myinfo_val_chk_btn_bg: #272829;
    --mp_myinfo_val_chk_btn_border: #3C3E3E;
    --common_table_th_bg:#333336;
    --li_hover_bg: #333336;
    --bo_cate_on_bg: #333336;
    --mb_cate_col_bg: #272829;
    --mb_cate_col_txt: #9E9E9E;
    --mb_cate_col_border: #3C3E3E;
    --mb_cate_col_on_bg: #1E1E20;
    --mb_cate_col_on_txt: #FFF;
    --mb_cate_col_on_border: #3C3E3E;
    --mb_cate_col_bd_bot: #3C3E3E;
    --mb_cate_col_on_bd_bot: #1E1E20;
    --bm_cate_inner_bd_bot: #3C3E3E;
    --sch_hl_bg: rgba(255, 255, 0, 0.8);
    --pop_mask_opc:rgba(0, 0, 0, 0.7);

    --common_cate_li_bg: #272829;
    --common_cate_li_on_bg: #333336;
    --common_cate_li_bd: #3C3E3E;
    --common_cate_li_on_bd: #333336;
    --common_cate_li_txt: #606060;
    --common_cate_li_on_txt: #FFFFFF;

    --main_gwang_tag_txt: #F3F3F3;
    --main_gwang_tag_bg: #292A2B;
    --main_gwang_tag_bd: #383C3C;
    --main_logo: url('/assets/images/logo_main_white.gif');
}
select.form-control {line-height: unset !important;}
.btn-gray{background: #7f7f7f}
.btn-gray:hover{background: #676767}
.btn-gold{background: #FFD940 !important; color: #FFF !important;}
.btn-gold:hover{background: #cda503 !important; color: #FFF !important;}
.mb-rem-4{margin-bottom: 4rem !important;}
.mb-rem-6{margin-bottom: 6rem !important;}
.txt-gold{color: #FFD940 !important;}
.txt-red{color: #FF1A1A !important;}
.txt-green{color: #30F416 !important;}
#blank_wrapper{padding: 20px;}
.brand-logo .main-logo-bg{display: block; width: 90px; height: 25px; background-image: var(--main_logo); background-repeat: no-repeat; background-size: contain; background-position: center;}
.navbar-brand.brand-logo .main-logo-bg{display: block; width: 120px; height: 35px; background-image: var(--main_logo); background-repeat: no-repeat; background-size: contain; background-position: center;}
.h_current_lang_val { font-size: 13px; color: var(--bs-primary-text-emphasis); }

#h_set_theme_btn_wrap { }
#h_set_theme_btn { position: relative; display: block; margin-left: 20px; }
#h_set_theme_btn::after { content: ""; display: block; background-image: var(--set_theme_img); background-repeat: no-repeat; background-position: center; background-size: cover; width:30px; height: 30px; }

.img-md.rounded-circle { width: 100%; max-width: 60px; }
thead, tbody, tfoot, tr, td, th { border-color: var(--common_opc_border); }

.common-cate-flex .input-group { display: flex; column-gap: 5px; padding-top: 5px; }
.common-cate-flex .input-group .btn { margin-bottom: 5px; padding: 8px 15px; border-radius: 24px; border: 1px solid var(--common_opc_border); }
.common-cate-flex .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.common-cate-flex .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),.common-cate-flex .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,.common-cate-flex .input-group:not(.has-validation) > .form-floating:not(:last-child) > .typeahead,.common-cate-flex .input-group:not(.has-validation) > .form-floating:not(:last-child) > .tt-query,.common-cate-flex .input-group:not(.has-validation) > .form-floating:not(:last-child) > .tt-hint, .select2-container--default .select2-selection--single.common-cate-flex .input-group:not(.has-validation) > .form-floating:not(:last-child) > .select2-search__field, .select2-container--default.common-cate-flex .input-group:not(.has-validation) > .form-floating:not(:last-child) > .select2-selection--single,.common-cate-flex .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-radius: 24px; }
.common-cate-flex .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-radius: 24px; }
.fw-semibold { color: var(--common-txt); }
.display-none { display: none; }
.common-border { border: 1px solid var(--common_opc_border); }
.white_nowrap { white-space: nowrap }
.table th.white_nowrap, .table td.white_nowrap { white-space: nowrap }


.loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999; display: flex; align-items: center; justify-content: center; }
.loading-spinner { width: 80px; height: 80px; border: 5px solid #f3f3f3; border-top: 5px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.file-multi-area .btn_del_upfile { width:24px; height:24px; position:absolute; font-size:14px; line-height:24px; right:0; background-image:url(/assets/img/ico_x_gray.png); background-repeat:no-repeat; background-size:12px 12px; background-position:center; }

.bv_stats_star_score { display: inline-block; margin-left: 5px; }
.star-rating-svg .stars .star-rating-svg { vertical-align: bottom; }
.star-rating-svg .stars .star-rating-svg .stars { line-height: 1; }
.star-rating-svg .stars svg.bvr_star { width: 23px; height: 23px; cursor: pointer; }
.star-rating-svg .stars .bvr_star path { fill: var(--common_opc_border); fill-opacity: 1; transition: fill 0.2s, fill-opacity 0.3s ease-in; }
.star-rating-svg .stars .bvr_star.filled path { fill: #F6CB03; fill-opacity: 1; }
.star-rating-svg .stars .bvr_star.half path { fill: url(#half-gradient); fill-opacity: 1; }
.star-rating-svg .stars .bvr_star:hover path { fill-opacity: 0.95; }
.star-rating-svg .stars svg[width="0"][height="0"] { position: absolute; width: 0; height: 0; overflow: hidden; }

.m_alert_wrap {display: none; position: fixed;left: 50%; transform: translateX(-50%); bottom: 100px; max-width: 350px; min-width: 250px; z-index: 9999;background-color: var(--m_alert_bg);color: #FFF;font-size: 15px;padding: 12px 15px;text-align:center;border-radius: 5px;-webkit-box-shadow: 0 0 24px -1px rgba(56, 56, 56, 1);-moz-box-shadow: 0 0 24px -1px rgba(56, 56, 56, 1);box-shadow: 0 0 24px -1px rgba(56, 56, 56, 1);}
.badge-main-blue{color: white !important;background: var(--main_blue) !important;border: 1px solid var(--main_blue) !important;border-radius: 4px;}
.hidden { display: none !important; }
.bold{ font-weight: bold !important; }
.sort-link{ font-weight: bold !important; color: var(--main_blue) !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.bk-gap-8 { gap: 8px; }
.bk-pw-box { position: relative; width: 280px; }
.bk-pw-input { padding-right: 70px; }
.bk-pw-rand-btn,
.bk-pw-eye-btn { position: absolute; width: 25px; height: 25px; top: 50%; transform: translateY(-50%); color: #d9d9d9; }
.bk-pw-rand-btn { right: 38px; }
.bk-pw-eye-btn { right: 8px; }
.bk-pw-rand-btn i,
.bk-pw-eye-btn i { font-size: 1.2em; color: #d9d9d9; }
.bk-pw-eye-btn i { font-size: 1.3em; }
.date-range-tilde{display: flex;align-items: center; justify-content: center; margin-left: 3px!important; margin-right: 3px!important;}

.table td.article-td-title{min-width: 150px; max-width: 200px; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: visible; line-height: 15px}
.table td.article-td-title strong{font-weight: bold;}
.table tr.text-muted td:not(.badge), .table tr.text-muted td *:not(.badge){opacity: 0.5 !important;}
.table td.img_square img{ border-radius: 3px !important;}
#order_list_tbl th, #order_list_tbl td, #order_list_tbl td .btn.btn-sm, .btn-group-sm > .btn { font-size: 12px; }
#chat-room-list-tbl th, #chat-room-list-tbl td, #chat-room-list-tbl td .btn.btn-sm, .btn-group-sm > .btn { font-size: 12px; }
#adm-list-tbl th, #adm-list-tbl td, #adm-list-tbl td .btn.btn-sm, .btn-group-sm > .btn { font-size: 12px; }
#custom_sm_text_tbl th, #custom_sm_text_tbl td, #custom_sm_text_tbl td .btn.btn-sm, .btn-group-sm > .btn { font-size: 12px; }
#mb_list_tbl th, #mb_list_tbl td, #mb_list_tbl td .btn.btn-sm, .btn-group-sm > .btn { font-size: 12px; }
#adm_menu_auth_form label{cursor: pointer; }
#game_li_tbl th, #game_li_tbl td, #game_li_tbl td .btn.btn-sm, .btn-group-sm > .btn { font-size: 12px; }
.table td .td_in_ad_bg_wrap{position: relative; width: 100px; height: 65px; border-radius: 5px; border: 1px solid var(--common_opc_border); margin: 0 auto; }
.table td .td_in_ad_bg_wrap .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain;border-radius: 5px;}
.table td.tbl_td_elli2 span {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-break: break-all;line-height: 1.4em;max-height: calc(1.4em * 2);}
.end-expired {color: #a80000;}
.upload_preview_wrap{border: 1px solid var(--common_opc_border); border-top: 0; border-radius: 0 0 5px 5px; padding: 2px; }

#default_list_v_tbl th, #default_list_v_tbl td{ overflow: hidden; max-width: 200px; word-break: break-word; white-space: unset }
#default_list_v_tbl th, #default_list_v_tbl td, #default_list_v_tbl td .btn.btn-sm, .btn-group-sm > .btn { font-size: 12px; }
#default_list_v_tbl th.td_etc, #default_list_v_tbl td.td_etc{white-space: nowrap;}

body.de_pop_lock_scroll { overflow: hidden; }
.de_pop_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 2000; }
.de_pop_backdrop { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.de_pop_content { position: relative; background: #1e1e2f; color: #eee; width: 90%; max-width: 700px; max-height: 90%; overflow-y: auto; border-radius: 10px; padding: 20px; box-shadow: 0 0 30px rgba(0,0,0,0.5); }
.de_pop_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.de_pop_title { font-size: 18px; margin: 0; }
.de_pop_close { background: transparent; border: none; font-size: 24px; color: #fff; cursor: pointer; }
.de_pop_body { font-size: 14px; line-height: 1.6; }
.de_pop_body .receipt-box { background: #1e1e2f; border-radius: 8px; padding: 20px; font-size: 14px; color: #eee; line-height: 1.6; }
.de_pop_body .receipt-box.raw-response { background: #111; font-family: monospace; font-size: 13px; }
.de_pop_body .receipt-box .section-title { font-weight: bold; font-size: 15px; border-bottom: 1px solid #444; margin: 20px 0 10px; padding-bottom: 4px; }
.de_pop_body .receipt-box .item { display: flex; justify-content: space-between; border-bottom: 1px dashed #444; padding: 6px 0; }
.de_pop_body .receipt-box .item:last-child { border-bottom: none; }
.de_pop_body .receipt-box .label { color: #aaa; }


.market_order_modal_dim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 2000; }
.market_order_modal_wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--common_pop_bg); border-radius: 10px; width: 90%; max-width: 500px; max-height: 95vh; overflow-y: auto; z-index: 2001; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
.market_order_modal_box { padding: 20px; }
.market_order_modal_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.market_order_modal_title { font-size: 18px; font-weight: bold; }
.market_order_modal_close { background: none; border: none; font-size: 24px; cursor: pointer; }
.market_order_info { margin-bottom: 20px; }
.market_order_text { background: var(--input_bg_opc); padding: 10px; border-radius: 5px; margin-top: 8px; font-size: 14px; }
.market_order_summary .summary_title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--common_light_border); }
.market_order_summary .summary_title h4 { font-size: 17px; margin-bottom: unset; font-weight: bold; color: var(--common_txt); }
.market_order_summary .summary_title .btn { font-size: 13px; padding: 5px 10px; }
.market_order_detail_list { border: 1px solid var(--common_opc_border); padding: 12px; border-radius: 6px; background: var(--input_bg_opc); }
.market_order_product_item { display: flex; gap: 10px; }
.market_order_product_item .thumb { width: 95px; border-radius: 6px; overflow: hidden; flex-shrink: 0; background: var(--common_thumb_bg); }
.market_order_product_item .thumb img { width: 100%; height: 100%; object-fit: cover; }
.market_order_product_item .info { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.market_order_product_item .info .inf_col { display: flex; flex-direction: column; }
.market_order_product_item .info .name { font-weight: bold; font-size: 14px; margin-bottom: 4px; }
.market_order_product_item .info .qty_price { font-size: 13px; color: var(--common_txt); }
.market_order_product_item .info .subtotal { font-size: 13px; color: var(--common_txt_opc); margin-top: 2px; }
.market_order_total_amount { font-weight: bold; font-size: 15px; text-align: right; margin-top: 10px; color: var(--common_txt); }
.market_order_reason label { display: block; margin-bottom: 6px; font-weight: bold; }
.market_order_reason textarea { width: 100%; min-height: 100px; padding: 10px; border: 1px solid var(--common_opc_border); border-radius: 6px; resize: vertical; font-size: 14px; }
.market_order_modal_footer { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.market_order_submit_btn { background: var(--main-blue); color: #fff; font-size: 13px; border: none; border-radius: 5px; padding: 12px 0; font-weight: bold; cursor: pointer; }
.market_order_modal_footer .cancel { background: #eee; color: #000; font-size: 13px; border: none; border-radius: 5px; padding: 12px 0; font-weight: bold; cursor: pointer; }


.chat_his_box { min-height: 450px; max-height: 650px; overflow-y: auto; }
.chat_his_inner { height: 100%; }
.chat_his_inner .blah { display: flex; align-items: flex-start; font-size: 14px; column-gap: 2px; margin-bottom: 5px; }
.chat_his_inner .blah .level_icon { width: 20px; margin-right: 3px; }
.chat_his_inner .blah .level_icon img { width: 20px; }
.chat_his_inner .blah span { word-break: break-word; }
.room_thumb_wrap { margin: 15px auto; width: 70px; height: 70px; position: relative; border-radius: 5px; border: 1px solid var(--common_opc_border) }
.room_thumb_wrap .room_thumb_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 5px; }
.room_info_box .inf_rows { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; padding: 0 5px 2px; border-bottom: 1px solid var(--common_light_border); }
.room_info_box .inf_rows .lb { font-size: 13px; color: var(--common_txt_opc); }
.room_info_box .inf_rows .vl { font-size: 13px; color: var(--common_txt); font-weight: 500 }
.room_info_box .inf_rows .vl .badge { padding: 5px 10px; }
.rm_noti_tt { font-size: 14px; font-weight: bold; color: var(--common_txt); margin-bottom: 10px; }
.rm_noti_empty { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.room_inf_noti_box { height: 370px; overflow-y: auto; border: 1px solid var(--common_opc_border); padding: 8px; border-radius: 5px; }
.rm_users_tbl { max-height: 450px; overflow-y: auto; }
.rm_users_tbl .table.table-analytic { position: relative; }
.rm_users_tbl .table.table-analytic thead { position: sticky; top: 0; z-index: 100; }
.rm_users_tbl .table.table-analytic th p { text-align: center; }
.rm_users_tbl .table.table-analytic th, .rm_users_tbl .table.table-analytic td { font-size: 12px; }
.rm_users_tbl .table.table-analytic td .badge { font-size: 11px; }
.rm_users_tbl .table-analytic .analytic-table-username { margin-bottom: 2px; line-height: 1 }

.custom_chk_toggle_td { position: relative; }
.custom_chk_toggle { position: relative; display: inline-block; width: 60px; height: 30px; }
.custom_chk_toggle_chk { opacity: 0;width: 0; height: 0; }
.custom_chk_toggle_label { position: absolute; cursor: pointer; background-color: #dcdcdc; border-radius: 30px; top: 0; left: 0; right: 0; bottom: 0; transition: background-color 0.3s; }
.custom_chk_toggle_label::before { content: ""; position: absolute; height: 24px; width: 24px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; transition: transform 0.3s; }
.custom_chk_toggle_chk:checked + .custom_chk_toggle_label { background-color: #4CAF50; }
.custom_chk_toggle_chk:checked + .custom_chk_toggle_label::before { transform: translateX(30px); }
.custom_chk_toggle_label::after { content: 'OFF'; width: 20px; color: #333; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 12px; }
.custom_chk_toggle_chk:checked + .custom_chk_toggle_label::after { content: 'ON'; color: #FFF; left: 10px; }
.adm_menu_tbl_wrap{border: 1px solid var(--common_opc_border); border-radius: 10px; padding: 15px; margin-bottom: 20px;}


.cmm_cont { padding: 5px 10px 100px; }
.cmm_tt { font-size: 20px; font-weight: bold; padding: 10px; border-bottom: 1px solid var(--common_opc_border); margin-bottom: 10px; }
.cmm_main { display: flex; flex-direction: column; gap: 12px; }
.cmm_row { background-color: var(--body-bg); border: 1px solid var(--common_opc_border); border-radius: 6px; padding: 10px 12px; transition: background-color 0.2s; }
.cmm_row_child { margin-left: 40px; position: relative; background-color: var(--body-bg); }
.cmm_row_child::before { content: ''; position: absolute; top: -12px; left: -20px; width: 2px; height: calc(100% + 12px); background-color: var(--common_opc_border); }
.cmm_row_child:last-child::before { height: 20px; }
.cmm_wr_info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; flex-wrap: wrap; }
.cmm_wr_info_left { display: flex; gap: 8px; align-items: center; }
.cmm_wr_nick { font-weight: bold; color: var(--bs-primary, #007bff); }
.cmm_reg_date { font-size: 12px; color: var(--common_txt_opc); }
.cmm_wr_content { white-space: pre-line; word-wrap: break-word; }
.cmm_wr_fixed { z-index: 1000; padding: 15px 20px; position: fixed; bottom: 0; left: 0; width: 100%; background-color: var(--common_input_bg); border-top: 1px solid var(--common_opc_border); }
.cmm_wr_fixed .input-group textarea { resize: none; font-size: 14px; padding: 8px 10px; border-radius: 4px; border: 1px solid var(--common_opc_border); }
.reply_preview { background-color: var(--common_input_bg); padding: 5px 8px; border-left: 3px solid var(--common_light_border); border-radius: 5px; align-items: center; gap: 6px; margin-bottom: 5px; max-width: 100%; }
.reply_preview span { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.custom_chk_in_form_wrap { position: relative; display: flex; align-items: center; height: 100%; }
.custom_chk_in_form { position: relative; display: inline-block; width: 70px; height: 30px; }
.custom_chk_in_form_chk { opacity: 0;width: 0; height: 0; }
.custom_chk_in_form_label { position: absolute; cursor: pointer; background-color: #dcdcdc; border-radius: 30px; top: 0; left: 0; right: 0; bottom: 0; transition: background-color 0.3s; }
.custom_chk_in_form_label::before { content: ""; position: absolute; height: 24px; width: 24px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; transition: transform 0.3s; }
.custom_chk_in_form_chk:checked + .custom_chk_in_form_label { background-color: #4CAF50; }
.custom_chk_in_form_chk:checked + .custom_chk_in_form_label::before { transform: translateX(40px); }
.custom_chk_in_form_label::after { content: 'OFF'; width: 25px; color: #333; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 12px; }
.custom_chk_in_form_chk:checked + .custom_chk_in_form_label::after { content: 'ON'; color: #FFF; left: 10px; }

.custom_chk_in_form_wrap.inline_lb .custom_chk_in_form{ width: 60px; }
.custom_chk_in_form_wrap.inline_lb .custom_chk_in_form .custom_chk_in_form_label::before{ width: 16px; height: 16px; }
.custom_chk_in_form_wrap.inline_lb .custom_chk_in_form_chk:checked + .custom_chk_in_form_label::before{transform: translateX(38px);}
small.lb_in_noti{display: block; color: #F6CB03; font-size: 12px; font-weight: bold}
.table td img.td_in_ad_img{width: 120px; height: unset; border-radius: 3px;}

.sch_g_pop_dim { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 9998; }
.sch_g_pop_wrap { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 95vh; max-width: 1280px; width: 90%; background: var(--common_pop_bg); border-radius: 12px; z-index: 9999; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.3); }

.sch_g_pop_dim.on,
.sch_g_pop_wrap.on { display: block; }

.sch_g_pop_header,
.sch_g_pop_footer { position: relative; padding: 10px 15px; background: var(--common_pop_bg); }
.sch_g_pop_title { text-align: center; padding: 10px 0 20px; font-size: 18px; color: var(--common_txt_opc); border-bottom: 1px solid var(--common_opc_border); }
.sch_g_pop_close { position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 1.5rem; float: right;color: #FFF;  }

.sch_g_pop_body { padding: 15px; max-height: calc(95vh - 120px); overflow-y: auto; }

.sch_g_pop_table_wrap { max-height: 60vh; overflow-y: auto; }
.sch_g_pop_table thead th { position: sticky; top: -1px; z-index: 10; height: 32px; border-top: 2px solid var(--common_opc_border); }
.sch_g_pop_loader { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; }
.sch_g_pop_loader_dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);}
.sch_g_pop_loader_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sch_g_pop_loader_inner img { width: 60px; height: 60px; }
body.no-scroll {overflow: hidden;}
html.no-scroll {overflow: hidden;}



.loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999; display: flex; align-items: center; justify-content: center; }
.loading-spinner { width: 80px; height: 80px; border: 5px solid #f3f3f3; border-top: 5px solid var(--main_blue); border-radius: 50%; animation: loading_spin 0.5s linear infinite; }
@keyframes loading_spin {
    0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
}