@charset "UTF-8";
/* reset */
:root {
    --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(--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: #F5F6F8;
    --foot_bg: #F5F6F7;
    --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;
    --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: #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;

    --tbl_pin_bg: #f8f8f8;

    --top-hamb-img: url('/assets/images/ico_hb_menu.png');
    --top-kmarket-img: url('/assets/images/logo_kmarket_v3.svg');
    --set_theme_img: url('/assets/images/ico_moon_white.svg');
    --common_arrow_down_thin:url('/assets/images/ico_arrow_down_sm.png');
    --h_cal_btn_after_img:url('/assets/images/ico_top_cal.svg');
    --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_shortcut_v5_09.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/kplay_logo_v3.gif');
    --kplay_logo_common: url('/assets/images/logo_kplay_v7_bk.svg');
    --kplay_app_icon: url('/assets/images/ico_top_kmarket_v2.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/ico_bo_trash_bk.svg');
    --ico_bo_pencil: url('/assets/images/ico_bo_pencil_wh.svg');
    --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');

    #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%);
}

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

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

    --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(--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;
    --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(--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: #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(--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;

    --top-hamb-img: url('/assets/images/ico_hb_menu_white.png');
    --top-kmarket-img: url('/assets/images/logo_kmarket_v3_white.svg');
    --set_theme_img: url('/assets/images/ico_sun_dark.svg');
    --common_arrow_down_thin:url('/assets/images/ico_arrow_down_sm_white.svg');
    --h_cal_btn_after_img:url('/assets/images/ico_top_cal_white.svg');
    --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_shortcut_v5_09_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/kplay_logo_v3_white.gif');
    --kplay_logo_common: url('/assets/images/logo_kplay_v7_wh.svg');
    --kplay_app_icon: url('/assets/images/ico_top_kmarket_v2.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/ico_bo_trash_wh.svg');
    --ico_bo_pencil: url('/assets/images/ico_bo_pencil_wh.svg');
    --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');

    .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: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%);
}

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;  height:100% }
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; }
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; }

/* 공통 */
.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-20 { margin-top: 20px !important; }
.mb-10 { margin-bottom: 10px !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; }
#wrap { min-width: 1340px; margin-bottom: 60px; }
#header { 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: 15px;
    left: 58px;
    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;
    background-size: cover;
    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: 10px; }
#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: cover; width:30px; height: 30px; }

.ht_my_info_wrap { position: relative; }
.ht_my_info_inner {position: relative; display: flex; align-items: center; cursor: pointer; border: 1px solid var(--ht_my_info_inner_border); border-radius: 20px; padding: 3px 15px 3px 5px; background: var(--ht_my_info_inner_bg); }
.ht_my_info_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_my_info_nick { font-size: 14px; font-weight: 500; margin-right: 3px; color: var(--ht_my_info_nick_txt)}
.ht_my_info_thumb_wrap { position: relative; width: 24px; 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: center; 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: 758px; 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_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; }


/* 메인페이지 고정 광고 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{
    position: absolute;
    top: 190px;
    left: -80px;
    display: block;
}
.pc_fix_wing_gwang_area.right{
    position: absolute;
    top: 0;
    left: unset;
    right: -170px;
    display: block;
}
.pc_fix_wing_gwang_inner{
    position: relative;
}
.left .pc_fix_wing_gwang_item{
    width: 70px;
}
.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 { background:var(--email_login_btn_bg); color: #FFF; border-radius:5px; border: none; cursor: pointer; margin-top: 25px; width:440px; height:50px; }
.email_login_btn.active { background-color:var(--main_blue) }
.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: 10px;right: 22px;border: none;width: 23px;height: 23px;background-image: var(--show_pw_ico);background-repeat: no-repeat;background-size: contain;display: block;transition: all 0.3s ease;}
.show_pw_val.hide{background-image: var(--hide_pw_ico);}
/* add bkkim - 241112 */
#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: center; 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;}

@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;}