@charset "UTF-8"; /* reset */
/* mobile padding bottom : padding-bottom: env(safe-area-inset-bottom); */

/* 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_blue: #0076E3;
    --body-bg: #FFF;
    --body-bg-opc: #F4F5F9;
    --body-bg-sky: #F5F6F8;
    --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_sub_txt: #888888;
    --common_txt_opc: #909090;
    --common_txt_not_on: #606060;
    --sch_bo_tt_txt: #0076E3;
    --common_btn_bg: #4A4A4A;
    --h_top_my_pf_pop_btn_bg: #F3F7FF;
    --common_opc_border: #D9D9D9;
    --common_light_border: #EAEAEA;
    --common_deep_border: #505050;
    --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;
    --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;
    --mp_dash_sum_bg_sky: #F4FAFF;
    --mp_dash_sum_bd: #000000;
    --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:#FFF;
    --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: #F1F8FF;
    --bo_cate_on_txt: #101010;
    --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);

    --cate_li_on_txt: #000;
    --cate_li_on_bd_bot: #000;

    --main_card_more_btn_bd: #d3d3d3;
    --main_card_more_btn_bg: #FFF;

    --mo_foot_bg: #FFF;
    --mo_foot_on_txt: #000;

    --mo_all_service_bg: #F8FBFC;
    --masc_tt_bg: #FFF;
    --masc_depth_1_bg: #EEF2F9;
    --masc_depth_2_bg: #FFF;

    --mmmbl_detail_btn_bg: #D9D9D9;
    --mmmbl_detail_btn_txt: #000;
    --mo_mcs_flex_bg: #EBF5FF;

    --mo_up_sch_li_bg: #FFF;
    --mo_up_sch_li_txt: #9E9E9E;
    --mo_up_sch_li_on_bg: #FFF;
    --mo_up_sch_li_on_txt: #000;
    --mo_up_sch_li_bd: #C1C1C1;
    --mo_up_sch_li_on_bd: #000;

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

    --depth_02_bg: #F5F6F8;
    --depth_02_bg_on: #FFF;
    --depth_02_bd: #F5F6F8;
    --depth_02_bd_on: #000;
    --depth_02_txt: #000;
    --depth_02_txt_on: #000;

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

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

    --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_highlight_sub_wrap_bg: #F5F6F7;

    --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_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');
    --mo_h_chat_btn_ico: url('/assets/images/mo_ico_chat.svg');
    --mo_h_view_theme_ico: url('/assets/images/icon/ico_moon_dark.png');
    --mo_h_profile_btn_ico: url('/assets/images/mo_ico_profile_thumb.svg');
    --mo_ico_plus_thin: url('/assets/images/mo_ico_plus_thin_bk.svg');

    --mo_foot_ico_01: url('/assets/images/icon/mo_ico_foot_01_v2.png');
    --mo_foot_ico_01_on: url('/assets/images/icon/mo_ico_foot_01_v2_on.png');
    --mo_foot_ico_02: url('/assets/images/icon/mo_ico_foot_02_v2.png');
    --mo_foot_ico_02_on: url('/assets/images/icon/mo_ico_foot_02_v2_on.png');
    --mo_foot_ico_03: url('/assets/images/icon/mo_ico_foot_03_v2.png');
    --mo_foot_ico_03_on: url('/assets/images/icon/mo_ico_foot_03_v2.png');
    --mo_foot_ico_04: url('/assets/images/icon/mo_ico_foot_04_v2.png');
    --mo_foot_ico_04_on: url('/assets/images/icon/mo_ico_foot_04_v2_on.png');
    --mo_foot_ico_05: url('/assets/images/icon/mo_ico_foot_05_v2.png');
    --mo_foot_ico_05_on: url('/assets/images/icon/mo_ico_foot_05_v2_on.png');

    --common_close_ico: url('/assets/images/mo_ico_masc_close.png');
    --cus_sel_down_arrow: url('/assets/images/mo_ico_cus_selbox_arrow_sm.svg');

    --mo_common_hisBack_icon: url('/assets/images/mo_ico_his_back.svg');
    --mo_up_fix_close_icon: url('/assets/images/mo_ico_masc_close_gr.svg');
    --ico_cross: url('/assets/images/ico_cross_bk.svg');
    --ico_arrow_cross: url('/assets/images/icon/ico_arrow_cross_black.png');

    --ico_recom_thumb_bk: url('/assets/images/icon/ico_recom_thumb_bk.png');
    --ico_recom_thumb_bk_fill: url('/assets/images/icon/ico_recom_thumb_bk_fill.png');
    --ico_recom_thumb_wh: url('/assets/images/icon/ico_recom_thumb_wh.png');
    --ico_recom_thumb_wh_fill: url('/assets/images/icon/ico_recom_thumb_wh_fill.png');
    --ico_bookm_wh: url('/assets/images/icon/ico_bookm_wh.png');
    --ico_bookm_wh_fill: url('/assets/images/icon/ico_bookm_wh_fill.png');

    --ico_gear_wh: url('/assets/images/icon/ico_gear_wh.png');
    --ico_mp_copy: url('/assets/images/mypage/ico_copy_black.png');
    .desc: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%);
    --common_alert_bg:#4D4D4D;
    --common_alert_color:#FFF;
}

/* 다크모드 :root */
:root[data-theme=dark]{
    .desc:visited {
        color: #6b6b6b;
    }

    --wg_ranking_card_bg: #263045;
    --wg_ranking_card_tbl_bg: #333336;
    --wg_ranking_card_tbl_bd: #333336;
    --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_blue: #0076E3;
    --body-bg: #1E1E20;
    --body-bg-opc: #1E1E20;
    --body-bg-sky: #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_sub_txt: #CBCBCB;
    --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;
    --bo_subMenu_on_border: #3C3E3E;
    --common_thumb_bg: #333333;
    --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;
    --mp_dash_sum_bg_sky: #272829;
    --mp_dash_sum_bd: #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: var(--main_blue);
    --bo_cate_on_txt: #FFF;
    --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);

    --cate_li_on_txt: #FFF;
    --cate_li_on_bd_bot: #FFF;

    --main_card_more_btn_bd: #3C3E3E;
    --main_card_more_btn_bg: #333336;

    --mo_foot_bg: #272829;
    --mo_foot_on_txt: var(--main_blue);

    --mo_all_service_bg: #1E1E20;
    --masc_tt_bg: #272829;
    --masc_depth_1_bg: #333336;
    --masc_depth_2_bg: #272829;

    --mmmbl_detail_btn_bg: #333336;
    --mmmbl_detail_btn_txt: #FFF;
    --mo_mcs_flex_bg: #333336;

    --mo_up_sch_li_bg: #272829;
    --mo_up_sch_li_txt: #9E9E9E;
    --mo_up_sch_li_bd: #3C3E3E;
    --mo_up_sch_li_on_bg: #1E1E20;
    --mo_up_sch_li_on_txt: #FFF;
    --mo_up_sch_li_on_bd: #FFF;

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

    --depth_02_bg: #333336;
    --depth_02_bg_on: var(--main_blue);
    --depth_02_bd: #333336;
    --depth_02_bd_on: var(--main_blue);
    --depth_02_txt: #d9d9d9;
    --depth_02_txt_on: #FFF;

    --tbl_pin_bg: #27292b;
    --mp_card_bg_opc: #272829;

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

    --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_highlight_sub_wrap_bg: #333336;

    --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_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');
    --mo_h_chat_btn_ico: url('/assets/images/mo_ico_chat_wh.svg');
    --mo_h_view_theme_ico: url('/assets/images/icon/ico_moon_white.png');
    --mo_h_profile_btn_ico: url('/assets/images/mo_ico_profile_thumb_wh.svg');
    --mo_ico_plus_thin: url('/assets/images/mo_ico_plus_thin_wh.svg');

    --mo_foot_ico_01: url('/assets/images/icon/mo_ico_foot_01_v2_dark.png');
    --mo_foot_ico_01_on: url('/assets/images/icon/mo_ico_foot_01_v2_on_dark.png');
    --mo_foot_ico_02: url('/assets/images/icon/mo_ico_foot_02_v2_dark.png');
    --mo_foot_ico_02_on: url('/assets/images/icon/mo_ico_foot_02_v2_on_dark.png');
    --mo_foot_ico_03: url('/assets/images/icon/mo_ico_foot_03_v2.png');
    --mo_foot_ico_03_on: url('/assets/images/icon/mo_ico_foot_03_v2.png');
    --mo_foot_ico_04: url('/assets/images/icon/mo_ico_foot_04_v2_dark.png');
    --mo_foot_ico_04_on: url('/assets/images/icon/mo_ico_foot_04_v2_on_dark.png');
    --mo_foot_ico_05: url('/assets/images/icon/mo_ico_foot_05_v2_dark.png');
    --mo_foot_ico_05_on: url('/assets/images/icon/mo_ico_foot_05_v2_on_dark.png');

    --common_close_ico: url('/assets/images/mo_ico_masc_close_wh.png');
    --cus_sel_down_arrow: url('/assets/images/mo_ico_cus_selbox_arrow_sm_wh.svg');

    --mo_common_hisBack_icon: url('/assets/images/mo_ico_his_back_wh.svg');
    --mo_up_fix_close_icon: url('/assets/images/mo_ico_masc_close_wh.svg');
    --ico_cross: url('/assets/images/ico_cross_wh.svg');
    --ico_arrow_cross: url('/assets/images/icon/ico_arrow_cross_wh.png');
    --ico_mp_copy: url('/assets/images/mypage/ico_copy_white.png');

    #Board_mo .note-editor {background-color: #2e2e2e;color: #ffffff;}
    #Board_mo .note-toolbar {background-color: var(--input_bg_opc);color: #ffffff;}
    #Board_mo .note-toolbar .note-btn {background-color: #4a4a4a;color: #ffffff;border-color: #5c5c5c;}
    #Board_mo .note-toolbar .note-btn:hover {background-color: #5c5c5c;color: #ffffff;}
    #Board_mo .note-dropdown-menu {background-color: var(--input_bg_opc);color: #ffffff;}
    #Board_mo .note-dropdown-menu .note-dropdown-item{color: var(--common_txt);}
    #Board_mo .note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable{background-color: var(--input_bg_opc);}
    #Board_mo .note-input{background: var(--input_bg_opc);color: #ffffff;}
    #Board_mo .note-modal-content{background: var(--common_pop_bg);}
    #Board_mo .note-modal-title{color: var(--common_txt_opc);}
    #Board_mo .note-form-label{color: var(--common_txt_opc);}
    #Board_mo .note-icon-close:before{color: var(--common_txt);}

    #m-cnt-notice .note-editor {background-color: #2e2e2e;color: #ffffff;}
    #m-cnt-notice .note-toolbar {background-color: var(--input_bg_opc);color: #ffffff;}
    #m-cnt-notice .note-toolbar .note-btn {background-color: #4a4a4a;color: #ffffff;border-color: #5c5c5c;}
    #m-cnt-notice .note-toolbar .note-btn:hover {background-color: #5c5c5c;color: #ffffff;}
    #m-cnt-notice .note-dropdown-menu {background-color: var(--input_bg_opc);color: #ffffff;}
    #m-cnt-notice .note-dropdown-menu .note-dropdown-item{color: var(--common_txt);}
    #m-cnt-notice .note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable{background-color: var(--input_bg_opc);}
    #m-cnt-notice .note-input{background: var(--input_bg_opc);color: #ffffff;}
    #m-cnt-notice .note-modal-content{background: var(--common_pop_bg);}
    #m-cnt-notice .note-modal-title{color: var(--common_txt_opc);}
    #m-cnt-notice .note-form-label{color: var(--common_txt_opc);}
    #m-cnt-notice .note-icon-close:before{color: var(--common_txt);}

    --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%);
    --common_alert_bg:#676767;
    --common_alert_color:#FFF;
}

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 *),
ul:not(.note-editable *):not(.bv_main_inner *),
ol:not(.note-editable *):not(.bv_main_inner *),
menu:not(.note-editable *):not(.bv_main_inner *),
li:not(.note-editable *):not(.bv_main_inner *) { list-style: none; }
/* 기본적으로 ul, ol도 제외 */
ul:not(.note-editable *):not(.bv_main_inner *),
ol:not(.note-editable *):not(.bv_main_inner *) { list-style: none; }
.note-editable b, .bv_main_inner 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-opc); word-wrap:break-word; -ms-overflow-style:none; min-width: 330px; }
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"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; cursor: pointer; background-image: var(--ico_inp_date); background-position: right 5px center; background-repeat: no-repeat; background-size: 15px; }
input[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }


.hidden { display: none; }
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; color: var(--common_txt) }
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; }
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-thumb { background-color: gray; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background-color: darkgray; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-button { display: none; }

.width-limit { max-width:1366px; margin:0 auto; min-width: 330px; overflow-x: 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; }
.mt-10 { margin-top: 10px !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: var(--main_blue) !important }
.bb_gray { border-bottom: 1px solid var(--common_opc_border) !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: rgba(255, 236, 32, 0.8); }
#join_section .readonly { background: #E7E6E6 }
#join_section .login_form .readonly .form_text .input input { color: #7F7F7F; background: #E7E6E6 }
.m_alert { background-color: var(--common_alert_bg); color: var(--common_alert_color); font-size: 15px; padding: 10px 20px; text-align: center; border-radius: 2px; box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1); max-width: 350px; position: fixed; left: 50%; transform: translateX(-50%); bottom: 100px; z-index: 9999; height: auto; display: none; }


/* 설명 히든 seo */
.exp_txt { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }
/* 설명 히든 seo */

#wrap { max-width: 1366px; margin-bottom: 60px; padding: 0 100px }
#wrap.c_wrap { }
#header { width: 100%; margin: 0 auto; }
#h_sch_area { z-index: 100; position: relative; padding: 110px 0 10px 0; }
#h_menu_pop_btn_wrap { position: absolute; top: 20px; left: 0; width: 30px; }
#h_menu_pop_btn { position: relative; width: 30px; height: 30px; 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: contain; width: 30px; height: 30px; 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: 20px; left: 45px; }
#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: contain; width: 30px; height: 30px; }



.mo_shc_bn_wrap { width: 100%; }
.mo_shc_bn_wrap a { display: block; }
.mo_shc_bn_wr_img_wrap { position: relative; display: block; width: 100%; }
.mo_shc_bn_wr_img_inner { position: relative; padding-bottom: 70px; overflow: hidden; border-radius: 6px; }
.mo_shc_bn_wr_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: 6px; }



/* 모바일 공통 고정 헤더 > 메인 대시보드 제외 view 25.01.06 */
#header.mo_header_common { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; }
#mo_fix_h_area { position: relative; width: 100%; max-width: 830px; margin: 0 auto; padding: 0 100px; }
#mo_fix_h_area .mo_fix_h_area_inner { position: relative; width: 100%; background: var(--main_blue); height: 52px; }

#mo_fix_h_area_de_02 { position: relative; width: 100%; max-width: 1366px; margin: 0 auto; padding: 0 100px; }
#mo_fix_h_area_de_02 .mo_fix_h_area_inner { position: relative; width: 100%; height: 52px; }

.mo_f_h_left { position: absolute; top: 50%; left: 15px; transform: translateY(-50%) }
.mofh_left_inner { position: relative; display: flex; justify-content: center; align-items: center; }
.mofh_left_inner a { display: block; width: 25px; margin-right: 10px; position: relative }
.mofh_left_inner a:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 25px; height: 32px; background-image: url('/assets/images/mo_app_ico_white.svg'); background-repeat: no-repeat; background-size: contain }
.mofh_left_inner h1 { font-size: 20px; color: #FFF; font-weight: 700; padding-right: 45px; }

#mo_fix_h_hamb_wrap { position: absolute; top: 0; right: 10px; width: 50px; }
#mo_fix_h_hamb_btn { position: relative; width: 52px; height: 52px; border-radius: 50%; display: block }
#mo_fix_h_hamb_btn::after { content: ""; display: block; background-image: url('/assets/images/mo_ico_hamb_white.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; width: 27px; height: 23px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* 모바일 공통 고정 헤더 > 메인 대시보드 제외 view 25.01.06 */

.ht_right_wrap_mo { position: absolute; top: 20px; right: 0; }
.ht_right_inner { position: relative; display: flex; align-items: center; column-gap: 16px; }
#mo_h_r_btn_wrap { }
#mo_h_chat_btn { position: relative; display: block; }
#mo_h_chat_btn::after { content: ""; display: block; background-image: var(--mo_h_chat_btn_ico); background-repeat: no-repeat; background-position: center; background-size: contain; width: 30px; height: 30px; }
#mo_h_visible_skin_btn { position: relative; display: block; }
#mo_h_visible_skin_btn::after { content: ""; display: block; background-image: var(--mo_h_view_theme_ico); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 30px; height: 30px; }
#mo_h_profile_btn { position: relative; display: block; }
#mo_h_profile_btn::after { content: ""; display: block; background-image: var(--mo_h_profile_btn_ico); background-repeat: no-repeat; background-position: center; background-size: contain; width: 30px; height: 30px; }
#mo_h_cal_btn { position: relative; display: block; }
#mo_h_cal_btn::after { content: ""; display: block; background-image: var(--h_cal_btn_after_img); background-repeat: no-repeat; background-position: center; background-size: contain; width: 30px; height: 30px; }


.ht_my_info_wrap { position: relative; }
.ht_my_info_inner { display: flex; align-items: center; cursor: pointer; border: 1px solid var(--common_opc_border); border-radius: 20px; padding: 2px 5px; background: #FFF; }
.ht_my_info_nick { font-size: 14px; font-weight: 500; margin-right: 3px; }
.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: 50%; background: var(--ht_lang_inner_bg); }
.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: 30px; }
.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%; }


#header #h_sch_area #h_sch_form_wrap { position: absolute; top: 105px; left: 50%; z-index: 10; width: 360px; 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 { }
#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: 20px; 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: 190px; 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: 18px; 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%); display: none }
#h_sch_submit_btn img { width: 34px; }
#h_shortcut_link_wrap { position: relative; max-width: 330px; margin: 76px auto 0; display: block }
.h_shortcut_ul { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 20px; }
.h_shortcut_ul .h_shortcut_item { margin-right: 2px; min-width: 57px }
.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); }
.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; }
.fix_wing_gwang_img_wrap a img { width: 100%; }
/* 메인페이지 고정 광고 24.12.24 */



/* 토너먼트 고정 배너 25.09.11 */
.fix_wing_tnmt_area { margin-top: 12px;}
.fix_wing_tnmt_inner { position: relative; }
.fix_wing_tnmt_area.pos_left .fix_wing_tnmt_item { width: 100%; }
.fix_wing_tnmt_bg_wrap { position: relative; }
.fix_wing_tnmt_bg_wrap .fix_wing_tnmt_bg_inner { position: relative; width: 100%; height: 130px; display: block; overflow: hidden; background: var(--common_thumb_bg); border-radius: 6px; }
.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: 6px; }
.fix_wing_tnmt_link { position: absolute; font-size: 13px; font-weight: bold; bottom: 7px; left: 40px; display: block; width: 115px; 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: 45px; left: 20px; }
.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: 2px; }
.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.11 */


/* mobile foot fix menu 25.03.04 */
.mo_common_foot { z-index: 1000; position: fixed; bottom: -1px; left: 0; right: 0; width: 100%; transition: transform 0.4s ease; will-change: transform; }
.mo_foot_menu { display: flex; width: 100%; margin: 0 auto; background-color: var(--mo_foot_bg); box-shadow: 0 -4px 12px rgba(0, 0, 0, .03); justify-content: space-around; }
.mo_foot_menu li { position: relative; flex: 0 0 50px; padding: 12px 2px 11px; box-sizing: border-box; }
.mo_foot_menu li a { font-size: 12px; line-height: 17px; letter-spacing: -.3px; display: block; text-align: center; color: var(--common_txt); font-weight: 500; position: relative; }
.mo_common_foot .mo_foot_menu li.on a { color: var(--mo_foot_on_txt); font-weight: 600 }
.mo_foot_menu li a .mo_foot_img_thumb { position: relative; width: auto; height: 26px; margin: 0 auto 5px; line-height: 1px; }
.mo_foot_menu li a .mo_foot_img_thumb:after { content: ""; position: absolute; top: 50%; left: 50%; display: block; transform: translate(-50%, -50%); width: 26px; height: 26px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.mo_foot_menu li:nth-child(3) a .mo_foot_img_thumb { position: relative; width: auto; height: 26px; margin: 0 auto 5px; line-height: 1px; }
.mo_foot_menu li:nth-child(3) a .mo_foot_img_thumb:after { content: ""; position: absolute; top: 0; left: 50%; display: block; transform: translate(-50%, -50%); width: 44px; height: 44px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.mo_foot_menu li:nth-child(3) a .mo_foot_img_thumb:before { content: ""; position: absolute; top: -32px; left: 50%; display: block; transform: translateX(-50%); width: 88px; height: 88px; background-color: var(--mo_foot_bg); border-radius: 50%; clip-path: inset(0 0 50% 0); }
.mo_foot_menu li a .mo_foot_img_thumb.ico_01:after { background-image: var(--mo_foot_ico_01); }
.mo_foot_menu li a .mo_foot_img_thumb.ico_02:after { background-image: var(--mo_foot_ico_02); }
.mo_foot_menu li a .mo_foot_img_thumb.ico_03:after { background-image: var(--mo_foot_ico_03); }
.mo_foot_menu li a .mo_foot_img_thumb.ico_04:after { background-image: var(--mo_foot_ico_04); }
.mo_foot_menu li a .mo_foot_img_thumb.ico_05:after { background-image: var(--mo_foot_ico_05); }
.mo_foot_menu li.on a .mo_foot_img_thumb.ico_01:after { background-image: var(--mo_foot_ico_01_on); }
.mo_foot_menu li.on a .mo_foot_img_thumb.ico_02:after { background-image: var(--mo_foot_ico_02_on); }
.mo_foot_menu li.on a .mo_foot_img_thumb.ico_03:after { background-image: var(--mo_foot_ico_03_on); }
.mo_foot_menu li.on a .mo_foot_img_thumb.ico_04:after { background-image: var(--mo_foot_ico_04_on); }
.mo_foot_menu li.on a .mo_foot_img_thumb.ico_05:after { background-image: var(--mo_foot_ico_05_on); }
/* mobile foot fix menu 25.03.04 */

/* mobile join, login, find password view 24.12.31 */
.login_form { max-width: 580px; width: 100%; padding-top:0 !important; border:1px solid var(--common_light_border); display:inline-block; background: var(--common_input_bg); border-radius:5px; }
.login_form.no_line { border:0px solid; background-color:#F5F6F8; }
.login_form.no_line h1 { font-family: 'Pretendard'; font-size:40px; font-weight:400; line-height: 68.1px; text-align: center; }
.login_form .form .form_text { padding:10px 70px 0px 70px; }
.login_form .form .form_text .login_h3 { float:left; font-size:14px; }
.login_form .form .form_text .login_radio { float:left; height:16px; width:16px; }
.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: 25px auto 0; width: 100%; max-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:#777777; padding:20px; }
.login_form_logo { text-align: center }
.login_form_logo h1 { margin-bottom: 10px; text-align: center }
.login_form_logo h1 > a { display: inline-block }
.login_form_logo h1 img { width: 110px; }
.login_form_banner { width: 100%; max-width: 580px; padding:50px 0; display:inline-block; }
.login_form_banner img { width: 100% }
.login_form .form .form_title.join_complete { color:#101010; }

.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; }
.mo_m_t_logo_link a .kplay_logo_bg { width: 90px; }
.mp_logo .kplay_logo_bg { width: 92px; }

.join { font-size:14px; font-weight: 400; line-height: 16.34px; text-align: left; }
.join .form { margin-top:0; border-bottom: 1px solid var(--common_opc_border); }
.join .last { margin-top:0; border-bottom:0 solid; }
.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; font-weight: 400; text-align: left; }
.join .form .form_text .join_radio { float:left; height:20px; width:20px; }

.join .form .form_text input[type="radio"] { appearance: none; -webkit-appearance: none; width: 24px; height: 24px; border: 1px solid var(--common_opc_border); border-radius: 50%; background-color: #fff; cursor: pointer; vertical-align: middle; margin-right: 8px; }
.join .form .form_text input[type="radio"]:checked { border-color: var(--main_blue); background-color: var(--main_blue); }
.join .form .form_text label { font-size: 16px; color: var(--common_txt); cursor: pointer; vertical-align: middle; }

.join .form .input { overflow:hidden; position:relative; display:block; padding:0 10px; border:0; 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; display: flex; align-items:center; height: unset; }
.join .join_text .join_h3 { font-size:13px; padding-top:2px; font-weight: 400; text-align: left; }
.join .join_text.confirm_radio_wrap input[type="radio"] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border: 1px solid var(--common_opc_border); border-radius: 50%; background-color: #fff; cursor: pointer; vertical-align: middle; margin-right: 8px; }
.join .join_text.confirm_radio_wrap input[type="radio"]:checked { border-color: var(--main_blue); background-color: var(--main_blue); }
.join .join_text.confirm_radio_wrap label { width: calc(100% - 32px); font-size: 14px; color: var(--common_txt_opc); cursor: pointer; vertical-align: middle; }
.join_bottom { }

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

.show_pw_val { position: absolute; top: 50%; right: 20px; border: none; width: 25px; height: 25px; background-image: var(--show_pw_ico); background-repeat: no-repeat; background-size: contain; background-position: center; display: block; transform: translateY(-50%); }
.show_pw_val.hide { background-image: var(--hide_pw_ico); }

#join_section { background: var(--body-bg-sky); height: 100%; width: 100%; overflow-y: auto }
#join_section > .contents { width: 100%; max-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: 100%; max-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; }
#join_section .login_form .form_text .input input::placeholder { font-size: 14px; color: var(--common_txt_opc) }
.find_id_inp_wrap { width: 100%; max-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 var(--main_blue) }
.find_id_inp_wrap .form_text > input { width: 100%; font-size: 16px; color: var(--common_txt); }
.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_inp_wrap .form_text.plc::after { background-image: unset }
.find_id_btn_wrap { width: 100%; max-width: 440px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 10px; justify-content: space-between }

#common_foot { width: 100%; background: #F5F6F7; border-top: 1px solid #E9E9E9 }
.foot_inner { background: #F5F6F7; }
.foot_link_row { padding: 15px 0; border-top: 1px solid #E9E9E9; }
.foot_all_menu_layer_btn_wrap { max-width: 1280px; text-align: right; margin: 0 auto; }
.foot_all_menu_layer_btn_wrap a { }
.foot_all_menu_layer_btn_wrap a span { font-size: 14px; color: #101010; }
.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: space-between; flex-wrap: wrap }
.foot_end_row_flex_item_wrap { display: flex; align-items: center; }
.foot_end_row_flex_item { margin-right: 15px }
.foot_end_row_flex_item .foot_logo { width: 65px; }
.foot_end_row_flex_item span { font-size: 13px; color: #777777; }


.mo_member_common_form { width: 100%; background: var(--body-bg-sky); }
.mo_member_common_form > .contents { width: 100%; max-width: 580px; margin: 0 auto; }
.mmcf_head { height: 60px; position: relative; width: 100%; }
.mmcf_hd_back_btn { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 22px; height: 22px; }
.mmcf_hd_back_btn a { display: block; width: 22px; height: 22px; background-image: var(--mo_common_hisBack_icon); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.mmcf_hd_back_btn a img { width: 100%; }
.mmcf_inner { width: 100%; }
.mmcf_inner h1 { text-align: center; margin-bottom: 40px; }
.mmcf_inner h1 a { display: inline-block; }
.mmcf_inner h1 a img { width: 110px; }
.mmcf_inp_wrap { width: 100%; background: var(--common_input_bg); margin-bottom: 12px; border-radius: 10px; }
.mmcf_inp_wrap .mo_loginFormControl { width: 100%; padding: 20px 25px; border-radius: 10px; border: 1px solid var(--common_light_border); }
.mmcf_inp_wrap .mo_loginFormControl:first-child { border-radius: 10px 10px 0 0; }
.mmcf_inp_wrap .mo_loginFormControl:last-child { border-radius: 0 0 10px 10px; border-top: none; }
.mmcf_inp_wrap .mo_loginFormControl .mo_lfc_inner input { width: 100%; font-size: 16px; }
.mmcf_inp_wrap .mo_loginFormControl .mo_lfc_inner input::placeholder { font-size: 16px; color: var(--common_txt_opc); }
.pass_save_chk_wrap { margin-bottom: 16px; }
.pass_save_chk_inner input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 24px; height: 24px; border: 1px solid var(--main_blue); border-radius: 50%; background-color: #fff; cursor: pointer; vertical-align: middle; margin-right: 8px; }
.pass_save_chk_inner input[type="checkbox"]:checked { border-color: var(--main_blue); background-color: var(--main_blue); }
.pass_save_chk_inner label { font-size: 16px; color: var(--common_txt); cursor: pointer; vertical-align: middle; }
.mmcf_submit_btn { margin-bottom: 18px; }
.mmcf_submit_btn button { padding: 20px; width: 100%; background: #A5ADB8; color: #fff; border-radius: 10px; font-size: 16px; }
.mmcf_submit_btn button.active { background: var(--main_blue); }
.mmcf_link_sub { display: flex; align-items: center; justify-content: center; column-gap: 30px; }
.mmcf_link_sub a { font-size: 16px; color: var(--common_txt_opc); }
.mmcf_link_sub a:hover { text-decoration: underline; }
/* mobile join, login, find password view 24.12.31 */

#common_foot.login_page .foot_inner { border-top: none; max-width: 580px; margin: 0 auto; }
#common_foot.login_page .foot_bn_area { display: none }
#common_foot.login_page .foot_link_row { border-top: none }
#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: #101010; margin-bottom: 12px; }
.foot_bn_item_info p { font-size: 14px; color: #555555; max-width: 200px }


/* mobile all service view 24.12.31 */
#all_service_v_wrap { background: var(--mo_all_service_bg); width: 100%; max-width: 1366px; margin: 0 auto; min-width: 330px; overflow-x: auto }
.mo_all_service_cont { }
.mo_all_service_cont_tt { position: fixed; top: 0; left: 0; height: 56px; width: 100%; z-index: 999; }
.masc_tt_inner { position: relative; width: 100%; max-width: 1366px; margin: 0 auto; height: 100%; background: var(--masc_tt_bg); padding: 0 20px; display: flex; align-items: center; justify-content: space-between; }
.masc_tt_inner p { font-size: 22px; color: var(--common_txt); }
.masc_tt_back_btn { width: 21px; height: 21px; }
.masc_tt_back_btn a { display: block; width: 21px; height: 21px; background-image: var(--common_close_ico); background-repeat: no-repeat; background-size: contain; background-position: center; }
.masc_tt_back_btn a img { width: 100%; }
.masc_start { position: relative; padding: 10px 20px 15px; max-width: 630px; margin: 0 auto; }
.mo_all_service_cont_depth_wrap { margin-bottom: 10px }
.mo_all_service_cont_depth_item { border: 1px solid var(--common_opc_border); border-radius: 5px; }
.mo_all_service_cont_depth_1 { height: 50px; line-height: 50px; background: var(--masc_depth_1_bg); padding-left: 14px; border-radius: 5px 5px 0 0; }
.mo_all_service_cont_depth_1 a span { font-size: 15px; font-weight: 700; color: var(--common_txt); }
.mo_all_service_cont_depth_1 em { font-size: 15px; font-weight: 700; color: var(--main_blue); }
.mo_all_service_cont_depth_2 { padding: 15px 27px; background: var(--masc_depth_2_bg); border-radius: 0 0 5px 5px; }
.mo_all_service_cont_depth_2 ul { display: grid; grid-template-columns: 1fr 1fr; row-gap: 10px; column-gap: 30px; }
.mo_all_service_cont_depth_2 ul li { position: relative; }
.mo_all_service_cont_depth_2 ul li a { position: relative; display: flex; align-items: center; overflow: hidden; }
.mo_all_service_cont_depth_2 ul li a.new_tag::after { content: ""; position: absolute; top: 49%; right: -17px; transform: translateY(-50%); width: 14px; height: 14px; background-image: url('/assets/images/ico_new_red_sm.png'); background-size: cover; background-repeat: no-repeat; }
.mo_all_service_cont_depth_2 ul li a .depth_2_sub_item_ico { width: 30px; height: 30px; border: 1px solid var(--shortcut_ico_bd); background-color: var(--shortcut_ico_bg); border-radius: 5px; position: relative; display: inline-block; margin-right: 5px; }
.mo_all_service_cont_depth_2 ul li a .depth_2_sub_item_ico em { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; background-position: center; }
.mo_all_service_cont_depth_2 ul li a span { font-size: 15px; max-width: 200px; color: var(--common_txt); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


.masc_shortcut_link_wrap { position: relative; max-width: 330px; margin: 0 auto 20px; display: block; padding-top: 85px }
.masc_shortcut_ul { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 20px; }
.masc_shortcut_ul .masc_shortcut_item { margin-right: 2px; min-width: 57px }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico { width: 42px; height: 42px; margin-bottom: 5px; background-repeat: no-repeat; background-size: cover; background-position: center center }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico img { width: 42px; }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico img:hover { box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3); border-radius: 16px; transition: transform 0.2s ease-out, box-shadow 0.2s ease-out; }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_txt { font-size: 14px; color: var(--common_txt); }
.masc_foot { text-align: center; padding-bottom: 65px; }
.masc_foot button { font-size: 15px; color: var(--common_txt_opc); text-decoration: underline }

.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico { width: 42px; height: 42px; margin-bottom: 5px; background-repeat: no-repeat; background-size: cover; background-position: center center }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico.order_01 { background-image: var(--h_shortcut_link_img_01); }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico.order_02 { background-image: var(--h_shortcut_link_img_02); }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico.order_03 { background-image: var(--h_shortcut_link_img_03); }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico.order_04 { background-image: var(--h_shortcut_link_img_04); }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico.order_05 { background-image: var(--h_shortcut_link_img_05); }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico.order_06 { background-image: var(--h_shortcut_link_img_06); }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico.order_07 { background-image: var(--h_shortcut_link_img_07); }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico.order_08 { background-image: var(--h_shortcut_link_img_08); }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico.order_09 { background-image: var(--h_shortcut_link_img_09); }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico.order_10 { background-image: var(--h_shortcut_link_img_10); }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico.order_11 { background-image: var(--h_shortcut_link_img_11); }
.masc_shortcut_item .masc_shortcut_link .masc_shortcut_link_ico.order_12 { background-image: var(--h_shortcut_link_img_12); }


/* mobile all service view 24.12.31 */



/* pc - default right widget */
#layout_widget_right_container { }
.btn_hidden { visibility: hidden; opacity: 0; }
.btn_visible { visibility: visible; opacity: 1; }
.pc_main_top_bn_swiper_cont.swiper-container { width: 100%; overflow: hidden; display: none }
.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; padding-bottom: 110px; padding-top: 62px; }
.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 >> mobile 25.01.06 */
.mo_up_fix { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; }
.muf_wrap { position: relative; width: 100%; max-width: 750px; margin: 0 auto; }
.muf_inner { position: relative; width: 100%; background: var(--body-bg); height: 52px; border-bottom: 1px solid var(--common_light_border) }
.mo_up_fix.upSch .muf_inner { height: 60px; }
.muf_left { position: absolute; top: 50%; left: 0; transform: translateY(-50%) }
.muf_hisBack_btn { display: block; width: 52px; height: 52px; margin-right: 10px; position: relative }
.muf_hisBack_btn:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 21px; height: 21px; background-image: var(--mo_up_fix_close_icon); background-repeat: no-repeat; background-size: contain }

#up_board_search_v_wrap .up_intro_info_main { display: none; }
#up_intro_v_wrap.width-limit { max-width: 750px; background: var(--body-bg); height: 100%; }
#up_board_search_v_wrap.width-limit { max-width: 750px; background: var(--body-bg); height: 100%; }
.up_intro_inner { margin: 0 auto; width: 100%; padding: 75px 0 100px; max-width: 630px; }
.up_cont_tt { display: none; 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; }
.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; flex-direction: column }
.up_intro_info_flex .left { width: 100%; margin-bottom: 10px; }
.up_intro_info_flex .left .up_intro_info_profile { display: flex; column-gap: 10px; }
.up_intro_info_detail { width: 50%; }
.up_intro_info_flex .right { width: 100%; }
.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: var(--common_txt_opc) }
.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: var(--common_txt_opc); 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 { margin-bottom: 30px; }
.up_intro_txt h5 { font-size: 13px; margin-bottom: 5px; color: var(--common_txt); }
.up_intro_txt p { font-size: 13px; color: var(--common_txt_opc); line-height: 18px; }

/* user profile page - board-search > stylesheet 24.12.05 >> mobile 25.01.06 */
.up_search_inner { margin: 0 auto; width: 100%; padding: 75px 0 100px; max-width: 630px; }
.up_search_main { }
.up_search_form_wrap { }
.up_search_form_inner { margin: 0 10px; }
.up_search_form_control { position: relative; padding: 16px 50px 15px 10px; background: var(--body-bg); width: 100%; }
.up_search_form_control input { outline: none; border: none; font-size: 15px; color: var(--common_txt); width: 100%; background: var(--body-bg) }
.up_search_form_control input::placeholder { font-size: 15px; 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: 20px; }
.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: grid; grid-template-columns: repeat(2, 1fr); }
.up_s_result_filter_ul > div > ul > li > a { font-size: 14px; text-align: center; display: block; padding: 13px 0; background: var(--mo_up_sch_li_bg); border: 1px solid var(--mo_up_sch_li_bd); color: var(--mo_up_sch_li_txt); }
.up_s_result_filter_ul > div > ul > li.on > a { border: 1px solid var(--mo_up_sch_li_on_bd); border-bottom: none; color: var(--mo_up_sch_li_on_txt); background: var(--mo_up_sch_li_on_bg); }


.up_s_result_filter_ul > div > ul > li > a:hover { }
.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(--btn_not_on_txt); }
.up_s_result_sort_ul > div > ul > li > a:hover { text-decoration: underline; color: var(--btn_on_txt); }
.up_s_result_sort_ul > div > ul > li.on > a { color: var(--btn_on_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% - 90px) }
.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:7px; }
.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: 10px; }
.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: 3px; }
.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; color: var(--common_txt_opc); }
.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: 80px; }
.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: var(--common_txt); }
.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; }
/* 유저프로필 글, 댓글 검색결과 갤러리 그리드 스킨 */


.mo_shortcut_sw { width: 100%; overflow: hidden; position: relative; }
.mo_shortcut_sw .swiper-wrapper { justify-content: unset; }
.sw_gnb_slide.swiper-slide { width: unset; }
.sw_gnb_item { display: inline-block; padding: 16px 10px; }
.sw_gnb_slide:first-child .sw_gnb_item { padding-left: 20px; }
.sw_gnb_slide:last-child .sw_gnb_item { padding-right: 20px; }
.sw_gnb_link p { font-size: 16px; color: #d9d9d9; font-weight: 400 }
.sw_gnb_slide.swiper-slide.on .sw_gnb_link p { font-weight: 800; color: #FFF; }

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

.spinner-sm-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center; }
.spinner-sm { width: 20px; height: 20px; border: 3px solid #d9d9d9; border-top: 3px solid var(--main_blue); border-radius: 50%; animation: spin 0.8s linear infinite; }

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


@media screen and (max-width:1400px) { }
@media screen and (min-width:1280px){
    #all_service_v_wrap { padding: 0 100px; }
}
@media screen and (min-width:630px){
    .mo_foot_menu li { flex: 1 0 20%; }
}

@media screen and (max-width:1280px){
    #wrap, #mo_fix_h_area { padding: 0 30px; }
    #wrap.width-limit.pd_none { padding: 0; }
}

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

/* MOBILE */
@media screen and (max-width:768px){
    #join_section > .contents { padding: 0 15px; }
    .join_complete_tt h2 { font-size: 36px; }
    .mo_member_common_form > .contents { padding: 0 20px; }
}
@media screen and (max-width:480px){
    .mo_all_service_cont_depth_2 { padding: 15px 15px; }
    .mo_all_service_cont_depth_2 ul li a span { max-width: 120px; }
    .masc_start { position: relative; padding: 10px 10px 35px; }
    .foot_end_row_flex_item:last-child { width: 100%; text-align: center; }
    .join .form .form_text { padding-left: 12px; }
    #wrap, #mo_fix_h_area { padding: 0; }
    #h_sch_area { padding: 100px 10px 10px 10px; }
    #h_menu_pop_btn_wrap { left: 10px; }
    #h_app_ico_btn_wrap { left: 55px; }
    .ht_right_wrap_mo { right: 10px; }
    #header #h_sch_area #h_sch_form_wrap { width: 90%; }
    #header #h_sch_area #h_sch_form_wrap .h_sch_group .h_sch_group_inner { padding-left: 120px; }
    #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: 80px; }
    #header #h_sch_area #h_sch_form_wrap .h_sch_input_wrap { width: 100%; border-radius: 0 56px 56px 0; }
    #h_sch_form_wrap .h_sch_input_wrap #sch_val { height: 48px; padding: 10px 30px 10px 0; font-size: 16px; }
    #h_sch_form_wrap .h_sch_input_wrap #sch_val::placeholder { color: #DBDBDB; font-size: 16px; }
    .h_shortcut_area_gwang { width: 100%; }
    .up_intro_inner { padding: 75px 10px 100px; }
    .up_intro_info_flex { padding: 0 10px; }
    .up_intro_info_foot_flex { padding: 10px 15px }
    .up_intro_info_sub_row { padding: 10px 15px; }
    .up_search_main { padding: 0 10px }

    #header #h_sch_area #h_sch_form_wrap .h_sch_group .h_sch_group_inner #h_sch_form_logo { left: 17px; }
    #header #h_sch_area #h_sch_form_wrap .h_sch_group .h_sch_group_inner #h_sch_form_logo .h_sch_form_logo_link { width: 89px; height: 22px; }
    #tbl_content_wrap { padding: 0 10px; }
    .mofh_left_inner h1 { font-size: 18px; }
    .mofh_left_inner a:after { width: 21px; height: 28px; }
    #mo_fix_h_hamb_btn::after { width: 23px; height: 20px; }
}
@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: 40px; height: 40px; 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; }