/* default */
:root {
	--logo_symbol_main: 70px;
	--logo_symbol_side: 38px;
	--logo_symbol_side_cate: 10px;
	--logo_symbol_title: 22px;
	--logo_symbol_bk_title: 17px;
	--logo_symbol_top: 20px;
	--logo_symbol_btm: 10px;
	--logo_symbol_app: 18px;
	--logo_symbol_bdr: 60px;
	--place_basic_font: 30px;
	--default_wd: 1500px;
	--max_top_bg: 1300px;
	--max_wd: 1300px;
	--max_wd2: 1000px;
	--max_wd_bd: 1800px;
	--hd_size: 80px;
	--hd_pd: 100px;
	--bg_top_space: 80px;
	--side_wd: 300px;
	--side_wd2: 300px;
	--title_hsize: 100px;
	--bon: Noto Sans KR, sans-serif;
	--neo: NanumSquareNeo;
	--bar: NanumBarunGothic, sans-serif;
	--GL: GmSansL;
	--GM: GmSansM;
	--GB: GmSansB;
	--ja:yg-jalnan;
	--max_step_wd: 1000px;
	--bottom_padding: 0px;
	--tree_pos1: 34px;
	--tree_pos2: 35px;
	--btm_fix_hd: 75px;
	--kakao_map_h: 180px;
	--latest_size:80px;
	--add_btn_h:305px;
}

@media screen and (max-width: 2000px) {
	:root {
		--side_wd2: 200px;
	}
}

@media screen and (max-width: 1400px) {
	:root {
		--side_wd2: 180px;
		--add_btn_h:230px;
	}
}

@media screen and (max-width: 1160px) {
	:root {
		--default_wd: 100%;
		--logo_symbol_title: 19px;
		--bottom_padding: 0px;
		--nav_sel_line: #eee;
		--latest_size:45px;
	}
}

@media screen and (max-width: 900px) {
	:root {
		--bottom_padding: 0px;
	}
}

@media screen and (max-width: 650px) {
	:root {
		--logo_symbol_title: 13px;
		--logo_symbol_bk_title:15px;
		--logo_symbol_top: 16px;
		--place_basic_font: 22px;
		--hd_size: 55px;
		--bg_top_space: 55px;
		--bottom_padding: 0px;
		--side_wd: 650px;
		--title_hsize: 55px;
		--tree_pos1: 25px;
		--side_wd2: 60px;
		--add_btn_h:100px;
		--kakao_map_h: 50%;
		--logo_symbol_side_cate: 10px;

	}
}

/* theme */
:root[user-theme="light"] {
	--scroll:rgba(0,0,0,0.3);
	--map_add_bg:rgba(0,0,0,0.1);
	--load_bg:#fff;
	--load_icon:#333;
	--logo_bg:#003b67;
	--logo_bg_hover:#002039;
	--logo_bg_nav:#c3c3c3;
	--logo_bg_nav_on:#cbcbcb;
	--logo_bg_nav_off:#e5e5e5;
	--popicon:#000;
	--safe_area_bg:#fff;
	--btm_nav_bg:#f4f4f4;
	--btm_nav_line:#eee;
	--body_bg:#fff;
	--body_bg_title:#fff;
	--place_bg:#fff;
	/*--map_basic:#ecf9ff;*/
	--map_basic:#fafafa;
	--sym_color:#0090fb;
	--sym_color_hover:#0064cc;
	--sym_color2:#0090fb;
	--map_addr_color:#0090fb;
	--mode_icon:#000;
	--mode_span:#000;
	--rdo_bg_off: #e9e9e9;
	--rdo_bg_on: #0093db;
	--rdo_color_off: #777;
	--rdo_color_on: #fff;
	--btn_bg_off: #0e60b5;
	--btn_bg_on: #0093db;
	--btn_color_off: #fff;
	--btn_color_on: #fff;
	--sta_ready: #ffb76b;
	--sta_ing: #77c551;
	--sta_stop: #43b8ff;
	--sta_end: #555;
	--topmenu-color: transparent;
	--in_bg_color: #fff;
	--nav_sel_line: #f4f4f4;
	--main-color-dark: #249700;
	--main-color_____back: #2bb300;
	--main-color-dark_____back: #249700;
	--main-color-tree: #333;
	--main-color-tree_point: #000;
	--main-color-tree-side: #474747;
	--bg_dark: rgba(0.0.0.0.4);
	--pop_head: #fff;
	--tree_line: rgba(255,255,255,0.07);
	--tree_line_on: rgba(255,255,255,0.15);
	--map_info: rgba(244,251,255,1);
	--map_info_hover: rgba(230,247,255,1);
	--top_icon: #000;
	--pop_icon: orangered;
	--header_line:#eee;
	--header_mb:#fff;
	--hot_bg:#f9f9f9;
	--default_color1:#000;
	--default_color2:#333;
	--default_color3:#555;
	--default_color4:#777;
	--default_color5:#999;
	--default_point:red;
	--side_bg:#fff;
	--side_bg_line:#e9e9e9;
	--back_icon:#333;
	--back_icon_hover:#000;
	--logo_default:#000;
	--cate_link:#999;
	--cate_link_name:#333;
	--cate_link_on:#0092ff;
	--cate_link_on_icon:#0092ff;
	--cate_link_em:#0092ff;
	--cate_link_em_bg:#fff;
	--cate_link_em_line:#dbe7eb;
	--cate_link_em_off:#555;
	--cate_link_em_bg_off:#fff;
	--cate_link_em_line_off:#eee;
	--loc_mn:#000;
	--empty_color:#999;
	--area_line:#e9e9e9;
	--app_bg:#fafafa;
	--app_bg_line:#eee;
	--app_icon:#1e3050;
	--app_span:#333;
	--app_span_one:#000;
	--app_em:#999;
	--logoin_bg:#fafafa;
	--logoin_cog:#333;
	--login_user:#333;
	--login_name:#333;
	--login_out:#333;
	--login_out_line:#e9e9e9;
	--login_cnt_no:#000;
	--login_cnt_tit:#777;
	--login_cnt_line:#f4f4f4;
	--day_info:#ddd;
	--search_frm_bg:#fff;
	--top_focus_bg:#fff ;
	--bdr_btn:#333 ;
	--bdr_btn_line:#eee ;
	--comment_wrt_frm:#fafafa;
	--comment_wrt_frm_focus:#fff;
	--comment_wrt_color:#0063a5;
	--comment_wrt_frm_out:#eee;
	--view_df_line:#eee;
	--default_none:#eee;
	--bdr_write_bg:#fafafa;
	--bdr_write_bg_focus:#fff;

	--bdr_write_out:#e9e9e9;
	--bdr_write_out_focus:#6cc9ff;
	--bdr_write_bg_code:#fffbfb;
	--bdr_write_holder:#e9e9e9;
	--bdr_map_ibx:#e9e9e9;
	--bdr_map_ibx_holder:#99c4d9;
	--bd_list_count:#333;
	--search_color:#333;
	--search_color_place:#ddd;
	--search_bg:#fafafa ;
	--search_main_bg:#fafafa;
	--search_main_bg_hover:#fff;
	--search_main_out:#a6c4d9;
	--search_main_out_hover:#0069b2;
	--focus_line:#eee ;
	--focus_bg:#fff ;
	--page_skip_bg:#f5f3f3 ;
	--page_skip_color:#333 ;
	--page_skip_bg_now:#d9d9d9 ;
	--page_skip_color_now:#000 ;
	--place_array_h2:#004b79;
	--adress_i:#000;
	--adress_span:#333;
	--adress_xy:#3f3f3f;
	--etc_count_i:#333;
	--etc_count_span:#333;
	--webzine_li_bg:#fff;
	--webzine_li_bg_hover:#fbfeff;
	--webzine_li_out:#eee;
	--webzine_li_out_hover:#ddd;
	--comment_li_bg:#fff;
	--comment_li_out:#eee;
	--comment_li_me:#f5feff;
	--comment_rep_line:#f4f4f4;
	--file_bg:#fafafa;
	--file_out:#eee;
	--file_a:#fff;
	--file_a_hover:yellow;
	--api_bg:green;
	--save_content:orange;
	--area_bg:#fafafa;
	--post_line:#eee;
	--post_icon:#004c85;
	--post_icon_hover:#0092ff;
	--join_find_btn_bg:#fff;
	--join_find_btn_out:#d8e3ed;
	--join_find_btn_out_hover:#7198b9;
	--join_find_em_line:#d4e9f5;
	--find_result_bg:#fff;
	--find_result_txt:red;
	--log_need_bg:#fff;
	--log_need_out:#d8e3ed;
	--place_head:#fff;
	--ax_pop_head:#fafafa;
	--in_map_h3:#fff;
	--in_map_h3_bg:#4e607d;
	--in_map_span:#222;
	--in_map_empty_bg:#4e607d;
	--road_bg:#f4f4f4;
	--road_bg_hover:#f4f4f4;
	--road_bg_opacity:0.6;
	--road_bg_wide_opacity:0.3;
	--road_pin_shadow:rgba(0,0,0,0.2);
	--map_pick_rev:url('/views/asset/images/map_pin4.png');
	--map_pick_rev1:url('/views/asset/images/map_pin0.png');
	--place_cate:#333;
	--pick_point:red;
	--board_head:#f5f3f3;
	--board_count:red;
	--count_data_bg:#fbfbfb ;
	--count_data_edge:rgba(0,0,0,0.03) ;
	--btn_add:#ecf7ff ;
	--btn_del:#ffefed ;
	--btn_area:#c5c5c5 ;
	--change_area_box:#ededed ;
	--change_area_list:#fff ;
	--change_area_line:#fff ;
	--map_grid:#6a92bb ;
	--faq_title_pick:#f5fcff ;
	--faq_con_pick:#fafafa  ;
	--chage_box:#c8eeff  ;
	--bdr_btn_default:#fafafa;
	--bdr_btn_default_out:#fafafa;
	--map_loc_title:#fff;
	--map_loc_title_bg:#0064bc;
	--map_loc_out:#037ce7;
	--map_loc_out_sub:red;
	--map_dt_loc_title_bg:#0064bc;
	--map_dt_loc_out:#037ce7;
	--map_loc_title_top3:#fff;
	--map_loc_title_bg_top3:rgb(226, 0, 0);
	--map_loc_out_top3:orangered;
	--map_pin_shadow:rgba(0,0,0,0.2);
	--xy_color:#999;
	--push_new:#f5f3f3;
	--push_del_bg:#fafafa;
	--push_btn_bg:#fff;
	--push_btn_out:#eee;
	--main_hot:#333;
}

:root[user-theme="dark"] {
	--scroll:rgba(255,255,255,0.1);
	--map_add_bg:rgba(0,0,0,0.3);
	--load_bg:#192531;
	--load_icon:#eee;
	--logo_bg:#003b67;
	--logo_bg_hover:#002039;
	--logo_bg_nav:#475059;
	--logo_bg_nav_on:#8d8d8d;
	--logo_bg_nav_off:#1d252d;
	--popicon:#fff;
	--safe_area_bg:#192531;
	--btm_nav_bg:#0a1521;
	--btm_nav_line:#0a1521;
	--body_bg:#192531;
	--body_bg_title:#0d1721;
	--place_bg:#161e27;
	--map_basic:rgba(0,0,0,0.1);
	--sym_color:#0090fb;
	--sym_color_hover:#004791;
	--sym_color2:#0043aa;
	--map_addr_color:#73c3ff;
	--mode_icon:yellow;
	--mode_span:#eee;
	--rdo_bg_off: #22364a;
	--rdo_bg_on: #0093db;
	--rdo_color_off: #777;
	--rdo_color_on: #fff;
	--btn_bg_off: #0e60b5;
	--btn_bg_on: #0093db;
	--btn_color_off: #fff;
	--btn_color_on: #fff;
	--sta_ready: #ffb76b;
	--sta_ing: #77c551;
	--sta_stop: #43b8ff;
	--sta_end: #555;
	--topmenu-color: transparent;
	--in_bg_color: #fff;
	--nav_sel_line: #f4f4f4;
	--main-color-dark: #249700;
	--main-color_____back: #2bb300;
	--main-color-dark_____back: #249700;
	--main-color-tree: #333;
	--main-color-tree_point: #000;
	--main-color-tree-side: #474747;
	--bg_dark: rgba(0.0.0.0.4);
	--pop_head: #fff;
	--tree_line: rgba(255,255,255,0.07);
	--tree_line_on: rgba(255,255,255,0.15);
	/*
	--map_info: rgba(244,251,255,1);
	--map_info_hover: rgba(230,247,255,1);
	*/
	
	--map_info: #101b27;
	--map_info_hover: #060d14;
	
	--top_icon: #fff;
	--pop_icon: orange;
	--header_line:#1d2c3d;
	--header_mb:#000;
	--hot_bg:#142a41;
	--default_color1:#fff;
	--default_color2:#eee;
	--default_color3:#777;
	--default_color4:#999;
	--default_color5:#797979;
	--default_point:#00acd5;
	--side_bg:#121e2a;
	--side_bg_line:#121e2a;
	--back_icon:#eee;
	--back_icon_hover:#fff;
	--logo_default:#fff;
	--cate_link:rgba(255,255,255,0.3);
	--cate_link_name:rgba(255,255,255,0.25);
	--cate_link_on:#3fadff;
	--cate_link_on_icon:#3fadff;
	--cate_link_em:#fff;
	--cate_link_em_bg:#0092ff;
	--cate_link_em_line:#0092ff;
	--cate_link_em_off:#999;
	--cate_link_em_bg_off:#333;
	--cate_link_em_line_off:#333;
	--loc_mn:rgba(255,255,255,0.5);
	--empty_color:rgba(255,255,255,0.5);
	--area_line:rgba(0,0,0,0.3);
	--app_bg:rgba(0,0,0,0.1);
	--app_bg_line:rgba(255,255,255,0.05);
	--app_icon:#fff;
	--app_span:rgba(255,255,255,0.5);
	--app_span_one:#fff;
	--app_em:#ddd;
	--logoin_bg:rgba(0,0,0,0.1);
	--logoin_cog:rgba(255,255,255,0.7);
	--login_user:#ddd;
	--login_name:#eee;
	--login_out:#a3a2a2;
	--login_out_line:rgba(255,255,255,0.1);
	--login_cnt_no:#fff;
	--login_cnt_tit:#ddd;
	--login_cnt_line:rgba(255,255,255,0.05);
	--day_info:rgba(255,255,255,0.15);
	--search_frm_bg:#fff;
	--top_focus_bg:rgba(0,0,0,1) ;
	--bdr_btn:rgba(0,0,0,0.6) ;
	--bdr_btn_line:rgba(0,0,0,0.6) ;
	--comment_wrt_frm:rgba(0,0,0,0.3);
	--comment_wrt_frm_focus:rgba(0,0,0,0.8);
	--comment_wrt_color:#8fc6f1;
	--comment_wrt_frm_out:transparent;
	--view_df_line:rgba(255,255,255,0.05);
	--default_none:rgba(255,255,255,0.05);
	--bdr_write_bg:rgba(0,0,0,0.1);
	--bdr_write_bg_focus:rgba(0,0,0,0.5);

	--bdr_write_out:rgba(255,255,255,0.1);
	--bdr_write_out_focus:#6cc9ff;
	--bdr_write_bg_code:rgba(0,0,0,0.1);
	--bdr_write_holder:rgba(255,255,255,0.2);
	--bdr_map_ibx:#eee;
	--bdr_map_ibx_holder:#99c4d9;
	--bd_list_count:#999;
	--search_color:#999;
	--search_color_place:#ddd;
	--search_bg:rgba(0,0,0,0.3) ;
	--search_main_bg:rgba(0,0,0,0.9) ;
	--search_main_bg_hover:rgba(0,0,0,1);
	--search_main_out:#233a4a;
	--search_main_out_hover:#2a516c;
	--focus_line:rgba(0,0,0,0.3) ;
	--focus_bg:rgba(0,0,0,0.8) ;
	--page_skip_bg:rgba(0,0,0,0.3) ;
	--page_skip_color:#888 ;
	--page_skip_bg_now:rgba(0,0,0,0.6) ;
	--page_skip_color_now:#fff ;
	/*
	--place_array_h2:#004b79;
	--adress_i:#000;
	--adress_span:#333;
	--adress_xy:#3f3f3f;
	--etc_count_i:#999;
	--etc_count_span:#888;
	*/
	
	--place_array_h2:#a0e4ff;
	--adress_i:#eee;
	--adress_span:#999;
	--adress_xy:#666;
	--etc_count_i:#999;
	--etc_count_span:#888;
	
	--webzine_li_bg:rgba(0,0,0,0.1);
	--webzine_li_bg_hover:rgba(0,0,0,0.3);
	--webzine_li_out:transparent;
	--webzine_li_out_hover:transparent;
	--comment_li_bg:rgba(0,0,0,0.3);
	--comment_li_out:transparent;
	--comment_li_me:#112d4d;
	--comment_rep_line:rgba(255,255,255,0.06);
	--file_bg:rgba(0,0,0,0.3);
	--file_out:transparent;
	--file_a:#112d4d;
	--file_a_hover:rgb(255, 105, 0);
	--api_bg:yellow;
	--save_content:#bf913d;
	--area_bg:#1a2129;
	--post_line:rgba(255,255,255,0.06);
	--post_icon:#afddff;
	--post_icon_hover:#0092ff;
	--join_find_btn_bg:#1e4c6b;
	--join_find_btn_out:transparent;
	--join_find_btn_out_hover:transparent;
	--join_find_em_line:rgba(255,255,255,0.1);
	--find_result_bg:#101d25;
	--find_result_txt:#ff7800;
	--log_need_bg:#394349;
	--log_need_out:#394349;
	--place_head:#192531;
	--ax_pop_head:#192531;
	--in_map_h3:#000;
	--in_map_h3_bg:#ff8e8e;
	--in_map_span:#a00000;
	--in_map_empty_bg:#a8b9d6;
	--road_bg:#012447;
	--road_bg_hover:#001429;
	--road_bg_opacity:0.05;
	--road_bg_wide_opacity:0.01;
	--road_pin_shadow:rgba(0,0,0,0.2);
	--map_pick_rev:url('/views/asset/images/map_pin4.png');
	--map_pick_rev1:url('/views/asset/images/map_pin0.png');
	--place_cate:#bb3a00;
	--pick_point:yellow;
	--board_head:rgba(0,0,0,0.3);
	--board_count:orange;
	--count_data_bg:#233c55 ;
	--count_data_edge:rgba(255,255,255,0.03) ;
	--btn_add:#213442 ;
	--btn_del:#720d00 ;
	--btn_area:#28587b ;
	--change_area_box:rgba(0,0,0,0.6) ;
	--change_area_list:rgba(0,0,0,0.85) ;
	--change_area_line:rgba(0,0,0,0.6) ;
	--map_grid:rgba(255,0,0,0.55) ;
	--faq_title_pick:rgba(0,0,0,0.1)  ;
	--faq_con_pick:rgba(0,0,0,0.06)  ;
	--chage_box:rgba(0,0,0,0.8)  ;
	--bdr_btn_default:#213757;
	--bdr_btn_default_out:#213757;
	--map_loc_title:#050000;
	/*
	--map_loc_title_bg:#fa8e8e;
	--map_loc_out:#fd7676;
	*/

	--map_loc_title_bg:#53adfd;
	--map_loc_out:#40a1fc;
	--map_loc_out_sub:#fd7676;
	--map_dt_loc_title_bg:#53adfd;
	--map_dt_loc_out:#0d88fb;
	--map_loc_title_top3:#000;
	--map_loc_title_bg_top3:#ff8276;
	--map_loc_out_top3:#ff5645;
	--map_pin_shadow:rgba(255,255,255,0.2);
	--xy_color:rgba(255,255,255,0.3);
	--push_new:#15283f;
	--push_del_bg:#00142a;
	--push_btn_bg:#42566c;
	--push_btn_out:#42566c;
	--main_hot:#0071c7;

}