@charset "UTF-8";
/* reset */
:root {

    --wg_ranking_card_bg: #DAEDFF;
    --wg_ranking_card_tbl_bg: #FFFFFF;
    --wg_ranking_card_tbl_bd: #E6E6E6;
    --wg_ranking_card_tbl_th: #1D4B76;

    --wg_ranking_card_tab_bg: #FFFFFF;
    --wg_ranking_card_tab_bd: #FFF;
    --wg_ranking_card_tab_txt: #000;

    --wg_ranking_card_tab_bg_on: #222222;
    --wg_ranking_card_tab_bd_on: #222222;
    --wg_ranking_card_tab_txt_on: #FFF;

    --main_highlight_cat_tab_bg: #F7F7F9;
    --main_highlight_cat_tab_txt: #606060;
    --main_highlight_cat_tab_bd: #F7F7F9;

    --main_highlight_cat_tab_bg_on: #000000;
    --main_highlight_cat_tab_txt_on: #FFFFFF;
    --main_highlight_cat_tab_bd_on: #000000;

    --main_blue: #0076E3;
    --body-bg: #F4F5F9;
    --mp-body-bg: #FFFFFF;
    --body-grad-bg: linear-gradient(180deg, #FFFFFF 0%, #FAFAFC 70%, #F4F5F9 100%);
    --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: #E4F2FF;
    --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(--main_blue);
    --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: #FFFFFF;
    --foot_bg: #F5F6F7;
    --foot_bd_top: #E9E9E9;
    --foot_link_row_bd: #E9E9E9;
    --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;
    --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(--main_blue);
    --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: #FBFBFB;
    --mp_cal_grid_bg: #D9D9D9;
    --mp_cal_head_bg:#0076E3;
    --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;

    --tbl_pin_bg: #f8f8f8;
    --mp_card_bg_opc: #F4F5F9;

    --top-hamb-img: url('/assets/images/ico_hb_menu.png');
    --top-kmarket-img: url('/assets/images/icon/ico_bag_black.png');
    --set_theme_img: url('/assets/images/icon/ico_moon_dark.png');
    --common_arrow_down_thin:url('/assets/images/ico_arrow_down_sm.png');
    --h_cal_btn_after_img:url('/assets/images/icon/ico_cal_dark.png');
    --ico_pre_sm:url('/assets/images/ico_pre_bk_sm.png');
    --ico_next_sm:url('/assets/images/ico_next_bk_sm.png');
    --right_wg_card_tt_h3_after:url('/assets/images/ico_arrow_right_b_1.png');
    --h_shortcut_link_img_01: url('/assets/images/ico_shortcut_v4_01.png');
    --h_shortcut_link_img_02: url('/assets/images/ico_shortcut_v4_02.png');
    --h_shortcut_link_img_03: url('/assets/images/ico_shortcut_v4_03.png');
    --h_shortcut_link_img_04: url('/assets/images/ico_shortcut_v4_04.png');
    --h_shortcut_link_img_05: url('/assets/images/ico_shortcut_v4_05.png');
    --h_shortcut_link_img_06: url('/assets/images/ico_shortcut_v4_06.png');
    --h_shortcut_link_img_07: url('/assets/images/ico_shortcut_v4_07.png');
    --h_shortcut_link_img_08: url('/assets/images/ico_shortcut_v4_08.png');
    --h_shortcut_link_img_09: url('/assets/images/ico_h_shortcut_event_white.png');
    --h_shortcut_link_img_09_2: url('/assets/images/ico_shortcut_market_white.png');
    --h_shortcut_link_img_10: url('/assets/images/ico_shortcut_v4_10.png');
    --h_shortcut_link_img_11: url('/assets/images/ico_shortcut_v4_11.png');
    --h_shortcut_link_img_12: url('/assets/images/ico_shortcut_v4_12.png');
    --h_shortcut_link_img_more: url('/assets/images/ico_h_shortcut_more.png');
    --h_shortcut_link_img_more_close: url('/assets/images/ico_h_shortcut_more_close.png');
    --kplay_logo_gif: url('/assets/images/logo_white.png');
    --kplay_logo_common: url('/assets/images/logo_white.png');
    --kplay_app_icon: url('/assets/images/logo_white.png');
    --show_pw_ico: url('/assets/images/ico_show_pass.svg');
    --hide_pw_ico: url('/assets/images/ico_hide_pass.svg');
    --ico_good_cnt: url('/assets/images/ico_good_cnt_gr.svg');
    --ico_bo_trash: url('/assets/images/mypage/ico_mp_trscan_dark.png');
    --ico_bo_pencil: url('/assets/images/mypage/ico_mp_pcl_dark.png');
    --ico_mp_att_btn: url('/assets/images/ico_mp_att_btn_bk.svg');
    --ico_inp_date: url('/assets/images/ico_inp_date_bk.svg');
    --sch_submit_ico: url('/assets/images/ico_sch_submit_bk.svg');
    --mp_note_envelop_img: url('/assets/images/ico_envelop_1_sm.png');
    --mp_note_view_envelop_img: url('/assets/images/ico_envelop_2_sm.png');
    --mp_quest_tag_after: url('/assets/images/ico_mp_att_quest_chk.svg');
    --ico_cross: url('/assets/images/ico_cross_bk.svg');
    --ico_arrow_dw: url('/assets/images/icon/ico_arrow_fill_bk.png');
    --ico_mp_copy: url('/assets/images/mypage/ico_copy_black.png');

    #default_table_skin a:visited {
        color: #999999;
    }

    --st_cat_bg: #FFF;--st_cat_bg_hv: #F3F7FF;--st_cat_bd: #DDDDDD;--st_cat_bd_on: #000000;
    --st_cat_cnt_bg: #E9E9E9;--st_cat_cnt_bg_on: #101010;--st_cat_cnt_txt: #333333;--st_cat_cnt_txt_on: #F3F3F3;
    --st_fold_bd:#414141;--stf_hd_bg:#F3F7FF;--stf_m_bg:#FFF;--stf_m_txt:#101010;--stf_hd_txt:#333333;
    --stf_more_di_bg: #DEEBF7;--stf_more_di_txt: #101010;
    --lsr_card_bd: #101010;--lsr_card_bg: #FFF;--lsr_ico_cart: url('/assets/images/sports/icon/ico_st_cart.png');--lsr_ico_log: url('/assets/images/sports/icon/ico_st_log.png');--lsr_ico_cart_on: url('/assets/images/sports/icon/ico_st_cart_on.png');--lsr_ico_log_on: url('/assets/images/sports/icon/ico_st_log_on.png');
    --lsr_quick_btn_bg: linear-gradient(180deg, #FFFFFF 0%, #E4EDFF 100%);
    --lsr_quick_btn_dk_bg: linear-gradient(180deg, #4D4D4D 0%, #1D1D1D 100%);
    --lsr_ico_clear: url('/assets/images/sports/icon/ico_trashcan_black.png');
    --lsr_ico_refresh: url('/assets/images/sports/icon/ico_refresh_black.png');
    --lsr_cart_item_bg: #EEEEEE;
    --lsrb_hd_bg: #F3F7FF;
    --lsrb_game_inf_bg:#FFF;
    --lsrb_bill_detail_bg:#FFF;
    --stf_m_grad:linear-gradient(180deg, #F3F7FF 0%, #BFC8DA 100%);
    --stf_m_grad_locked:linear-gradient(180deg, #ebebeb 0%, #a4a4a4 100%);

    --ico_page_top_bd: #E2E2E2;
    --ico_page_top_bg: #FFFFFF;
    --ico_page_top_arrow: url('/assets/images/icon/ico_page_top_black.png');

    --shortcut_ico_bg: #FFF;
    --shortcut_ico_bd: #F0EFEF;

    --board_cont_box_bg: #FFFFFF;

    --board_cont_sub_tab_bg: #FFFFFF;
    --board_cont_sub_tab_bd: #DEDEDE;
    --board_cont_sub_tab_txt: #000;

    --board_cont_sub_tab_bg_on: #E4ECFE;
    --board_cont_sub_tab_bd_on: #D9E4FE;
    --board_cont_sub_tab_txt_on: #0076E3;

    .note-toolbar .note-btn-group.note-fontname .note-btn{ width: 110px; overflow: hidden; text-overflow: ellipsis;}
}

/* 다크모드 :root */
:root[data-theme=dark]{
    --board_cont_box_bg: #272829;

    --board_cont_sub_tab_bg: #272829;
    --board_cont_sub_tab_bd: #3C3E3E;
    --board_cont_sub_tab_txt: #C0C0C1;

    --board_cont_sub_tab_bg_on: #263045;
    --board_cont_sub_tab_bd_on: #2B3753;
    --board_cont_sub_tab_txt_on: #75A0F6;

    #default_table_skin a:visited {
        color: #6b6b6b;
    }

    --wg_ranking_card_bg: #263045;
    --wg_ranking_card_tbl_bg: #2F3D5B;
    --wg_ranking_card_tbl_bd: #2F3D5B;
    --wg_ranking_card_tbl_th: #F3F3F3;

    --wg_ranking_card_tab_bg: #263045;
    --wg_ranking_card_tab_bd: #405277;
    --wg_ranking_card_tab_txt: #0076E3;

    --wg_ranking_card_tab_bg_on: #0076E3;
    --wg_ranking_card_tab_bd_on: #0076E3;
    --wg_ranking_card_tab_txt_on: #FFF;

    --main_highlight_cat_tab_bg: #272829;
    --main_highlight_cat_tab_txt: #C0C0C1;
    --main_highlight_cat_tab_bd: #3C3E3E;

    --main_highlight_cat_tab_bg_on: #263045;
    --main_highlight_cat_tab_txt_on: #75A0F6;
    --main_highlight_cat_tab_bd_on: #2B3753;

    --main_blue: #0076E3;
    --body-bg: #1E1E20;
    --mp-body-bg: #1E1E20;
    --body-grad-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: #263045;
    --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(--main_blue);
    --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;
    --wg_er_inner_bg: #272829;
    --foot_bg: #2E2F30;
    --foot_bd_top: #2E2F30;
    --foot_link_row_bd: #3C3E3E;
    --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(--main_blue);
    --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: #272829;
    --mp_cal_grid_bg: #3C3E3E;
    --mp_cal_head_bg:#263045;
    --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(--main_blue);
    --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;

    --tbl_pin_bg: #2b2b2b;
    --mp_card_bg_opc: #272829;

    --top-hamb-img: url('/assets/images/ico_hb_menu_white.png');
    --top-kmarket-img: url('/assets/images/icon/ico_bag_white.png');
    --set_theme_img: url('/assets/images/icon/ico_moon_white.png');
    --common_arrow_down_thin:url('/assets/images/ico_arrow_down_sm_white.svg');
    --h_cal_btn_after_img:url('/assets/images/icon/ico_cal_white.png');
    --ico_pre_sm:url('/assets/images/ico_pre_bk_sm_white.png');
    --ico_next_sm:url('/assets/images/ico_next_bk_sm_white.png');
    --right_wg_card_tt_h3_after:url('/assets/images/ico_arrow_right_b_1_white.png');
    --h_shortcut_link_img_01: url('/assets/images/ico_shortcut_v4_01_dark.png');
    --h_shortcut_link_img_02: url('/assets/images/ico_shortcut_v4_02_dark.png');
    --h_shortcut_link_img_03: url('/assets/images/ico_shortcut_v4_03_dark.png');
    --h_shortcut_link_img_04: url('/assets/images/ico_shortcut_v4_04_dark.png');
    --h_shortcut_link_img_05: url('/assets/images/ico_shortcut_v4_05_dark.png');
    --h_shortcut_link_img_06: url('/assets/images/ico_shortcut_v4_06_dark.png');
    --h_shortcut_link_img_07: url('/assets/images/ico_shortcut_v4_07_dark.png');
    --h_shortcut_link_img_08: url('/assets/images/ico_shortcut_v4_08_dark.png');
    --h_shortcut_link_img_09: url('/assets/images/ico_h_shortcut_event_dark.png');
    --h_shortcut_link_img_09_2: url('/assets/images/ico_shortcut_market_dark.png');
    --h_shortcut_link_img_10: url('/assets/images/ico_shortcut_v4_10_dark.png');
    --h_shortcut_link_img_11: url('/assets/images/ico_shortcut_v4_11_dark.png');
    --h_shortcut_link_img_12: url('/assets/images/ico_shortcut_v4_12_dark.png');
    --h_shortcut_link_img_more: url('/assets/images/ico_h_shortcut_more_dark.png');
    --h_shortcut_link_img_more_close: url('/assets/images/ico_h_shortcut_more_close_dark.png');
    --kplay_logo_gif: url('/assets/images/logo_white.png');
    --kplay_logo_common: url('/assets/images/logo_white.png');
    --kplay_app_icon: url('/assets/images/logo_white.png');
    --show_pw_ico: url('/assets/images/ico_show_pass.svg');
    --hide_pw_ico: url('/assets/images/ico_hide_pass.svg');
    --ico_good_cnt: url('/assets/images/ico_good_cnt_wh.svg');
    --ico_bo_trash: url('/assets/images/mypage/ico_mp_trscan_white.png');
    --ico_bo_pencil: url('/assets/images/mypage/ico_mp_pcl_white.png');
    --ico_mp_att_btn: url('/assets/images/ico_mp_att_btn_wh.svg');
    --ico_inp_date: url('/assets/images/ico_inp_date_wh.svg');
    --sch_submit_ico: url('/assets/images/ico_sch_submit_wh.svg');
    --mp_note_envelop_img: url('/assets/images/ico_envelop_1_sm_wh.png');
    --mp_note_view_envelop_img: url('/assets/images/ico_envelop_2_sm_wh.png');
    --mp_quest_tag_after: url('/assets/images/ico_mp_att_quest_chk.svg');
    --ico_cross: url('/assets/images/ico_cross_wh.svg');
    --ico_arrow_dw: url('/assets/images/icon/ico_arrow_fill_wh.png');
    --ico_mp_copy: url('/assets/images/mypage/ico_copy_white.png');

    .note-editor {background-color: #2e2e2e;color: #ffffff;}
    .note-toolbar {background-color: var(--input_bg_opc);color: #ffffff;}
    .note-toolbar .note-btn {background-color: #4a4a4a;color: #ffffff;border-color: #5c5c5c;}
    .note-toolbar .note-btn-group.note-fontname .note-btn{ width: 110px; overflow: hidden; text-overflow: ellipsis;}
    .note-toolbar .note-btn:hover {background-color: #5c5c5c;color: #ffffff;}
    .note-dropdown-menu {background-color: var(--input_bg_opc);color: #ffffff;}
    .note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable{background-color: var(--input_bg_opc);}
    .note-input{background: var(--input_bg_opc);color: #ffffff;}

    --st_cat_bg: #1E1E20;--st_cat_bg_hv: #3C3C3C;--st_cat_bd: #3C3E3E;--st_cat_bd_on: #0076E3;
    --st_cat_cnt_bg: #333336;--st_cat_cnt_bg_on: #0076E3;--st_cat_cnt_txt: #d9d9d9;--st_cat_cnt_txt_on: #FFF;
    --st_fold_bd:#3C3E3E;--stf_hd_bg:#313a4a;--stf_m_bg:#272829;--stf_m_txt:#F3F3F3;--stf_hd_txt:#f3f7ff;
    --stf_more_di_bg: #333333;--stf_more_di_txt: #F3F3F3;
    --lsr_card_bd: #272829;--lsr_card_bg: #272829;--lsr_ico_cart: url('/assets/images/sports/icon/ico_st_cart_wh.png');--lsr_ico_log: url('/assets/images/sports/icon/ico_st_log_wh.png');--lsr_ico_cart_on: url('/assets/images/sports/icon/ico_st_cart_on.png');--lsr_ico_log_on: url('/assets/images/sports/icon/ico_st_log_on.png');
    --lsr_quick_btn_bg: #333336;
    --lsr_quick_btn_dk_bg: #4D4D4D;
    --lsr_ico_clear: url('/assets/images/sports/icon/ico_trashcan_wh.png');
    --lsr_ico_refresh: url('/assets/images/sports/icon/ico_refresh_wh.png');
    --lsr_cart_item_bg: #333336;
    --lsrb_hd_bg: #313A4A;
    --lsrb_game_inf_bg:#333336;
    --lsrb_bill_detail_bg: #272829;
    --stf_m_grad:linear-gradient(180deg, #F3F7FF 0%, #BFC8DA 100%);
    --stf_m_grad_locked:linear-gradient(180deg, #ebebeb 0%, #a4a4a4 100%);

    --ico_page_top_bd: #2C2E33;
    --ico_page_top_bg: #2C2E33;
    --ico_page_top_arrow: url('/assets/images/icon/ico_page_top_white.png');

    --shortcut_ico_bg: #46464A;
    --shortcut_ico_bd: #46464A;
}

html { position: relative; padding: 0; margin: 0; }
* { box-sizing:border-box; -moz-box-sizing:border-box; --webkit-box-sizing:border-box; -webkit-tap-highlight-color : transparent !important; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; font-family: 'Pretendard', "Apple SD Gothic Neo", Sans-serif, -apple-system, serif; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,#header { display:block }
/* .note-editable 부모를 제외하고 list-style 제거 */
dl:not(.note-editable *):not(.bv_main_inner *):not(.tbl_content_main *),
ul:not(.note-editable *):not(.bv_main_inner *):not(.tbl_content_main *),
ol:not(.note-editable *):not(.bv_main_inner *):not(.tbl_content_main *),
menu:not(.note-editable *):not(.bv_main_inner *):not(.tbl_content_main *),
li:not(.note-editable *):not(.bv_main_inner *):not(.tbl_content_main *) { list-style: none; }
/* 기본적으로 ul, ol도 제외 */
ul:not(.note-editable *):not(.bv_main_inner *):not(.tbl_content_main *),
ol:not(.note-editable *):not(.bv_main_inner *):not(.tbl_content_main *) { list-style: none; }

.note-editable b, .bv_main_inner b, .tbl_content_main b { font-weight: bold !important; }

blockquote,q { quotes:none }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
table { padding:0; border:0 }
th,td { padding:0 }
body,th,td,input,select,textarea,button { font-family: 'Pretendard', "Apple SD Gothic Neo", Sans-serif, -apple-system, serif; }
p, a, h1, h2, h3, h4, h5, h6, tr, span, input, textarea, select, caption { font-family: 'Pretendard', "Apple SD Gothic Neo", Sans-serif, -apple-system, serif; }
body,html { -webkit-text-size-adjust:none; }
body { position: relative; margin: 0; padding: 0; font-family: 'Pretendard', "Apple SD Gothic Neo", Sans-serif, -apple-system, serif; background:var(--body-bg); word-wrap:break-word; }
body.mp { background: var(--mp-body-bg) }
fieldset,img { border:0 none }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin: 0; padding: 0; border: 0 }
img { vertical-align:unset }
a { text-decoration:none; cursor:pointer; color:var(--common_txt); }
a:active,a:hover { text-decoration:none }
input,select,textarea,button { color:var(--common_txt); vertical-align:top; cursor:auto }
button { border:0 none; padding:0; background-color:transparent; cursor:pointer }
address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:500 }
legend,caption { visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0 }
textarea { resize:none; outline:none }
input { outline:none }
input[type=text]::-ms-clear { display:none }
input[type='file'] { --webkit-appearance:button; background:transparent; border-radius:0; border:0; cursor:pointer }
input { background-color: var(--common_input_bg); color: var(--common_txt); border: 1px solid #ccc; padding: 5px; }
input:focus { outline: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 500px var(--common_input_bg) inset !important; -webkit-text-fill-color: var(--common_txt) !important; }
body { -ms-overflow-style:none; }
/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
input[type="number"] { -moz-appearance: textfield; }
.bold { font-weight: bold !important; }
input[type="date"] { position: relative; cursor: pointer; }
input[type="date"]::-webkit-calendar-picker-indicator { position: absolute; right: 5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: var(--ico_inp_date); background-position: center; background-repeat: no-repeat; background-size: 18px; cursor: pointer; }

/* 241107 bkkim */
button { background: inherit; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer }
input, button { border-radius: 0; border: 0; }
body, p, ul { padding:0; margin:0; }
a, em { text-decoration:none; }
em { font-style: unset; }
input[type=button] { outline:none; cursor:pointer; font-family: 'Pretendard', "Apple SD Gothic Neo", Sans-serif, -apple-system, serif; }

/* 공통 */
.move_top { position: fixed; bottom: 70px; z-index: 500; right: max(10px, (100vw - 1400px) / 2 + 2px); }
.move_top > div { width: 100%; margin: 0 auto; text-align: right }
.move_top > div > a { position: relative; background: var(--ico_page_top_bg); border: 1px solid var(--ico_page_top_bd); border-radius: 50%; width: 40px; height: 40px; display: inline-block; }
.move_top > div > a:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: var(--ico_page_top_arrow); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 16px; height: 25px; }

.scroll_hide { overflow: hidden !important; }
.width-limit { width:1280px; margin:0 auto; }
.pc { display:block; }
.mo { display:none; }
.none { display:none; }
.ellipsis1 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.ellipsis2 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.ellipsis3 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; }
.ellipsis4 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; }
.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-20 { padding-bottom: 20px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mw-200 { max-width: 200px !important; }
.dp_flex { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.dp_flex_bw { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; }
.dp_flex_col { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; flex-direction: column; }
.border-blue { border-color: #0076E3 !important }
.bb_gray { border-bottom: 1px solid #D9D9D9 !important; }
#pre_print { padding: 20px 50px; margin: 30px; border: 1px solid var(--common_opc_border); border-radius: 10px; background: #e5e5e5; line-height: 18px; font-size: 15px; font-weight: bold }
.sch_hl { background-color: var(--sch_hl_bg); }
#join_section .readonly { background: var(--input_readonly_bg) }
#join_section .login_form .readonly .form_text .input input { color: var(--common_txt_opc); background:var(--input_readonly_bg) }


/* 설명 히든 seo */
.exp_txt { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }
.hidden { display: none; }
#wrap { min-width: 1340px; margin-bottom: 60px; }
#header { width: 100%; background: var(--body-grad-bg) }
.common-head-inner { width: 1280px; margin: 0 auto; }
#h_sch_area { z-index: 100; position: relative; padding: 74px 0 36px 0; }
#h_menu_pop_btn_wrap { position: absolute; top: 15px; left: 0; width: 50px; }
#h_menu_pop_btn { position: relative; width: 50px; height: 50px; border-radius: 50%; display: block }
#h_menu_pop_btn::after { content: ""; display: block; background-image: var(--top-hamb-img); background-repeat: no-repeat; background-position: center; background-size: cover; width: 25px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#h_menu_pop_btn:hover { background: var(--top-h-hamb-hover-bg); }
#h_app_ico_btn_wrap { position: absolute; top: 14px; left: 52px; width: 50px; }

#h_app_ico_btn { position: relative; display: block; border-radius: 50%; }

#h_app_ico_btn::after { content: ""; display: block; background-image: var(--top-kmarket-img); background-repeat: no-repeat; background-position: center center; background-size: 27px 27px; width: 50px; height: 50px; }

#h_app_ico_btn:hover { box-shadow: 0 0 0 1px var(--top-h-kmarket-hover-border-color); }

/* 툴팁 스타일 */
.tooltip { position: absolute; top: 65px; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 8px 12px; border-radius: 6px; font-size: 12px; white-space: nowrap; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, transform 0.3s ease; z-index: 5000; }

/* 말풍선 꼬리 */
.tooltip::after { content: ""; position: absolute; top: -12px; left: 50%; transform: translateX(-50%) rotate(180deg); border-width: 6px; border-style: solid; border-color: #333 transparent transparent transparent; }

#h_app_ico_btn:hover .tooltip.kmarket { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-5px); }
.tooltip.cal { top: 45px; }
#h_cal_btn:hover .tooltip.cal { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-5px); }
.tooltip.active { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-5px); }
#capslock_tooltip.tooltip { top: 50px; }
#capslock_tooltip.tooltip.join { top: 55px; left: 15%; }
#capslock_tooltip.tooltip.mypage { top: 40px; left: 10%; }

.ht_right_wrap_pc { position: absolute; top: 20px; right: 0; }
.ht_right_inner { position: relative; display: flex; align-items: center; column-gap: 15px; }
#h_cal_btn_wrap { }
#h_cal_btn { position: relative; display: block; }
#h_cal_btn::after { content: ""; display: block; background-image: var(--h_cal_btn_after_img); background-repeat: no-repeat; background-position: center; background-size: cover; width: 24px; height: 24px; }
#h_msg_bubble_btn_wrap { }
#h_msg_bubble_btn { position: relative; display: block; }
#h_msg_bubble_btn::after { content: ""; display: block; background-image: url('/assets/images/ico_top_msg_bubble.png'); background-repeat: no-repeat; background-position: center; background-size: cover; width: 29px; height: 27px; }
#h_my_info_btn_wrap { }
#h_my_info_btn { position: relative; padding-right: 12px }
#h_my_info_btn::after { content: ''; position: absolute; background-image: url('/assets/images/ico_arrow_down_sm.png'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 9px; height: 5.5px; top: 50%; right: 0; transform: translateY(-50%); }
#h_my_info_btn span { font-size: 15px }
#h_my_info_btn img { width: 7px }

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

.ht_my_info_wrap { position: relative; }
.ht_my_info_inner { position: relative; display: flex; align-items: center; cursor: pointer; border-radius: 20px; padding: 1px 18px 1px 1px; background: linear-gradient(90deg, #157BFF 0%, #960EFF 100%); }
.ht_my_info_inner:after { content: ''; position: absolute; top: 45%; right: 7px; transform: translateY(-50%) rotate(45deg); width: 5px; height: 5px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; }

.ht_my_info_nick { font-size: 14px; font-weight: 500; margin-right: 3px; color: #FFF; }
.ht_my_info_thumb_wrap { position: relative; width: 28px; margin-right: 5px; }
.ht_my_info_thumb_inner { position: relative; padding-bottom: 100%; background: var(--common_thumb_bg); border-radius: 50%; }
.ht_my_info_thumb_inner .thumb { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: top; border-radius: 50%; }
.ht_select_my_info_arrow_img { width: 8px; }


.ht_my_info_wrap { position: relative; }
.ht_lang_inner { position: relative; display: flex; align-items: center; cursor: pointer; border: 1px solid var(--ht_lang_inner_border); border-radius: 20px; padding: 3px 15px 3px 7px; background: var(--ht_lang_inner_bg); }
.ht_lang_inner:after { content: ''; position: absolute; top: 50%; right: 7px; transform: translateY(-50%); width: 8px; height: 4px; background-image: var(--common_arrow_down_thin); background-repeat: no-repeat; background-size: contain; }
.ht_lang_str { font-size: 14px; font-weight: bold; margin-right: 3px; color: var(--ht_lang_str_txt) }
.ht_lang_flag_wrap { position: relative; width: 22px; margin-right: 5px; }
.ht_lang_flag_inner { position: relative; padding-bottom: 100%; background: var(--common_thumb_bg); border-radius: 50%; }
.ht_lang_flag_inner .thumb { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 50%; }
.ht_select_lang_arrow_img { width: 8px; }


#header #h_sch_area #h_sch_form_wrap { position: absolute; top: 74px; left: 50%; z-index: 10; width: 760px; border: 1px solid var(--main_blue); border-radius: 56px; background-color: var(--h-sch-bg); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#header #h_sch_area #h_sch_form_wrap.pos_fixed { position: fixed; top: 0; left: 0; width: 100%; background: var(--h-sch-bg); -webkit-transform: none; -ms-transform: none; transform:unset; border-radius: unset; border:none; border-bottom: 1px solid var(--main_blue); }
#header #h_sch_area #h_sch_form_wrap .h_sch_group { position: relative; }
#header #h_sch_area #h_sch_form_wrap.pos_fixed .h_sch_group { position:relative; padding:5px 0; background: var(--h-sch-bg); }
#header #h_sch_area #h_sch_form_wrap.pos_fixed .h_sch_group .h_sch_group_inner { position: relative; padding-left: 80px; width: 760px; margin: 0 auto; }
#header #h_sch_area #h_sch_form_wrap.pos_fixed .h_sch_group .h_sch_group_inner #h_sch_form_logo .h_sch_form_logo_link img { width: 30px; }
#header #h_sch_area #h_sch_form_wrap .h_sch_group .h_sch_group_inner { position: relative; padding-left: 140px; }
#header #h_sch_area #h_sch_form_wrap .h_sch_group .h_sch_group_inner #h_sch_form_logo { position: absolute; top: 50%; left: 23px; transform: translate(0, -50%); }
#header #h_sch_area #h_sch_form_wrap.pos_fixed .h_sch_group .h_sch_group_inner #h_sch_form_logo { left: 20px }
#header #h_sch_area #h_sch_form_wrap .h_sch_group .h_sch_group_inner #h_sch_form_logo .h_sch_form_logo_link { position: relative; display: block; width: 93px; height: 26px; background-image: var(--kplay_logo_gif); background-repeat: no-repeat; background-size: contain; background-position: center; }
#header #h_sch_area #h_sch_form_wrap.pos_fixed .h_sch_group .h_sch_group_inner #h_sch_form_logo .h_sch_form_logo_link { width: 40px; height: 40px; background-image: var(--kplay_app_icon) }
#header #h_sch_area #h_sch_form_wrap .h_sch_group .h_sch_group_inner #h_sch_form_logo .h_sch_form_logo_link img { width: 93px; }
#header #h_sch_area #h_sch_form_wrap .h_sch_input_wrap { width: 550px; background: var(--h-sch-bg); }
#h_sch_form_wrap .h_sch_input_wrap #sch_val { width: 100%; height: 56px; color: var(--common_txt); z-index: 10; position: relative; padding: 17px 0; background-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; line-height: 24px; font-weight: 400; outline: 0; }
#h_sch_form_wrap .h_sch_input_wrap #sch_val::placeholder { color: #DBDBDB; font-size: 20px; }
#h_sch_submit_btn { position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); }
#h_sch_submit_btn img { width: 34px; }
#h_shortcut_link_wrap { position: relative; width: 760px; margin: 76px auto 0; }
.h_shortcut_ul { padding: 0; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; }
.h_shortcut_ul .h_shortcut_item { margin-right: 2px; min-width: 57px; text-align: center }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico { width: 42px; height: 42px; margin-bottom: 5px; background-repeat: no-repeat; background-size: cover; background-position: center center }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_01 { background-image: var(--h_shortcut_link_img_01); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_02 { background-image: var(--h_shortcut_link_img_02); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_03 { background-image: var(--h_shortcut_link_img_03); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_04 { background-image: var(--h_shortcut_link_img_04); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_05 { background-image: var(--h_shortcut_link_img_05); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_06 { background-image: var(--h_shortcut_link_img_06); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_07 { background-image: var(--h_shortcut_link_img_07); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_08 { background-image: var(--h_shortcut_link_img_08); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_09 { background-image: var(--h_shortcut_link_img_09); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_09_2 { background-image: var(--h_shortcut_link_img_09_2); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_10 { background-image: var(--h_shortcut_link_img_10); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_11 { background-image: var(--h_shortcut_link_img_11); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.order_12 { background-image: var(--h_shortcut_link_img_12); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.h_shortcut_more_icon { background-image: var(--h_shortcut_link_img_more); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico.h_shortcut_more_icon.more_close { background-image: var(--h_shortcut_link_img_more_close); }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico img { width: 42px; }
.h_shortcut_item .h_shortcut_link .h_shortcut_link_ico:hover { box-shadow: 4px 4px 10px var(--h_shortcut_icon_shadow); border-radius: 16px; transition: transform 0.2s ease-out, box-shadow 0.2s ease-out; }

.h_shortcut_item .h_shortcut_link .h_shortcut_link_txt { font-size: 14px; color: var(--common_txt); word-break: break-word }
.h_shortcut_more_icon:hover { border-radius: 16px; background: #dfdfdf57; }


/* 토너먼트 고정 배너 25.09.05 */
.fix_wing_tnmt_area { position: absolute; top: 185px; left: -180px; display: block; }
.fix_wing_tnmt_inner { position: relative; }
.fix_wing_tnmt_area.pos_left .fix_wing_tnmt_item { width: 170px; }
.fix_wing_tnmt_bg_wrap { position: relative; }
.fix_wing_tnmt_bg_wrap .fix_wing_tnmt_bg_inner { position: relative; width: 100%; height: 340px; display: block; overflow: hidden; background: var(--common_thumb_bg); border-radius: 10px; }
.fix_wing_tnmt_bg_wrap .fix_wing_tnmt_bg_inner .f_tnmt_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; border-radius: 10px; }
.fix_wing_tnmt_link { position: absolute; font-size: 14px; font-weight: bold; bottom: 10px; left: 50%; transform: translateX(-50%); display: block; width: 130px; height: 30px; line-height: 30px; text-align: center; background-image: url("/assets/images/tournament/bg_tnmt_bn_link.png"); background-repeat: no-repeat; background-size: contain; }
.fix_wing_tnmt_timer_wrap { position: absolute; top: 60px; left: 50%; transform: translateX(-50%); }
.fw_tnmt_timer_h { font-size:16px; font-weight: bold; color: #FFF; text-align: center; }
.fw_tnmt_timer_grid { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 5px; }
.fw_tnmt_timer_col { text-align: center; font-size: 22px; font-weight: bold; display: flex; align-items: center; justify-content: center; }
.fw_tnmt_timer_col span { color: #FFF; }
.fw_tnmt_timer_col span.vl { color: #A4F1FF; display: block; }
/* 토너먼트 고정 배너 25.09.05 */

/* 메인페이지 고정 광고 24.12.24 */
.hd_fix_gwang_bn_wrap { position: absolute; top: 60%; right: -10%; display: block; width: 350px; height: 45px; }
.hd_f_gwang_sw_cont.swiper-container { margin: 0; overflow: hidden; height: 100%; }
.hd_f_gwang_img_wrap a { position: relative; width: 350px; display: block; overflow: hidden; }
.hd_f_gwang_img_wrap a div { position: relative; padding-bottom: 45px; background: var(--common_thumb_bg); }
.hd_f_gwang_img_wrap a div .thumb { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.pc_fix_wing_gwang_area.pos_left { position: absolute; top: 530px; left: -80px; display: block; }
.pc_fix_wing_gwang_area.pos_right { position: absolute; top: 0; left: unset; right: -170px; display: block; }
.pc_fix_wing_gwang_inner { position: relative; }
.pc_fix_wing_gwang_area.pos_left .pc_fix_wing_gwang_item { width: 70px; }
.pc_fix_wing_gwang_area.pos_right .pc_fix_wing_gwang_item { width: 160px; }
.fix_wing_gwang_img_wrap a { position: relative; width: 100%; display: block; overflow: hidden; background: var(--common_thumb_bg) }
.fix_wing_gwang_img_wrap a img { width: 100%; }
.sch_head_top_bn { position: absolute; top: -50px; left: 30px; }
.sch_head_top_bn a { display: block; }
.sch_head_top_bn a img { }
/* 메인페이지 고정 광고 24.12.24 */


/* Login 2024.10.29 Brian Lee */
.login_form { width:580px; padding-top:0 !important; border:1px solid var(--common_light_border); display:inline-block; background-color:var(--common_input_bg); border-radius:5px; }
.login_form.no_line { border:0px solid; background-color:#F5F6F8; }
.login_form.no_line h1 { font-size:40px; font-weight:400; line-height: 68px; text-align: center; }
.login_form .form .form_text { position: relative; padding:10px 70px 0 70px; }
.login_form .form .form_text .login_h3 { float:left; font-size:14px; color: var(--common_txt_opc); }
.login_form .form .form_text .login_radio { float:left; height:16px; width:16px; margin-top: 0 }
.login_form .form_id { padding:30px 0px 0px 0px; }
.login_form .button_area { padding:10px 70px 30px 70px; }
.email_login_btn { opacity: 0.7; background:var(--email_login_btn_bg); color: #cbcbcb; border-radius:5px; border: none; cursor: default; margin-top: 25px; width:440px; height:50px; }
.email_login_btn.active { opacity: 1; background-color:var(--main_blue); color: #FFF; cursor: pointer; }
.login_form .button_area_text { padding-bottom: 25px; display: flex; align-items: center; justify-content: center }
.login_form .button_area_text > a { display: block; font-size: 14px; font-weight: 400; color:var(--common_txt_opc); padding:20px; }
.login_form_logo { text-align: center }
.login_form_logo h1 { margin-bottom: 25px; }
.login_form_logo h1 img { width: 73px; }
.login_form_logo h1 > a { display: inline-block }
.kplay_logo_bg { width: 107px; height: 25px; background-image: var(--kplay_logo_common); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto }
.up_cont_tt h2 a .kplay_logo_bg { width: 70px; }
.foot_end_row_flex_item > a .kplay_logo_bg { width: 65px; height: 20px; }
.login_form_banner { width:580px; height:187px; padding-top:50px; display:inline-block; }
.login_form .form .form_title.join_complete { color:var(--common_txt); }
/*----end Login page*/

/* Join 2024.10.29 Brian Lee */
.join { font-size:14px; font-weight: 400; line-height: 16px; text-align: left; }
.join .form { margin-top:0; border-bottom: 1px solid var(--common_light_border); }
.join .last { margin-top:0; border-bottom: none; }
.join .form .form_text { position:relative; padding:10px 100px 0 25px; margin-bottom:1px;; height:45px; color:var(--common_txt_opc); font-size: 14px; font-weight: 400; line-height: 19.07px; }
.join .form .form_text .join_h3 { float:left; font-size:14px; padding-top:5px; color: var(--common_txt); font-weight: 400; line-height: 16px; text-align: left; }
.join .form .form_text .join_radio { float:left; height:20px; width:20px; }
.join .form .input { overflow:hidden; position:relative; display:block; padding:0 10px; border:0px; width:100%; height:36px; font-size:1.4rem; }
.join .join_text { height:45px; color:#AAAAAA; margin-top: 5px }
.join .join_text.confirm_radio_wrap { padding-top: 10px }
.join .join_text .join_h3 { font-size:13px; padding-top:3px; color: var(--common_txt); font-weight: 400; line-height: 16px; text-align: left; }
.join_bottom { }

.line-text { display: flex; align-items: center; text-align: center; margin: 65px 0 40px 0; font-size:14px; color: var(--common_txt_opc); }
.line-text::before,
.line-text::after { content: ""; flex: 1; border-bottom: 1px solid var(--common_opc_border); }
.line-text:not(:empty)::before { margin-right: 10px; }
.line-text:not(:empty)::after { margin-left: 10px; }
.google_join_btn { width:580px; padding: 8px 0; display: flex; align-items: center; justify-content: center; border-radius: 24px; border: 1px solid #E0E0E0; background-color:white; color: #000; }
.google_join_btn > img { margin-right: 7px }
.google_join_span { font-size: 15px; font-weight: 400; }
.btn_dup_check { right:10px; float: right; position: absolute; width: 89px; top: 9px; height: 30px; border-radius: 5px; border: 1px solid var(--input_vali_inline_btn_border); z-index:101; background: var(--input_vali_inline_btn_bg); color: var(--common_txt_opc) }
.btn_dup_check.active { color:var(--input_vali_inline_btn_active_txt); background: var(--input_vali_inline_btn_active_bg); cursor: default }

.show_pw_val { position: absolute; top: 50%; transform: translateY(-50%); right: 22px; border: none; width: 25px; height: 25px; background-image: var(--show_pw_ico); background-repeat: no-repeat; background-size: contain; background-position: center; display: block; }
.show_pw_val.hide { background-image: var(--hide_pw_ico); }
#join_section { background: var(--joinform_bg); height: 100%; width: 100%; overflow-y: auto }
#join_section > .contents { width: 580px; margin: 76px auto; }
#join_section > .contents .button_area { text-align: center }
#join_section .form .input input { width: 100%; font-size: 14px; color: var(--common_txt); padding-top: 5px }
#join_section .form .input input::placeholder { color: var(--common_txt_opc); font-size: 14px }

.join_complete_container { margin-top: 100px; text-align: center }
.join_complete_tt { margin-bottom: 35px; text-align: center }
.join_complete_tt h2 { font-size: 50px; color: var(--common_txt); }
.join_complete_p { margin-bottom: 30px; text-align: center }
.join_complete_p p { font-size: 16px; color: var(--common_txt); margin-bottom: 7px; }
.join_complete_btn_wrap { margin-bottom: 50px; text-align: center }
.join_complete_btn_wrap a { display: block; width: 440px; margin: 0 auto; height: 50px; line-height: 50px; color: #FFF; background: var(--main_blue); border-radius: 5px; font-size: 16px; }

#join_section .login_form .form_text .input input { padding: 5px 0; margin-bottom: 10px; color: var(--common_txt); background: var(--common_input_bg) }
#join_section .login_form .form_text .input input::placeholder { font-size: 14px; color:var(--common_txt_opc); }
.find_id_inp_wrap { width: 440px; margin: 0 auto; }
.find_id_inp_wrap .form_text { padding: 15px 50px 15px 22px; position: relative; background: var(--common_input_bg); border-radius: 5px; border: 1px solid #1177D6 }
.find_id_inp_wrap .form_text > input { width: 100%; font-size: 16px; color: var(--common_txt); background: var(--common_input_bg); }
.find_id_inp_wrap .form_text > input::placeholder { font-size: 16px; color: var(--common_txt_opc); }
.find_id_inp_wrap .form_text::after { content: ''; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 28px; height: 28px; background-image: url('/assets/images/ico_paperplane_gray.png'); background-repeat: no-repeat; background-size: cover; }
.find_id_btn_wrap { width: 440px; margin: 0 auto; display: flex; justify-content: space-between }

/*----end Join page*/

/* footer_common 2024.10.29 Brian Lee */
#common_foot { width: 100%; background: var(--foot_bg); border-top: 1px solid var(--foot_bd_top) }
.foot_inner { min-width: 1340px; background: var(--foot_bg); }
.foot_link_row { padding: 15px 0; border-top: 1px solid var(--foot_link_row_bd); }
.foot_all_menu_layer_btn_wrap { max-width: 1280px; text-align: right; margin: 0 auto; }
.foot_all_menu_layer_btn_wrap a { position: relative; padding-right: 15px; display: inline-block; height: 20px; }
.foot_all_menu_layer_btn_wrap a:after { content: ''; position: absolute; top: 50%; right: 3px; transform: translateY(-50%); width: 7.5px; height: 13px; background-image: var(--right_wg_card_tt_h3_after); background-repeat: no-repeat; background-size: contain; }
.foot_all_menu_layer_btn_wrap a span { font-size: 14px; color: var(--common_txt); }
.foot_all_menu_layer_btn_wrap a img { width: 5px; height: 10px; }
.foot_end_row_wrap { margin-bottom: 15px; }
.foot_end_row_flex { display: flex; align-items: flex-start; justify-content: center; }
.foot_end_row_flex_item_wrap { display: flex; align-items: center; }
.foot_end_row_flex_item { margin-right: 30px; }
.foot_end_row_flex_item .foot_logo { width: 65px; vertical-align: middle }
.foot_end_row_flex_item span { font-size: 13px; color: var(--common_txt_opc); }

/*----end footer_common

mobile padding bottom : padding-bottom: env(safe-area-inset-bottom); */

#common_foot.login_page { background: var(--body-bg) }
#common_foot.login_page .foot_inner { border-top: none; background: var(--body-bg); }
#common_foot.login_page .foot_bn_area { display: none }
#common_foot.login_page .foot_link_row { border-top: none; padding: 20px 0 50px; }
#common_foot.login_page .foot_link_row.all_menu_layer_btn_wrap { display: none }
#common_foot.login_page .footer_logo_wrap { display: none }
.foot_bn_wrap { max-width: 1280px; margin: 0 auto; padding: 30px 0; }
.foot_bn_grid_3_3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px 10px; }
.foot_bn_item { display: flex; }
.foot_bn_item a { display: block; }

.foot_bn_item_img_wrap { position: relative; width: 160px; margin-right: 14px; }
.foot_bn_item_img_inner { position: relative; padding-bottom: 63%; background: var(--common_thumb_bg); border-radius: 5px; }
.foot_bn_item_img_inner .thumb { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 5px; }
.foot_bn_item_info { position:relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; }
.foot_bn_item_info h4 { font-size: 14px; font-weight: 400; color: var(--common_txt); margin-bottom: 12px; }
.foot_bn_item_info p { font-size: 14px; color: var(--common_txt_opc); max-width: 200px }

#all_service_v_wrap { background: var(--body-bg); width: 100%; height: 100vh; max-width: 800px; margin: 0 auto; min-width: 750px; }
.all_service_v_cont_depth_item { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 2fr; }
.all_service_v_inner { }
.all_service_v_head { padding: 25px 0 20px 0; display: flex; justify-content: space-between; align-items: center }
.all_service_v_head p { font-size: 30px; color: var(--common_txt); }
.all_service_v_head .hisBack { display: block; }
.all_service_v_head .hisBack > div { position: relative; width: 45px; height: 45px; background-image: var(--ico_cross); background-repeat: no-repeat; background-size: contain }
.all_service_v_cont_depth_1 { padding: 15px 30px; background: var(--h_shortcut_pop_depth_item_bg); }
.all_service_v_cont_depth_1 a span, .all_service_v_cont_depth_1 a em { font-size: 15px; color: var(--common_txt); }
.all_service_v_cont_depth_1 a em { color: var(--main_blue); margin-left: 5px; font-weight: 700; }
.all_service_v_cont_depth_2 > div { padding: 20px; }
.all_service_v_cont_depth_2 > div > ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; row-gap: 8px; }
.all_service_v_cont_depth_2 > div > ul > li > a:hover { text-decoration: underline; }
.all_service_v_cont_depth_2 > div > ul > li > a > span { font-size: 15px; color: var(--common_txt); }


/* pc - default right widget */
#layout_widget_right_container { width: 100%; position: relative; }
#layout_sports_right_container { width: 100%; }
.btn_hidden { visibility: hidden; opacity: 0; }
.btn_visible { visibility: visible; opacity: 1; }
.pc_main_top_bn_swiper_cont.swiper-container { width: 100%; overflow: hidden; }
.pc_main_top_bn_swiper_cont .swiper-wrapper { display: flex; transition: transform 0.3s ease; }
.pc_main_top_bn_swiper_cont .swiper-slide { flex-shrink: 0; width: 100%; }
.pc_b_list_bn_swiper_cont.swiper-container { width: 100%; overflow: hidden; }
.pc_b_list_bn_swiper_cont .swiper-wrapper { display: flex; transition: transform 0.3s ease; }
.pc_b_list_bn_swiper_cont .swiper-slide { flex-shrink: 0; width: 100%; }
.pc_main_bottom_bn_swiper_cont.swiper-container { width: 100%; overflow: hidden; }
.pc_main_bottom_bn_swiper_cont .swiper-wrapper { display: flex; transition: transform 0.3s ease; }
.pc_main_bottom_bn_swiper_cont .swiper-slide { flex-shrink: 0; width: 100%; }

/* 이용약관, 개인정보처리방침 css 24.12.02 */
.tbl_content_inner { max-width: 830px; margin: 0 auto; }
.tbl_content_main { max-height: 800px; overflow-y: auto; }
.tbl_content_main p { color: var(--common_txt) }
.tbl_content_tt { margin: 30px 0; text-align: center; }
.tbl_content_tt h3 { font-size: 25px; font-weight: bold; color: var(--common_txt) }
.tbl_content_main::-webkit-scrollbar { width: 3px; }
.tbl_content_main::-webkit-scrollbar-thumb { background-color: gray; border-radius: 10px; }
.tbl_content_main::-webkit-scrollbar-thumb:hover { background-color: darkgray; }
.tbl_content_main::-webkit-scrollbar-track { background: transparent; }
.tbl_content_main::-webkit-scrollbar-button { display: none; }
/* 이용약관, 개인정보처리방침 css 24.12.02 */

/* user profile page - intro > stylesheet 24.12.05 */
.up_intro_inner { margin: 0 auto; width: 800px; padding: 20px 35px 100px; }
.up_cont_tt { padding-bottom: 15px; border-bottom: 1px solid var(--common_opc_border); }
.up_cont_tt h2 { margin-bottom: 20px; }
.up_cont_tt h2 a { display: block; width: 70px; }
.up_cont_tt h2 a img { width: 70px; }
.up_cont_tt h3 { font-size: 20px; color: var(--common_txt); }
.up_cont_tt h3 em { color: var(--main_blue); }
.up_intro_info_main { }
.up_intro_info_flex { display: flex; justify-content: space-between; padding: 0 25px; margin-bottom: 20px; }
.up_intro_info_flex .left { width: 45%; }
.up_intro_info_flex .left .up_intro_info_profile { display: flex; align-content: flex-start; column-gap: 7px; }
.up_intro_info_flex .right { width: 54%; }
.up_intro_info_img_wrap { width: 54px; position: relative; overflow: hidden; }
.up_intro_info_img_inner { position: relative; padding-bottom: 100%; background: var(--common_thumb_bg); border-radius: 50%; display: block; }
.up_intro_info_img_inner .thumb { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: top; border-radius: 50%; }
.up_intro_info_detail div { margin-bottom: 3px; }
.up_intro_info_detail > .nick a { font-size: 14px; }
.up_intro_info_detail > .nick a:hover { text-decoration: underline; }
.up_intro_info_detail div span, .up_intro_info_detail div em { font-size: 13px; color:#666666 }
.up_intro_info_detail div em { color: #1194FF; margin-left: 3px; }
.up_intro_info_recent_post { }
.up_intro_info_recent_post ul { }
.up_intro_info_recent_post ul li { position: relative; display: flex; align-items: center; justify-content: space-between; padding-left: 10px; margin-bottom: 5px; line-height: 19px; }
.up_intro_info_recent_post ul li a:hover { text-decoration: underline; }
.up_intro_info_recent_post ul li a p { font-size: 14px; color: var(--common_txt); }
.up_intro_info_recent_post ul li em { font-size: 14px; color: #666666; font-weight: 400; margin-left: 5px; }
.up_intro_info_recent_post ul li::before { content: ""; display: inline-block; width: 4px; height: 4px; background: #D9D9D9; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); }
.up_intro_info_foot { }
.up_intro_info_foot_flex { display: flex; justify-content: space-between; align-items: center; padding: 12px 25px; background: var(--h_shortcut_pop_depth_item_bg); }
.up_intro_info_foot_flex .left > div > span { font-size: 16px; color: var(--common_txt); }
.up_intro_info_sub { }
.up_intro_info_sub_inner { }
.up_intro_info_sub_row { display: flex; justify-content: space-between; align-items: center; padding: 10px 30px; border-bottom: 1px solid var(--common_opc_border); }
.up_intro_info_sub_row div h5 { font-size: 13px; color: var(--common_txt); }
.up_intro_txt { padding: 10px 30px; margin-bottom: 10px; }
.up_intro_txt p { font-size: 14px; color: var(--common_txt); line-height: 18px; }

/* user profile page - board-search > stylesheet 24.12.05 */
.up_search_inner { margin: 0 auto; width: 800px; padding: 20px 35px 100px; }
.up_search_main { padding: 20px }
.up_search_form_wrap { }
.up_search_form_inner { margin: 0 45px 30px 45px; }
.up_search_form_control { position: relative; padding: 15px 80px 15px 20px; border: 1px solid var(--common_opc_border); border-radius: 48px; background: var(--common_input_bg); width: 100%; }
.up_search_form_control input { outline: none; border: none; font-size: 13px; color: var(--common_txt); width: 100%; background: var(--common_input_bg) }
.up_search_form_control input::placeholder { font-size: 13px; color: var(--common_txt_opc); }
.up_search_form_control button { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 29px; height: 24px; }
.up_search_form_control button img { width: 100%; }
.up_s_result_start { margin-bottom: 25px; }
.up_s_result_start > div { font-size: 20px; display: flex; align-items: flex-end; color: var(--common_txt); }
.up_s_result_start > div > h4 { font-size: 20px; max-width: 350px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--common_txt); }
.up_s_result_filter_ul { margin-bottom: 15px; }
.up_s_result_filter_ul > div > ul { display: flex; flex-wrap: wrap; column-gap: 10px; }
.up_s_result_filter_ul > div > ul > li > a { font-size: 14px; display: block; padding: 10px 18px; border-radius: 38px; background: var(--up_sch_filter_item_bg); box-shadow: var(--up_sch_filter_item_border); color: var(--up_sch_filter_item_txt); }
.up_s_result_filter_ul > div > ul > li.on > a { background: var(--up_sch_filter_on_item_bg); box-shadow: var(--up_sch_filter_on_item_border); color: var(--up_sch_filter_on_item_txt); }
.up_s_result_filter_ul > div > ul > li > a:hover { background: #F1F9FF; box-shadow: none; color: #0745B8; }
.up_s_result_sub { margin-bottom: 15px; display: flex; align-items: flex-end; justify-content: space-between; }
.up_s_result_tt_cnt p { font-size: 14px; color: var(--common_txt); }
.up_s_result_tt_cnt p em { font-weight: bold; }
.up_s_result_sort_ul > div > ul { display: flex; column-gap: 15px; }
.up_s_result_sort_ul > div > ul > li > a { font-size: 14px; display: block; color: var(--common_txt_not_on); }
.up_s_result_sort_ul > div > ul > li > a:hover { text-decoration: underline; color: var(--common_txt); }
.up_s_result_sort_ul > div > ul > li.on > a { color: var(--common_txt); }

/* 유저프로필 글, 댓글 검색결과 갤러리 인라인 스킨 */
.up_s_result_skin_wrap { }
.up_s_result_skin_inner { }
.up_s_result_thumb_inline_row_wrap { display: grid; grid-template-columns: 1fr }
.up_s_result_thumb_inline_row { padding: 12px 0; border-bottom: 1px solid var(--common_opc_border); }
.up_s_result_thumb_inline_row:first-child { border-top: 1px solid var(--common_opc_border); }
.up_s_result_thumb_inline_row .item_flex { display: flex; align-items: center; justify-content: space-between }
.up_s_result_thumb_inline_row .item_flex .left { display: flex; flex-direction: column; width: calc(100% - 110px) }
.up_s_result_thumb_inline_row .item_flex.no_right .left { display: flex; flex-direction: column; width: calc(100% - 20px) }
.up_s_result_thumb_inline_row .item_flex .left .inline_tt_link { display: block; }
.up_s_result_thumb_inline_row .item_flex .left .inline_tt_link .tt { font-size: 14px; color: var(--common_txt); margin-bottom: 10px; }
.up_s_result_thumb_inline_row .item_flex .left .inline_tt_link .tt:hover { text-decoration: underline; }
.up_s_result_thumb_inline_row .item_flex .left .inline_tt_link .txt { font-size: 13px; color: var(--common_txt_opc); margin-bottom: 15px; }
.up_s_result_thumb_inline_row .item_flex .left .info_others { display: flex; align-items: center; font-size: 12px; color: var(--common_txt_opc); margin-bottom: 10px; }
.up_s_result_thumb_inline_row .item_flex .left .info_others .info_others_col { margin-right: 10px; }
.up_s_result_thumb_inline_row .item_flex .left .info_others .info_others_col em { margin-left: 3px; }
.up_s_result_thumb_inline_row .item_flex .left .info_others .info_others_col b { font-size: 12px; color: var(--common_txt); }
.up_s_result_thumb_inline_row .item_flex .left .info_nick { }
.up_s_result_thumb_inline_row .item_flex .left .info_nick span { font-size: 12px; color: var(--common_txt_opc); }
.up_s_result_thumb_inline_row .item_flex .right .right_thumb_wrap { }
.up_s_result_thumb_inline_row .item_flex .right .right_thumb_wrap { position: relative; width: 100px; }
.up_s_result_thumb_inline_row .item_flex .right .right_thumb_wrap .right_thumb_inner { position: relative; padding-bottom: 100%; background: var(--common_thumb_bg); border-radius: 5px; display: block; }
.up_s_result_thumb_inline_row .item_flex .right .right_thumb_wrap .right_thumb_inner .thumb { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 5px; }
.thumb_on_tag { position: absolute; top: 10px; right: 10px; width: 45px; height: 45px; border-radius: 50%; line-height: 50px; text-align: center; font-size: 13px; color: #FFF; z-index: 10; }
.thumb_on_tag.new { background: #FFB516; }
.thumb_on_tag.hot { background: #FF442C; }
/* 유저프로필 글, 댓글 검색결과 갤러리 인라인 스킨 */

/* 유저프로필 글, 댓글 검색결과 갤러리 그리드 스킨 */
.up_s_result_thumb_inline_row_wrap.grid_st { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 20px; column-gap: 16px; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row { padding: unset; border: 1px solid var(--common_opc_border); border-radius: 5px; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row:first-child { border-top: unset; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex { display: flex; align-items: center; flex-direction: column-reverse; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .left { display: flex; flex-direction: column; padding: 10px; width: 100%; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .left .inline_tt_link { display: block; min-height: 40px }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .left .inline_tt_link .tt { font-size: 14px; color: #000000; margin-bottom: 10px; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .left .inline_tt_link .tt:hover { text-decoration: underline; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .left .inline_tt_link .txt { display: none; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .left .info_others { display: flex; flex-direction: column-reverse; font-size: 13px; color: #666666; margin-bottom: unset; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .left .info_others .info_others_group_1 { display: flex; align-items: center; justify-content: flex-end; width: 100%; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .left .info_others .info_others_group_2 { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 10px; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .left .info_others .info_others_col { margin-right: unset; margin-left: 10px; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .left .info_others .info_others_col em { margin-left: 3px; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .left .info_others .info_others_col b { font-size: 13px; color: #000; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .left .info_nick { display: none; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .right .right_thumb_wrap { }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .right .right_thumb_wrap { position: relative; width: 195px; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .right .right_thumb_wrap .right_thumb_inner { position: relative; padding-bottom: 65%; background: var(--common_thumb_bg); border-radius: 5px 5px 0 0; display: block; }
.up_s_result_thumb_inline_row_wrap.grid_st .up_s_result_thumb_inline_row .item_flex .right .right_thumb_wrap .right_thumb_inner .thumb { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 5px 5px 0 0; }
.thumb_on_tag { position: absolute; top: 10px; right: 10px; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; font-size: 15px; color: #FFF; z-index: 10; }
.up_s_result_thumb_inline_row_wrap.grid_st .thumb_on_tag { width: 35px; height: 35px; line-height: 35px; font-size: 12px; top: 5px; right: 5px; }
.thumb_on_tag.new { background: #FFB516; }
.thumb_on_tag.hot { background: #FF442C; }
/* 유저프로필 글, 댓글 검색결과 갤러리 그리드 스킨 */

/* 게시판 에디터에서 스타일 수정했을경우 > 이용약관, 개인정보처리방침 blockquote, h1, h2, h3, h4, h5, h6 --------start*/
.tbl_content_main * { color: var(--common_txt) }
.tbl_content_main h6 { font-size: 1.2rem; color: var(--common_txt); } /* 1.2rem 시작 */
.tbl_content_main h5 { font-size: 1.5rem; color: var(--common_txt); }
.tbl_content_main h4 { font-size: 1.8rem; color: var(--common_txt); }
.tbl_content_main h3 { font-size: 2.0rem; color: var(--common_txt); }
.tbl_content_main h2 { font-size: 2.5rem; color: var(--common_txt); }
.tbl_content_main h1 { font-size: 3rem; color: var(--common_txt); } /* 단계적으로 커짐 */

.tbl_content_main blockquote { font-size: 1.2rem; line-height: 1.5; font-style: italic; color: #555; margin: 20px 0; padding: 10px 20px; border-left: 5px solid #ccc; background-color: #f9f9f9; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); quotes: "“" "”" "‘" "’"; }
.tbl_content_main blockquote p { margin: 0; color: var(--common_txt); }
/* 게시판 에디터에서 스타일 수정했을경우 > 이용약관, 개인정보처리방침 blockquote, h1, h2, h3, h4, h5, h6 --------end */

.go_m_fix_link { position: fixed; bottom: 30px; left: 50%; z-index: 100; display: none; padding: 3px 23px 0 20px; border-radius: 28px; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .17); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .17); background-color: var(--main_blue); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); line-height: 56px; text-align: center; white-space: nowrap; color: #fff; }
.go_m_fix_link::before { content: ""; display: inline-block; background-image: url('/assets/images/ico_go_mobile_wh.png'); background-size: contain; background-repeat: no-repeat; width: 26px; height: 20px; }

.lazy-bg { opacity: 0; transition: opacity 0.5s ease-in-out; background-size: cover; background-position: center; background-repeat: no-repeat; }
.lazy-bg.lazy-loaded { opacity: 1; }


.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 #3498db; border-radius: 50%; animation: spin 0.5s linear infinite; }
@keyframes spin {
    0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
}

@media screen and (max-width:1400px) { }
@media screen and (max-width:1280px) { }
@media screen and (max-width:1024px) { }

/* MOBILE */
@media screen and (max-width:768px){
    #all_service_v_wrap { padding: 0 20px }
    .go_m_fix_link { display: block; }
}
@media screen and (max-width:480px) { }
@media screen and (max-width:360px) { }
@media screen and (max-width:280px) { }


#auto_loading_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); border-radius: 3px; display: flex; align-items: center; justify-content: center; z-index: 9999; }
#auto_loading_mask .loading_gif { width: 75px; height: 75px; background-image: url("/assets/images/loading.gif"); background-repeat: no-repeat; background-size: contain; background-position: center; }


@keyframes pulse {
    0% { opacity: 1; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 1; }
}
.pulse_on { animation: pulse 1.8s ease-in-out infinite; }