@charset "utf-8";
:root[user-theme="light"] {
	--cal_bg_today:#162c5f;
	--cal_bg_sel:#0067d5;
	--tab_on:#007aff;
	--trk_str_btn:#003e81;
	--cal_default:#fff;
	--rc_stat_bg:#fafafa;
	--grph_bg:#ddd;
	--grph_line:#e9e9e9;
	--k_tab_bg:#fff;
	--k_tab_line:#c9c9c9;
	--rc_card:#fafafa;
	--color_walk:#007aff;
	--color_kcal:#34c759;
	--chart_out:#c9c9c9;
	--rc_bar_past:#c7dff7;
	--sum_line:#f4f4f4;
	--rcd_line:rgba(255,255,255,0.07);
	--rc_title:#111;
	--rc_sub:#111;
	--rc_bar_empty:#e5e5ea;
	--tab_dis:#f4f4f4;
	--ch_h2: #000;
	--chl_bg: #f2f2f7;
	--chl_card: #fff;
	--chl_title: #111;
	--chl_sub: #8e8e93;
	--chl_muted: #c7c7cc;
	--chl_line: rgba(0,0,0,0.07);
	--chl_bar_bg: #e5e5ea;
	--chl_item_hover: #f8f8f8;
	--chl_item_loc: #f3ffef;
	--challenge_today:#f1f8ff;
	--challenge_info:#f1f8ff;
	--cv_bg: #f2f2f7;
	--cv_card: #fff;
	--cv_title: #111;
	--cv_sub: #8e8e93;
	--cv_muted: #c7c7cc;
	--cv_line: rgba(0,0,0,0.07);
	--cv_stat_bg: #f2f2f7;
	--cv_bar_bg: #e5e5ea;
	--rc_tit_point:red;
	--rule_line_top: rgba(0,0,0,1);
	--rule_line: rgba(0,0,0,0.07);
	--bg_tit:#f4f4f4;
	--bg_best:#eff9ff;
	--bg_low:#ffeeed;
	--bg_avg:#e9fff5;
	--read_only:#f4f9ff;
	--read_only_line:#cae2ff;
	--bg_today:#e3f1ff;
	--bg_record_box:#e3f1ff;
	--bg_record_trk:rgba(33,64,105,0.4);
	--loc_bul:rgba(0,0,0,0.08);
	--loc_name:#000;
	--bg_loc:#fff;
	--bg_loc_out:rgba(0,0,0,0.08);
	--dis_txt:#b3b3b3;
	--bg_dis:#e9e9e9;
	--bg_notice_pop:#fff;
	--my_dsb: #212b77;
	--rc_line: #bfdcfb;
	--rc_bg: #f5faff;
	--rc_bg_on: #fff;
	--rc_txt: #006ce1;
	--my_challenge_bg: rgba(255,255,255,1);
	--mce_bg: #eef7ff;
	--rcd_ment: #ed9c8d;
	--gpx_bg: #fff;
	--ip_txt: #006ce1;
	--ip_out: #c9c9c9;
	--ip_out_hover: #555;
	--walk_count: #000 ;
	--rcd_title: #000 ;
	--rcd_icon: red;
	--rcd_btn: red;
	--error_bg: #fffdfa;
	--error_line: #ffd5d5;
}
:root[user-theme="dark"] {
	--cal_bg_today:#162c5f;
	--cal_bg_sel:#0067d5;
	--tab_on:#007aff;
	--trk_str_btn:#002f77;
	--cal_default:#1c1c1c;
	--rc_stat_bg:#24282d;
	--grph_bg:#555;
	--grph_line:rgba(255,255,255,0.1);
	--k_tab_bg:#222;
	--k_tab_line:#555;
	--rc_card:transparent;
	--color_walk:#007aff;
	--color_kcal:#34c759;
	--chart_out:#555;
	--rc_bar_past:#1e3a5f;
	--sum_line:rgba(255,255,255,0.07);
	--rcd_line:rgba(255,255,255,0.07);
	--rc_title:#f2f2f7;
	--rc_sub:#8e8e93;
	--rc_bar_empty:#3a3a3c;
	--tab_dis:rgba(0,0,0,0.8);
	--ch_h2: #a4e1ff;
	--chl_bg: #1c1c1e;
	--chl_card: #1a1e25;
	--chl_title: #f2f2f7;
	--chl_sub: #8e8e93;
	--chl_muted: #48484a;
	--chl_line: rgba(255,255,255,0.07);
	--chl_bar_bg: #48484a;
	--chl_item_hover: #3a3a3c;
	--chl_item_loc: #182a35;
	--challenge_today:#1d2a3b;
	--challenge_info:#1d2a3b;
	--cv_bg: #1c1c1e;
	--cv_card: #2c2c2e;
	--cv_title: #f2f2f7;
	--cv_sub: #8e8e93;
	--cv_muted: #48484a;
	--cv_line: rgba(255,255,255,0.07);
	--cv_stat_bg: #3a3a3c;
	--cv_bar_bg: #48484a;
	--rc_tit_point:orange;
	--rule_line_top: rgba(255,255,255,0.3);
	--rule_line: rgba(255,255,255,0.07);
	--bg_tit:#24282d;
	--bg_best:#162c5f;
	--bg_low:#592826;
	--bg_avg:#1e4131;
	--read_only:#350f0f;
	--read_only_line:#532121;
	--bg_today:rgba(0,0,0,0.4);
	--bg_record_box:rgba(33,64,105,0.4);
	--bg_record_trk:rgba(33,64,105,0.4);
	--loc_bul:rgba(255,255,255,0.08);
	--loc_name:#fff;
	--bg_loc:rgba(0,0,0,0.3);
	--bg_loc_out:transparent;
	--dis_txt:#333;
	--bg_dis:rgba(0,0,0,0.3);
	--bg_notice_pop:#ddd;
	--my_dsb: #161827;
	--rc_line: #293c4f;
	--rc_bg: #001123;
	--rc_bg_on: #00264f;
	--rc_txt: #fff;
	--my_challenge_bg: rgba(0,0,0,0.35);
	--mce_bg: #1b242d;
	--rcd_ment: #7b7b7b;
	--gpx_bg: #000;
	--ip_txt: #64afff;
	--ip_out: #2e3843 ;
	--ip_out_hover: #576575;
	--walk_count: #8fff00 ;
	--rcd_title: #1f3247  ;
	--rcd_icon: orangered  ;
	--rcd_btn: red;
	--error_bg: #350000;
	--error_line: #6f2121;
}

/**/
.pad_safe {height: var(--ps_height);}


/* 약관 */
.rule_box {padding:25px 25px calc(25px + env(safe-area-inset-bottom)) 25px; font-size:11px; line-height:170%; color:var(--default_tdown);}
.rule_box h3,
.rule_box h4 {display:inline-block; width:100%; line-height:1.4; color:var(--default_rev);}
.rule_box h3 {font-size:15px; padding-bottom:20px;}
.rule_box h4 {font-size:13px; padding-bottom:10px;}
.rule_box table			{width:100%; border-top:2px solid var(--rule_line_top); border-collapse:collapse; }
.rule_box table > tbody > tr > th,
.rule_box table > tbody > tr > td		{border:none; border:1px solid var(--rule_line);  line-height:140%;vertical-align:middle; text-align:left; padding:8px 5px; font-size:11px; border-width:0px 1px 1px 1px; color:var(--default_tdown); font-weight:normal; }

/* 공지 */
main .notice_box {position:relative; left:0; right:0; width:100%; margin:auto; height:var(--notice_h); padding:15px; font-size:0; border-radius:7px; z-index:3;}
main .notice_box h2 {display:inline-block; vertical-align:middle; line-height:1;width:35px; text-align:center; padding:4px 0; background:var(--notice_title); color:#fff; font-size:9px; border-radius:15px; font-weight:500;}
main .notice_box h2 i {font-size:18px;}
main .notice_box ul.app_notice {display:inline-block; vertical-align:middle; width:calc(100% - 35px); padding-left:10px;}
main .notice_box ul.app_notice li {font-size:0;line-height:1;}
main .notice_box ul.app_notice li h3,
main .notice_box ul.app_notice li span {display:inline-block; vertical-align:middle; line-height:1; }
main .notice_box ul.app_notice li h3 {width:calc(100% - 80px);}
main .notice_box ul.app_notice li h3 a {display:block; font-size:12px; color:var(--default_color); text-overflow: ellipsis; overflow:hidden; white-space:nowrap; font-weight:500;}
main .notice_box ul.app_notice li h3 a i {display:inline-block; font-size:14px; color:red; vertical-align:middle; margin-left:3px;}
main .notice_box ul.app_notice li span {width:80px; text-align:right; font-size:10px; color:#999;}


/**/

main .today_box {position:relative; z-index:3; left:0; right:0; width:calc(100% - 10px); margin:auto; padding:18px 0; border-radius:7px; overflow:hidden;}
main .today_box:after {content:""; position:absolute; top:0; left:0; background:var(--bg_today); width:100%; height:100%; z-index:-1; opacity:0.4;}


main ul.short_minfo {position:relative; display:flex; width:calc(100% - 130px); padding-left:55px;}
main ul.short_minfo:before {content:"오늘"; position:absolute; top:50%; left:15px; transform:translateY(-50%); line-height:1; background:var(--notice_title); color:#fff;font-size:10px; padding:5px; border-radius:3px;}
main ul.short_minfo li {flex:1; border-right:1px solid var(--chl_line); text-align:center; line-height:1;}
main ul.short_minfo li:last-child {border:0;}
main ul.short_minfo li .tit {display:none;}
main ul.short_minfo li .txt {font-size:0;}
main ul.short_minfo li .txt span,
main ul.short_minfo li .txt em {display:inline-block; vertical-align:middle;}
main ul.short_minfo li .txt span {font-size:12px; color:var(--default_color);}
main ul.short_minfo li .txt em {font-style:normal; font-size:10px; padding-left:3px; color:#999;}
main ul.short_minfo li.walk .txt span {color:#007aff; font-weight:600;}

/**/
.df_slide_bx 				{position:relative; left:0; right:0; max-width:100%; margin:auto; padding:15px; }
.df_slide_bx.record			{height:100%; width:100%; position:absolute; top:0;}
.df_slide_bx .w_info				{position:relative; left: 0; right: 0; margin:0 auto 15px auto; max-width: 500px;}
.df_slide_bx .w_info h3	{color:var(--default_rev); font-size:15px; line-height:100%; font-weight:600; padding:10px 0 7px 5px;}
.df_slide_bx .w_info h3 small	{font-size:11px; font-weight:500;}
.df_slide_bx .w_info h3 input	{position:absolute; top:0; right:0; width:auto; height:22px; text-align:center; border:1px dashed #c9c9c9; background:transparent; color:var(--default_rev); font-size:11px; font-weight:600; padding:3px; border-width:0 0 1px 0;}
.df_slide_bx .w_info p	{color:var(--default_rev); font-size:12px; line-height:100%; font-weight:300; padding:3px 0 20px 5px; opacity:0.45;}
.df_slide_bx .w_info p.notice	{color:var(--default_rev); line-height:160%; font-weight:500; padding:0px 5px 20px 5px; opacity:1;}


.df_slide_bx .w_info.naver,
.df_slide_bx .w_info.kakao	{text-align:center;margin:20px auto;}

.df_slide_bx .w_info > i		{position:relative; left: 0; right: 0; margin:auto; width:65px; height:65px; line-height:65px; text-align:center; border-radius:100%; font-size:45px;}
.df_slide_bx .w_info.naver > i		{background:#22ba4f; color:#fff;}
.df_slide_bx .w_info.kakao > i		{background:#fae100; color:#3b1c1c;}
.df_slide_bx .w_info .sns_acc		{padding:25px; line-height:160%; font-size:12px; color:var(--default_color);}
.df_slide_bx .w_info .sns_acc strong	{font-weight:600; color:var(--default_rev);}


.df_slide_bx ul.frm_box		{}
.df_slide_bx ul.frm_box.sp_pop		{}
.df_slide_bx ul.frm_box.track		{font-size:0; padding:0px 0 calc(90px + env(safe-area-inset-bottom)) 0;display: grid; grid-template-columns:repeat(4, 1fr);  gap: 0px; margin: 0;}
.df_slide_bx ul.frm_box.record		{grid-template-columns:repeat(2, 1fr); }
.df_slide_bx ul.frm_box > li		{display:inline-block; vertical-align:top; width:100%; position:relative; margin:2px 0;}
.df_slide_bx ul.frm_box > li > span		{position:absolute; top:50%; left:15px; transform:translateY(-50%); font-size:12px; color:var(--default_tdown); }
.df_slide_bx ul.frm_box > li.spc	{margin:15px 0;}
.df_slide_bx ul.frm_box > li.spc > span	{position:relative; top:0; left:0; transform:none; padding:0 0 5px 10px; display:inline-block;}
.df_slide_bx ul.frm_box > li > em		{position:absolute; top:50%; right:10px; transform:translateY(-50%); font-size:10px; color:var(--default_tdown); font-style:normal; font-weight:100;}
.df_slide_bx ul.frm_box > li input	{height:50px;padding:0 10px 0 85px; font-size: 12px;}
.df_slide_bx ul.frm_box > li.phone	{display:flex;}
.df_slide_bx ul.frm_box > li.phone input	{flex:1; margin-left:3px; padding:0 10px; }
.df_slide_bx ul.frm_box > li.phone input:first-child	{margin:0;}
.df_slide_bx ul.frm_box.set > li		{margin: 3px 0; border-radius: 7px;}
.df_slide_bx ul.frm_box.set > li > span		{left:15px; font-size:12px; font-weight: 500; color: var(--default_rev);}
.df_slide_bx ul.frm_box.set > li.spc > span	{padding:0 0 5px 0px;}
.df_slide_bx ul.frm_box.set > li input			{height:60px;padding:0 10px 0 95px; border-color: var(--set_input); border-radius: 10px; border-width: 0 0 0px 0; background: var(--challenge_info);}
.df_slide_bx ul.frm_box.set > li input:focus {border-color: var(--default_rev); }
.df_slide_bx ul.frm_box.modify > li input	{height:60px;padding:0 10px 0 85px; }
.df_slide_bx ul.frm_box.modify > li.phone input	{margin-left:10px; padding:0 10px; text-align:center;}
.df_slide_bx ul.frm_box.modify > li.phone input:first-child	{margin:0;}

.df_slide_bx ul.frm_box > li input[readonly],
.df_slide_bx ul.frm_box > li input[readonly]:focus {border-color: var(--read_only_line); background:var(--read_only);}
.df_slide_bx ul.frm_box > li.sns_msg  {padding:25px; line-height:160%;color: red; font-size:12px;}

.df_slide_bx ul.frm_box.track > li		{line-height:1; font-size:0; margin:0; border-left:0px solid var(--sum_line); padding:5px 0 5px 0px; margin:15px 0 0 0; text-align:center;}
.df_slide_bx ul.frm_box.track > li .trk_tit,
.df_slide_bx ul.frm_box.track > li .trk_txt		{line-height:1;}
.df_slide_bx ul.frm_box.track > li .trk_tit		{font-size:11px; padding-top:10px; color:var(--default_color); opacity:0.7; font-weight:600;}
.df_slide_bx ul.frm_box.track > li .trk_txt		{font-size:20px; font-weight:300; color:var(--default_rev);}
.df_slide_bx ul.frm_box.track > li em	{font-style:normal; display:inline-block; width:100%; padding:3px 0 0 0; font-size:8px; font-weight:500;}
.df_slide_bx ul.frm_box.track > li.notice		{width:100%;line-height:1.5; font-size:10px; padding:25px; margin:0px 0 0 0; text-align:left; color:var(--rcd_ment);grid-column: 1 / -1;}
.df_slide_bx ul.frm_box.track > li #gpsWarningIcon {display:none; position:absolute; top:-15px; left:50%; transform:translateX(-50%); font-size:12px; color:#ff4949;}
.df_slide_bx ul.frm_box.track > li.wrn_msg		{display:none; width:100%;line-height:1.5; font-size:10px; padding:25px; margin:0px 0 0 0; text-align:center; color:#ff4949;grid-column: 1 / -1;}

.df_slide_bx ul.frm_box.record > li		{text-align:center;}
.df_slide_bx ul.frm_box.record > li.rcl		{border-left:1px solid var(--sum_line);}

.df_slide_bx ul.frm_box.result > li		{margin-top:10px;}
.df_slide_bx ul.frm_box.result > li .trk_tit		{font-size:8px; padding-top:7px; color:var(--default_color); opacity:0.7; font-weight:500;}
.df_slide_bx ul.frm_box.result > li .trk_txt		{font-size:12px; font-weight:600; color:var(--default_rev);}
.df_slide_bx ul.frm_box.result > li em	{font-style:normal; display:inline-block; width:100%; padding:3px 0 0 0; font-size:8px; font-weight:500;}



.df_slide_bx ul.rule_list		{padding:0 0 20px 3px;}
.df_slide_bx ul.rule_list li		{display:inline-block; width:100%; font-size:0; padding-top:5px;}
.df_slide_bx ul.rule_list li > h4,
.df_slide_bx ul.rule_list li > div,
.df_slide_bx ul.rule_list li > view		{display:inline-block; vertical-align:middle; line-height:1;}
.df_slide_bx ul.rule_list li > h4	{width:calc(100% - 100px); color:var(--mem_rule); font-size:12px; font-weight:500;}
.df_slide_bx ul.rule_list li > h4:before	{content:"ㆍ ";}
.df_slide_bx ul.rule_list li > h4 span	{font-size:11px; color:var(--mem_rule_span);}
.df_slide_bx ul.rule_list li > div	{width:60px; color:var(--mem_rule); font-size:12px;}
.df_slide_bx ul.rule_list li > view	{width:40px; color:var(--mem_rule); font-size:11px; text-align:center; padding:6px 0; background:var(--mem_rule_view_bg);  border:1px solid var(--mem_rule_view_line); transition:all .2s; cursor:pointer; border-radius:3px;}
.df_slide_bx .btn_ar	{position:relative; left: 0; right: 0; margin:20px auto 15px auto; max-width: 500px;}
.df_slide_bx .btn_ar .btn_leave	{background:red !important;}
.df_slide_bx.join .cv_banner { padding: 25px; position: relative; overflow: hidden; background: var(--challenge_info); border-radius:10px;}
.df_slide_bx.join .cv_banner h2 { font-size:18px; font-weight:700; color:var(--default_rev); line-height:1.3; position:relative; z-index:1; }
.df_slide_bx.join .cv_banner p { font-size:12px; color:var(--default_rev); padding: 0px 0 0 2px; position:relative; z-index:1; }
.df_slide_bx.join .cv_card { padding: 0 0 30px 0; }
.df_slide_bx.join h3 {font-size: 15px; font-weight: 700; color: var(--default_rev); letter-spacing: -0.05em;  padding:0 10px 15px 10px;}
.df_slide_bx.join ul.cv_info_grid {display: flex; flex-wrap: wrap; padding: 10px 0 0 0 ;}
.df_slide_bx.join ul.cv_info_grid.result {padding: 0px 15px 0 15px ;}
.df_slide_bx.join ul.cv_info_grid li {flex: 0 0 50%; border-right: 0px solid var(--sum_line);  padding: 5px 3px;}
.df_slide_bx.join ul.cv_info_grid li:nth-child(even) {margin: 0; border-right: 0;}
.df_slide_bx.join ul.cv_info_grid li .ii_lbl { font-size: 10px; color: var(--cv_sub); margin-bottom: 0px; display: flex; align-items: center; gap: 4px; }
.df_slide_bx.join ul.cv_info_grid li .ii_lbl i { font-size: 13px; font-variation-settings:'wght' 300; }
.df_slide_bx.join ul.cv_info_grid li .ii_val { font-size: 12px; font-weight: 700; color: var(--cv_title); line-height: 1.3; }


.df_slide_bx.join .cv_desc { font-size: 13px; line-height: 1.75; color: var(--cv_sub); padding: 10px 10px 0 10px;}
.df_slide_bx.join ul.fix_info		{padding:3px 0 0 5px;}
.df_slide_bx.join ul.fix_info > li		{display:inline-block; width:100%; position:relative; margin:2px 0; font-size:0;}
.df_slide_bx.join ul.fix_info > li > span	{display:inline-block; vertical-align:middle; font-size:12px;}
.df_slide_bx.join ul.fix_info > li > .tit	{width:80px;color:var(--default_tdown);}
.df_slide_bx.join ul.fix_info > li > .tit:before	{content:"ㆍ";}
.df_slide_bx.join ul.fix_info > li > .txt	{width:calc(100% - 80px);color:var(--default_rev); font-weight:600;}
.df_slide_bx.join ul.fix_info > li .i_box { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #ddd; border-radius: 6px; font-size:14px; background:#fff;}
.df_slide_bx.join ul.fix_info > li .i_box:read-only { background:#f5f5f5; color:#888; }
.df_slide_bx.join ul.fix_info > li.align_top { align-items: flex-start; }







.scr_chk_bx {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align:center; background:var(--slide_bg); padding: 30px; z-index: 1;}

.scr_chk_bx .scr_pw {position: relative; left: 0; right: 0; margin: auto; max-width: 400px;}
.scr_chk_bx .scr_pw i {font-size: 35px; color: red;}
.scr_chk_bx .scr_pw h3 {font-size: 15px; font-weight: 600; color:var(--default_rev);margin:15px  0 0 0;}
.scr_chk_bx .scr_pw p {font-size: 12px; font-weight: 500; color:var(--default_rev); opacity: 0.6; line-height: 1.5;}
.scr_chk_bx .scr_pw input {margin:20px 0 10px 0; padding: 0 10px;}

.profile_photo_area {position: relative; left: 0; right: 0; max-width: 500px; text-align: center; margin: 10px auto 25px auto; }
.profile_photo_area .ppa_wrap {position:relative; }
.profile_photo_area > i {position:absolute; top:0; left: 50%; transform:translateX(130%); width: 18px; height: 18px; font-size: 17px; padding: 0; text-align: center; line-height: 18px; display:none; border-radius:3px;}
.profile_photo_area > i.xi-naver,
.profile_photo_area > i.xi-kakaotalk {display:block;}
.profile_photo_area > i.xi-naver {background:#22ba4f; color:#fff;font-size: 12px;}
.profile_photo_area > i.xi-kakaotalk {background:#fae100; color:#3b1c1c;}




.profile_photo_area .del_bx { cursor: pointer; position:absolute; bottom:0; left: 50%; transform:translateX(60%); background: var(--mode_cbg);	border: 1px dashed var(--mode_line); border-radius: 30px; padding:3px 5px; line-height: 1;}
.profile_photo_area .del_bx button { background: none; border: none; cursor: pointer; font-size: 0; }
.profile_photo_area .del_bx button i,
.profile_photo_area .del_bx button span { display: inline-block; vertical-align: middle; line-height: 1;}
.profile_photo_area .del_bx button i { font-size: 15px; font-variation-settings:'FILL' 1,'wght' 300; color: var(--default_color); }
.profile_photo_area .del_bx button span { font-size: 10px; color: var(--default_color); font-family: var(--neo); font-weight: 500; letter-spacing: -0.05em; padding-left: 3px;}


.profile_img_wrapper { position: relative; display: inline-block; width: 90px; height: 90px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.05); cursor: pointer; background: #edeef2; overflow: hidden; vertical-align: middle; }
.profile_img_wrapper img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block; }
.profile_img_wrapper .img_profile_icon { font-size: 42px; color: #a0a5b1; line-height: 84px; text-align: center; width: 100%; display: block; font-variation-settings:'wght' 100;}
.camera_icon_badge { position: absolute; bottom: 0; left: calc(50% + 30px); transform:translateX(-50%); background: #4d7cff; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2); z-index: 10; display: none;}
.camera_icon_badge i { font-size: 15px; font-variation-settings:'FILL' 1,'wght' 300; color: #fff; }


.now_record {position:relative; padding:40px 15px; text-align:center; margin:15px 0; }
.now_record:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--bg_record_box);border-radius:10px; opacity:0.7; z-index:-1;    background: linear-gradient(-45deg, var(--bg_record_box) 25%, transparent 0, transparent 50%, var(--bg_record_box) 0, var(--bg_record_box) 75%, transparent 0); -webkit-background-size: 7px 7px;}
.now_record .walk {font-size: 50px; font-weight: 800; color: var(--walk_count); line-height: 1.1; margin-bottom:15px;}
.now_record .number {font-size: 22px; font-weight: 300; color: var(--default_rev); line-height: 1.1;}
.now_record .ment {font-size: 10px; color: var(--default_color); font-weight: 300; margin-top: 5px; opacity:0.6;}
.now_record > i {position:absolute; top:15px; right:15px; font-size: 20px; font-variation-settings:'FILL' 1,'wght' 300; color: var(--rcd_icon); display:none;animation: recBlink 1.5s infinite;}
.now_record.ing > i {display:block;}


.btn_ar_record {position: fixed; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); left: 0;right: 0; max-width: 600px; width: calc(100% - 20px); margin: auto; }
.btn_ar_record input {font-size: 14px; font-weight: 500;}


.btn_ar_record.ios {max-width: 600px; width: 100%; bottom: calc(0px + env(safe-area-inset-bottom)); }
.btn_ar_record.ios:after {content:""; position: absolute; width: 100%; bottom: calc(0px - env(safe-area-inset-bottom)); left: 0; height:calc(0px + env(safe-area-inset-bottom)); background: var(--df_frm_btn);}
.btn_ar_record.save_data:after {background: transparent !important;}
.btn_ar_record.ios input {border-radius: 0; background: var(--df_frm_btn) !important;}
.btn_ar_record.ing input,
.btn_ar_record.ing:after {background: var(--rcd_btn) !important;}
.btn_ar_record .sta_btn_box {font-size:0; position:relative; display:none;}
.btn_ar_record .sta_btn_box input {display:inline-block; vertical-align:middle; position:relative; z-index:2;}
.btn_ar_record .sta_btn_box input.save {width:calc(50% + var(--trk_btn_wd));background: var(--rcd_btn) !important;}
.btn_ar_record .sta_btn_box input.stop,
.btn_ar_record .sta_btn_box input.restart {width:calc(50% - calc(var(--trk_btn_wd) + var(--trk_btn_pad))); margin-right:var(--trk_btn_pad); }
.btn_ar_record .sta_btn_box input.stop {background: transparent  !important; border:1px solid #651414 !important; color:#ff5b5b !important;}
.btn_ar_record .sta_btn_box input.restart {background:transparent !important; border:1px solid #374d65 !important; color:#9ecdff !important;}



.btn_ar_record.ios .sta_btn_box {position:relative; height:70px;}
.btn_ar_record.ios .sta_btn_box:before,
.btn_ar_record.ios .sta_btn_box:after {content:""; position:absolute; top:0; height:calc(100% + env(safe-area-inset-bottom)); z-index:1;}
.btn_ar_record.ios .sta_btn_box:before {left:0; width:calc(50% - var(--trk_btn_wd)); background:#ad0000 !important;}
.btn_ar_record.ios .sta_btn_box:after {right:0; width:calc(50% + var(--trk_btn_wd)); background: var(--rcd_btn) !important;}
.btn_ar_record.ios .sta_btn_box input.restart {width:calc(50% - var(--trk_btn_wd)); margin:0;}


.btn_ar_record.ios.solo .sta_btn_box:before {background:var(--rcd_btn) !important;}
.btn_ar_record.ios.double .sta_btn_box.continue:before {background:var(--df_frm_btn) !important;}


.delete_btn {background:#cc0000 !important;}
.fix_msg_bx {width:100%; padding:0 30px;  position:relative;}
.fix_msg_bx i {position:absolute; top:-2px; left:30px; font-size:20px; color:red;}
.fix_msg_bx p {width:100%; color:#e5001c;  font-size:12px; font-weight:500; line-height:1.4; padding:0 0 0 30px;}


/**/
.tg_bx_wrp {position:relative; padding:15px 5px;}
.tg_bx_set {position:relative; }
.tg_bx_set.mg {margin-bottom:15px;}
.tg_bx_set h4 {font-size:13px; position:relative; padding:0 0 0 5px; color:#006ce1;}
.mb_care_box {position:absolute; top:50%; right:5px; transform:translateY(-50%);}
.mb_care_box .switch {display: none !important;}
.mb_care_box .switch_label {position: absolute; top:50%; right:0; transform:translateY(-50%); cursor: pointer; display: inline-block; width: 40px; height: 20px; background: var(--rdo_off); border-radius: 20px; transition: background 0.3s ease; margin: 0; padding: 0;}
.mb_care_box .switch_label::before,
.mb_care_box .switch_label::after {display: none !important;}
.mb_care_box .circle {position: absolute;top: 2px; left: 2px; display: inline-block;  width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform 0.3s ease;}
.mb_care_box .circle::after { display: none !important; }
.mb_care_box .switch:checked + .switch_label {background: var(--rdo_on);}
.mb_care_box .switch:checked + .switch_label .circle {transform: translateX(20px);}

.leave_chk {margin-top: 20px; padding-left: 5px; display: flex; align-items: center;}
.leave_chk input {width:20px; height:20px; margin-right:8px; display:block !important; opacity:1 !important; visibility:visible !important; position:static !important; appearance:auto !important; -webkit-appearance:auto !important; z-index:999;}
.leave_chk label {color:var(--default_rev); cursor:pointer;}

/**/
ul.rdo_set		{position:relative; font-size:0; width:100%;}
ul.rdo_set li		{display:inline-block; vertical-align:middle; font-size:15px; margin:3px !important; position:relative;}
ul.rdo_set li.full		{width:100% !important; height:auto !important; margin:0 !important;}
ul.rdo_set li input[type="radio"] + label	{padding:0; width:100%; height:100%; position:relative; border:0px solid #000; overflow:hidden;}
ul.rdo_set li input[type="radio"] + label:before	{content: ""; position:absolute; top:0; left:0; padding:0; width:calc(100% - 2px); height:calc(100% - 2px); text-align: center; background: transparent; border:1px solid var(--rdo_off); border-radius:30px; transition:all .2s; transform:none;}
ul.rdo_set li input[type="radio"] + label:after	{display:none;}
ul.rdo_set li input[type="radio"] + label span	{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; transition:all .2s; color:var(--default_tdown); font-size:12px; line-height:110%; font-weight:500;}
ul.rdo_set li input[type="radio"] + label span em	{display:inline-block; width:100%; font-style:normal; font-size:20px; line-height:110%; transition:all .2s;color:blue;}
ul.rdo_set li input[type="radio"]:checked + label {border-color:var(--rdo_on);}
ul.rdo_set li input[type="radio"]:checked + label:after {opacity:0.6;}
ul.rdo_set li input[type="radio"]:checked + label:before {background:var(--rdo_on); border-color:var(--rdo_on); }
ul.rdo_set li input[type="radio"]:checked + label span	{color:#fff;}
ul.rdo_set li input[type="radio"]:checked + label span em	{color:black;}
ul.rdo_set.kind li		{width:calc(25% - 6px); height:35px; max-width:100px;}
ul.rdo_set.detail li		{width:calc(20% - 6px); height:35px;}
ul.rdo_set.din li		{width:calc(16.6666% - 6px); height:35px;}
ul.rdo_set.last li		{width:calc(14.2587% - 6px); height:35px;}
ul.rdo_set.detail li input[type="radio"] + label	{}
ul.rdo_set.detail li input[type="radio"] + label:before	{}
ul.rdo_set.detail li input[type="radio"] + label span	{}
ul.rdo_set.detail li input[type="radio"]:checked + label {}
ul.rdo_set.detail li input[type="radio"]:checked + label:before {}
ul.rdo_set.detail li input[type="radio"]:checked + label span	{}
ul.rdo_set.din li input[type="radio"] + label	{}
ul.rdo_set.din li input[type="radio"] + label:before	{}
ul.rdo_set.din li input[type="radio"] + label span	{font-size:13px;}
ul.rdo_set.din li input[type="radio"]:checked + label {}
ul.rdo_set.din li input[type="radio"]:checked + label:before {}
ul.rdo_set.din li input[type="radio"]:checked + label span	{}
ul.rdo_set.last li input[type="radio"] + label:after	{display:none;}
ul.rdo_set.kind { display: flex; gap: 3px; margin-top: 6px; }
ul.rdo_set.kind li { margin-bottom: 0; display: flex; align-items: center; width:calc(33.3333% - 6px);}
ul.rdo_set.kind input[type="radio"] { margin-right: 6px; width: 18px; height: 18px; accent-color: #007aff; }
ul.rdo_set.kind label { font-size: 14px; color: #555; cursor: pointer; }

ul.form_list {padding:0 10px;}
ul.form_list li { margin-bottom: 12px; display: flex; align-items: center; }
ul.form_list .tit { width: 80px; flex-shrink: 0; font-weight: 700; color: #333; font-size: 14px; }
ul.form_list .txt { flex-grow: 1; }
ul.form_list .i_box { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #ddd; border-radius: 6px; font-size:14px; background:#fff;}
ul.form_list .i_box:read-only { background:#f5f5f5; color:#888; }
ul.form_list.my_ch li {margin-bottom:25px; display:inline-block; width:100%;}
ul.form_list.my_ch li {}
ul.form_list.my_ch li .tit {display:inline-block; width:100%; padding:0 0 7px 7px; font-weight:600; font-size:13px; color:var(--default_color);}
ul.form_list.my_ch li input {height:40px; padding:0 10px;}
ul.form_list.my_ch li ul.rdo_set.kind {margin:0 !important;}
ul.form_list.my_ch li ul.rdo_set.kind li {margin:0 3px 0 0 !important; max-width:150px !important; width:calc(50% - 3px) !important;}
ul.form_list.my_ch li .blk {position:relative; }
ul.form_list.my_ch li .blk em {position:absolute; top:50%; right:10px; font-size:10px; font-style:normal; transform:translateY(-50%);}
ul.form_list.my_ch li .blk fm_tt {position:absolute; top:50%; left:10px; font-size:11px; transform:translateY(-50%); z-index:1;}
ul.form_list.my_ch li .blk input[type="date"] {padding:0 30px 0 60px; font-size:11px;}

.chl_make_wrap .chk_public { display: flex; align-items: flex-start; background: var(--challenge_info); padding: 25px; border-radius: 10px; }
.chl_make_wrap .chk_public input[type="checkbox"] {-webkit-appearance: checkbox !important;appearance: checkbox !important;width: 17px !important;height: 17px !important;margin: 0 10px 0 0 !important;opacity: 1 !important;position: static !important;accent-color: #e5001c !important;flex-shrink: 0;}
.chl_make_wrap .chk_public > div { flex: 1; }
.chl_make_wrap .chk_public label { font-weight: 600; font-size: 13px; color: var(--default_rev); padding: 0 !important; margin: 0 !important; line-height: 17px; cursor: pointer; }
/* 💡 숨어있는 가짜 디자인 강제 삭제 */
.chl_make_wrap .chk_public label::before, .chl_make_wrap .chk_public label::after { display: none !important; }
.chl_make_wrap .chk_public p { margin: 6px 0 0 0; font-size: 12px; color: var(--default_rev); opacity:0.6; font-weight:300; line-height: 1.4; word-break: keep-all; }

.my_challenge_exp {position:relative; padding:30px; margin-bottom:20px;background:var(--mce_bg); border-radius:10px; overflow:hidden;}
.my_challenge_exp h2 {font-weight:600; color:var(--default_rev); line-height:1; font-size:17px;}
.my_challenge_exp p {font-weight:500; color:var(--default_color); line-height:1.4; margin-top:10px; font-size:11px;}
.my_challenge_exp span {font-weight:500; color:var(--default_warning); line-height:1.4; margin-top:10px; font-size:11px; display:inline-block; width:100%;}
.my_challenge_exp i {font-size: 110px; color: var(--side_my_icon); font-variation-settings: 'FILL' 1, 'wght' 250; position: absolute; bottom: -15px; right: -15px;}

.my_challenge_go {position:absolute; top:50%; right:3px; transform:translateY(-50%); width:120px; font-size:0; text-align:center; padding-right:3px; border-radius:5px; background:var(--my_challenge_bg);}
.my_challenge_go a {position:absolute; top:0; left:0; width:100%; height:100%;}
.my_challenge_go i,
.my_challenge_go span {display:inline-block; vertical-align:middle; line-height:40px; color:var(--tab_on);}
.my_challenge_go i {font-size:17px; padding-right:5px;font-variation-settings:'FILL' 1,'wght' 300; }
.my_challenge_go span {font-size:11px; font-weight:600; letter-spacing:-0.05em;}

/**/
.rc_wrap {padding-bottom: env(safe-area-inset-bottom); }
.rc_wrap .rc_tabbar {position:sticky; top:calc(env(safe-area-inset-top) + 0px); z-index:2; background:var(--body_bg);left:0; right:0; margin:auto; }
.rc_wrap .rc_tabbar:after {content:""; position:absolute; top:0; left:0; width:100%; height:calc(env(safe-area-inset-top) + 100%); transform:translateY(-100%); background:var(--body_bg); }
.rc_wrap ul.rc_tabs {list-style:none; margin:0 0 5px 0; padding:0;display:flex; position:relative; }
.rc_wrap ul.rc_tabs li.rc_tab {flex:1; text-align:center;font-size:14px;  color:var(--rc_sub);padding:15px 0; cursor:pointer;transition:all .3s; position:relative;}
.rc_wrap ul.rc_tabs li.rc_tab:after {content:""; position:absolute; top:50%; left:50%; width:calc(100% - 20px); height:calc(100% - 10px); transform:translate(-50%, -50%); border-radius:7px; transition:all .3s;}
.rc_wrap ul.rc_tabs li.rc_tab span {position:relative; line-height:1;font-size:12px; padding:4px 10px; border-radius:30px; transition:all .3s; z-index:1;}
.rc_wrap ul.rc_tabs li.rc_tab.on { color:var(--tab_on); font-weight:600;}
.rc_wrap ul.rc_tabs li.rc_tab.on span {color:#fff;}
.rc_wrap ul.rc_tabs li.rc_tab.on:after { background:var(--tab_on);}
.rc_wrap .rc_tab_line {position:absolute; bottom:0; height:2px;background:var(--tab_on); border-radius:2px 2px 0 0;transition:left 0.3s cubic-bezier(0.4,0,0.2,1), width 0.3s cubic-bezier(0.4,0,0.2,1); display:none;}
.rc_wrap .rc_panels_outer { overflow:hidden; }
.rc_wrap .rc_panels_inner {display:flex; align-items:flex-start; width:400%; will-change:transform; transition:transform 0.38s cubic-bezier(0.4,0,0.2,1);}
.rc_wrap .rc_panel {width:25%; flex-shrink:0;}
.rc_wrap .rc_card {background:var(--rc_card); padding:15px;  position:relative; left:0; right:0; margin:auto; }
.rc_wrap .rc_card.cal {}
.rc_wrap .rc_card.chart {padding-bottom:45px;}
.rc_wrap .rc_card_hd {display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
.rc_wrap .rc_card_hd h3 { font-size:15px; font-weight:700; color:var(--rc_title); padding:0 5px;}
.rc_wrap .rc_nav_grp { display:flex; align-items:center; gap:6px; }
.rc_wrap .rc_nav_btn {width:30px; height:30px; border:0; display:flex; align-items:center; justify-content:center; cursor:pointer; background:transparent;}
.rc_wrap .rc_nav_btn i { font-size:30px; color:var(--rc_sub); font-variation-settings:'wght' 300; }
.rc_wrap .rc_cal_nav {display:flex; align-items:center; justify-content:space-between; padding:10px 0 15px 0;}
.rc_wrap .rc_cal_nav h2 { font-size:16px; font-weight:600; color:var(--rc_title); }
.rc_wrap ul.rc_weekdays {list-style:none; margin:0 0 4px 0; padding:0; display:grid; grid-template-columns:repeat(7,1fr); text-align:center;gap:5px;}
.rc_wrap ul.rc_weekdays li { font-size:11px; font-weight:500; color:var(--rc_sub); padding:0px 0; }
.rc_wrap ul.rc_weekdays li.sun { color:#ff3b30; }
.rc_wrap ul.rc_weekdays li.sat { color:#007aff; }
.rc_wrap ul.rc_cal_grid {list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(7,1fr); gap:5px;}
.rc_wrap ul.rc_cal_grid li.rc_cal_cell {cursor:pointer; border-radius:5px; transition:all .3s; border: 0px solid #e9e9e9; padding: 7px; position: relative;background: var(--cal_default); text-align:center;}
.rc_wrap ul.rc_cal_grid li.rc_cal_cell:after {content:""; display: block; padding-top: 60%;}
.rc_wrap ul.rc_cal_grid li.rc_cal_cell.today {background: var(--cal_bg_today);}
.rc_wrap ul.rc_cal_grid li.rc_cal_cell.sel {background: var(--cal_bg_sel);}
.rc_wrap ul.rc_cal_grid li.rc_cal_cell:active { background:var(--cal_bg_sel); }
.rc_wrap ul.rc_cal_grid li.rc_cal_cell .cell_wrp {position: absolute; top: 50%; left: 0; width: 100%;padding:0; transform:translateY(-50%);}
.rc_wrap ul.rc_cal_grid li.rc_cal_cell .rc_cal_num {font-size:11px; font-weight:600; color:var(--rc_title); line-height:1;}
.rc_wrap ul.rc_cal_grid li.rc_cal_cell.sun .rc_cal_num { color:#ff3b30; }
.rc_wrap ul.rc_cal_grid li.rc_cal_cell.sat .rc_cal_num { color:#007aff; }
.rc_wrap ul.rc_cal_grid li.rc_cal_cell.today .rc_cal_num,
.rc_wrap ul.rc_cal_grid li.rc_cal_cell.sel .rc_cal_num,
.rc_wrap ul.rc_cal_grid li.rc_cal_cell.today.sel .rc_cal_num { color:#fff; font-weight:700;}
.rc_wrap ul.rc_cal_grid li.rc_cal_cell .rc_cal_dot {width:4px; height:4px; border-radius:50%; margin-top:2px; background:#34c759; flex-shrink:0; display: none; }
.rc_wrap ul.rc_cal_grid li.rc_cal_cell.goal_done .rc_cal_dot { background:#007aff; }
.rc_wrap ul.rc_cal_grid li.rc_cal_cell .rc_cal_mini {font-size:8px; color:var(--rc_sub); line-height:1; margin-top:4px; opacity:0.6;}
.rc_wrap ul.rc_cal_grid li.rc_cal_cell.ready .rc_cal_mini {opacity:0;}
.rc_wrap ul.rc_cal_grid li.rc_cal_cell.today .rc_cal_mini,
.rc_wrap ul.rc_cal_grid li.rc_cal_cell.sel .rc_cal_mini {color:#fff;}
.rc_wrap .rc_day_detail {max-height:0; overflow:hidden; opacity:0;}
.rc_wrap .rc_day_detail.open { max-height:1500px; opacity:1; }
.rc_wrap .rdd_inner { padding:20px 10px; }
.rc_wrap .rdd_date { font-size:14px; font-weight:600; color:var(--default_rev); padding:0 0 0 10px; }
.rc_wrap ul.rdd_wish {padding:0; padding:15px 15px 15px 15px;}
.rc_wrap ul.rdd_wish li {font-size:0;}
.rc_wrap ul.rdd_wish li span {display:inline-block; vertical-align:middle; font-size:12px;}
.rc_wrap ul.rdd_wish li .tit {width:120px; color:#999; font-weight:300;}
.rc_wrap ul.rdd_wish li .tit:before {content:"ㆍ";}
.rc_wrap ul.rdd_wish li .txt {width:calc(100% - 120px); font-weight:600; color:var(--default_rev);}
.rc_wrap ul.rdd_wish li .txt em {display:inline-block; padding-left:5px; font-size:10px; font-style:normal; font-weight:100; color:var(--default_rev);}
.rc_wrap .nt_msg { font-size:12px; font-weight:300; color:var(--default_color); padding:15px 25px 0px 25px; line-height:150%; opacity:0.85;}
.rc_wrap .wish_btn { text-align:center; margin-top:20px;}
.rc_wrap .wish_btn span {display:inline-block; border:1px dashed var(--default_tdown); font-size:13px; font-weight:500; color:var(--default_rev); padding:12px 0; text-align:center; width:150px; border-radius:30px; line-height:1;}
.rc_wrap ul.rdd_stats {padding:0;}
.rc_wrap ul.rdd_stats li {background:var(--rc_stat_bg); border-radius:7px; padding:20px 20px 20px 80px; text-align:center; font-size:0; color:#000; position:relative; margin-bottom:5px;}
.rc_wrap ul.rdd_stats li.distance {background:transparent; border-radius:0; padding:0px; text-align:left; margin:0; padding:0;}
.rc_wrap ul.rdd_stats li i,
.rc_wrap ul.rdd_stats li .rdd_stat_val,
.rc_wrap ul.rdd_stats li .rdd_stat_lbl,
.rc_wrap ul.rdd_stats li .rdd_graph {display:inline-block; vertical-align:middle; position:relative; line-height:1; }
.rc_wrap ul.rdd_stats li i {font-size:45px; font-variation-settings:'FILL' 1,'wght' 300; text-align:center; position:absolute; top:20px; left:20px;}
.rc_wrap ul.rdd_stats li.walk i { color:var(--color_walk); }
.rc_wrap ul.rdd_stats li.kcal i { color:var(--color_kcal); }
.rc_wrap ul.rdd_stats li .rdd_stat_lbl {width:100%; font-size:13px; color:var(--default_rev); font-weight:600; text-align:left; padding:0 0 0 5px; position:relative;}
.rc_wrap ul.rdd_stats li .rdd_stat_lbl span {display:inline-block; font-style:normal; font-size:10px; color:var(--rc_sub); font-weight:500;  padding:0px 0 0 10px;}
.rc_wrap ul.rdd_stats li .rdd_stat_lbl em {display:inline-block; font-style:normal; font-size:10px; color:var(--rc_sub); font-weight:500;  padding:0px 0 0 5px;}
.rc_wrap ul.rdd_stats li .rdd_stat_val {position:absolute; top:22px; right:25px; font-size:12px; font-weight:600; color:var(--rc_title);}
.rc_wrap ul.rdd_stats li.walk .rdd_stat_val {color:var(--color_walk);}
.rc_wrap ul.rdd_stats li.kcal .rdd_stat_val {color:var(--color_kcal);}
.rc_wrap ul.rdd_stats li.distance .rdd_stat_lbl {font-size:15px; color:var(--default_rev); padding:0 0 0 5px;}
.rc_wrap ul.rdd_stats li.distance .rdd_stat_val {position:relative; top:initial; right:initial; font-size:22px; font-weight:300; color:var(--rc_title);}
.rc_wrap ul.rdd_stats li .rdd_graph {width:100%;  height:11px; background:var(--grph_bg); border-radius:20px; overflow:hidden; margin-top:3px;}
.rc_wrap ul.rdd_stats li .rdd_graph .bar {position:absolute; top:0; left:0; height:100%; background:red; border-radius:3px;}
.rc_wrap ul.rdd_stats li .rdd_graph .bar em {position:absolute; top:50%; right:5px; line-height:1; transform:translateY(-50%); font-size:8px; color:#fff; font-style:normal;}
.rc_wrap ul.rdd_stats li.walk .rdd_graph .bar {background:var(--color_walk);}
.rc_wrap ul.rdd_stats li.kcal .rdd_graph .bar {background:var(--color_kcal);}
.rc_wrap .rdd_empty { text-align:left; padding: 0; color:var(--rc_sub); font-size:11px; padding:0 0 0 20px;}
.rc_wrap ul.kind_tab {padding:0 0 10px 0; font-size:0; position:relative;}
.rc_wrap ul.kind_tab li {font-size:12px; display:inline-block; vertical-align:middle; line-height:1; padding:7px 0; width:90px; text-align:center; margin-right:5px; cursor:pointer; border-radius:30px; color:var(--default_color); background:var(--k_tab_bg); border:1px solid var(--k_tab_line);}
.rc_wrap ul.kind_tab li:last-child {margin:0;}
.rc_wrap ul.kind_tab li.on {color:#fff; background:blue; border:1px solid #ddd;}
.rc_wrap ul.kind_tab li.walk.on {background:var(--color_walk); border-color:var(--color_walk);}
.rc_wrap ul.kind_tab li.kcal.on {background:var(--color_kcal); border-color:var(--color_kcal);}

.rc_wrap ul.kind_tab li small {position:absolute; bottom:14px; right:3px; font-size:10px; font-weight:400; line-height:1; display:none; color:var(--default_color);}
.rc_wrap ul.kind_tab li.on small {display:block !important;}

.rc_wrap .rc_result_wrp { padding:20px 15px 15px 15px; display:inline-block; width:100%;}
.rc_wrap .rc_goal_pct_wrap {padding:0 5px 30px 5px;}
.rc_wrap .rc_goal_pct_lbl {display:flex; justify-content:space-between; font-size:11px; color:var(--rc_sub); padding:5px;}
.rc_wrap .rc_goal_pct_lbl span {font-size:13px; color:var(--default_rev); letter-spacing:-0.05em;}
.rc_wrap .rc_goal_pct_lbl strong { color:var(--rc_title); }
.rc_wrap .rc_goal_track { height:8px; background:var(--rc_bar_empty); border-radius:8px; overflow:hidden; }
.rc_wrap .rc_goal_fill {height:100%; border-radius:8px; background:orangered; transition:width 1.1s cubic-bezier(0.25,1,0.5,1); width:0;}
.rc_wrap .rc_goal_pct_wrap.walk .rc_goal_fill {background:var(--color_walk); }
.rc_wrap .rc_goal_pct_wrap.kcal .rc_goal_fill {background:var(--color_kcal); }
.rc_wrap ul.rc_sum_row {list-style:none; margin:0 0 0 0; padding:0;display:flex; gap:8px;}
.rc_wrap ul.rc_sum_row li.rc_sum_item {flex:1; border-right:1px solid var(--sum_line); padding:7px 0;text-align:center;}
.rc_wrap ul.rc_sum_row li:last-child {border:0;}
.rc_wrap ul.rc_sum_row li.rc_sum_item .rc_sum_val { font-size:18px; font-weight:700; color:var(--default_rev); line-height:1; }
.rc_wrap ul.rc_sum_row li.rc_sum_item .rc_sum_val em { font-style:normal; font-size:9px; color:var(--rc_sub); font-weight:500; display:none;}
.rc_wrap ul.rc_sum_row li.rc_sum_item .rc_sum_lbl { font-size:11px; color:var(--default_color); margin-top:6px; }
.rc_wrap ul.rc_sum_row li.rc_sum_item .rc_sum_lbl em { display:inline-block; width:100%; font-style:normal; font-size:9px; color:var(--default_color); font-weight:500; display:none;}
.rc_wrap ul.rc_annual_grid {list-style:none; margin:14px 0 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.rc_wrap ul.rc_annual_grid li.rc_annual_item {background:var(--rc_stat_bg); border-radius:12px; padding:14px 12px;}
.rc_wrap ul.rc_annual_grid li.rc_annual_item .ai_val { font-size:18px; font-weight:800; color:var(--rc_title); line-height:1; }
.rc_wrap ul.rc_annual_grid li.rc_annual_item .ai_val em { font-style:normal; font-size:10px; color:var(--rc_sub); font-weight:500; }
.rc_wrap ul.rc_annual_grid li.rc_annual_item .ai_lbl { font-size:10px; color:var(--rc_sub); margin-top:4px; }

.rc_chart {position:relative;height:var(--chart_height);}
.rc_chart .rc_goal_line {position:absolute; left:0; right:0;border-top:1px dashed rgba(0,122,255,0.3);z-index:0; pointer-events:none;}
.rc_chart ul.rc_bars {list-style:none; margin:0; padding:0;display:flex; align-items:flex-end;height:var(--chart_height); width:100%; border:1px dashed var(--chart_out); border-width:1px 0;}
.rc_chart ul.rc_bars li.rc_bar_col {flex:1; display:flex; flex-direction:column;align-items:center; justify-content:flex-end;height:var(--chart_height); position:relative; z-index:1; border-right:1px dashed var(--grph_line);}
.rc_chart ul.rc_bars li.rc_bar_col:last-child {border:0;}
.rc_chart ul.rc_bars li.rc_bar_col .rc_bar {width:60%; border-radius:5px 5px 0 0;min-height:0; background:var(--rc_bar_past);transition:height 0.85s cubic-bezier(0.25,1,0.5,1); position:relative;}
.rc_chart ul.rc_bars li.rc_bar_col .rc_bar.today  { background:var(--color_walk); }
.rc_chart ul.rc_bars li.rc_bar_col .rc_bar.gold   { background:linear-gradient(180deg,#ffd60a,#ff9500); }
.rc_chart ul.rc_bars li.rc_bar_col .rc_bar.empty  { background:var(--rc_bar_empty); min-height:0; }

.rc_chart ul.rc_bars li.rc_bar_col .rc_bar span.data {position:absolute; top:-15px; left:50%; transform:translateX(-50%); font-size:9px; font-weight:300; line-height:1; color:var(--default_color);}
.rc_chart ul.rc_bars li.rc_bar_col .rc_bar span.data.sm {font-size:7px;}

.rc_chart ul.rc_bars li.rc_bar_col .rc_bar_lbl {position:absolute; bottom:-22px; font-size:10px; color:var(--rc_sub); line-height:1; text-align:center; width:100%;}
.rc_chart.walk ul.rc_bars li.rc_bar_col .rc_bar {background:var(--color_walk);}
.rc_chart.kcal ul.rc_bars li.rc_bar_col .rc_bar {background:var(--color_kcal);}
.rc_chart ul.rc_bars li.rc_bar_col.success .rc_bar {background:#e56e6e; }
.rc_chart ul.rc_bars li.rc_bar_col.success .rc_bar:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.2);display: none;}
.rc_chart ul.rc_bars li.rc_bar_col.today .rc_bar_lbl {}
.rc_chart ul.rc_bars li.rc_bar_col .rc_bar_val {position:absolute; top:-13px; font-size:8px; color:#007aff; font-weight:600; white-space:nowrap; }
.rc_chart.slim ul.rc_bars { gap:1px; }
.rc_chart.slim ul.rc_bars li.rc_bar_col .rc_bar { width:80%; border-radius:3px 3px 0 0; }

/**/
.chl_wrap {position:relative; }
.chl_sticky {position:sticky; top:calc(env(safe-area-inset-top) + 0px); z-index:2; background:var(--body_bg);left:0; right:0; margin:auto; }
.chl_sticky:after {content:""; position:absolute; top:0; left:0; width:100%; height:calc(env(safe-area-inset-top) + 100%);transform:translateY(-100%); background:var(--body_bg); }
.chl_sticky.my {padding:10px 10px 10px 10px;}
.chl_sticky.my:after {}
.chl_sticky.ios {padding-top:0 !important;}

.scr_spbx {position:relative; font-size:0; padding:0 10px;}
.scr_spbx.tog {display:none;}
.scr_spbx .scr_kind,
.scr_spbx .scr_btn {display:inline-block; vertical-align:middle; }
.scr_spbx .scr_kind {width:calc(100% - 0px);}
.scr_spbx .scr_btn {width:50px;}
.scr_spbx .date_box {display: flex; gap: 3px; align-items: center; margin-bottom: 3px;}
.scr_spbx .date_box .db_k {flex:1; position:relative;}
.scr_spbx .date_box .db_k span {position:absolute ;top:50%; left:10px; transform:translateY(-50%); font-size:10px; color:var(--default_color); z-index:1; }
.scr_spbx .date_box input {height:45px; font-size:11px; padding:0 0 0 50px !important; text-align:left !important;}
.scr_spbx .date_box input[type="date"]  {border: 1px solid var(--df_frm_line); background: var(--df_frm_bg); color: var(--df_frm_color);}
.scr_spbx .date_box input[type="date"]::after  {font-size:12px; color:var(--default_color);}
.scr_spbx .sc_box {font-size:0;}
.scr_spbx .sc_box input,
.scr_spbx .sc_box button {height:45px; display:inline-block; vertical-align:middle; position:relative;}
.scr_spbx .sc_box input {font-size:11px; padding:0 10px; width:calc(100% - 48px);}
.scr_spbx .sc_box button { width:45px; margin-left:3px; background:var(--app_bd_reset); border-radius:3px; border:0; cursor:pointer;}
.scr_spbx .sc_box button i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 17px; color: var(--default_color);}

.go_tracking {cursor:pointer; background:var(--trk_str_btn); padding:20px 15px; border-radius:7px; font-size:0; text-align:left; position:relative; left:0; right:0; margin:10px auto; width:calc(100% - 20px);}
.go_tracking i,
.go_tracking span {display:inline-block; vertical-align:middle; color:#fff;}
.go_tracking i.sym {font-size:20px; margin-right:5px;}
.go_tracking i.sym:before {content:'directions_walk';}
.go_tracking i.arrow {position:absolute; top:50%; right:15px; transform:translateY(-50%); font-size:25px; font-variation-settings:'FILL' 1,'wght' 100;}
.go_tracking i.arrow:before {content:'arrow_right_alt';}
.go_tracking span {font-size:13px; font-weight:600;}
.go_tracking span sta {}
.go_tracking.off span sta.start {display:inline-block;}
.go_tracking.off span sta.end {display:none;}
.go_tracking.on i.sym:before {content:'radio_button_checked';}
.go_tracking.on {/*background:var(--rcd_btn) !important;*/animation: recBlink 1.5s infinite;}
.go_tracking.on span sta.start {display:none;}
.go_tracking.on span sta.end {display:inline-block;}

.go_tracking.real {border-radius:30px; max-width: 250px; width:calc(100% - 40px); text-align: center; margin-top:25px;}
.go_tracking.real i,
.go_tracking.real span {display:inline-block; vertical-align:middle; color:#fff;}
.go_tracking.real i.sym {font-size:20px; margin-right:5px; display: none;}
.go_tracking.real i.sym:before {content:'directions_walk';}
.go_tracking.real i.arrow {position:absolute; top:50%; right:15px; transform:translateY(-50%); font-size:25px; font-variation-settings:'FILL' 1,'wght' 100; display: none;}
.go_tracking.real i.arrow:before {content:'arrow_right_alt';}
.go_tracking.real span {font-size:13px; font-weight:600;}

.my_position { position: relative; width:calc(100% - 20px); height:200px; margin:0 10px; border-radius:10px; overflow:hidden;}
.my_position .map_rotate_box {top: 15px; left:15px; right:initial !important;}
.my_position .map_cvr {position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
.my_position .map_cvr:after {content:"위치정보 확인 중"; position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); line-height:1; font-size:10px; text-align:center;}
.track_wrp {position: relative; padding: 30px; z-index: 11; height: 220px;}
.track_exp { position: relative; left:0; right:0; margin:auto; max-width:450px; padding:0;}
.track_exp i { font-size:30px; display:none;}
.track_exp h3 { font-size:15px; color:var(--default_rev); position:relative;}
.track_exp p { font-size:11px; line-height:160%; color:var(--default_tdown); padding:5px 0 0 0; opacity: 0.6;}
.track_exp .weather_info_bx {position:absolute; top:50%; right:5px; transform:translateY(-50%); gap:6px;display:none;
display: inline-flex;
    align-items: center;
    vertical-align: middle;
}
.track_exp .weather_info_bx i {font-size:12px; color:var(--default_tdown);}
.track_exp .weather_info_bx span {font-size:9px; color:var(--default_tdown); font-weight:300;}
.find_gps {position: absolute; top: 0; left: 0; height: 100%; background: rgba(0,0,0,0.3);}
.find_gps i {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; animation: spin 2s linear infinite; }


ul.track_rbox {position:relative; padding:0 5px; left: 0; right: 0; margin: auto; max-width: 690px;}
ul.track_rbox li {position:relative; margin-bottom:10px; padding:15px 10px; box-shadow: 0 10px 25px rgba(0,0,0,0.05);background: var(--chl_card); border-radius: 7px; overflow:hidden;}
ul.track_rbox li:first-child {margin-top:10px;}
ul.track_rbox li.offline-item {background:var(--error_bg); border:1px solid var(--error_line);}
ul.track_rbox li .trc_head {font-size:0; position:relative; padding-right:70px;}
ul.track_rbox li .trc_head h2 {}
ul.track_rbox li .trc_head h2 span {font-size:13px;display:inline-block; vertical-align:middle; line-height:1; letter-spacing:-0.05em; font-weight:600; color:var(--default_rev);}
ul.track_rbox li .trc_head h2 i {display:inline-block; vertical-align:middle; font-size:17px; line-height:1; margin-right:3px; padding:3px; cursor:pointer; color:red;font-variation-settings:'FILL' 0,'wght' 300;}
ul.track_rbox li .date {font-size:9px; line-height:1; padding:3px 0 0 26px;}

ul.track_rbox li .trc_con {padding:15px 0px 0 25px;font-size:0; display:flex; max-width:250px;}
ul.track_rbox li .trc_con span {flex:1; font-size:0; line-height:1;}
ul.track_rbox li .trc_con em,
ul.track_rbox li .trc_con c_title,
ul.track_rbox li .trc_con c_data {display:inline-block; vertical-align:middle; line-height:1;font-style:normal;}
ul.track_rbox li .trc_con c_title {font-size:9px; color:var(--default_color); margin-right:3px; opacity:0.6;}
ul.track_rbox li .trc_con c_data {font-size:9px; margin-left:0px;color:var(--default_color);}
ul.track_rbox li .trc_con c_data.point {color:red;}
ul.track_rbox li .trc_con em {font-size:9px; margin-left:5px;}

ul.track_rbox li > i {position:absolute; bottom:0px; right:0px;  font-size:20px; color:var(--default_rev); cursor:pointer; padding:15px;font-variation-settings:'wght' 300;}

ul.track_rbox li .trc_btns {position:absolute; right:0px;}
ul.track_rbox li .trc_btns.delete {top:0;}
ul.track_rbox li .trc_btns.map {bottom:0;}
ul.track_rbox li .trc_btns.index_DB {bottom:15px; right:15px !important;}
ul.track_rbox li .trc_btns i {position:relative;   color:var(--default_rev); cursor:pointer; padding:15px;}
ul.track_rbox li .trc_btns.delete i {font-size:17px;font-variation-settings:'wght' 200;}
ul.track_rbox li .trc_btns.map i {font-size:18px;font-variation-settings:'FILL' 1,'wght' 300; color:#007aff;}

ul.track_rbox li .trc_btns.index_DB button {line-height:1; padding:7px 12px; border-radius:30px; background:red; color:#fff; font-size:11px; border:0;}


ul.track_rbox li .modify {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--chl_card); z-index:1;}
ul.track_rbox li .modify .box {font-size:0; position:absolute; top:50%; left:50%; width:calc(100% - 50px); transform:translate(-50%, -50%);}
ul.track_rbox li .modify input,
ul.track_rbox li .modify button {display:inline-block; vertical-align:middle; height:40px;}
ul.track_rbox li .modify input {width:calc(100% - 86px); padding:0 10px; border-radius:3px; font-size:11px;}
ul.track_rbox li .modify button {width:40px; margin-left:3px;border-radius:3px; border:0; font-size:11px; cursor:pointer;background:var(--tab_dis); cursor:pointer; color:var(--default_tdown);}
ul.track_rbox li .modify button.btn-apply-title {background:var(--tab_on); color:#fff;}


ul.webzine {position:relative; padding:0 5px; left: 0; right: 0; margin: auto; max-width: 690px;}
ul.webzine li {position:relative; margin-bottom:10px; padding:20px; box-shadow: 0 10px 25px rgba(0,0,0,0.05);background: var(--chl_card); border-radius: 7px; overflow:hidden;}
ul.webzine li:first-child {margin-top:10px;}
ul.webzine li a {position:absolute; top:0; left:0; width:100%; height:100%;  z-index:1; font-size:0;}
ul.webzine li h3 {font-size:13px; color:var(--default_rev);}
ul.webzine li press {font-size:10px; color:#007aff; display:inline-block; width:100%;}
ul.webzine li press:before {content:"출처"; font-size:9px; background:#007aff; color:#fff; display:inline-block;  line-height:1; margin-right:5px; padding:3px; border-radius:3px;}
ul.webzine li p {font-size:10px; color:var(--default_color); line-height:160%; opacity:0.6; margin:5px 0 7px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

ul.webzine li keyword {display:inline-block; width:100%; padding:10px 0 0 0;}
ul.webzine li keyword tag {display:inline-block; line-height:1; font-size:10px;color:var(--default_color);}
ul.webzine li keyword tag:before {content:"#"; display:inline-block; padding-right:3px;}

ul.webzine li span {font-size:8px; color:var(--default_color);position:absolute; bottom:40px; right:25px; opacity:0.5; letter-spacing:-0.05em;}


.my_challenge_info {background:var(--my_dsb); padding:0; border-radius:7px;}
.my_rate_flex { display: flex; padding:35px 30px 0px 30px;}
.my_rate_flex .rate_card {flex: 1; font-size:0;position:relative;}
.my_rate_flex .bar_chart_box {position:absolute; top:0; left:0; height:100%; width: 10px; }
.my_rate_flex .bar_track {width: 100%; height: 100%; background: rgba(255,255,255, 0.1); border-radius: 10px; position: absolute; top:0; left:0; overflow: hidden;}
.my_rate_flex .bar_fill {position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 10px; transition: height 1s ease-out;}
.my_rate_flex .achieve_fill { background: #e63946; }
.my_rate_flex .join_fill { background: #007aff; }


.my_rate_flex .card_meta { display:inline-block; vertical-align:top; width:100%; padding:0 0 0 25px; }
.my_rate_flex .card_meta h4 { padding: 5px 0 0px 0; font-size: 13px; font-weight: 600; color: #fff; line-height:1;}
.my_rate_flex .card_meta p { padding: 5px 0 6px 0; font-size: 9px; color: rgba(255,255,255,0.6);  line-height:1;}
.my_rate_flex .card_meta .num_detail { font-size: 10px; color: rgba(255,255,255,0.6); }
.my_rate_flex .card_meta .num_detail strong { font-weight: 600; color: #fff;}
.my_rate_flex .pct_text { font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 5px; }
.my_rate_flex .pct_text.achieve_text { color: orange; }
.my_rate_flex .pct_text.join_text { color: #4e9cff; }
.my_rate_flex .pct_text span { font-size: 13px; margin-left: 2px; font-weight: normal; }
ul.my_status_grid { display: flex; gap: 10px; padding: 30px 0; }
ul.my_status_grid li { flex: 1; text-align:center; border-right: 1px solid rgba(255,255,255,0.05); cursor:pointer;}
ul.my_status_grid li:last-child {border:0;}
ul.my_status_grid li span { display: block; font-size: 11px; color: rgba(255,255,255,0.4); margin-top: 4px; }
ul.my_status_grid li strong { font-size: 20px; font-weight:600; color: #fff; }

ul.my_status_grid li.on strong {color:#79ffe7;}
ul.my_status_grid li.on span {color:#79ffe7;}

.chl_search_box {position:relative;left:0; right:0; width:calc(100% - 20px);margin:auto;;}
.chl_search_box i {font-size: 18px;color: var(--chl_sub);font-variation-settings: 'wght' 300; position:absolute; top:50%; transform:translateY(-50%); z-index:1;}
.chl_search_box i.search {left:10px;}
.chl_search_box i.reset {right:10px;}
.chl_search_box input {height:45px; padding:0 45px;}
ul.chl_tabs {display: flex;padding: 0 9px 5px 9px;position: relative;}
ul.chl_tabs.type_tabs {margin-top:-12px;}
ul.chl_tabs li {flex: 1;text-align: center;font-size: 14px;font-weight: 500;color: var(--rc_sub);padding: 15px 0;cursor: pointer;transition: color .2s;position: relative;-webkit-tap-highlight-color: transparent;}
ul.chl_tabs li:after {content:""; position:absolute; top:50%; left:50%; width:calc(100% - 2px); height:calc(100% - 10px); transform:translate(-50%, -50%); border-radius:7px; transition:all .3s; background:var(--tab_dis);}
ul.chl_tabs li span {position:relative; font-size:12px; padding:5px 12px; border-radius:30px; transition:all .3s; z-index:1;}
ul.chl_tabs li .cnt_num {font-size: 10px; font-weight: 500 !important; display: inline-block; vertical-align:middle; padding-left: 5px;}
ul.chl_tabs li .cnt_num:before {content:"+";}
ul.chl_tabs li.on { color: var(--tab_on); font-weight: 600;}
ul.chl_tabs li.on span {color: #fff;}
ul.chl_tabs li.on:after {background:var(--tab_on); }
.my_ch_btn {position:absolute; right:10px; top:22px; font-size:11px; font-weight:600; color:var(--tab_on); line-height:1; padding:8px; letter-spacing:-0.05em;}
ul.chl_tabs.trk_tab li {padding: 20px 0;}

.my_ch_btn i {display:inline-block; vertical-align:middle; padding-left:5px;}
.chl_result_bar {padding: 15px 20px 5px 20px;}
.chl_result_bar .cnt {font-size: 12px;color: var(--chl_sub);}
.chl_result_bar .cnt strong { color: var(--chl_title); font-weight: 700; }

.chl_list {padding: 0 0;}
.chl_list.my {padding: 0 10px;}


.chl_list ul.chal_list {font-size:0; padding-top: 15px;}
.chl_list ul.chal_list li {display: inline-block; vertical-align:top;  width:calc(50% - 20px); background: var(--chl_card); border-radius: 7px; padding: 15px; margin:0 10px 20px 10px; cursor: pointer; transition: all .3s; position: relative; box-shadow: 0 10px 25px rgba(0,0,0,0.1);}
.chl_list ul.chal_list li:active { background: var(--chl_item_hover); }
.chl_list ul.chal_list li.type_loc { background: var(--chl_item_loc); }
.chl_list ul.chal_list li.none,
.chl_list ul.chal_list li.none:active {background:transparent; border:0; padding:50px 0; margin:0; text-align:center; cursor:default; font-size:11px; color:var(--default_tdown); border:0; display:inline-block; width:100%;box-shadow: none;}
.chl_list ul.chal_list li .ci_pic {position:relative; overflow:hidden; border-radius:7px; background-size:cover !Important; background-position:center center !important; display:none;}
.chl_list ul.chal_list li .ci_pic:after {content:""; display:block; padding-top:80%;}
.chl_list ul.chal_list li .ci_body { padding:15px 50px 15px 15px; }
.chl_list ul.chal_list li h3 {font-size: 15px; font-weight: 700; color: var(--chl_title); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing:-0.05em;}
.chl_list ul.chal_list li .sym {position:absolute; top:18px; right:18px; width:35px; height:35px; background-position:center center !important; background-size:cover !important; border-radius:100%;}

.chl_list ul.chal_list li .type {font-size: 12px; font-weight: 500; color: var(--chl_title); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing:-0.05em; padding:5px 0 3px 0;}
.chl_list ul.chal_list li .type i {display:inline-block; vertical-align:middle; font-size: 15px; color: var(--chl_title); font-variation-settings:'FILL' 1,'wght' 300; margin:0 3px 0 -3px;}
.chl_list ul.chal_list li.type_loc .type i:before {content:'location_on';}
.chl_list ul.chal_list li.type_walk .type i:before {content:'steps';}



.chl_list ul.chal_list li .who {font-size: 12px; font-weight: 500; color: var(--chl_title); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing:-0.05em; padding:0 0 3px 0; opacity:0.8;}
.chl_list ul.chal_list li .end_date {font-size: 10px; padding:7px 0 0 0; line-height:1; white-space:nowrap;}
.chl_list ul.chal_list li .end_date span {color:#00a8ff;}
.chl_list ul.chal_list li .ci_meta {font-size: 8px; padding:7px 0 0 0; line-height:1; white-space:nowrap;}
.chl_list ul.chal_list li .ci_meta span {display:inline-block; width:auto; color:var(--default_color); margin-top:0px;}
.chl_list ul.chal_list li .ci_meta span.cnt {display:none;}
.chl_list ul.chal_list li .ci_meta span em{display:none; width:45px ; color:var(--default_tdown);  font-style:normal; opacity:0.6;}
.chl_list ul.chal_list li .ci_meta span em:before {content:"ㆍ";}

.chl_list ul.chal_list li .ci_meta span week{display:inline-block; width:45px ; color:var(--default_tdown);  font-style:normal; opacity:0.6; display:none;}
.chl_list ul.chal_list li .ci_prog {display: flex; align-items: center; gap: 6px; margin-top:10px;}
.chl_list ul.chal_list li .ci_prog_track {flex: 1; height: 4px; background: var(--chl_bar_bg); border-radius: 4px; overflow: hidden; }
.chl_list ul.chal_list li .ci_prog_fill {height: 100%; border-radius: 4px; transition: width 1s cubic-bezier(0.25,1,0.5,1); width: 0; background:red;}
.chl_list ul.chal_list li.past_day .end_date {display:none;}
.chl_list ul.chal_list li[data-status="active"] .ci_prog_fill {background: #9cdb63;}
.chl_list ul.chal_list li[data-status="done"] .ci_prog_fill {background: #757575 !important;}
.chl_list ul.chal_list li[data-status="done"] {/*background: rgba(142,142,147,0.15) !important;*/}
.chl_list ul.chal_list li[data-status="plan"] {/*background: rgba(255,149,0,0.07) !important;*/}
.chl_list ul.chal_list li[data-join="me"] .ci_prog_fill {background: var(--tab_on);}
.chl_list ul.chal_list li[data-join="me"] {/*background: rgba(132,209,255,0.15);*/}



.chl_list ul.chal_list li[data-join="me"] h3 {}
.chl_list ul.chal_list li[data-join="me"][data-status="active"] h3::before,
.chl_list ul.chal_list li[data-join="me"][data-status="plan"] h3::before,
.chl_list ul.chal_list li[data-join="me"][data-status="done"] h3::before,
.chl_list ul.chal_list li[data-join="me"] h3::before {content: '참여'; position:absolute; top:-3px; right:-3px; font-size: 10px; color: #fff; background-color: #00a8ff; padding: 3px 5px; border-radius: 3px; vertical-align: middle; font-weight:500;}


.chl_list ul.chal_list li .ci_prog_pct {font-size: 10px; font-weight: 700; white-space: nowrap; flex-shrink: 0;}
.chl_list ul.chal_list li .ci_right { position:absolute; top:20px; right:20px; display:none;}
.chl_list ul.chal_list li .ci_badge {font-size: 11px; font-weight: 700; padding: 3px 12px; border-radius: 20px; white-space: nowrap; }
.chl_list ul.chal_list li .ci_badge.active { background: rgba(0,122,255,0.12); color: #007aff; }
.chl_list ul.chal_list li .ci_badge.plan   { background: rgba(255,149,0,0.13);  color: #ff9500; }
.chl_list ul.chal_list li .ci_badge.open   { background: rgba(90,200,250,0.15); color: var(--tab_on); }
.chl_list ul.chal_list li .ci_badge.done   { background: rgba(142,142,147,0.15) !important;color: #8e8e93 !important; }
.chl_list ul.chal_list li .ci_badge.soon   { background: rgba(255,59,48,0.12);  color: #ff3b30; }
.chl_list ul.chal_list li .chl_empty {text-align: center; padding: 60px 20px; color: var(--chl_sub);}
.chl_list ul.chal_list li .chl_empty i {font-size: 48px; display: block; margin-bottom: 12px; color: var(--chl_muted); font-variation-settings: 'wght' 200;}
.chl_list ul.chal_list li .chl_empty p { font-size: 13px; }
.chl_list ul.chal_list li .chl_group_label {font-size: 11px; font-weight: 700; color: var(--chl_sub); padding: 10px 4px 6px 4px; letter-spacing: 0.02em;}
.chl_list ul.chal_list li > i {position:absolute; bottom:15px; right:15px;font-size: 18px; color: var(--chl_title); transition: all .3s; font-variation-settings:'FILL' 1,'wght' 300;}
.chl_list ul.chal_list li.type_loc > i:before {content:'location_on';}
.chl_list ul.chal_list li.type_walk > i:before {content:'steps';}

.chl_list ul.chal_list li .writer { position:absolute; bottom:20px; right:20px;}
.chl_list ul.chal_list li .writer.official {display:none;}
.chl_list ul.chal_list li .writer.user {}
.chl_list ul.chal_list li .writer span {color:#fff; font-size:9px; line-height:1; padding:3px; border-radius:3px;}
.chl_list ul.chal_list li .writer.official span {background:var(--tab_on);}
.chl_list ul.chal_list li .writer.user span {background:#db0000;}


.chl_list ul.my_chal_list {}
.chl_list ul.my_chal_list li {display: flex; align-items: center; gap: 25px; background: var(--chl_card); border-radius: 7px; overflow:hidden; padding: 20px; margin-bottom: 10px; cursor: pointer; transition: all .3s; position: relative; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);}
.chl_list ul.my_chal_list li .sym {position:absolute; top:20px; right:20px; width:40px; height:40px; background-position:center center !important; background-size:cover !important; border-radius:100%; display:none;}
.chl_list ul.my_chal_list li:active { background: var(--chl_item_hover); }
.chl_list ul.my_chal_list li.none,
.chl_list ul.my_chal_list li.none:active {background:transparent; border:0; padding:50px 0; margin:0; text-align:center; cursor:default; font-size:11px; color:var(--default_tdown); border:0; display:inline-block; width:100%;}
.chl_list ul.my_chal_list li .ci_pic {position:absolute; top:0; left:0; width:90px; height:100%; overflow:hidden; border-radius:0; background-size:cover !Important; background-position:center center !important; display:none;}
.chl_list ul.my_chal_list li .ci_body { flex: 1; min-width: 0; }
.chl_list ul.my_chal_list li h3 {font-size: 14px; font-weight: 600; color: var(--chl_title); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing:-0.05em; padding-right:50px;}
.chl_list ul.my_chal_list li h3 span {display:inline-block; vertical-align:middle; margin-right:5px; background:#001b39; color:#fff; font-size:10px; padding:3px; border-radius:3px; font-weight:500;}
.chl_list ul.my_chal_list li h3.me span {background:red;}
.chl_list ul.my_chal_list li h3 em {display:inline-block; vertical-align:middle; margin-left:5px; background:red; color:#fff; font-size:9px; padding:3px; border-radius:3px; font-weight:500; line-height:1; font-style:normal;}
.chl_list ul.my_chal_list li.type_location h3 span {background:var(--tab_on);}
.chl_list ul.my_chal_list li.type_walk h3 span {}
.chl_list ul.my_chal_list li .ci_meta {font-size: 11px; padding:5px 50px 0 0; line-height:1;}
.chl_list ul.my_chal_list li .ci_meta span {display:inline-block; width:100%; color:var(--default_color); margin-top:7px; font-size:10px;}
.chl_list ul.my_chal_list li .ci_meta span  em{display:inline-block; width:45px ; color:var(--default_tdown);  font-style:normal; opacity:0.6;}
.chl_list ul.my_chal_list li .ci_meta span  em:before {content:"ㆍ";}
.chl_list ul.my_chal_list li .ci_prog {display: flex; align-items: center; gap: 6px; margin-top:10px;}
.chl_list ul.my_chal_list li .ci_prog_track {flex: 1; height: 4px; background: var(--chl_bar_bg); border-radius: 4px; overflow: hidden; }
.chl_list ul.my_chal_list li .ci_prog_fill {height: 100%; border-radius: 4px; transition: width 1s cubic-bezier(0.25,1,0.5,1); width: 0; background:red;}
.chl_list ul.my_chal_list li[data-status="active"] .ci_prog_fill {background: #9cdb63;}
.chl_list ul.my_chal_list li[data-status="done"] .ci_prog_fill {background: #757575 !important;}
.chl_list ul.my_chal_list li[data-status="done"] {/*background: rgba(142,142,147,0.15) !important;*/}
.chl_list ul.my_chal_list li[data-status="plan"] {/*background: rgba(255,149,0,0.07) !important;*/}
.chl_list ul.my_chal_list li[data-join="me"] .ci_prog_fill {background: var(--tab_on);}
.chl_list ul.my_chal_list li[data-join="me"] {/*background: rgba(132,209,255,0.15);*/}
.chl_list ul.my_chal_list li .ci_prog_pct {font-size: 10px; font-weight: 700; white-space: nowrap; flex-shrink: 0;}
.chl_list ul.my_chal_list li .ci_right { position:absolute; top:40px; right:20px; }
.chl_list ul.my_chal_list li .ci_badge {font-size: 11px; font-weight: 700; padding: 3px 12px; border-radius: 20px; white-space: nowrap; display:none;}
.chl_list ul.my_chal_list li .ci_badge.active { background: rgba(0,122,255,0.12); color: #007aff; }
.chl_list ul.my_chal_list li .ci_badge.plan   { background: rgba(255,149,0,0.13);  color: #ff9500; }
.chl_list ul.my_chal_list li .ci_badge.open   { background: rgba(90,200,250,0.15); color: var(--tab_on); }
.chl_list ul.my_chal_list li .ci_badge.done   { background: rgba(142,142,147,0.15) !important;color: #8e8e93 !important; }
.chl_list ul.my_chal_list li .ci_badge.soon   { background: rgba(255,59,48,0.12);  color: #ff3b30; }
.chl_list ul.my_chal_list li .chl_empty {text-align: center; padding: 60px 20px; color: var(--chl_sub);}
.chl_list ul.my_chal_list li .chl_empty i {font-size: 48px; display: block; margin-bottom: 12px; color: var(--chl_muted); font-variation-settings: 'wght' 200;}
.chl_list ul.my_chal_list li .chl_empty p { font-size: 13px; }
.chl_list ul.my_chal_list li .chl_group_label {font-size: 11px; font-weight: 700; color: var(--chl_sub); padding: 10px 4px 6px 4px; letter-spacing: 0.02em;}
.chl_list ul.my_chal_list li .sta_box {position:absolute; top:20px; right:20px;}
.chl_list ul.my_chal_list li .sta_box span {font-size:11px;}
.chl_list ul.my_chal_list li .sta_box span.ready {color:orange;}
.chl_list ul.my_chal_list li .sta_box span.ing {color:#007aff;}
.chl_list ul.my_chal_list li .sta_box span.done {color:#ddd;}

.chl_list ul.my_chal_list li .ci_btn {position:relative; background:transparent; border:0; width:30px; height:30px; cursor:pointer;}
.chl_list ul.my_chal_list li .ci_btn i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:15px; color:red;}
/*
.chl_list ul.my_chal_list li .ci_btn {display:inline-block; vertical-align:middle; width:auto; height:auto; cursor:pointer;background:transparent; border:0;}
.chl_list ul.my_chal_list li .ci_btn i {font-size:15px; color:red;}
*/
.chl_list ul.my_chal_list li > i {position:absolute; bottom:15px; right:15px;font-size: 18px; color: var(--chl_title); transition: all .3s; font-variation-settings:'FILL' 1,'wght' 300; display:none;}
.chl_list ul.my_chal_list li.type_location > i:before {content:'location_on';}
.chl_list ul.my_chal_list li.type_walk > i:before {content:'steps';}

.my_head {padding:15px 15px 0 15px; margin-bottom:-10px;}
.my_head h2 {font-size: 17px; font-weight: 700; color: var(--chl_title); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing:-0.05em;}
.my_head p {font-size: 13px; font-weight: 500; color: var(--chl_title); line-height: 1.3; padding:5px 0 0 0;}

@media screen and (max-width: 700px){
.chl_list {padding: 0 5px;}
.chl_result_bar {padding: 15px 10px 5px 10px;}
.chl_list ul.chal_list li {width:calc(50% - 10px); margin:0 5px 10px 5px; padding: 0px;}
.chl_list ul.chal_list li .ci_pic {border-radius:0 0 7px 7px;}

.chl_list ul.chal_list li .ci_meta {font-size: 8px; padding:7px 0 0 0;}
.chl_list ul.chal_list li .ci_body { padding:20px 40px 20px 20px; }

.chl_list ul.chal_list li .sym {top:22px; right:8px; width:20px; height:20px;}
.chl_list ul.chal_list li .type {font-size: 10px;}
.chl_list ul.chal_list li .who {font-size: 10px;}
.chl_list ul.chal_list li h3 {font-size: 13px; font-weight:600;}
.chl_list ul.chal_list li[data-join="me"][data-status="active"] h3::before,
.chl_list ul.chal_list li[data-join="me"][data-status="plan"] h3::before,
.chl_list ul.chal_list li[data-join="me"][data-status="done"] h3::before {font-size:9px; padding: 2px 3px;}
.my_head {padding:15px 20px 0 20px; margin-bottom:-10px;}
}


.record_map_wrap {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; padding-bottom:calc(0px + env(safe-area-inset-bottom));}
.record_map_wrap h4 {font-size:12px; height:25px; padding:0 10px; position:relative; line-height:1; text-align:center;}
.record_map_wrap h4 i {font-size:16px; display:inline-block; vertical-align:middle;font-variation-settings:'FILL' 1,'wght' 300;  display:none;}
.record_map_wrap h4 em {position:absolute; bottom:10px ; right:15px; font-size:8px;  line-height:1; font-style:normal;}
.record_map_wrap .rmw_info {position:relative; height:70px; padding-top:0px; border-top:0px solid red;}
.record_map_wrap .rmw_kakao {position:relative; width:calc(100% - 10px); height:calc(100% - 225px); margin-left:5px; border-radius:10px; overflow:hidden;}
.record_map_wrap .rc_date {position: absolute; top: 11px; right: 15px; line-height:1; z-index: 1000; color:var(--default_color); font-size:7px;letter-spacing:0.01em; opacity:0.6;}
.record_map_wrap .rc_time {position: absolute; top: 11px; left: 15px; line-height:1; z-index: 1000; color:var(--default_color); font-size:7px;letter-spacing:0.01em; opacity:1;}
.record_map_wrap .rmw_grap {position:relative; height:130px; }

.record_map_wrap .rmw_grap .chart {height:calc(100% - 0px) !important; position:relative; padding:20px 15px 0px 5px; }
.record_map_wrap .rmw_grap .in {width:100%; height:100%;}
.record_map_wrap .rmw_grap canvas {height:100% !important; position:relative;}

.record_map_wrap .record_info {position:absolute; bottom:0; left:0; width:100%; background:#fff; z-index:10;}
.record_map_wrap.full .rmw_kakao {width:100%; height:calc(100% - 25px); margin:0; border-radius:0px; position:absolute !important; bottom:0; top:initial;}


/**/
.cv_wrap {padding-bottom: calc(0px + env(safe-area-inset-bottom)); }
.cv_wrap.chl_make_wrap {position:relative; max-width:500px; left:0; right:0; margin:auto;padding:0 10px calc(0px + env(safe-area-inset-bottom)) 10px;}
.cv_wrap .cv_photo {padding: 0px; font-size: 0; line-height: 1;position:relative; left: 0; right: 0; margin:0 auto 15px auto; width:calc(100% - 20px);}
.cv_wrap .cv_photo img {width: 100%; border-radius: 10px;}
.cv_wrap .cv_banner {position: relative; }
.cv_wrap .cv_banner_status { display:inline-block; font-size:10px; font-weight:700; color:var(--default_rev); padding:0 0 5px 0; position:relative; z-index:1; }
.cv_wrap .cv_banner h2 { font-size:18px; font-weight:600; color:var(--ch_h2); line-height:1.3; position:relative; z-index:1; }
.cv_wrap .cv_banner p { font-size:12px; color:var(--default_rev); padding: 0px 0 0 2px; position:relative; z-index:1; }
.cv_wrap .cv_card { padding: 10px; position:relative;}
.cv_wrap .cv_card.sta {border-top:1px dashed var(--cv_line); padding:20px;}
.cv_wrap .cv_card.history {padding:25px 0;}
.cv_wrap h3 { font-size: 15px; font-weight: 700; color: var(--default_rev); letter-spacing: -0.05em;  padding:0 0px 15px 0px;}
.cv_wrap .cv_card.history h3 {padding-left: 20px;}
.cv_wrap ul.cv_info_grid {display: flex; flex-wrap: wrap; padding: 10px 0 0 0 ;}
.cv_wrap ul.cv_info_grid.result {padding: 0px ;}
.cv_wrap ul.cv_info_grid li {flex: 0 0 50%; border-right: 0px solid var(--sum_line);  padding: 5px 3px;}
.cv_wrap ul.cv_info_grid li:nth-child(even) {margin: 0; border-right: 0;}
.cv_wrap ul.cv_info_grid li .ii_lbl { font-size: 10px; color: var(--cv_sub); margin-bottom: 0px; display: flex; align-items: center; gap: 4px; line-height:1.6;}
.cv_wrap ul.cv_info_grid li .ii_lbl i { font-size: 13px; font-variation-settings:'wght' 300; }
.cv_wrap ul.cv_info_grid li .ii_val { font-size: 12px; font-weight: 700; color: var(--cv_title); line-height: 1.3; }
.cv_wrap .cv_my_pct_row { display: flex; justify-content: space-between; align-items: baseline; padding:0 0;}
.cv_wrap .cv_my_pct_row .pct_label { font-size: 12px; color: var(--cv_sub); }
.cv_wrap .cv_my_pct_row .pct_num { font-size: 13px; font-weight: 800; color:#007aff; line-height: 1; }
.cv_wrap .cv_my_pct_row .pct_num em { font-style:normal; font-size:14px; font-weight:600; }
.cv_wrap .cv_bar_track { height: 10px; background: var(--cv_bar_bg); border-radius: 10px; overflow: hidden; margin:12px 0;}
.cv_wrap .cv_bar_fill { height: 100%; border-radius: 10px; background: var(--color_walk); transition: width 1.2s cubic-bezier(0.25,1,0.5,1); width: 0; }
.cv_wrap .cv_my_stats { display: flex; gap: 8px; }
.cv_wrap .cv_my_stat { flex: 1; text-align: center; background: var(--cv_stat_bg); border-radius: 12px; padding: 12px 8px; }
.cv_wrap .cv_my_stat .ms_val { font-size: 15px; font-weight: 800; color: var(--cv_title); line-height: 1; }
.cv_wrap .cv_my_stat .ms_val em { font-style:normal; font-size:9px; color:var(--cv_sub); font-weight:500; }
.cv_wrap .cv_my_stat .ms_lbl { font-size: 9px; color: var(--cv_sub); margin-top: 4px; }
.cv_wrap .cv_desc { font-size: 12px; line-height: 1.55; color: var(--cv_sub); padding: 20px 20px;}
.cv_wrap .cv_btn_wrap { padding:0 10px 10px 10px; position:fixed; bottom:0; left:0; right:0; margin:auto;  max-width:var(--default_wd); width:100%; z-index:10;}
.cv_wrap .cv_btn_wrap:after {content:"";position:absolute; bottom:0; left:0; width:100%; height:50%; background:var(--slide_bg);}
.cv_wrap .cv_btn { width: 100%; height: var(--cv_btn_h); border: 0; border-radius: 7px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: var(--neo); transition: opacity .2s; position:relative; z-index:1;}
.cv_wrap .cv_btn:active { opacity: 0.75; }
.cv_wrap .cv_btn.cancel { background: #ff0419; color: #fff; }
.cv_wrap .cv_btn.join { background: #0067ec; color: #fff; }
.cv_wrap .cv_btn.ing { background: #009a9b; color: #fff; }
.cv_wrap .cv_btn.joined { background: var(--cv_stat_bg); color: var(--cv_sub); }
.cv_wrap .cv_btn.plan { background: var(--cv_stat_bg); color: #007aff; border: 1px solid rgba(0,122,255,0.25); }
.cv_wrap .cv_btn.done { background: var(--cv_stat_bg); color: var(--cv_muted); }
.cv_wrap .cv_btn i { font-size: 20px; font-variation-settings:'FILL' 1,'wght' 300; }

.cv_wrap .ready_ment				{padding:0 20px 10px 20px; color:red; font-size:12px; line-height:1.55;}
.cv_wrap .sta_ment				{font-size:0; position:relative; margin:20px 0; cursor:pointer; padding:15px; text-align:center;}
.cv_wrap .sta_ment span		{font-size:13px; padding:16px 40px; border-radius:30px; background:#0076df; font-weight:600; letter-spacing:-0.05em;color:#fff;}
.cv_wrap .sta_ment.cancel span		{color:#fff;background:#bb0010; }
.cv_wrap .sta_ment i				{position:absolute; top:50%; right:20px; transform:translateY(-50%);font-size:20px; color:var(--default_rev); display:none;}
.cv_wrap .join_info_box				{position:relative; left: 0; right: 0; margin:0 auto 15px auto; width:calc(100% - 30px);}
.cv_wrap .cancel_box				{font-size:13px; line-height:160%; color:#ff4757; text-align:center; padding:20px 0 var(--ps_height) 0;}
.cv_wrap .btnChlSubmit,
.cv_wrap .btnChlCancel		{position:relative; z-index:1;height: var(--cv_btn_h);}
.cv_wrap .btnChlCancel		{background:#bb0010;}
.cv_wrap .btnChlCancel:hover		{background:#d70012;}
.cv_wrap .w_info				{position:relative; left: 0; right: 0; margin:0 auto 15px auto; width:calc(100% - 30px);}
.cv_wrap .w_info h3	{color:var(--default_rev); font-size:15px; line-height:100%; font-weight:600; padding:10px 0 7px 5px;}
.cv_wrap .w_info h3 small	{font-size:11px; font-weight:500;}
.cv_wrap .w_info h3 input	{position:absolute; top:0; right:0; width:auto; height:22px; text-align:center; border:1px dashed #c9c9c9; background:transparent; color:var(--default_rev); font-size:11px; font-weight:600; padding:3px; border-width:0 0 1px 0;}
.cv_wrap .w_info p	{color:var(--default_rev); font-size:12px; line-height:100%; font-weight:300; padding:3px 0 20px 5px; opacity:0.7;}
.cv_wrap .w_info p.notice	{color:var(--default_rev); line-height:160%; font-weight:500; padding:0px 5px 20px 5px; opacity:1;}


.cv_wrap .w_info.naver,
.cv_wrap .w_info.kakao	{text-align:center;margin:20px auto;}

.cv_wrap .w_info > i		{position:relative; left: 0; right: 0; margin:auto; width:65px; height:65px; line-height:65px; text-align:center; border-radius:100%; font-size:45px;}
.cv_wrap .w_info.naver > i		{background:#22ba4f; color:#fff;}
.cv_wrap .w_info.kakao > i		{background:#fae100; color:#3b1c1c;}
.cv_wrap .w_info .sns_acc		{padding:25px; line-height:160%; font-size:12px; color:var(--default_color);}
.cv_wrap .w_info .sns_acc strong	{font-weight:600; color:var(--default_rev);}

.cv_wrap ul.fix_info		{padding:3px 0 0 5px; font-size: 0;}
.cv_wrap ul.fix_info > li		{display:inline-block; vertical-align: top; width:100%; position:relative; margin:2px 0; font-size:0;}
.cv_wrap ul.fix_info.cc > li		{}
.cv_wrap ul.fix_info > li > span	{display:inline-block; vertical-align:middle; font-size:12px;}
.cv_wrap ul.fix_info > li > .tit	{width:70px;color:var(--default_tdown);}
.cv_wrap ul.fix_info > li > .tit:before	{content:"ㆍ";}
.cv_wrap ul.fix_info > li > .txt	{width:calc(100% - 80px);color:var(--default_rev); font-weight:600;}
.cv_wrap ul.fix_info > li > .txt input	{height: 45px; padding: 0 10px; border-radius:7px; font-size: 12px;}

.cv_wrap ul.rule_list		{padding:0 0 var(--ps_height) 3px;}
.cv_wrap ul.rule_list li		{display:inline-block; width:100%; font-size:0; padding-top:5px;}
.cv_wrap ul.rule_list li > h4,
.cv_wrap ul.rule_list li > div,
.cv_wrap ul.rule_list li > view		{display:inline-block; vertical-align:middle; line-height:1;}
.cv_wrap ul.rule_list li > h4	{width:calc(100% - 100px); color:var(--mem_rule); font-size:12px; font-weight:500;}
.cv_wrap ul.rule_list li > h4:before	{content:"ㆍ ";}
.cv_wrap ul.rule_list li > h4 span	{font-size:11px; color:var(--mem_rule_span);}
.cv_wrap ul.rule_list li > div	{width:60px; color:var(--mem_rule); font-size:12px;}
.cv_wrap ul.rule_list li > view	{width:40px; color:var(--mem_rule); font-size:11px; text-align:center; padding:6px 0; background:var(--mem_rule_view_bg);  border:1px solid var(--mem_rule_view_line); transition:all .2s; cursor:pointer; border-radius:3px;}

.cv_wrap.ios .cv_btn_wrap { padding:0 0 0 0; }
.cv_wrap.ios .cv_btn_wrap:after {display: none;}

.cv_wrap.ios .cv_btn,
.cv_wrap.ios .btnChlSubmit,
.cv_wrap.ios .btnChlCancel	{height: calc(var(--cv_btn_h) + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); border-radius: 0;}


.cw_head {position: relative; left:0; right:0; width:calc(100% - 20px); margin:auto; overflow: hidden; background: var(--challenge_info); border-radius:10px; padding:25px;}
.cw_head.loc {margin-top:15px;}
.cw_head .sym {position:absolute; top:20px; right:20px; width:40px; height:40px; background-position:center center !important; background-size:cover !important; border-radius:100%;}
.cw_head .loc_hd {margin-top:25px; position:relative;border-top:1px dashed var(--loc_bul); padding-top:25px;}
.cw_head .loc_hd h4 {font-size: 14px; font-weight: 700; color: var(--cv_title); line-height: 1.3; position: relative; z-index: 1; letter-spacing:-0.05em;}
.cw_head .loc_hd h4 small {font-size: 11px; font-weight: 500; letter-spacing:0em; display:inline-block; padding-left:5px;}
.cw_head .loc_hd button {position:absolute; top:10px; right:0; font-size:0; border:0; background:transparent; padding:5px;  z-index:1; cursor:pointer;}
.cw_head .loc_hd button i,
.cw_head .loc_hd button span {display:inline-block; vertical-align:middle; position:relative; color:var(--tab_on); line-height:1;}
.cw_head .loc_hd button i {font-size:15px; padding-right:3px;}
.cw_head .loc_hd button span {font-size:11px; font-family:var(--neo); font-weight:600;}

.cw_head .writer {display:none;}

ul.cv_info_stamp {padding-top:10px; font-size:0;}
ul.cv_info_stamp li {border:1px solid var(--bg_loc_out); background:var(--bg_loc); color:var(--loc_name);padding:8px 10px; border-radius:30px;font-size:0; line-height:1; display:inline-block; vertical-align:top; margin:2px 2px 0 0;}
ul.cv_info_stamp li.check {border-color:var(--tab_on); color:var(--tab_on);}

ul.cv_info_stamp li i,
ul.cv_info_stamp li span {display:inline-block; vertical-align:middle; line-height:1;}
ul.cv_info_stamp li i {font-size:15px; display:none;}
ul.cv_info_stamp li span {font-size:11px; font-weight:500;}
ul.cv_info_stamp li span:before {content:"#"; font-weight:500; opacity:0.6; display:inline-block; padding-right:3px; vertical-align:middle;}


.his_btn {position:absolute; top:25px; right:25px; font-size:0; border:0; background:transparent; padding:5px;  z-index:1; cursor:pointer;}
.his_btn i,
.his_btn span {display:inline-block; vertical-align:middle; position:relative; color:var(--tab_on); line-height:1;}
.his_btn i {font-size:15px; padding-right:3px;}
.his_btn span {font-size:11px; font-family:var(--neo); font-weight:600;}

/**/
.summary_box { position: relative; margin-top:25px;  /*left:0; right:0; width:calc(100% - 20px); margin:auto; overflow: hidden; background: var(--challenge_info); border-radius:10px; padding:25px;*/}
.summary_box .summary_content { display: flex; align-items: center; gap: 20px; }
.summary_box .svg_chart {position: relative; width: 100px; height: 100px;}
.summary_box .svg_chart svg {width: 100%; height: 100%; transform: rotate(-90deg);}
.summary_box .svg_chart circle {fill: none; stroke-width: 8; stroke-linecap: round;}
.summary_box .svg_chart circle.bg {stroke: #e5e5ea;}
.summary_box .svg_chart circle.fill {stroke: #007aff; stroke-dasharray: 283; stroke-dashoffset: 283; animation: fillAni 1.5s ease-out forwards;}

@keyframes fillAni {
	to {stroke-dashoffset: calc(283 - (283 * var(--p)) / 100);}
}
.summary_box .inner_txt {position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.summary_box .inner_txt { text-align: center; line-height: 1; }
.summary_box .inner_txt strong { display: block; font-size: 20px; color: var(--bv_title); }
.summary_box .inner_txt strong span { font-size: 12px; }
.summary_box .inner_txt small { font-size: 10px; color: #8e8e93; margin-top: 4px; display:inline-block;}
.summary_box .info_list { flex: 1; display: flex; flex-direction: column; gap: 10px; }
.summary_box .info_item { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px dashed var(--cv_line); padding-bottom: 5px; }
.summary_box .info_item span { font-size: 11px; color: #8e8e93; }
.summary_box .info_item strong { font-size: 13px; color: var(--bv_title); }
.summary_box .info_item small { font-size: 10px; font-weight: normal; color: #8e8e93; }
.summary_box .summary_footer {margin-top: 20px; padding: 11px; background: var(--k_tab_bg); border-radius: 3px; font-size: 12px; color: var(--default_tdown); display: flex; align-items: center; gap: 6px; }
.summary_box .summary_footer i { font-size: 16px; color: #007aff; }
.summary_box .summary_footer strong { color: #007aff; }

ul.res_history_list { }
ul.res_history_list li {display: flex; align-items: baseline; padding: 13px 23px; border-bottom: 1px solid var(--cv_line); position:relative;}
ul.res_history_list.type_tracking li {padding:20px 23px;}
ul.res_history_list li.today {background:var(--challenge_today);}
ul.res_history_list li.success {background:var(--challenge_info);}
ul.res_history_list li:last-child { border-bottom: 0; }
ul.res_history_list li .res_date { flex: 0 0 90px; line-height:1;}
ul.res_history_list li .res_date .d_ymd { display: block; font-weight: 600; font-size: 11px; color: var(--default_rev); }
ul.res_history_list li .res_date .d_day { font-size: 10px; font-weight: 500; color: var(--default_tdown); margin-top:4px; opacity:0.6; display:block;}
ul.res_history_list li .res_date .d_walk { font-size: 12px; font-weight: 600; color: var(--default_tdown); margin-top:5px; display:block;}
ul.res_history_list li .res_date .success_ment { font-size: 0; margin-top:10px; display:block;}
ul.res_history_list li .res_date .success_ment i,
ul.res_history_list li .res_date .success_ment em {display:inline-block; vertical-align:middle; font-style:normal; color:var(--color_kcal);}
ul.res_history_list li .res_date .success_ment i { font-size: 12px; font-weight: 600; }
ul.res_history_list li .res_date .success_ment em { font-size: 12px; font-weight: 600; }
ul.res_history_list li .res_icon {position:absolute; top:15px; left:15px; line-height:1;}
ul.res_history_list li.success .res_icon {color:#007aff;}
ul.res_history_list li .res_icon i {font-variation-settings:'wght' 100;}
ul.res_history_list li.success .res_icon i {font-variation-settings:'FILL' 1,'wght' 300;}



ul.res_history_list li .res_data { flex: 1; padding-left: 10px; }
ul.res_history_list.type_location li .res_data {padding-left: 20px; }
ul.res_history_list li .res_data .data_val {line-height:1;}
ul.res_history_list li .res_data .data_val title_bx { display: block; font-size: 10px; color: var(--default_rev); }
ul.res_history_list li .res_data .data_val strong { font-size: 13px; font-weight:600; color: var(--default_rev); }
ul.res_history_list li .res_data .data_val strong i {display:inline-block; vertical-align:middle; font-size: 16px; font-variation-settings:'FILL' 0,'wght' 100;color: var(--default_rev); margin:0 3px 0 -5px;}
ul.res_history_list li .res_data .data_val em {display:inline-block; vertical-align:middle; font-size: 10px; font-weight:300; font-style:normal;}
ul.res_history_list li .res_data .data_val span { font-size: 10px; color: var(--default_tdown); margin-left: 2px; }
ul.res_history_list li .res_data .data_val span.circle {color: orangered; margin-left: 0px; }
ul.res_history_list li .res_data .data_val small { display: block; font-size: 10px; color: #8e8e93; margin-top: 4px; }
ul.res_history_list li .res_data .data_val small smw { display:inline-block; vertical-align:middle;color: var(--default_rev); width:100%; margin-top:5px;}
ul.res_history_list li .res_data .data_val small stt { display:inline-block; width:55px;font-size: 10px; color: #8e8e93; padding:0 5px 0 0;}
ul.res_history_list li .res_data .data_val small stt:before {content:"ㆍ"; display:none;}
ul.res_history_list li .res_data .data_val sta_msg { font-size: 10px; color: var(--default_tdown);}

ul.res_history_list li .res_status { flex: 0 0 60px; text-align: right;  width:60px;}
ul.res_history_list li .res_status button {background:var(--tab_on); border:0; color:#fff; font-size:11px; white-space:nowrap; font-family:var(--neo); font-weight:500; line-height:1; padding:7px 12px; border-radius:30px;text-align:center; cursor:pointer;}
ul.res_history_list li .res_status button.not {background: var(--bg_dis); color: var(--dis_txt);/*cursor: not-allowed;*/}
ul.res_history_list li .badge { display: inline-block; padding: 4px 12px; white-space: nowrap; border-radius: 4px; font-size: 11px; font-weight: 700;  cursor:pointer;}
ul.res_history_list li .badge.success { background: rgba(0, 122, 255, 0.1); color: #007aff; }
ul.res_history_list li .badge.dash { color: #ccc; font-weight: normal; }
ul.res_history_list li .res_item.success .d_day { color: #007aff; }

ul.res_history_list.type_tracking li .res_status { flex: none; width:60px; position:absolute; top:50%; right:23px; transform:translateY(-50%);}
ul.res_history_list.type_tracking li .res_status i {display:inline-block; vertical-align:middle; font-size:15px; border:1px solid red;}
ul.res_history_list li .trc_btn { display: inline-block; vertical-align:middle; width:60px; padding: 4px 0px; border-radius: 4px; font-size: 11px; font-weight: 500;  cursor:pointer; border:1px solid var(--rc_line); text-align:center; margin:2px 0; color:var(--rc_txt);}
ul.res_history_list li .trc_btn.rec {background:red; color:#fff; border-color:red;}
ul.res_history_list li .trc_btn.view {background:var(--rc_bg);}
ul.res_history_list li .trc_btn.none {background:var(--app_bd_reset); border-color:var(--app_bd_reset); color:var(--default_color); font-weight:300; display:none;}
ul.res_history_list li .trc_btn.ready {opacity:0;}

ul.res_history_list li.today .trc_btn.view,
ul.res_history_list li.success .trc_btn.view {background:var(--rc_bg_on);}


ul.res_history_list li .map_his {position:absolute; bottom:13px; right:23px; white-space:nowrap; font-size:0; background:#ddd; width:60px; text-align:center; padding:2px 0; z-index:1; cursor:pointer;}
ul.res_history_list li .map_his i,
ul.res_history_list li .map_his span {display:inline-block; vertical-align:middle;}
ul.res_history_list li .map_his i {font-size:15px;font-variation-settings: 'wght' 300;}
ul.res_history_list li .map_his span {font-size:10px; padding:0 0 0 3px;}


/**/
.rc_pass_box {width:calc(100% - 20px); margin:0px 10px 20px 10px;}
.rc_pass_box h3 {font-size:14px; letter-spacing:-0.05em; padding:0 0 7px 0; text-align:center; color:var(--default_color); display:none;}
.rc_pass_box h3 span {color:var(--rc_tit_point);}

.rc_pass_box .rt_wrap			{}
.rc_pass_box table.record_total			{width:100%; border-top:2px solid transparent; border-collapse:collapse; position:relative;table-layout: fixed;}
.rc_pass_box table.record_total tr th,
.rc_pass_box table.record_total tr td	{border:1px solid transparent; border-width:2px; vertical-align:middle; text-align:center;position:relative; line-height:1; font-size:12px; color:var(--default_color);}
.rc_pass_box table.record_total tr td span	{display:inline-block; vertical-align:middle; width:100%; line-height:1; position:relative;}
.rc_pass_box table.record_total tr th {font-weight:500;padding:15px 0;}
.rc_pass_box table.record_total tr td {padding:15px 0;}
.rc_pass_box table.record_total tr td .cnt	{font-size:12px; font-weight:600;}
.rc_pass_box table.record_total tr td .date	{font-size:8px; font-weight:300; padding:5px 0 0 0;}

.rc_pass_box table.record_total tr .tit	{}
.rc_pass_box table.record_total tr .best,
.rc_pass_box table.record_total tr .low,
.rc_pass_box table.record_total tr .avg	{}

.rc_pass_box table.record_total tr .tit	{background:var(--bg_tit);}
.rc_pass_box table.record_total tr .best	{background:var(--bg_best);}
.rc_pass_box table.record_total tr .low	{background:var(--bg_low);}
.rc_pass_box table.record_total tr .avg	{background:var(--bg_avg);}

/**/
:root[user-theme="light"] {
	--bg_sys: #eff9ff;
	--bg_samy: #fff;
	--bg_samy_line: #e9e9e9;

}

:root[user-theme="dark"] {
	--bg_sys: #0a1422;
	--bg_samy: #0b264c;
	--bg_samy_line: #0b264c;

}
.sys_app_info {position: relative; left: 0; right: 0; margin: auto; max-width: 500px;}
.sys_app_info .sys_info {font-size:0; padding:45px 0 20px 0; text-align: center;}
.sys_app_info .si_text,
.sys_app_info .logo {display:inline-block; vertical-align:top; }
.sys_app_info .logo {width:90px;}
.sys_app_info .logo img,
.sys_app_info .logo svg {width:100%; fill: var(--default_rev);}
.sys_app_info .si_text {width:100%; padding:20px 0 0 0;}
.sys_app_info .si_text h2 {font-size:15px; font-weight:700; color:var(--default_rev);}
.sys_app_info .si_text span {display:inline-block; vertical-align:top; width:100%; font-size:10px; font-weight:500; color:#999;}
.sys_app_info .si_text span ver {color:var(--default_color); display:inline-block; padding-left:5px;}
.sys_app_info .user_info_box	{background: var(--bg_sys);padding: 30px 25px 30px 25px; left: 0; right: 0; margin: auto; width: calc(100% - 30px); position:relative; border-radius: 15px;}
.sys_app_info .user_info_box .ub_who {line-height: 1; padding: 10px 10px;}
.sys_app_info .user_info_box .ub_who > div {line-height: 1; }
.sys_app_info .user_info_box .ub_who .m_name {font-size: 13px; color:var(--default_rev); font-weight:500;}
.sys_app_info .user_info_box .ub_who .m_name span {font-size: 15px; font-weight:600;}
.sys_app_info .user_info_box .ub_who .m_id {font-size: 11px;padding: 5px 0 10px 0;color:var(--default_rev); font-weight:500;}
.sys_app_info .user_info_box .ub_who .m_reg {font-size: 9px;color:var(--default_rev); font-weight:500; opacity: 0.7;}
.sys_app_info .user_info_box .ub_out {position:absolute; top:30px; right:30px; line-height: 1;}
.sys_app_info .user_info_box .ub_out a {display: block; line-height: 1;font-size: 11px;color:var(--default_rev); font-weight:500;}

.sys_app_info ul.sa_my		{display:flex; padding:10px 0 0 0px;}
.sys_app_info ul.sa_my li		{flex:1; margin-right:5px; line-height:1;position:relative; font-size:12px; padding: 13px 0; border-radius: 7px; background: var(--bg_samy); border:1px solid var(--bg_samy_line); text-align:center;color:var(--default_rev); font-weight: 500; letter-spacing: -0.05em; cursor: pointer;}
.sys_app_info ul.sa_my li:last-child	{margin:0;}
	.sys_app_info ul.pf_rule {font-size:0; padding: 20px 0 0 20px;}
.sys_app_info ul.pf_rule li {display:inline-block; vertical-align:middle; width:50%; margin:0px; border:0px solid #e9e9e9; font-size:11px; line-height:1; padding:5px 5px; text-align:left; cursor:pointer; color:var(--side_con_txt);}

.sys_app_info ul.sa_list		{padding:30px;}
.sys_app_info ul.sa_list > li		{display:inline-block; width:100%; position:relative; margin:3px 0; line-height: 1; font-size:0;}
.sys_app_info ul.sa_list > li > span	{display:inline-block; vertical-align:top; font-size:10px; line-height: 1.4;}
.sys_app_info ul.sa_list > li > .tit	{width:100px;color:var(--default_tdown); opacity: 0.55;}
.sys_app_info ul.sa_list > li > .tit:before	{content:"ㆍ";}
.sys_app_info ul.sa_list > li > .txt	{width:calc(100% - 100px);color:var(--default_rev); opacity: 0.7;font-weight:500;}

/**/
.circle_notice{position:fixed; top:0; left:0; max-width:100vw; width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:10001; transition:all .35s;opacity: 0;visibility: hidden;}
.circle_notice.show	{opacity: 1; visibility:visible;}
.circle_notice .cn_pos{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:350px; width:calc(100% - 30px);transition:all .3s; background:var(--bg_notice_pop); padding:45px 20px; border-radius:10px; text-align:center;}
.circle_notice .cn_pos i {position:absolute; top:0; right:0; font-size:18px; width:40px; line-height:40px; text-align:center; color:var(--default_rev);  font-weight: 600; }
.circle_notice .cn_pos h3 {font-size:17px; color:var(--default_rev); line-height:1; font-weight: 600;}
.circle_notice .cn_pos p {font-size:12px; color:var(--default_tdown); line-height:150%; font-weight: 500; padding:15px 0 25px 0;}
.circle_notice .cn_pos p span {color:orangered;}
.circle_notice .cn_pos button {background:var(--tab_on); font-size:13px; color:#fff; line-height:1; font-weight: 600; padding:12px 30px; border-radius:30px; border:0; font-family:var(--neo); font-weight:600; display:inline-block;}

/**/
.record_frm_bx {margin-top:-5px; position:relative;}
.record_frm_bx input {padding:0 10px 0 10px;height:50px; border:1px dashed var(--ip_out) !important; color:var(--ip_txt); border-width:0 0 1px 0 !important; font-weight:100; border-radius:0 !important; font-size:18px; background:transparent !important;}
.record_frm_bx input:focus {outline: none; border:1px solid var(--ip_out_hover) !important; border-width:0 0 1px 0 !important;}
.record_frm_bx input::placeholder {color: var(--df_frm_hd); font-size: 18px; font-weight:100;}
.record_frm_bx span {position:absolute; top:50%; left:6px; transform:translateY(-50%); line-height:1; background:var(--rcd_title); color:#fff; padding:5px; border-radius:3px; font-size:10px; display:none;}

/**/
.gpx_btn {position:absolute; top:10px; left:10px; font-size:0; line-height:1; white-space:wrap; padding:4px 12px 4px 10px; border-radius:30px; background:var(--gpx_bg); border:0; z-index:1000; cursor:pointer;}
.gpx_btn i,
.gpx_btn span {display:inline-block; vertical-align:middle; line-height:1;color:#007aff;}
.gpx_btn i {font-size:16px;font-variation-settings:'FILL' 1,'wght' 300; padding-right:3px;}
.gpx_btn span {font-size:11px; font-weight:600; letter-spacing:-0.05em;}

/**/
.filter {position:absolute; bottom:15px; right:10px; font-size:0; line-height:1; white-space:wrap; padding:4px 8px 4px 6px; border-radius:3px; background:var(--bg_today); border:0; z-index:1; cursor:pointer;}
.filter i,
.filter span {display:inline-block; vertical-align:middle; line-height:1;color:var(--default_rev);}
.filter i {font-size:16px;font-variation-settings:'FILL' 1,'wght' 300; padding-right:3px;}
.filter span {font-size:11px; font-weight:500; letter-spacing:-0.05em;}