@charset 'utf-8';

/* *********************************************************************************************************************************************************************************************
											 			[ CU찬스 ]
********************************************************************************************************************************************************************************************* */
/* setting */
.charging .header_wrap .btn_area .home {display:block;}
.group_charging .header_wrap .btn_area .home {display:block;}
.cu_chance .header_wrap .tit_back h1 {display:block;}
.go_view * {pointer-events:none;}

/* ============================== [ 공통 ] ========================================================================================== */
.cu_chance .sub_tit {padding:20px 24px 0;}
.cu_chance .sub_tit .tit_24,
.cu_chance .sub_tit .tit_30 {padding:0;}
.cu_chance .sub_tit .info_style {padding:0;}
.cu_chance .sub_tit .sb_copy {color:#666666; font-size:14px; line-height:1.429em; margin-top:8px;}
.cu_chance .group_mny .amnt_area .avble_amnt .tooltip {top: calc(100% - 12px);}
.cu_chance.card_chance .amnt_area .rem_amnt .txt_area .tooltip {top: calc(100% - 12px);}
.bt_32 {margin-bottom:32px;}

/* 동의체크:한줄 */
.input_chk.wd_100 {flex-direction:column;}
.input_chk.wd_100 .form_chk {height:auto;}
.input_chk.wd_100 .txt {width:calc(100% - 24px);}

/* 금액박스 */
.box_amnt {overflow:hidden;}
.box_amnt {padding:0 16px;}
.box_amnt .dl_layout {background-color:#F8F8F8; overflow:hidden; border-radius:20px; padding:20px 16px;}
.box_amnt .dl_div .tit,
.box_amnt .dl_div p {font-size:16px; font-weight:normal;}

/* 탭메뉴 공통 */
.cu_chance .tab_depth1 li a,
.make_group .chose_comps .tab_depth1 li a {border-bottom:1px solid #F8F8F8;}
.cu_chance .tab_depth1 li.on a,
.make_group .chose_comps .tab_depth1 li.on a {border-bottom:none;}

/* 탭바:QR사용유도 툴팁 */
.mny_tip {background-color:#FFFFFF; background-image:linear-gradient(#FFF, #FFF), linear-gradient(45deg, #6043FF 25%, #7E0BFF 100%); background-origin:border-box; background-clip:content-box, border-box; border:1px solid transparent; border-radius:12px; box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12); position:absolute; left:50%; top:-52px; transform:translateX(-50%); z-index:2;}
.mny_tip:before,
.mny_tip:after {content:""; position:absolute; left:50%; transform:translateX(-50%);}
.mny_tip:before {border-top:8px solid #FFFFFF; border-right:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid transparent; bottom:-11px; z-index:1;}
.mny_tip:after {border-top:9px solid #6043FF; border-right:5px solid transparent; border-bottom:8px solid transparent; border-left:5px solid transparent; bottom:-17px;}
.mny_tip .cotn {display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 12px; width:210px;}
.mny_tip .cotn p {display:inline-block; font-size:13px;}
.mny_tip .cotn .close {background:url(../images/common/icon_del.svg) no-repeat 0 0; background-size:cover; display:inline-block; box-sizing:border-box; margin-left:4px; padding:1px; height:16px; width:16px;}

/* 리스트메뉴 꺽쇠 이미지 변경 */
.cu_chance .txt_anchor .go_view:before {background:url(../images/common/arrow_666_right.svg) no-repeat 0 0; background-size:16px 16px; content:""; position:absolute; right:0; top:0; height:16px; width:16px;}
.cu_chance .txt_anchor .go_view i {display:none; height:0; width:0;}

/* -------------------- [공통] 멤버목록 ---------------------------------------- */
.cu_chance .mbr_list {}
.cu_chance .mbr_list .mbr_area,
.cu_chance .mbr_area .profile {display:flex; align-items:center; position:relative;}
.cu_chance .mbr_list li {padding:12px 0 12px; border-bottom:1px solid #eeeeee;}
.cu_chance .mbr_list li:nth-last-child(1) {border:none;}
.cu_chance .mbr_area .profile > .tit_16 {padding-left:10px; overflow:hidden; max-width:80px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.cu_chance .mbr_area .profile .img {overflow:hidden; border-radius:50%; height:36px; width:36px;}
.cu_chance .mbr_area .profile .img img {display:block; object-fit:cover; height:100%; width:100%;}
.cu_chance .mbr_area .profile .m_label {background-color:rgba(0,0,0,0.2); border-radius:12px; color:#ffffff; font-size:12px; font-weight:bold; line-height:20px; text-align:center; margin-left:8px; padding:0 7px 0 5px; height:20px;}
.cu_chance .mbr_area .profile .edit_name {background:url(../images/common/icon_modify.svg) no-repeat 0 0; background-size:cover; display:inline-block; position:relative; margin-left:4px; height:24px; width:24px; z-index:1;}
.cu_chance .mbr_area .send_mny {display:flex; align-items:center; margin-left:auto;}
.cu_chance .mbr_area .send_mny .price {margin-right:10px;}
.cu_chance .use_mny {position:relative; margin-left:auto; padding-right:25px;}
.cu_chance .use_mny .go_view .icon_sprite_16 {position:absolute; right:0; top:50%; margin-top:-8px;}
.cu_chance .mbr_list .more_btn .btn {margin-top:20px; border:0; font-size:14px;}
.cu_chance .mbr_list_text {margin-top:16px; color:#444444; text-align:center; font-size:12px; font-weight:bold;}

.cu_chance .member_list .name .tit_18,
.cu_chance .member_list .avble_amnt .price p {color:#ffffff;}

/* 사용중지멤버 */
.cu_chance .mbr_list .use_stop .profile:before {content:""; position:absolute; left:0; top:0; height:100%; width:100%; z-index:5;}
.cu_chance .mbr_list .use_stop .profile > .tit_16,
.cu_chance .mbr_list .use_stop .send_mny .price p {color:#DDDDDD;}
.cu_chance .mbr_list .use_stop .profile .img {position:relative;}
.cu_chance .mbr_list .use_stop .profile .img::before {content:"!"; position:absolute; top:0px; padding-top:8px; text-align:center; width:36px; height:36px; font-size:24px; color:#ffffff; background-color:#000000; opacity:0.5;}
.cu_chance .mbr_list .use_stop .profile .edit_name {background-image:url(../images/common/icon_modify_02.svg);}
.cu_chance .mbr_list .use_stop .profile .go_view {display:none; height:0; width:0;}
.cu_chance .card_more {margin:60px auto; width:220px;}

/* -------------------- [공통] 그룹카드사용내역 ---------------------------------------- */
.month_cotn {overflow:hidden; margin:8px 0 24px 0;}
.month_cotn p {float:left; color:#666666; font-size:18px; font-weight:bold;}
.month_cotn .ctgry {position:relative; margin-left:32px;}
.month_cotn .ctgry:before {background:url(../images/common/arrow_ddd_right.svg) no-repeat 0 0; background-size:cover; content:""; position:absolute; left:-24px; top:50%; margin-top:-8px; height:16px; width:16px;}

/* 일자별내역 */
.card_chance .hist_li .info_style {border:none; padding:0;}
.card_chance .hist_li .info_style ~ .info_style {margin-top:24px;}

/* 사용내역 */
.card_chance .info_style .wht_use {display:flex;}
.card_chance .info_style .wht_use .name {font-weight:bold;}
.card_chance .info_style .wht_use .price {margin-left:auto;}
.card_chance .info_style .wht_use .txt_link {color:#AAAAAA; padding-left:8px;}
.card_chance .info_style .wht_use .txt_link::after {bottom: 1px; left:9px; width:calc(100% - 8px); background-color:#aaa;}/* issues/3266 underline */
.card_chance .info_style.charge .wht_use .price strong,
.card_chance .info_style.cancle .wht_use .price strong {color:#744AE8;}
.card_chance .info_style .whr_use {overflow:hidden; margin-top:4px;}
.card_chance .info_style .whr_use span {float:left; color:#666666; font-size:13px; line-height:18px;}
.card_chance .info_style .whr_use span ~ span {margin-left:12px;}
.card_chance .info_style .whr_use .store {position:relative;}
.card_chance .info_style .whr_use .store:before {background-color:#666666; content:""; position:absolute; left:-6px; top:50%; margin-top:-1px; height:2px; width:2px;}
.card_chance .info_style .whr_use .cancel_txt,
.card_chance .info_style .whr_use .price {float:right;}
.card_chance .info_style .whr_use .price p,
.card_chance .info_style .whr_use .price strong {color:#666666; font-size:13px; line-height:18px;}
.card_chance .info_style .whr_use .cancel_txt {display:flex; align-items:center; margin-left:auto; width:fit-content;}
.card_chance .info_style .whr_use .cancel_txt p {color:#666; font-size:13px; line-height:18px;}

/* -------------------- [공통] 잔액현황:충전하기 ---------------------------------------- */
.mny_status {overflow:hidden; margin-top:24px; padding:0 24px;}

/* 현재잔액 */
.mny_status .now {}
.mny_status .now p {font-weight:bold;}
.mny_status .now .price p {font-size:30px;}
.mny_status .now .price p strong {font-size:32px;}

/* 그룹잔액 */
.mny_status .all {overflow:hidden; margin-top:4px;}
.mny_status .all p {color:#666666; font-size:14px;}
.mny_status .all .tit,
.mny_status .all .price {float:left;}
.mny_status .all .price {margin-left:8px;}
.mny_status .all .price strong {font-size:16px;}

/* -------------------- [공통] 잔액현황:BG박스형태 ---------------------------------------- */
.cu_chance .amnt_area {overflow:hidden;}
.cu_chance .amnt_area > .cotn {padding:20px 24px;}
.cu_chance .amnt_area .rem_amnt {display:flex; overflow:hidden; align-items:center;}
.cu_chance .amnt_area .rem_amnt i {display:inline-block; overflow:hidden; vertical-align:-9px;}
.cu_chance .amnt_area .rem_amnt i img {display:block; object-fit:cover; height:100%; width:100%;}
.cu_chance .amnt_area .rem_amnt > p {margin-right:auto;}
.cu_chance .amnt_area .rem_amnt .price {margin-left:auto;}
.cu_chance .amnt_area .rem_amnt .price p {font-size:18px; font-weight:bold;}
.cu_chance .amnt_area .rem_amnt .price strong {font-size:20px;}
.cu_chance .amnt_area .rem_amnt .txt_area {display:flex; align-items:center; flex:1;}
.cu_chance .amnt_area .rem_amnt .btn_tip {margin-left:4px;}

.cu_chance .amnt_area .rem_amnt ~ .sum_amnt,
.cu_chance .amnt_area .set_div ~ .sum_amnt {border-top:1px solid #EEEEEE; margin-top:16px; padding-top:16px;}
.cu_chance .amnt_area .sum_amnt {overflow:hidden;}
.cu_chance .amnt_area .sum_amnt .unit {display:flex; align-items:center;}
.cu_chance .amnt_area .sum_amnt .unit ~ .unit {margin-top:8px;}
.cu_chance .amnt_area .sum_amnt p {color:#444444; font-size:14px;}
.cu_chance .amnt_area .sum_amnt .tit {margin-right:auto;}
.cu_chance .amnt_area .sum_amnt .price {margin-left:auto;}
.cu_chance .amnt_area .sum_amnt .price strong {font-size:16px;}

.cu_chance .amnt_area .card_div {color:#666666; font-size:12px;}
.cu_chance .amnt_area .info_txt_01 {margin-top:4px;}

.cu_chance .amnt_area:has(.tooltip) {overflow:visible;}
.cu_chance .amnt_area:has(.tooltip) .cotn {overflow:visible;}

/* -------------------- [공통] 안내사항 ---------------------------------------- */
.cu_chance .info_area ul {padding:0 8px;}

/* ============================== [ 그룹장/멤버 타이틀영역 ] ========================================================================================== */
.sub_tit .tit_area {}
.sub_tit .tit_area .card_div {font-weight:bold; margin-bottom:4px;}
.sub_tit .tit_area .tit_30 {padding:0;}
.sub_tit .tit_area .tit_30 span {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; position:relative; padding-right:44px; max-width:calc(100% - 50px);}
.sub_tit .tit_area .tit_30 span:before {background-color:rgba(0,0,0,0.2); display:none; content:""; border-radius:20px; color:#fff; font-size:12px; font-weight:bold; line-height:20px; position:absolute; right:0; top:50%; height:20px; margin-top:-10px; padding:0 8px;}
.sub_tit .tit_area.master .tit_30 span:before {display:inline-block; content:"대표";}
.sub_tit .tit_area.member .tit_30 span:before {display:inline-block; content:"멤버";}

/* ============================== [ 카드만들기 ] ========================================================================================== */
.make_card {}

.make_card .sub {padding-bottom:0 !important;}

/* 카드영역 */
.cu_chance .card_area {border-radius:12px; position:relative; margin:0 auto; height:140px; width:224px;}
.cu_chance .card_area:before {content:""; border:1px solid #000000; border-radius:12px; box-sizing:border-box; opacity:0.05; position:absolute; left:0; top:0; height:100%; width:100%; z-index:1;}
.cu_chance .card_area .txt {position:absolute; left:16px; top:14px;}
.cu_chance .card_area .card_div {width:37px; height:14px;}
.cu_chance .card_area .inpt_name {font-weight:bold; margin-top:6px;}
.cu_chance .card_area .deco_01 {border-radius:12px; height:100%;}
.cu_chance .card_area .deco_02 {background-color:rgba(0,0,0,0.06); border-radius:0 0 12px 12px; position:absolute; left:0; bottom:0; height:22%; width:100%; z-index:1;}

/* -------------------- 카드컬러선택 ---------------------------------------- */
/* 선택컬러 */
.make_card .select_color {margin-top:36px;}

/* 컬러목록 */
.make_card .clor_list {display:flex; box-sizing:border-box; flex-wrap:wrap; margin-top:48px; padding:0 48px; width:100%;}
.make_card .clor_list .clor_div {flex:0 0 25%; margin-top:32px;}
.make_card .clor_list .clor_div .chip {display:block; border-radius:50%; position:relative; margin:0 auto; height:40px; width:40px;}
.make_card .clor_list .clor_div .chip .i_chk {background:url(../images/common/icon_chk_wh_32x32.svg) no-repeat 0 0; background-size:32px 32px; position:absolute; left:50%; top:50%; margin:-16px 0 0 -16px; height:32px; width:0;}
.make_card .clor_list .clor_div .chip .i_chk {transition:width 0.3s ease-in-out;}
.make_card .clor_list .clor_div .chip input:checked ~ .i_chk {width:32px;}

/* 컬러칩색상값 */
.clor_01 {background-color:#C479FF;}
.clor_02 {background-color:#F087A0;}
.clor_03 {background-color:#DD8369;}
.clor_04 {background-color:#FAB44C;}
.clor_05 {background-color:#FFE741;}
.clor_06 {background-color:#ADD375;}
.clor_07 {background-color:#6AB76D;}
.clor_08 {background-color:#A0D3DB;}
.clor_09 {background-color:#58BCE2;}
.clor_10 {background-color:#477CF3;}
.clor_11 {background-color:#7675D9;}
.clor_12 {background-color:#9140ED;}
.clor_13 {background-color:#FFD952;}

/* -------------------- 카드이름설정 ---------------------------------------- */
.make_card .card_name {margin-top:36px;}

/* 카드이름입력 */
.make_card .card_name .txt_input {text-align:center; margin:18px auto 0; width:237px;}
.make_card .card_name .txt_input .form_txt input {text-align:center; padding-right:8px;}
.make_card .card_name .txt_input .form_txt input::placeholder {text-align:center;}
.make_card .card_name .txt_input .form_txt input::-webkit-placeholder {text-align:center;}
.make_card .card_name .txt_input .form_txt input::-moz-placeholder {text-align:center;}
.make_card .card_name .txt_input .form_txt input::-ms-placeholder {text-align:center;}
.make_card .card_name .txt_input.wrn .msg {display:inline-block;}

/* -------------------- 비밀번호설정 ---------------------------------------- */
.make_card .sub.set_pw_wrap {display:flex; flex-direction:column; justify-content:space-between; position:relative; padding-bottom:0; height:calc(100vh - 66px);}
.make_card .set_pw_wrap .sub_tit {height:90px;}
.make_card .set_pw_wrap .sub_tit p strong {color:#744AE8;}

/* 암호표기영역 */
.set_pw_wrap .pwd_input {}
.set_pw_wrap .pwd_input .txt_input {display:block; overflow:inherit; text-align:center; height:88px;}
.set_pw_wrap .pwd_input .txt_input ~ .txt_input {margin-top:0;}
.set_pw_wrap .pwd_input .txt_input .input_set  {display:flex; overflow:inherit; justify-content:space-between; position:relative; margin:0 auto; width:160px;}
.set_pw_wrap .pwd_input .txt_input .input_set input {overflow:hidden; font-size:0; line-height:0; opacity:0; position:absolute; left:-1px; top:-1px; height:0; width:0;}
.set_pw_wrap .pwd_input .txt_input .input_set .deco {background-color:#DDDDDD; display:block; border-radius:50%; position:relative; height:16px; width:16px;}
.set_pw_wrap .pwd_input .txt_input .input_set .deco.on {background-color:#744AE8;}

/* 입력가이드/오류메세지 */
.set_pw_wrap .pwd_input .txt_input .msg {display:inline-block; margin-top:5.172vh;}

/* 키패드 */
.set_pw_wrap .set_area {}
.set_pw_wrap .set_area .key_pad {/* background-color:rgba(0,0,0,0.1); */ display:flex; box-sizing:border-box; flex-wrap:wrap; padding:0 26px; width:100%;}
.set_pw_wrap .set_area .key_pad button,
.set_pw_wrap .set_area .key_pad .empty {/* background-color:rgba(0,0,0,0.2); */ display:block; box-sizing:border-box; flex:1 0 33.3333%; padding:2.217vh 0;}
.set_pw_wrap .set_area .key_pad .bt_num:nth-child(1),
.set_pw_wrap .set_area .key_pad .bt_num:nth-child(2),
.set_pw_wrap .set_area .key_pad .bt_num:nth-child(3) {padding-top:0;}
.set_pw_wrap .set_area .key_pad .bt_num span {display:block; font:30px/1em robo;}
.set_pw_wrap .set_area .key_pad .del {background:url(../images/common/icon_del_key.svg) no-repeat center 50%; background-size:28px 28px;}

/* -------------------- 카드발급완료 ---------------------------------------- */
/* 이미지영역 */
.make_card .invite_img {overflow:hidden; margin:36px auto 0; width:280px;}
.make_card .invite_img img {display:block; width:100%;}

/* ============================== [ 멤버초대 ] ========================================================================================== */
.cu_chance.invite_mem {}

/* -------------------- 타이틀 ---------------------------------------- */
.cu_chance.invite_mem .sub_tit {padding:20px 24px;}
.cu_chance.invite_mem .sub_tit .tit_24 {padding:0;}
.cu_chance.invite_mem .sub_tit .sb_copy {margin-top:8px;}

/* -------------------- 컨텐츠영역 ---------------------------------------- */
.invite_mem .resive_cotn {padding:0 16px;}

/* -------------------- 카드이용안내 ---------------------------------------- */
.guide_card {padding-top:32px;}
.guide_card .use_info {}
.guide_card .use_info .swiper {padding-bottom:26px;}
.guide_card .use_info .guide_div {overflow:hidden;}
.guide_card .use_info .guide_div h1 {text-align:center; margin-bottom:8px;}
.guide_card .use_info .guide_div p {color:#666; font-size:14px; line-height:20px; text-align:center;}
.guide_card .use_info .guide_div .img {overflow:hidden; margin:16px auto 0; height:160px; width:232px;}
.guide_card .use_info .guide_div .img img {display:block; width:100%;}
.guide_card .use_info .btn_next {background-color:#26D926; border-radius:30px; position:relative; right:auto; top:auto; margin:16px 0 0; height:60px; width:100%;}
.guide_card .use_info .btn_next:before {display:block; content:"다음"; color:#fff; font-size:20px; font-weight:bold; line-height:60px; text-align:center;}
.guide_card .use_info .btn_next:after {display:none;}
.guide_card .use_info .btn_wrap {display:none; margin-top:16px;}
.guide_card .use_info .btn_wrap .btn {background-color:#26D926; color:#fff;}

.guide_card .use_info .btn_next[class*="button-disabled"] {display:none;}
.guide_card .use_info .btn_next[class*="button-disabled"] + .btn_wrap {display:flex;}

/* -------------------- 초대멤버휴대전화_사용여부확인 ---------------------------------------- */
.invite_mem .sub_tit .b_txt {position:relative; display:inline-block; font-weight:bold; margin-top:5.333vw;}/* issues/3266 underline */
.invite_mem .sub_tit .b_txt::after{content:''; position:absolute; bottom: 0; left: 0; width:100%; height:1px; background-color:#666;}/* issues/3266 underline */
.invite_mem .phone {margin:40px auto 0; width:74.667vw; max-width:280px;}
.invite_mem .phone img {display:block; width:100%;}

/* -------------------- 초대장전송완료 ---------------------------------------- */
.invite_mem .invite_done {margin:60px auto 0; width:280px;}
.invite_mem .invite_done img {display:block; width:100%;}

/* -------------------- 멤버별명입력 ---------------------------------------- */
.invite_mem .nick_name_form {margin-top:20px; padding:0 16px;}

/* -------------------- 그룹장:멤버등록완료 ---------------------------------------- */
.invite_mem .done_info {overflow:hidden; margin-top:18px; padding:0 16px;}
.invite_mem .done_info .img {overflow:hidden; margin:0 auto; width:280px;}
.invite_mem .done_info .img img {display:block; width:100%;}
.invite_mem .done_info .bnr_img {border-radius:20px;}

.invite_mem .cmplt_copy {padding:14px 24px 24px;}
.invite_mem .cmplt_copy .sb_copy {margin-top:8px;}

/* -------------------- 멤버:초대장도착 ---------------------------------------- */
.recv_mem .header_wrap .tit_back {padding-left:0;}
.recv_mem .sub_tit {margin-bottom:24px; padding:20px 24px 0 24px;}
.recv_mem .sub_tit .tit_24 {padding:0;}
.recv_mem .sub_tit .sb_copy {margin-top:8px;}

.recv_mem .resive_cotn {padding:0 16px;}
.recv_mem .resive_cotn .resive_img {overflow:hidden;}
.recv_mem .resive_cotn .resive_img img {display:block; width:100%;}

.recv_mem .use_info {margin-top:24px;}
.recv_mem .use_info .tit_24 {margin-bottom:20px;}
.recv_mem .use_info .swiper {padding-bottom:24px;}
.recv_mem .use_info .guide_div {overflow:hidden;}
.recv_mem .use_info .guide_div .img {overflow:hidden; border-radius:20px;}
.recv_mem .use_info .guide_div .img img {display:block; width:100%;}

.recv_mem .resive_cotn .bnr_area {overflow:hidden; margin-top:20px;}
.recv_mem .resive_cotn .bnr_div {overflow:hidden; border-radius:20px;}
.recv_mem .resive_cotn .bnr_div ~ .bnr_div {margin-top:16px;}
.recv_mem .resive_cotn .bnr_div img {display:block; width:100%;}

.recv_mem .resive_cotn .go_member {text-align:center; margin-top:66px;}

/* -------------------- 멤버등록확인 ---------------------------------------- */
.invite_mem .confirm_img {overflow:hidden; margin:78px auto 0; width:280px;}
.invite_mem .confirm_img img {display:block; width:100%;}

/* -------------------- 멤버등록완료 ---------------------------------------- */
.invite_mem .finish {padding-top:20px;}
.invite_mem .finish .sub_tit {background:url(../images/temp/chance_007.jpg) no-repeat 50% 50%; background-size:cover; box-sizing:border-box; margin:0 auto; padding:0; height:288px; width:calc(100% - 32px);}
.invite_mem .finish .sub_tit p {padding:0 4px;}
.invite_mem .finish .resive_cotn {margin-top:40px;}

/* ============================== [ 내카드:목록 ] ========================================================================================== */
.my_card_wrap {background-color:#EEEEEE;}
.my_card_wrap_none {background-color:#ffffff;}
.my_card_wrap .nav_wrap {padding-top:20px; background-color:#ffffff;}
.my_card_wrap .nav_wrap .tab_depth1 {padding-bottom:0;}
.my_card_wrap .nav_wrap .tab_depth1 li p {border-bottom:1px solid #F8F8F8; box-sizing:border-box; color:#666666; font-weight:bold; text-align:center; position:relative; height:30px;}

/* -------------------- 광고/공지영역 ---------------------------------------- */
.my_card_wrap .ad_notice {background-color:#F8F8F8; border-bottom:1px solid #E0E0E0; position:relative; padding:11px 0;}
.my_card_wrap .ad_notice .txt {text-align:center;}
.my_card_wrap .ad_notice .txt p,
.my_card_wrap .ad_notice .txt .icon_sprite_16 {display:inline-block; vertical-align:middle;}
.my_card_wrap .ad_notice .txt p {color:#444444; font-size:14px; line-height:1em;}
.my_card_wrap .ad_notice .txt .icon_sprite_16 {margin-left:2px;}

/* -------------------- 그룹카드목록:카드 ---------------------------------------- */
.my_card_wrap .group_list {padding:16px 16px 0 16px;}

/* -------------------- 그룹카드목록:카드영역 ---------------------------------------- */
.my_card_wrap .div_group {margin-bottom:16px; background-color:#ffffff; border-radius:20px; box-sizing:border-box; padding:16px;}
.my_card_wrap .div_group .card_area {height:194px; width:100%; max-width:311px; z-index:1;}

/* 카드정보 */
.my_card_wrap .card_area .info_wrap {display:flex; flex-direction:column; box-sizing:border-box; position:absolute; left:0; top:0; padding:14px 16px; height:100%; width:100%; z-index:2;}
.my_card_wrap .card_area .name {position:relative; margin-bottom:auto;}

/* 카드구분:로고 */
.card_area .card_div {display:none; height:12px;}
.card_area .card_div .logo {background:url(../images/cu_chance/logo_cum.svg) no-repeat 0 0; background-size:auto 100%; display:block; height:100%;}

/* 멤버구분 */
.my_card_wrap .card_area .name .label {background-color:rgba(0,0,0,0.2); border-radius:12px; box-sizing:border-box; line-height:1em; height:20px; padding:2px 6px;}
.my_card_wrap .card_area .name .label p {display:inline; color:#FFFFFF; font-size:12px; font-weight:bold; line-height:1em;}

/* 카드별명 */
.my_card_wrap .card_area .tit {font-size:26px; font-weight:bold; line-height:26px; margin-top:6px; position:relative;}
.my_card_wrap .card_area .tit:after {background-color:rgba(0,0,0,0.2); display:inline-block; border-radius:12px; box-sizing:border-box; color:#FFFFFF; font-size:12px; font-weight:bold; letter-spacing:0; line-height:1em; text-align:center; vertical-align:9px; height:20px; padding:4px 8px 4px 8px;}
.my_card_wrap .card_area .tit span {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width:66%;}

/* 주카드설정 */
.my_card_wrap .card_area .main_set {display:block; position:absolute; right:0; top:0; height:24px; width:24px; z-index:1;}/* issues/5176 */
.my_card_wrap .card_area .main_set input {font-size:0; line-height:0; opacity:0; position:absolute; right:-1px; top:-1px; height:0; width:0;}
.my_card_wrap .card_area .main_set .icon {background:url(../images/common/icon_star_24_off.svg) no-repeat 0 0; background-size:24px; display:block; height:100%; width:100%;}
.my_card_wrap .card_area .main_set input:checked ~ .icon {background-image:url(../images/common/icon_star_24_on.svg);}
.my_card_wrap .mbr_list_box {margin:0 auto; text-align:center}/* issues/5176 */
.my_card_wrap .mbr_list_box .mbr_text {margin-top:16px; font-size:12px; font-weight:bold;}/* issues/5176 */
.my_card_wrap .mbr_list_box .mbr_list_text {position:relative; padding-left:20px; display:inline-block;}/* issues/5176 */
.my_card_wrap .mbr_list_box .mbr_list_text::before{content:""; position:absolute; top:-1px; left:0; width:16px; height:16px; background:url(../images/common/error_dk_16.svg) no-repeat center/ 16px auto;}/* issues/5176 */

.my_card_wrap .group_stop .avble_amnt {margin-top:100px !important;}
.my_card_wrap .card_area .uncle_chance {display:inline-block; padding:0 6px 0 6px ; width:24px; height:18px; background:url(../images/common/uncle_chance_bg.png) no-repeat center / auto 18px;}

/* 카드멤버 */
.my_card_wrap .gnl_mbr .card_area .card_div {display:block;}
.my_card_wrap .gnl_mbr .card_area .card_div .logo {background:url(../images/cu_chance/logo_cum_fam_02.svg) no-repeat 0 0; background-size:auto 100%; display:block; height:100%;}
.my_card_wrap .gnl_mbr .card_area .tit:after {content:"멤버";}

/* 카드멤버:중지카드 */
.my_card_wrap .group_stop {position:relative;}
.my_card_wrap .group_stop .card_area:after {content:""; background-color:#000000; border-radius:12px; opacity:0.5; position:absolute; left:0; top:0; height:100%; width:100%; z-index:3;}

/* -------------------- 카드금액 ---------------------------------------- */
.card_area .group_mny {display:flex; overflow:hidden; align-items:flex-end;}
.card_area .group_mny .amnt_area {margin-right:auto;}
.card_area .group_mny .amnt_area ~ .btn_wrap {z-index:1;}/* issues/5176 */

/* 사용가능금액 */
.card_area .group_mny .avble_amnt {display:inline-flex; align-items: center; overflow:hidden; margin-left:auto;}
.card_area .group_mny .avble_amnt .s_tit {float:left; font-size:12px; font-weight:bold; line-height:35px; margin-right:8px;}
.card_area .group_mny .avble_amnt .price {display:flex; float:left; padding-right:24px; position:relative;}/* issues/5176 */
.card_area .group_mny .avble_amnt .price p {display:flex; align-items:center; font-size:24px; font-weight:bold;}/* issues/5176 */
.card_area .group_mny .avble_amnt .price::before {content:"" ; position:absolute; top:calc(50% - 8px); right:0; height:16px; width:16px; background:url(../images/common/arrow_000_16x16.svg) no-repeat center/contain;}/* issues/5176 */
.card_area .group_mny .avble_amnt .price p strong {font-size:30px; letter-spacing:-1.2px; padding-right:2px;}
.card_area .group_mny .avble_amnt .btn_wrap {float:right;}


/* 그룹잔액 */
.card_area .group_mny .origin_amnt {margin-top:4px; padding-right:20px; position:relative; display:flex; align-items: center;}/* issues/5176 */
.card_area .group_mny .origin_amnt::before {content:""; position:absolute; top:0; right:0; height:16px; width:16px; background:url(../images/common/arrow_444_16x16.svg) no-repeat center/contain;}/* issues/5176#note_138938 */
.card_area .group_mny .origin_amnt > p,
.card_area .group_mny .origin_amnt .price {float:left;}
.card_area .group_mny .origin_amnt > p {color:#444444; font-size:13px;}
.card_area .group_mny .origin_amnt .price {margin-left:5px;}
.card_area .group_mny .origin_amnt .price p {color:#444444; font-size:13px;}

/* 멤버용금액 */
.card_area .mbr_amnt {}
.card_area .mbr_amnt .unit {float:left; position:relative; opacity:0.8;}
.card_area .mbr_amnt .unit ~ .unit {margin-left:21px;}
.card_area .mbr_amnt .unit ~ .unit:before {background-color:#222; content:""; opacity:0.8; position:absolute; left:-10px; top:50%; margin-top:-2px; height:2px; width:2px;}
.card_area .mbr_amnt p,
.card_area .mbr_amnt .price {font-size:13px;}
.card_area .mbr_amnt .unit > p,
.card_area .mbr_amnt .unit .price {float:left;}

.card_area .mbr_amnt .price {margin-left:4px;}

.card_area .btn_tip {}
/* -------------------- 카드그룹장:멤버초대/멤버있을경우 ---------------------------------------- */
.my_card_wrap .master {}
.my_card_wrap .master .card_area .card_div {display:block;}
.my_card_wrap .master .card_area .card_div .logo {background:url(../images/cu_chance/logo_cum_fam_02.svg) no-repeat 0 0; background-size:auto 100%; display:block; height:100%;}
.my_card_wrap .master .card_area .tit:after {content:"대표";}
.my_card_wrap .master .card_area .group_mny .avble_amnt .price {padding-right:0;}
.my_card_wrap .master .card_area .group_mny .avble_amnt .price::before {display:none;}/* issues/5176 */

/* -------------------- 그룹카드목록:그룹멤버목록 ---------------------------------------- */
.my_card_wrap .mbr_list {margin-top:32px; padding:0 16px;}

/* 멤버현황 */
.my_card_wrap .mbr_list .manage {display:flex; align-items:center;}
.my_card_wrap .mbr_list .manage .status {overflow:hidden;}
.my_card_wrap .mbr_list .manage .status .tit_20 {float:left;}
.my_card_wrap .mbr_list .manage .status .ple_number {float:left; margin-left:6px;}
.my_card_wrap .mbr_list .manage .status .ple_number p {float:left; color:#666666; font-size:12px; line-height:26px;}
.my_card_wrap .mbr_list .manage .status .ple_number p ~ p {position:relative; margin-left:16px;}
.my_card_wrap .mbr_list .manage .status .ple_number p ~ p:before {background-color:#666666; content:""; border-radius:20px; position:absolute; left:-8px; top:50%; margin-top:-2px; height:3px; width:3px;}
.my_card_wrap .mbr_list .manage .txt_link {margin-left:auto;}

/* 멤버 */
.my_card_wrap .mbr_list li:last-child {padding-bottom:0;}
.my_card_wrap .mbr_list .profile > .tit_16 {max-width:70px;}
.my_card_wrap .member_list .name .tit_18,
.my_card_wrap .member_list .avble_amnt .price p {color:#ffffff;}

/* 카드 없음 */
.my_card_wrap_none .data_none_banner {margin:16px 16px 0; padding:24px; border-radius:16px; background:#E7F8E7 url(../images/cu_chance/data_none_banner_bg.png) no-repeat calc(100% - 28px) calc(100% - 0px) / 112px 115px ;}
.my_card_wrap_none .data_none_banner p {margin-bottom:10px; font-size:18px; font-weight:bold;}
.my_card_wrap_none .data_none_banner a {position:relative; font-size:14px; color:#666666;}
.my_card_wrap_none .data_none_banner a::before {content:""; position:absolute; top:0px; right:-20px; background:url(../images/common/icon_16x16.png) no-repeat 0 0; background-size:354px auto; display:block; overflow:hidden; height:16px; width:16px; background-position:-26px -44px;}
.my_card_wrap_none .sb_copy {font-size:18px;}

/* 그룹장메뉴 */
.master_menu {display:flex; overflow:hidden; justify-content:center; margin-top:32px;}
.master_menu a {color:#666666; font-size:14px; font-weight:bold; line-height:28px; text-align:center; position:relative; width:50%;}
.master_menu a ~ a:before {background-color:#EEEEEE; content:""; position:absolute; left:0; top:5px; height:18px; width:2px;}

/* 멤버상세 / 그룹장 */
.card_chance .group_money_box {display:flex; padding:20px 16px; margin:auto;}
.card_chance .sub_tit .tit_24{padding:24px 20px;}
.card_chance .sub_tit .mom_chance {display:inline-block; padding:0 6px 0 6px ; width:24px; height:25px; background:url(../images/common/mom_chance_bg.png) no-repeat center / 24px 25px;}
.card_chance .group_money_box .group_photo .photo {margin-right:12px; line-height:0; font-size:0; vertical-align:top;}
.card_chance .group_money_box .group_photo .photo img {width:48px; height:48px; border-radius:50px;}
.card_chance .group_money_box .group_photo .name {position:relative; top:13px; font-size:22px; font-weight:bold;}
.card_chance .group_money_box .group_money {margin-left:auto; padding-top:7px; font-size:24px; font-weight:bold;}
.card_chance .box_shape .group_money_box + .dl_layout {margin:0px 20px; padding:16px 0; border-top:1px solid #eeeeee;}
.card_chance .box_shape .group_money_box + .dl_layout .tit{font-size:16px; font-weight:normal;}
.card_chance .box_shape .group_money_box + .dl_layout .cotn span {font-weight:bold;}
.card_chance .sub_tit .group_money_btn {margin-top:32px;}
.card_chance .anchor_li_box .anchor_li {padding:0 20px;}
.card_chance .anchor_li_box .anchor_li .tit_24 {padding:0px;}
.card_chance .anchor_li_box .txt_anchor .go_view{right:0;}
.card_chance .anchor_li_box .txt_anchor .tit_16 {display:flex;}
.card_chance .anchor_li_box .txt_anchor {margin-top:14px; padding:0;}
.card_chance .anchor_li_box .no_txt_anchor {border:none !important;}
.card_chance .anchor_li_box .txt_anchor .tit_16 em {margin:auto 0; padding-left:16px;}
.card_chance .txt_anchor .go_view_text {width:110px; line-height:14px; text-align:right;}
.card_chance .txt_anchor .go_view_text span {font-size:14px; padding-right:25px;}

.card_chance .dl_text_b .tit,
.card_chance .dl_text_b .cotn .price p {font-weight:bold !important;}
.card_chance .dl_text {margin-top:4px;}
.card_chance .dl_text .tit,
.card_chance .dl_text .cotn .price p span {color:#666666; font-weight:normal !important;}
.card_chance .anchor_li_box .txt_top {padding-top:16px;}

/* 이용내역 / 그룹장 */
.card_chance .header_wrap .icon_sprite_32.cart {display:none;}
.card_chance .header_wrap .icon_sprite_32.home {display:block;}
.card_chance .card_blank {margin:20px 0;}
.card_chance .hist_li_wrap {margin:0; padding:0 24px;}

.card_chance .hist_li_wrap .list_sort {padding:0;}
.card_chance .hist_li_wrap ul .hist_li {margin-top:24px;}
.card_chance .hist_li_wrap ul .hist_li .date_wrap {color:#222222;}
.card_chance .tit_text .tit_20 span {font-size:30px; vertical-align:text-top;}
.card_chance .tit_text .tit_list {margin-top:8px; color:#666666; font-size:14px;}
.card_chance .tit_text .tit_list span {margin-left:8px;}
.card_chance .info_style .dl_div .tit_bold {font-size:16px; font-weight:bold; color:#222222;}
.card_chance .info_style .dl_div .tit_bold a {position:relative; margin-left:10px; font-size:14px; font-weight:bold; color:#aaaaaa;}/* issues/3266 underline */
.card_chance .info_style .dl_div .tit_bold a::after{content:''; position:absolute; bottom: 1px; left: 0; width:100%; height:1px; background-color:#aaa;}/* issues/3266 underline */
.card_chance .info_style .dl_div .cotn .plus p,
.card_chance .info_style .dl_div .cotn .minus p{font-size:16px; color:#222222;}

.card_chance .info_style .dl_div .cotn .minus span,
.card_chance .info_style .dl_div .cotn .minus p::before {font-size:16px; font-weight:bold; color:#222222;}
.card_chance .info_style .dl_div .cotn .plus span,
.card_chance .info_style .dl_div .cotn .plus p::before {font-size:16px; font-weight:bold; color:#744AE8;}

.card_chance .tit_list .tit,
.card_chance .tit_list .cotn .price {font-size:12px;}
.card_chance .tit_list .tit span {margin-left:14px;}

/* 구매 제한 상품 */
.cu_restriction .header_wrap .icon_sprite_32.home {display:block;}

.cu_restriction .prd_area {display:flex; overflow:hidden; box-sizing:border-box; align-items:center; width:100%;position:relative;}
.cu_restriction .prd_area .img_wrap {overflow:hidden; flex:none; width:64px;}
.cu_restriction .prd_area .img_wrap .img {overflow:hidden; align-items:center; border:1px solid #eeeeee; border-radius:16px; box-sizing:border-box; height:64px; width:64px;}
.cu_restriction .prd_area .img_wrap .img img {display:block; object-fit:cover; height:100%; width:100%;}

.cu_restriction .prd_area .txt_area {flex:1; margin-left:16px;}
.cu_restriction .prd_area .txt_area .prd_info {overflow:hidden;}
.cu_restriction .prd_area .txt_area .prd_info .name {float:left; overflow:hidden; font-size:18px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width:70%;}
.cu_restriction .prd_area .txt_area .prd_info .lbl_2cc {float:right; margin-top:2px;}

.cu_restriction .label_list {margin-top:24px; padding:0 16px;}
.cu_restriction .cotn .text_label {margin-top:16px;}
.cu_restriction .cotn .text_label h2 {margin-bottom:8px; font-size:12px; font-weight:bold;}
.cu_restriction .label_list .box_shape {margin-bottom:12px;}

/* 구매 제한 상품 설정 */
.cu_restriction .cotn_box {padding:16px 16px 0 !important;}
.cu_restriction .list_ui .request {border:0;}
.cu_restriction .prd_area .label_store p {color:#ffffff; background-color:#2cc92c; font-size:10px; margin:0;}
.cu_restriction .s_more_btn {overflow:inherit; margin:40px auto 0; width:206px;}

/* ============================== [ 구매제한상품목록 ] ========================================================================================== */
.cu_restriction .prd_li {}
.cu_restriction .prd_li > ul > li {border-bottom:none; padding:8px 0;}
.cu_restriction .prd_li > ul > li:first-child {border-top:none;}
.cu_restriction .prd_li .prd_set .img_info_wrap + .txt_wrap {width:calc(100% - 117px);}
.cu_restriction .lbl_2cc {background-color:#2CC92C; border-radius:12px;}
.cu_restriction .lbl_2cc p {color:#FFFFFF; font-size:10px; font-weight:bold; line-height:20px; text-align:center; padding:0 8px; height:20px;}


/* ============================== [ 구매제한상품상세 ] ========================================================================================== */
.dtl_restic {}

/* -------------------- 타이틀/대상카테고리 ---------------------------------------- */
/* 타이틀 */
.dtl_restic .sub_tit {margin-top:20px; padding:0 24px;}
.dtl_restic .sub_tit .box_shape {border-radius:0;}
.dtl_restic .sub_tit .box_shape > .cotn {border-radius:0; padding:0;}

.dtl_restic .sub_tit .edit_group {overflow:hidden; margin-top:4px;}
.dtl_restic .sub_tit .edit_group .txt_link::after {bottom: 1px;}/* issues/3266 underline */
.dtl_restic .sub_tit .edit_group .txt_link ~ .txt_link {padding-left:7px;}
.dtl_restic .sub_tit .edit_group .txt_link ~ .txt_link::after {left: 7px;width:calc(100% - 7px);}/* issues/3266 underline */

/* 대상카테고리 */
.dtl_restic .sub_tit .ctgry {overflow:hidden; margin-top:32px;}
.dtl_restic .sub_tit .ctgry ul {display:flex; flex-wrap:wrap; margin-top:10px;}
.dtl_restic .sub_tit .ctgry li {flex:none; margin:6px 6px 0 0;}
.dtl_restic .sub_tit .ctgry p {background-color:#F6F6F6; border:1px solid #EEEEEE; border-radius:12px; color:#666666; font-size:12px; font-weight:bold; line-height:1em; padding:5px 8px;}

/* -------------------- 대상상품목록 ---------------------------------------- */
.dtl_restic .prd_li {}
.dtl_restic .prd_li h1 {margin-bottom:16px; padding:0 16px;}
.dtl_restic .prd_li ul li:first-child,
.dtl_restic .prd_li ul li {border:none;}
.dtl_restic .prd_li ul li {padding:12px 0;}
.dtl_restic .prd_li ul li ~ li {margin-top:8px;}
.dtl_restic .prd_li .prd_set {padding:0 16px;}
.dtl_restic .prd_li .prd_set .txt_wrap .name {font-size:16px; font-weight:normal;}
.dtl_restic .prd_li .prd_set .txt_wrap .price p strong {font-size:20px;}

/* *********************************************************************************************************************************************************************************************
														[ 구매제한만들기 ]
********************************************************************************************************************************************************************************************* */
/* setting */
.make_group {}
.make_group .header_wrap .tit_back h1,
.make_group .header_wrap .btn_area .btn_menu.home {display:block;}

/* ============================== [ 상품그룹명입력 ] ========================================================================================== */
.make_group .set_name {overflow:hidden; margin-top:46px; padding:16px;}

/* ============================== [ 카테고리검색/결과/선택 ] ========================================================================================== */
/* -------------------- 공통 ---------------------------------------- */
.make_group .search_keyword {margin-top:12px;}
.make_group .chose_comps {margin-top:20px;}
.make_group .chose_comps .comps_cotn_warp {margin-top:17px; padding-bottom:140px;}
.make_group .chose_comps .cotn_tab .list_sort {margin-bottom:12px; padding-top:0;}
.make_group .chose_comps .cotn_tab .result_cotn {overflow:hidden;}

/* 선택한카테고리/상품 */
.value_btn_wrap {background-color:#ffffff; box-shadow:0px 0px 8px rgba(0, 0, 0, 0.12); box-sizing:border-box; position:fixed; right:0; left:0; bottom:0; margin:0 auto; padding:10px 0; width:100%; max-width:540px; z-index:11;}
.vlues {overflow-x:auto; -ms-overflow-style:none; margin-bottom:28px; padding-top:10px;}
.vlues::-webkit-scrollbar {display:none !important;}
.vlues ul {display:flex; overflow:hidden; padding:0 24px 0 8px;}
.vlues li {flex:none; padding-left:16px;}
.vlues li p {display:inline-block;}
.vlues li .del {background:url(../images/common/icon_del.svg) no-repeat 0 0; background-size:cover; display:inline-block; vertical-align:5px; height:16px; width:16px;}
.value_btn_wrap .btn_wrap {padding:0 16px;}

/* -------------------- 탭01_카테고리 ---------------------------------------- */
.chose_comps .result_ctgry {overflow:hidden; padding:0 16px;}
.chose_comps .result_ctgry .input_chk {flex-wrap:wrap;}
.chose_comps .result_ctgry .type_btn .form_chk .txt {font-size:13px;}

/* -------------------- 탭02_상품 ---------------------------------------- */
.chose_comps .prd_li.horzn_style01 > ul {flex-direction:column;}
.chose_comps .prd_li.horzn_style01 > ul > li:first-child {border-top:none;}
.chose_comps .prd_li.horzn_style01 > ul > li {border-bottom:none; padding:0;}
.chose_comps .prd_li.horzn_style01 > ul > li ~ li {margin-top:12px;}

.chose_comps .prd_li .prd_set {padding:0 66px 0 16px;}
.chose_comps .prd_li .prd_set .img_info_wrap .img {height:100px; width:100px;}
.chose_comps .prd_li .prd_set .img_info_wrap + .txt_wrap {width:calc(100% - 111px);}
.chose_comps .prd_li .prd_set .txt_wrap .name {font-size:16px; font-weight:normal; margin-bottom:4px;}
.chose_comps .prd_li .prd_set .txt_wrap .price p {padding-right:4px;}
.chose_comps .prd_li .prd_set .txt_wrap .price p strong {font-size:20px;}
.chose_comps .prd_li .prd_set .txt_wrap .flag_c {margin:2px 0 0;}
.chose_comps .prd_li .prd_set .input_chk {position:absolute; right:30px; top:50%; margin-top:-10px; height:20px; width:20px;}
.chose_comps .prd_li .prd_set .input_chk .form_chk .icon {top:0;}

/* ============================== [ 구매제한상품확인 ] ========================================================================================== */
.make_group .dtl_restic .sub_tit .tit_24 {margin-top:0; padding:0;}
.make_group .dtl_restic .sub_tit .box_shape {margin-top:32px;}

/* 자동충전 hr */
.charging .blank_charging {margin:32px 0 32px; height:8px; font-size:0;}

/* 자동충전 */
.chrge_wrap {overflow:hidden;}
.chrge_wrap .txt_input {margin-bottom:10px; padding:0 16px;}
.chrge_wrap .info_txt {color:#666; font-size:12px; margin-top:12px; padding:0 16px;}
.chrge_wrap .info_txt i,
.chrge_wrap .info_txt p {display:inline-block; vertical-align:middle;}

/* 자동충전:자동충전조건선택 */
.chrg_cond {overflow:hidden; margin-top:48px;}

/* 목록형태메뉴 */
.charging .anchor_li {margin-top:42px;}
.anchor_li_box .anchor_li h2 {margin-bottom:22px; padding:0 24px;}
.cu_chance .anchor_li .no_txt_anchor {border:none !important;}
.cu_chance .anchor_li .txt_anchor {/* background-color:#f0f0f0; */ display:flex; align-items:center; justify-content:space-between; margin:0 auto; padding:0; width:calc(100% - 48px);}
.cu_chance .anchor_li .txt_anchor ~ .txt_anchor {margin-top:24px; padding-top:24px;}
.cu_chance .anchor_li .txt_anchor .tit_16 {display:flex;}
.cu_chance .anchor_li .txt_anchor .tit_16 em {margin:auto 0;}
.cu_chance .anchor_li .no_txt_anchor ~ .no_txt_anchor {padding-top:0;}

.cu_chance .anchor_li .txt_anchor .go_view {display:block; flex:none; position:relative; right:0; top:auto; margin-top:0; margin-left:auto; padding:0; width:16px;}
.cu_chance .anchor_li .txt_anchor .go_view_text {line-height:1.143em; text-align:right; padding-right:26px; width:150px;}
.cu_chance .anchor_li .txt_anchor .go_view_text span {display:inline-block; overflow:hidden; color:#666666; font-size:14px; text-align:right; text-overflow:ellipsis; white-space:nowrap; max-width:100%;}
.cu_chance .anchor_li .txt_anchor .smile {width:40px; height:40px; background:url("../images/common/icon_smile.png") no-repeat 0 0 / 40px auto;}

.charging .input_radio_box ~ .input_radio_box {margin-top:48px;}

/* 자동 충전 변경 */
.charging .sub_tit .mom_chance,
.group_charging .sub_tit .mom_chance {display:inline-block; padding:0 6px 0 6px ; width:24px; height:25px; background:url(../images/common/mom_chance_bg.png) no-repeat center / 24px 25px;}
.charging .input_radio {flex-wrap:wrap; padding:0 20px;}
.chrge_wrap .input_radio_box:not(.day_radio, .on_radio) .type_btn .form_rdo input:checked ~ .icon {background-color:#f6f6f6; border-color:transparent;}
.chrge_wrap .input_radio_box:not(.day_radio, .on_radio) .type_btn .form_rdo input:checked ~ .txt {color:#666666;}
.charging .sub_tit .tit_h2 {padding-bottom:32px;}
.input_radio_box {overflow:hidden;}
.input_radio_box .tit_24 {margin-bottom:16px; padding:0 24px;}
.input_radio_box .input_radio .form_rdo {padding:0 14px 0 12px;}
.cu_chance .input_radio_list .txt_input {padding:0 20px;}
.charging .input_radio_list h2 {padding-left:16px}
.charging .input_radio_list li {padding:8px 0 8px;}
.input_radio_box .radio_wrap {flex-wrap:wrap; margin-top:16px;}
.input_radio_box .radio_wrap label {padding:0 11px 0 10px; width:11%;}
.input_radio_box .input_radio_list .day_radio {flex-wrap:wrap;}
.input_radio_box .input_radio_list .day_radio label {padding:0 13px 0 12px; width:18%; font-size:13px;}
.input_radio_box .input_radio_list .input_set {position:relative;}
.input_radio_box .input_radio_list .input_set .form_txt {margin:0 16px 0 16px; width:100%; border-bottom:1px solid #eeeeee;}
.input_radio_box .input_radio_list .input_set .charging_button {position:absolute; top:10px; right:20px;}
.input_radio_box .input_text {margin-top:20px; font-size:12px; color:#666666; padding:0 16px;}

/* 결제 수단 변경하기 */
.charging .sub_tit .tit_em {padding:0;}
.charging .sub_tit .tit_em em,
.charging .sub .sub_tit .tit_h2 em {color:#744ae8;}

/* 일반충전 */
.charging_money {padding-bottom:24px;}
.charging_money .box_shape .dl_div {color:#444444;}
.charging_money .box_shape .price span {font-weight:bold;}
.input_radio_box .charging_msg .icon_sprite_24 {margin-left:8px; line-height:24px;}
.input_radio_box .charging_msg p {position:absolute; top:3px; left:40px; color:#ff003c;}
.charging_money .sub .cpn_point {margin-top:32px;}
.charging_money .easy_pay .input_radio {padding:0;}
.charging_money .main_way .input_radio {padding:0;}
.charging_money .sub_method .input_radio {padding:0;}
.charging_money .sub_method .type_btn .form_rdo {width:calc(49% - 6px);}

/* 충전계좌연결 */
.acnt_link {padding:0 16px;}
.acnt_link h3 {margin-bottom:12px; padding:0 8px;}
.acnt_link .regst {position:relative;}
.acnt_link .regst p {color:#666666; text-align:center; position:relative; padding-top:32px;}
.acnt_link .regst p:before {background:url(../images/common/icon_ash_plus_04.svg) no-repeat 0 0; background-size:cover; content:""; position:absolute; left:50%; top:0; margin-left:-12px; height:24px; width:24px;}
.acnt_link .info {display:none;}

/* 충전계좌연결:등록완료 */
.acnt_link .on .regst {display:none;}
.acnt_link .on .info {display:block;}
.acnt_link .on .info .tit_18 {margin-bottom:2px;}
.acnt_link .on .info .number {color:#666666; font-size:13px;}
.acnt_link .on .info .number span {font-family:robo;}

/* 충전계좌연결:즉시충전동의 */
.acnt_link .form_policy {margin-top:32px; padding-right:0;}

/* 일반충전 애플페이 버튼*/
.charging_money .sub_method .type_btn .apple_pay .txt:before {content:''; display:inline-block; width:24px; height:16px; background:url('../images/common/icon_apple_pay.png') center no-repeat; background-size:24px auto; vertical-align:middle; margin-right:4px;}
.charging_money .sub_method .type_btn .apple_pay input:checked ~ .icon {background-color:#000;}
.charging_money .btn_apple_pay {padding-right:22px; padding-left:22px;}
.charging_money .btn_apple_pay .btn {background:#000; border-radius:10px; color:#fff;}
.charging_money .btn_apple_pay .btn:before {content:''; display:inline-block; width:52px; height:22px; background:url('../images/common/btn_apple_pay.png') center no-repeat; background-size:52px auto; vertical-align:middle;}

/* 충전 완료 */
.charging.charge_done .header_wrap .tit_back {padding-left:14px;}
.charging.charge_done .header_wrap .tit_back h1 {margin-left:0;}
.charging.charge_done .header_wrap .tit_back .go_back {display:none;}

.charge_done .sub_tit {margin:20px 0 40px 0; padding:0 24px;}
.charge_done .sub_tit .tit_24 {padding:0;}

.charging.charge_done .result_info {margin-bottom:54px; padding-top:0;}

.normal_charging_end {display:block; margin:0 auto; width:144px; height:144px; background:url(../images/common/img_complete.png) no-repeat center / 168px 168px;}
.box_shape_end {margin:100px 16px 0 16px;}
.box_shape_end .charging_end {padding-bottom:16px; border-bottom:1px solid #eeeeee;}
.box_shape_end .charging_end_no {padding-top:16px;}
.charge_done .charging_end .tit,
.charge_done .charging_end .cotn p {font-size:22px; font-weight:bold;}
.charge_done .charging_end .tit {color:#000000;}
.charge_done .dl_div .cotn .price p {font-weight:bold;}
.box_shape .charging_end .cotn .num {color:#744ae8;}

.set_chrge {text-align:center; margin-top:16px;}
.set_chrge .txt_link {display:inline-block; font-weight:normal; line-height:1.429em; position:relative; padding-right:18px;}/* issues/3266 underline */
.set_chrge .txt_link:before {content:""; background:url(../images/common/arrow_666_right.svg) no-repeat 0 0; position:absolute; right:0; top:1px; height:16px; width:16px;}
.set_chrge .txt_link::after {display:none;}/* issues/3266 underline */

/* 일반충전/충전실패 */
.charging_fail .go_back {display:none;}
.charging_fail .tit_back {padding:0;}
.charging_fail .charging_no {padding-top:174px;}
.charging_fail .charging_no .cotn .btn_wrap {margin-top:32px;}
.charging_fail .charging_no .cotn .sb_copy {margin-top:20px; color:#666666; font-size:14px;}

/* 자동 충전/충전 조건 설정 */
.charging .box_shape + .input_radio {margin-top:32px;}
.charging .box_shape + .input_radio .txt {font-weight:normal;}
.charging .charging_bt {margin-top:48px; padding:0 16px;}

/* 자동 충전/설정 완료 */
.charging .sub_tit .sub_text {padding:20px 4px 8px;}
.charging .sub_tit .sub_text + .tit_14 {padding-left:4px; font-weight:normal;}
.charging .sub_tit .tit_14 + .box_shape {margin-top:20px;}
.charging .text_list {margin-top:20px; padding:0 24px; font-size:13px;}
.charging .text_list a {position:relative; font-weight:bold;}/* issues/3266 underline */
.charging .text_list a::after{content:''; position:absolute; bottom: 0; left: 0; width:100%; height:1px; background-color:#666;}/* issues/3266 underline */

/* 그룹관리 */
.group_charging .box_shape .tit,
.group_charging .box_shape .cotn {font-size:16px; color:#222222;}
.group_charging .box_shape .cotn span {font-weight:bold;}

/* 멤버관리 - 멤버초대하기 */
.group_charging .group_no {padding-top:218px;}

/* 멤버상세 / 그룹장 */
.group_charging .group_money_box {display:flex; padding:20px 16px; margin:auto;}
.group_charging .group_money_box .group_photo .photo {margin-right:12px; line-height:0; font-size:0; vertical-align:top;}
.group_charging .group_money_box .group_photo .photo img {width:48px; height:48px; border-radius:50px;}
.group_charging .group_money_box .group_photo .name {position:relative; top:13px; font-size:22px; font-weight:bold;}
.group_charging .group_money_box .group_money {margin-left:auto; padding-top:7px; font-size:24px; font-weight:bold;}
.group_charging .group_money_btn {margin-top:32px; padding:0 16px;}

/* 보내기 완료 */
.group_completion .go_back {display:none;}
.group_completion .tit_back {padding-left:14px;}
.group_completion .tit_back h1 {margin-left:0;}
.group_completion .result_info {display:block; padding-top:54px;}
.group_completion .data_view .cotn .icon_view_check {display:block; margin:0 auto; width:100px; height:100px; background:url("../images/common/end_img_bg.png") no-repeat 0 0 / 100px auto;}
.group_completion .amnt_area {margin-top:54px;}

/* 보내기 실패 */
.group_completion .cotn .mn_copy em {color:#744AE8;}
.group_completion .data_none .sb_copy {margin-top:20px; font-size:14px; color:#666666;}

/* 한도 설정 */
.charging .txt_list .tit_h2 {padding-bottom:0;}
.charging .txt_list + .input_radio_box {margin-top:20px;}
.charging .checkbox_list {padding:0 24px; overflow:inherit;}

/*---------------------- CU QR ----------------------------------*/
.easy_pay.cu_card .card_set .cotn {padding:16px 24px;}

.qr_pop_pay .cu_card .card_set.start .box_shape {background-color:#EEE7FB;}
.qr_pop_pay .cu_card .card_set.start p {font-weight:bold; text-align:center;}
.qr_pop_pay .cu_card .card_set.start .btn_wrap {justify-content:center;}

.qr_pop_pay .cu_card .cu_mny_info {overflow:hidden;}
.qr_pop_pay .cu_card .cu_mny_info .box_shape {}
.qr_pop_pay .cu_card .cu_mny_info .card_div p {font-size:10px; font-weight:bold;}
.qr_pop_pay .cu_card .cu_mny_info .tit_20 span {vertical-align:middle;}
.qr_pop_pay .cu_card .cu_mny_info .tit_20 .name {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:80%;}

.qr_pop_pay .card_info p {text-align:right;}
.qr_pop_pay .card_info .card_name {font-size:12px; font-weight:bold; color:#222222 !important;}
.qr_pop_pay .card_info .card_name span {padding-left:8px; font-size:20px;}
.qr_pop_pay .card_info .card_text {margin-top:4px; font-size:12px; font-weight:normal;}

/* 그룹금액 */
.qr_pop_pay .cu_card .card_set .group_mny {}
.qr_pop_pay .cu_card .group_mny .avble_amnt {display:flex; overflow:hidden; align-items:flex-end; justify-content:flex-end;}
.qr_pop_pay .cu_card .group_mny .avble_amnt .tit {font-size:12px; font-weight:bold; line-height:22px; margin-right:8px;}
.qr_pop_pay .cu_card .group_mny .avble_amnt .price p {font-size:24px; font-weight:bold; text-align:right;}
.qr_pop_pay .cu_card .group_mny .avble_amnt .price p strong {font-size:30px;}
.qr_pop_pay .cu_card .group_mny .info_area {text-align:right;}
.qr_pop_pay .cu_card .group_mny .info_area .tit_copy {display:inline-block; font-size:12px;}

/* 멤버금액 */
.qr_pop_pay .cu_card .mbr_amnt {overflow:hidden; text-align:right; margin-top:4px;}
.qr_pop_pay .cu_card .mbr_amnt p {color:#666; font-size:12px; line-height:1em;}
.qr_pop_pay .cu_card .mbr_amnt .unit {display:inline-block; position:relative;}
.qr_pop_pay .cu_card .mbr_amnt .unit ~ .unit {margin-left:8px;}
.qr_pop_pay .cu_card .mbr_amnt .unit ~ .unit:before {background-color:#666; content:""; opacity:0.8; position:absolute; left:-6px; top:50%; margin-top:-1px; height:2px; width:2px;}
.qr_pop_pay .cu_card .mbr_amnt .unit > p,
.qr_pop_pay .cu_card .mbr_amnt .price {float:left;}
.qr_pop_pay .cu_card .mbr_amnt .price {margin-left:4px;}
.qr_pop_pay .cu_card .mbr_amnt .price strong {font-weight:normal;}

/* 사용중지카드 */
.qr_pop_pay .group_stop {}
.qr_pop_pay .group_stop .box_shape {position:relative;}
.qr_pop_pay .group_stop .box_shape:before {background-color:rgba(0,0,0,0.5); content:"사용 중지된 카드입니다."; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:20px; color:#FFFFFF; font-size:18px; position:absolute; left:0; top:0; height:100%; width:100%; z-index:1;}

/* 결제수단변경툴팁 */
.qr_pymnt .mny_tip {top:0; left:auto; right:-82px;}
.qr_pymnt .mny_tip p {font-size:13px;}
.qr_pymnt .mny_tip:before,
.qr_pymnt .mny_tip:after {left:auto; bottom:auto; transform:inherit;}
.qr_pymnt .mny_tip:before {border-top:8px solid transparent; border-right:6px solid transparent; border-bottom:8px solid #fff; border-left:6px solid transparent; right:24px; top:-16px;}
.qr_pymnt .mny_tip:after {border-top:10px solid transparent; border-right:8px solid transparent; border-bottom:10px solid #6043FF; border-left:8px solid transparent; right:20px; top:-20px;}
.qr_pymnt .mny_tip .cotn {width:170px;}

/* QR결제수단 CU머니:충전 텍스트링크 */
.pymnt_method .main_way .txt_link {position:relative; line-height:18px; margin-left:6px; z-index:1;}

/* *********************************************************************************************************************************************************************************************
														[ 멤버관리 ]
********************************************************************************************************************************************************************************************* */
/* setting */
.manage_mbr {}
.manage_mbr .header_wrap .btn_area .btn_menu.home {display:block;}

/* ============================== [ 그룹멤버목록 ] ========================================================================================== */
.manage_mbr .mbr_list ul {padding:0 24px;}
.manage_mbr .mbr_list li {padding:20px 0 20px;}
.manage_mbr .mbr_list .blank {margin-top:0;}

/* 프로필 */
.manage_mbr .mbr_list .profile .info_check {display:none;}
.manage_mbr .mbr_list .profile > .tit_16 {max-width:100%;}
.manage_mbr .mbr_list li.to_check .mbr_area .info_check {display:block;}
.manage_mbr .mbr_list .to_check .go_view {display:none; height:0; width:0;}
.manage_mbr .mbr_list .profile .tooltip {border:none; box-shadow:0 2px 8px rgba(0, 0, 0, 0.2); left:25px; width:276px;}

/* 관리팝업열기버튼 */
.manage_mbr .mbr_list .mbr_area .btn_mnge {background:url(../images/common/icon_more_dot.svg) no-repeat 0 0; background-size:cover; display:block; margin-left:auto; height:24px; width:24px;}

/* 멤버초대버튼 */
.manage_mbr .invite_mbr {margin-top:32px;}
.manage_mbr .invite_mbr .btn {width:61%;}

/* ============================== [ 멤버관리:내보내기 ] ========================================================================================== */
.manage_mbr .out_mbr {}
.manage_mbr .out_mbr .sub_tit .info_style {margin-top:20px;}

/* ============================== [ 환불안내 ] ========================================================================================== */
.refund {}
.refund .sub_tit {padding:20px 24px 0;}
.refund .sub_tit .tit_24 {padding:0;}

/* 환불예상금액 */
.refund .refund_amnt {overflow:hidden; margin-top:32px;}
.refund .ex_amnt {overflow:hidden; margin:32px 0 8px 0; padding:0 24px;}
.refund .ex_amnt .tit {float:left; font-size:20px; font-weight:bold;}
.refund .ex_amnt .price {float:right;}
.refund .ex_amnt .price strong {font-size:20px;}

.refund .refund_amnt .box_amnt .dl_div ~ .dl_div {margin-top:4px;}
.refund .refund_amnt .box_amnt .dl_div .tit,
.refund .refund_amnt .box_amnt .dl_div p,
.refund .refund_amnt .box_amnt .dl_div strong {color:#444444; font-size:14px; font-weight:normal; line-height:20px;}

/*---------------------- 회원탈퇴 ----------------------------------*/
/* 그룹장 탈퇴신청 / 탈퇴 불가 */
.group_cancel .noti_wrap {padding:0 16px;}

/* 멤버 탈퇴신청 / 탈퇴 가능 */
.group_cancel .dl_div .tit .mom_chance,
.group_cancel .noti_wrap ul .mom_chance {padding:0 6px 0 6px ; width:14px; height:15px; background:url(../images/common/mom_chance_bg.png) no-repeat center / 14px 15px;}

/* 잔액정보:박스색상 */
.group_cancel .amnt_area {background-color:#F4F0FF;}
.group_cancel .amnt_area .rem_amnt ~ .sum_amnt {border-top:1px solid #DDDDDD;}

/* 잔액정보:라벨 */
.group_cancel .amnt_area .rem_amnt .tit_18 span {display:inline-block; overflow:hidden; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; position:relative; padding-right:40px; max-width:178px;}
.group_cancel .amnt_area .rem_amnt .tit_18 span:before {background-color:rgba(0,0,0,0.2); border-radius:20px; box-sizing:border-box; color:#fff; font-size:12px; font-weight:bold; line-height:20px; position:absolute; right:0; top:50%; height:20px; margin-top:-11px; padding:0 8px 0 7px; width:36px;}

/* 잔액정보:그룹장 */
.group_cancel .amnt_area.master {background-color:#F8F8F8;}
.group_cancel .amnt_area.master .rem_amnt .tit_18 span:before {content:"대표";}
.group_cancel .amnt_area.master .rem_amnt .sum_amnt {border-color:#EEEEEE;}

/* 잔액정보:멤버 */
.group_cancel .amnt_area.member {background-color:#F8F8F8;}
.group_cancel .amnt_area.member .rem_amnt .tit_18 span {padding-right:40px;}
.group_cancel .amnt_area.member .rem_amnt .tit_18 span:before {content:"멤버";}

/* 그룹 나가기 / 멤버 */
.cu_group_out .btn_area .home {display:block;}
.cu_group_out .indiv_con02 {padding:0 16px;}
.cu_group_out .btn_wrap_flx .bg_f6 {background-color:#f4f4f4 !important;}

/* ------------------------------------- cu찬스 아이콘 --------------------------------------- */
.file_restrict {width:40px; height:40px; background:url("../images/common/file_restrict.svg") no-repeat 0 0 / 40px auto;}
.password_40 {width:40px; height:40px; background:url("../images/common/password_40.svg") no-repeat 0 0 / 40px auto;}
.icon_exit {width:40px; height:40px; background:url("../images/common/exit_bg.svg") no-repeat 0 0 / 40px auto;}
.icon_card_charging {width:40px; height:40px; background:url("../images/common/icon_card_charging.png") no-repeat center / 40px 40px;}
.icon_card_payment {width:40px; height:40px; background:url("../images/common/icon_card_payment.png") no-repeat center / 40px 40px;}
.icon_card_close {width:40px; height:40px; background:url("../images/common/icon_card_close.png") no-repeat center / 40px 40px;}
.icon_money_charge {width:40px; height:40px; background:url("../images/common/money_charge.svg") no-repeat center / 40px 40px;}
.normal_charge {display:block; margin:0 auto; width:40px; height:40px; background:url("../images/common/icon_charge_basic.svg") no-repeat center / 40px 40px;}
.mom_chance {display:inline-block; padding:0 6px 0 6px ; width:24px; height:25px; background:url(../images/common/mom_chance_bg.png) no-repeat center / 24px 25px;}

/* *********************************************************************************************************************************************************************************************
														[ 카드관리 ]
********************************************************************************************************************************************************************************************* */

/* ============================== [ 연결계좌 ] ========================================================================================== */
.acnt_view .manage {padding:20px 24px 0;}
.acnt_view .manage .tit p,
.acnt_view .manage .tit .edit_name {display:inline-block; vertical-align:middle;}
.acnt_view .manage .tit .edit_name {background:url(../images/common/icon_modify.svg) no-repeat 0 0; background-size:cover; font-size:0; line-height:0; height:24px; width:24px;}
.acnt_view .manage .bnk_num {color:#666666; margin-top:6px;}
.acnt_view .manage .bnk_num span {font-family:robo;}
.acnt_view .btn_wrap.more_btn .btn {width:auto;}

.acnt_view .data_none {padding:24vh 0 24px;}

/* ============================== [ 패밀리카드멤버 ] ========================================================================================== */
.card_chance .header_wrap .tit_back h1 span {display:inline-block; overflow:hidden; text-overflow:ellipsis; vertical-align:top; white-space:nowrap; word-wrap:normal; max-width:60%;}

/* *********************************************************************************************************************************************************************************************
														[ 통계 ]
********************************************************************************************************************************************************************************************* */
.stats_grp {}
.stats_grp .sub_btm_pad .sub {padding-bottom:200px; padding-bottom:calc(env(safe-area-inset-bottom) + 200px);}

/* -------------------- 현재카드/카드선택 ---------------------------------------- */
.stats_grp .chose_card {overflow:hidden; text-align:center; margin:21px 0 20px;}
.stats_grp .chose_card .cotn {display:inline-block; position:relative;}
.stats_grp .chose_card .tit_16,
.stats_grp .chose_card .icon_sprite_16 {float:left;}
.stats_grp .chose_card .icon_sprite_16 {margin:3px 0 0 8px;}

/* ============================== [ 월별통계 ] ========================================================================================== */

.month_sts > section .tit_24 {margin-bottom:20px;}

/* -------------------- 월선택 ---------------------------------------- */
.month_sts .top_cotn {overflow:hidden;}
.month_sts .mtn_selct {display:flex; align-items:center; justify-content:center; margin-bottom:16px;}
.month_sts .mtn_selct .tit {font-size:24px; font-weight:bold; margin:0 24px;}
.month_sts .mtn_selct .tit .ff_rob {display:inline-block; font-size:30px; vertical-align:top;}
.month_sts .mtn_selct .bt_mth {background:url(../images/common/icon_arrow_right.svg) no-repeat 0 0; background-size:16px; display:block; height:16px; width:16px;}
.month_sts .mtn_selct .bt_mth.prev {transform:rotate(180deg);}
.month_sts .mtn_selct .bt_mth.inactv {position:relative; cursor:default; opacity:0.2;}
.month_sts .top_cotn .blank {margin-top:16px;}

/* -------------------- 사용내역 ---------------------------------------- */
.use_mny_grp {overflow:hidden;}
.use_mny_grp .box_amnt .dl_div {padding:0 12px;}
.use_mny_grp .box_amnt .dl_div ~ .dl_div {border-top:1px solid #EEEEEE; margin-top:10px; padding-top:16px;}
.use_mny_grp .box_amnt .tit i,
.use_mny_grp .box_amnt .tit strong {display:inline-block; vertical-align:middle;}
.use_mny_grp .box_amnt .tit i {height:32px; width:32px;}
.use_mny_grp .box_amnt .tit i img {display:block; object-fit:cover; height:100%; width:100%;}
.use_mny_grp .box_amnt .tit strong {margin-left:8px;}
.use_mny_grp .box_amnt .price p {font-size:18px;}
.use_mny_grp .box_amnt .price strong {font-size:20px;}
.use_mny_grp .dtl_go {text-align:center; margin-top:24px;}
.use_mny_grp .dtl_go .txt_link {display:inline-block; line-height:16px; position:relative; padding-right:18px;}/* issues/3266 underline */
.use_mny_grp .dtl_go .txt_link:before {background:url(../images/common/arrow_666_right.svg) no-repeat 0 0; content:""; position:absolute; right:0; top:50%; margin-top:-8px; height:16px; width:16px;}/* issues/3266 underline */
.use_mny_grp .dtl_go .txt_link::after {display:none;}/* issues/3266 underline */

/* -------------------- 멤버별내역 ---------------------------------------- */
.mbr_state {overflow:hidden;}
.mbr_state .mbr_list {padding:0 20px;}
.mbr_state .mbr_list li {border-bottom:none;}
.mbr_state .mbr_area .profile > .tit_16 {font-weight:normal;}
.mbr_state .mbr_area .go_view .icon_sprite_16 {position:absolute; right:0; top:50%; margin-top:-8px;}

/* ============================== [ 멤버별월별통계 ] ========================================================================================== */
.ctgry_state {position:relative;}

/* -------------------- 툴팁 ---------------------------------------- */
.ctgry_state .tit_24 .btn_tip {vertical-align:-4px;}
.ctgry_state .tooltip {border:1px solid #EEEEEE; box-shadow:0px 4px 24px 0px rgba(0, 0, 0, 0.08); left:auto; right:16px; top:37px; width:276px;}
.ctgry_state .tooltip .info_area {}
.ctgry_state .tooltip .info_area p {color:#666666; font-size:14px; line-height:1.429em; margin-top:12px;}

/* -------------------- 차트영역 ---------------------------------------- */
.ctgry_state .chart_area {padding:0 20px;}
.ctgry_state .chart_area .cotn {box-sizing:border-box; padding-top:16px; height:246px;}
.ctgry_state .chart_area .chart {margin:0 auto;}
.ctgry_state .chart_area #donutchart {height:100%;}
.ctgry_state .chart_area #donutchart svg {overflow:visible !important;}

/* -------------------- 카테고리별상세내역 ---------------------------------------- */
.dtl_story {overflow:hidden; margin-top:20px;}
.dtl_story ul {padding:0 16px;}
.dtl_story li {display:flex; align-items:center; padding:0 8px;}
.dtl_story li ~ li {margin-top:20px;}
.dtl_story .clor_div {display:block; font-size:0; border-radius:50%; line-height:0; height:12px; width:12px;}
.dtl_story .ctgry_tit {position:relative;}
.dtl_story .ctgry_tit .tit,
.dtl_story .ctgry_tit .psnt {float:left;}
.dtl_story .ctgry_tit .tit {margin-left:8px;}
.dtl_story .ctgry_tit .psnt {color:#AAAAAA; font-family:robo; margin-left:8px;}

/* 카테고리선택:다른카테고리비활성 */
.dtl_story li.off {position:relative;}
.dtl_story li.off:before {content:""; position:absolute; left:0; top:0; height:100%; width:100%; z-index:1;}
.dtl_story li.off .clor_div {opacity:0.3;}
.dtl_story li.off .ctgry_tit .tit {color:#AAAAAA;}
.dtl_story li.off .ctgry_tit .psnt {color:#DDDDDD;}
.dtl_story li.off .price p {color:#D6D6D6;}
.dtl_story li.off .clor_div,
.dtl_story li.off .ctgry_tit .tit,
.dtl_story li.off .ctgry_tit .psnt,
.dtl_story li.off .price p {transition:color 0.4s;}

/* 카테고리별색상값 */
.dtl_story .data_01 .clor_div {background-color:#2AD4AF;}
.dtl_story .data_02 .clor_div {background-color:#A07BE5;}
.dtl_story .data_03 .clor_div {background-color:#347EE7;}
.dtl_story .data_04 .clor_div {background-color:#FFBA51;}
.dtl_story .data_05 .clor_div {background-color:#BFBFBF;}

/* -------------------- 이용내억없음 ---------------------------------------- */
.month_sts .data_none {display:inherit; padding:0;}
.month_sts .data_none .tit_24 {text-align:left; margin-bottom:80px;}

/* ************************************************************************************************************************************************************
						《 팝업 》
************************************************************************************************************************************************************ */

/* ============================== [ 14세이상약관동의 ] ========================================================================================== */
.chance_policy {}
.chance_policy .tit_st {margin:16px 0 16px 0;}
.chance_policy .list_ui[class*="prov_ui"] li {padding:16px 0;}
.chance_policy .list_ui li:last-child {border-bottom:none;}
.chance_policy .list_ui .form_policy {padding-right:30px;}

/* ============================== [ 본인인증업데이트대상 ] ========================================================================================== */
.guide_dim {overflow:hidden;} /* 본인인증대상전용dim class */
.update_guide.on {background-color:transparent; padding-top:38.576vh; z-index:1;}
.update_guide:before {background-color:rgba(0,0,0,0.8); content:""; position:absolute; left:0; top:0; height:100%; width:100%; z-index:-1;}
.update_guide .txt_area {display:flex; flex-direction:column; align-items:center; height:100%;}
.update_guide .txt_area p {color:#FFFFFF; text-align:center;}
.update_guide .txt_area .sb_copy {font-size:18px; font-weight:200; line-height:1.444em; margin-top:10px;}
.update_guide .btn_wrap {margin-top:26vh; width:calc(100% - 32px);}

/* ============================== [ 멤버별명설정 ] ========================================================================================== */
.edit_name_pop {}
.edit_name_pop .head {margin-bottom:8px;}
.edit_name_pop .foot {margin-top:22px;}

/* ============================== [충전 방법 선택 [바닥팝업] ========================================================================= */
.charging_popup .bg_box_flx .box_div {width:48%; height:166px; text-align:center;}
.charging_popup .head {padding:0 0 16px 20px;}
.charging_box .tit_18, .charging_box .text {margin-top:10px;}
.charging_box .text {color:#666666; font-size:12px;}
.auto_charge {display:block; margin:0 auto; width:40px; height:40px; background:url(../images/common/icon_charge_auto.svg) no-repeat center / 40px 40px;}

/* ============================== [알럿 - 알림] ========================================================================================== */
.alert_pop .cotn .text_center {text-align:center;}

/* ============================== [알럿 - 회원 탈퇴 안내] =========================================================================== */
.alert_pop .text_box p {padding:40px 0px;}

/* ============================== [바닥팝업 - 14세미만 약관동의] =========================================================================== */
.chance_policy .chance_policy_txt {margin:16px 0;}
.chance_policy .chance_policy_txt .policy_txt {font-size:16px; font-weight:bold;}
.chance_policy .chance_policy_txt .policy_txt span {color:#666666; font-size:14px; font-weight:normal;}
.chance_policy .policy_list li {padding:16px 0;}
.chance_policy .policy_list li:nth-last-child(1) {border:0;}

/* ============================== [ 멤버관리 ] ========================================================================================== */
.manage_wrap {padding-top:16px;}

/* 본인인증대상멤버_안내문구 */
.manage_wrap .info_area {border-bottom:1px solid #EEEEEE; margin-bottom:20px; padding-bottom:20px;}
.manage_wrap .info_area.i_wrn .tit_copy {color:#FF003C; font-size:16px;}

/* 관리메뉴 */
.manage_wrap .setting {overflow:hidden;}
.manage_wrap .setting .dl_layout .dl_div ~ .dl_div {margin-top:20px;}
.manage_wrap .setting .dl_layout .dl_div .tit {font-size:16px; font-weight:normal;}
.manage_wrap .setting .dl_layout .icon_sprite_16 {transform:rotate(-90deg)}

/* 멤버관리팝업:초대중 */
.mbr_pop02 .manage_wrap .setting .dl_div {display:inherit;}
.mbr_pop02 .manage_wrap .setting .dl_layout button {display:block; text-align:left; width:100%;}

/* ============================== [ 통계:카드선택 ] ========================================================================================== */
.select_card {overflow:hidden; padding-top:24px;}
.select_card .input_radio {flex-direction:column;}
.select_card .form_rdo {padding:0 20px 0 0;}
.select_card .form_rdo ~ .form_rdo {margin:24px 0 0 0;}
.select_card .form_rdo .icon {left:auto; right:0;}
.select_card .form_rdo .txt {font-size:16px; font-weight:normal;}

/* ============================== [ 통계:월선택 ] ========================================================================================== */
.select_month {overflow:hidden; padding-top:24px;}
.select_month .input_radio {flex-direction:column;}
.select_month .form_rdo {padding:0 20px 0 0;}
.select_month .form_rdo ~ .form_rdo {margin:24px 0 0 0;}
.select_month .form_rdo .icon {left:auto; right:0;}
.select_month .form_rdo .txt {font-size:16px; font-weight:normal;}

/* ============================== [CU머니 : 펌뱅킹 전환 관련] =========================================================================== */
.firm_banking {padding-top: 39.5px; padding-left: 30px; padding-right: 30px;}
.firm_banking .head {padding: 0;}
.firm_banking .head .tit_18 {text-indent: 0%; padding-bottom: 3.69%;}
.firm_banking .contents {padding: 0;}
.firm_banking .firm_banking_btn {padding-left: 0; padding-right: 0;}
/* 전환 전 */
.firm_banking .firm_banking_before .firm_banking_tit {font-weight: bold;}
.firm_banking .firm_banking_before .img {overflow: hidden; margin: 33.5px auto 38.5px; width: 49.2%;}
.firm_banking .firm_banking_before .img img {display: block; width: 100%;}
.firm_banking .firm_banking_before .firm_banking_txt {font-size: 14px;}
/* 전환 완료 */
.firm_banking .firm_banking_after .firm_banking_tit {font-weight: bold;}
.firm_banking .firm_banking_after .img {overflow: hidden; margin: 38.5px auto 39.5px; width: 51.46%;}
.firm_banking .firm_banking_after .img img {display: block; width: 100%;}