.star_candy_charge_popup_area_set {
    display: none;
}



.my_post_my_page_back {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    max-width: 1280px;
    width: 100%;
}
.my_post_my_page_back > .part1 {
    width: calc(70% - 20px);
    border-radius: 12px;
    border: 1px solid var(--Grey_D, #DDD);
    background: var(--White, #FFF);
    max-height: 802px;
}
.my_post_my_page_back > .part2 {
    width: 30%;
    border-radius: 12px;
    border: 1px solid var(--Grey_D, #DDD);
    background: var(--White, #FFF);
    /* height: 802px; */
    height: auto;
}

.my_page_my_post_list_box.my_info {
    padding: 0;
    gap: 0;
}
.my_page_my_post_list_box.my_info > .my_info_box {
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 4px solid #F5F4F9;
} 
.my_page_my_post_list_box.my_info > .my_info_box > .my_profile_box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 12px;
}
.my_page_my_post_list_box.my_info > .my_info_box > .my_profile_box > .avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
}
.my_page_my_post_list_box.my_info > .my_info_box > .my_profile_box > .camera {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
.my_page_my_post_list_box.my_info > .my_info_box > .name_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.my_page_my_post_list_box.my_info > .my_info_box > .name_box > .nick_name {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--Dark, #212121);
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
    cursor: pointer;
}
.my_page_my_post_list_box.my_info > .my_info_box > .name_box > .nick_name > img,
.my_page_my_post_list_box.my_info > .membership > span > img,
.my_page_my_post_list_box.my_info > .membership > .title_box > span > img,
.my_page_my_post_list_box.my_info > .sub_comment_box > p > img  {
    width: 20px;
    height: 20px;
}
.my_page_my_post_list_box.my_info > .my_info_box > .name_box > .level_box {
    display: flex;
    align-items: center;
    gap: 4px;
}
.my_page_my_post_list_box.my_info > .my_info_box > .name_box > .level_box > p {
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 800;
    line-height: 16px; /* 133.333% */
    padding: 4px 12px;
    border-radius: 100px;
    background: var(--Primary, #FF820F);
}
.my_page_my_post_list_box.my_info > .membership {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 4px solid #F5F4F9;
}
.my_page_my_post_list_box.my_info > .membership > p,
.my_page_my_post_list_box.my_info > .membership > .title_box > p {
    color: var(--Dark, #212121);
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
}
.my_page_my_post_list_box.my_info > .membership > span,
.my_page_my_post_list_box.my_info > .membership > .title_box > span {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}
.my_page_my_post_list_box.my_info > .star_candy {
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-bottom: 4px solid #F5F4F9;
}
.my_page_my_post_list_box.my_info > .star_candy > .title_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.my_page_my_post_list_box.my_info > .star_candy > .title_box > p {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
}
.my_page_my_post_list_box.my_info > .star_candy > .title_box > button {
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 800;
    line-height: 16px; /* 133.333% */
    padding: 4px 12px;
    border-radius: 100px;
    background: var(--Primary, #FF820F);
}
.my_page_my_post_list_box.my_info > .star_candy > .mission {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.my_page_my_post_list_box.my_info > .star_candy > .mission > .have_sum {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--Dark, #212121);
    font-size: 24px;
    font-weight: 900;
    cursor: pointer;
}
.my_page_my_post_list_box.my_info > .star_candy > .mission > .zoo_mission {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 12px;
    border: 1px solid var(--Grey_D, #DDD);
    cursor: pointer;
}
.my_page_my_post_list_box.my_info > .star_candy > .mission > .zoo_mission > .title {
    color: var(--Dark, #212121);
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
    padding: 20px 20px 0 20px;
}
.swiper.zoo_mission_swiper {
    padding: 0 20px 20px 20px;
}














.my_page_my_post_list_box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.my_page_my_post_list_box > .title_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.my_page_my_post_list_box > .title_box > button {
    width: 120px;
    padding: 12px 0px;
    border-radius: 100px;
    border: 1px solid var(--Dark, #212121);
    background: var(--White, #FFF);
    font-weight: 800;
    line-height: 18px; /* 142.857% */
    height: 44px;
}
.normalradioarea2.my_post > label {
    min-height: unset !important;
    min-width: unset !important;
    height: 44px;
    max-width: 120px !important;
    width: 100% !important;
}
.my_page_my_post_list_box > .list_box {
    display: flex;
    flex-direction: column;
    height: 608px;
    overflow: auto;
    width: 100%;
}
.my_page_my_post_list_box > .list_box.shopping {
    height: 646px;
}

.my_page_my_post_list_box > .list_box::-webkit-scrollbar {
    width: 4px;
}
.my_page_my_post_list_box > .list_box::-webkit-scrollbar-track {
    background: #00000030;
    border-radius: 10px;
}
.my_page_my_post_list_box > .list_box::-webkit-scrollbar-thumb {
    background-color: #FF820F;
    border-radius: 10px;
    border: 1px solid #FF820F;
}

.my_page_my_post_list_box > .paging_area02 {
    margin: 0;
    padding: 12px 0;
}
.my_page_my_post_list_box > .list_box > .list {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid var(--Grey_E, #EEE);
}
.my_page_my_post_list_box > .list_box > .list > .post_box,
.my_page_my_post_list_box > .list_box > .list > .info_box  {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.my_page_my_post_list_box > .list_box > .list > .post_box > .title_box {
    display: flex;
    align-items: center;
    gap: 4px;
}
.my_page_my_post_list_box > .list_box > .list > .post_box > .title_box > .title {
    color: var(--Primary, #FF820F);
    font-weight: 800;
    line-height: 20px; /* 142.857% */
    text-overflow: ellipsis;
    max-width: 670px;

    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.my_page_my_post_list_box > .list_box > .list > .post_box > .title_box > span {
    border-radius: 100px;
    background: var(--Primary, #FF820F);
    padding: 4px 8px;
    color: var(--White, #FFF);
    font-size: 10px;
    font-weight: 800;
    line-height: 14px; /* 140% */
}
.my_page_my_post_list_box > .list_box > .list > .post_box > .comment {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.my_page_my_post_list_box > .list_box > .list > .info_box > .info1 {
    color: var(--Grey_6, #666);
    font-size: 12px;
    line-height: 16px;
}
.my_page_my_post_list_box > .list_box > .list > .info_box > .info2 {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
}
.my_page_my_post_list_box.my_info > .membership.eum {
    display: flex;
    flex-direction: column;
}
.my_page_my_post_list_box.my_info > .membership > .title_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #eee;
}
.my_page_my_post_list_box.my_info > .membership > .eum_box {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}
.my_page_my_post_list_box.my_info > .membership > .eum_box > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.my_page_my_post_list_box.my_info > .membership > .eum_box > div > p {
    font-size: 32px;
    font-weight: 900;
    line-height: normal;
}
.my_page_my_post_list_box.my_info > .membership > .eum_box > div > span {
    color: var(--Grey_6, #666);
    line-height: 20px; /* 142.857% */
}
.my_page_my_post_list_box.my_info > .sub_comment_box {
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
    padding: 20px;
}
.my_page_my_post_list_box.my_info > .sub_comment_box > p {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.inputRadiopop.zoo_mission_pop {
    padding: 0 20px;
}
.inputRadiopop.zoo_mission_pop > div {
    max-width: 350px;
    width: 100%;
}
.inputRadiopop.zoo_mission_pop > div > .title_box > .title {
    font-size: 20px;
}
.inputRadiopop.zoo_mission_pop > div > .content_box > .content_comment {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.inputRadiopop.zoo_mission_pop > div > .content_box > .content_comment > .comment1 {
    color: var(--Dark, #212121);
    font-size: 20px;
    font-weight: 800;
    line-height: 28px; /* 140% */
    text-align: center;
}
.inputRadiopop.zoo_mission_pop > div > .content_box > .mission_star_box {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-top: 40px;
}
.inputRadiopop.zoo_mission_pop > div > .content_box > .mission_star_box > .mission {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.inputRadiopop.zoo_mission_pop > div > .content_box > .mission_star_box > .mission > p {
    font-weight: 800;
    line-height: 20px; /* 142.857% */
    padding-top: 12px;
}
.inputRadiopop.zoo_mission_pop > div > .content_box > .mission_star_box > .mission > span {
    color: var(--Primary, #FF820F);
    font-size: 12px;
    font-weight: 800;
    line-height: 16px; /* 133.333% */
}
.inputRadiopop.zoo_mission_pop > div > .content_box > .mission_star_box > .mission > img {
    width: 43px;
    height: auto;
}

.mission_suc_swal {
    display: flex;
    flex-direction: column;
}
.mission_suc_swal_back {
    border-radius: 20px;
    background: var(--Background, #F5F4F9);
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 20px;
}
.mission_suc_swal_back > p {
    font-size: 12px;
    line-height: 16px; /* 133.333% */
}
.mission_suc_swal_back > span {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px; /* 140% */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.mission_suc_swal > .comment1 {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
    padding-top: 20px;
    padding-bottom: 4px;
}
.mission_suc_swal > .comment2 {
    font-size: 16px;
    line-height: 24px; /* 150% */
    word-break: keep-all;
}
.mission_suc_swal > .comment2 > span {
    color: var(--Primary, #FF820F);
    font-size: 16px;
    font-weight: 800;
}
.my_page_my_post_list_box > .list_box > .list > .info_box.like {
    display: flex;
    align-items: center;
    flex-direction: unset;
    gap: 20px;
    margin-bottom: auto;
}
.my_page_my_post_list_box > .list_box > .list > .info_box.like > img {
    cursor: pointer;
}
.my_page_my_post_list_box > .list_box > .list > .info_box.comment {
    margin-top: auto;
}
.my_page_my_post_list_box > .list_box.comment,
.my_page_my_post_list_box > .list_box.star_candy {
    height: 582px;
}
.my_page_my_post_list_box > .list_box.star_candy > table > thead > .tab_header > th {
    padding: 12px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
.my_page_my_post_list_box > .list_box.star_candy > table > tbody > tr > td {
    padding: 12px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    text-align: center;
}

.my_page_my_post_list_box.coupon {
    padding: 0 !important;
}
.my_page_my_post_list_box > .list_box.coupon {
    height: 666px;
}
/*
.my_page_my_post_list_box > .list_box.coupon > .list.coupon {
    border: none;
    background: url(../z_images/zoo_img/my_page_coupon_back.svg) no-repeat center center;
    filter: drop-shadow(4px 4px 20px rgba(0, 0, 0, 0.10));
    justify-content: unset;
    cursor: pointer;
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon > .info_back {
    border-radius: 8px;
    background: var(--Grey_F1, #F1F1F1);
    display: flex;
    padding: 34px;
    justify-content: center;
    align-items: center;
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon > .info_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon > .info_box > .title_group1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon > .info_box > .title_group1 > .title {
    display: flex;
    flex-direction: column;
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon > .info_box > .title_group1 > .title > p {
    color: var(--Dark, #212121);
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon > .info_box > .title_group1 > .title > span {
    color: var(--Primary, #FF820F);
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon > .info_box > .title_group1 > p {
    font-weight: 800;
    line-height: 20px;
    text-align: right;
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon > .info_box > .title_group2 {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon > .info_box > .title_group2 > p {
    font-size: 12px;
    line-height: 16px;
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid var(--Grey_C, #CCC);
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon > .info_box > .title_group2 > .title {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon > .info_box > .title_group2 > .title > p {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon.off {
    opacity: 0.5;
    position: relative;
}
.my_page_my_post_list_box > .list_box.coupon > .list.coupon.off > .off_message {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Grey_C, #CCC);
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    border-radius: 100px;
    border: 4px solid #ccc;
    width: 80px;
    height: 80px;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
} */

.my_page_my_post_list_box > .list_box.shopping > .list {
    gap: 20px;
    justify-content: unset;
}
.my_page_my_post_list_box > .list_box.shopping > .list > .post_back {
    border-radius: 4px;
    max-width: 94px;
    width: 100%;
    aspect-ratio: 94/94;
}
.my_page_my_post_list_box > .list_box.shopping > .list > .post_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: unset;
    width: 100%;
}
.my_page_my_post_list_box > .list_box.shopping > .list > .post_box > .title_box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
}
.my_page_my_post_list_box > .list_box.shopping > .list > .post_box > .title_box > p {
    border-radius: 100px;
    background: var(--Grey_E, #EEE);
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    color: var(--Dark, #212121);
    font-weight: 800;
    line-height: 20px; /* 142.857% */
}
.my_page_my_post_list_box > .list_box.shopping > .list > .post_box > .title_box > span {
    color: var(--Dark, #212121);
    font-size: 20px;
    font-weight: 800;
    line-height: 28px; /* 140% */
    background: none;
    padding: 0;

    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.my_page_my_post_list_box > .list_box.shopping > .list > .post_box > .info_box {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 12px;
}
.my_page_my_post_list_box > .list_box.shopping > .list > .post_box > .info_box > .info1 {
    display: flex;
    align-items: center;
    gap: 12px;
}
.my_page_my_post_list_box > .list_box.shopping > .list > .post_box > .info_box > .info1 > span {
    font-size: 16px;
    font-weight: 800;
}
.my_page_my_post_list_box > .list_box.shopping > .list > .post_box > .info_box > .info2 {
    display: flex;
    align-items: center;
    gap: 8px;
}
.my_page_my_post_list_box > .list_box.shopping > .list > .post_box > .info_box > .info2 > .btn1 {
    border-radius: 100px;
    border: 1px solid var(--Dark, #212121);
    background: var(--White, #FFF);
    color: var(--Dark, #212121);
    font-weight: 800;
    line-height: 20px; /* 142.857% */
    width: 140px;
    height: 44px;
}
.my_page_my_post_list_box > .list_box.shopping > .list > .post_box > .info_box > .info2 > .btn2 {
    border-radius: 100px;
    background: var(--Dark, #212121);
    width: 140px;
    height: 44px;
    color: var(--White, #FFF);
    font-weight: 800;
    line-height: 20px; /* 142.857% */
}
.inputRadiopop.write_review > div {
    max-width: 400px;
    width: 100%;
    padding: 20px;
}
.inputRadiopop.write_review > div > .title_box {
    flex-direction: column;
    border: none;
    position: relative;
    gap: 20px;
    padding: 0;
    padding-top: 20px;
}
.inputRadiopop.write_review > div > .title_box > img {
    align-self: flex-end;
    position: absolute;
    top: -5px;
    right: -5px;
}
.inputRadiopop.write_review > div > .title_box > span {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.inputRadiopop.write_review > div > .content_box > .review_star_box {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 20px;
}
.inputRadiopop.write_review > div > .content_box > .review_star_box > img {
    cursor: pointer;
}
.inputRadiopop.write_review > div > .content_box > .comment_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.inputRadiopop.write_review > div > .content_box > .comment_box > .write_image_list {
    gap: 5px;
}
.inputRadiopop.write_review > div > .content_box > .comment_box > .write_image_list > button,
.inputRadiopop.write_review > div > .content_box > .comment_box > .write_image_list > div {
    width: 68px;
    height: 68px;
}
.inputRadiopop.write_review > div > .content_box > .comment_box > .fontsizeinfo > textarea {
    height: 220px;
}



.inputRadiopop.star_candy_charge > div {
    max-width: 800px;
    width: 100%;
    /*padding: 20px;*/
    background: #F5F4F9;
}
.inputRadiopop.star_candy_charge > div > .title_box {
    flex-direction: column;
    border: none;
    padding: 0;
    position: relative;
    padding-top: 20px;
    padding-bottom: 32px;
}
.inputRadiopop.star_candy_charge > div > .title_box > img {
    align-self: flex-end;
    position: absolute;
    right: 15px;
}
/*.inputRadiopop.star_candy_charge > div > .content_box {
    padding: 20px;
    gap: 32px;
    height: 600px;
    overflow: auto;
    padding-right: 5px;
	padding-right:20px;
}*/

.inputRadiopop.star_candy_charge > div > .content_box { padding: 20px; gap: 30px; height: auto;  overflow-y: auto; }

.inputRadiopop.star_candy_charge > div > .content_box > .content_comment {
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 24px; /* 150% */
    font-weight: 400;
}
.inputRadiopop.star_candy_charge > div > .content_box > .content_comment > span {
    color: var(--Red, #F00);
    font-weight: 800;
}
.star_candy_pop_title {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px; /* 140% */
    text-align: left;
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_price,
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_pay_type {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_price > .star_candy_price_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_price > .star_candy_price_list > .list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 20px;

    border-radius: 20px;
    border: 2px solid var(--Primary, #ddd);
    background: var(--White, #FFF);
    cursor: pointer;
    width: calc((100% / 3) - 13.5px);
    position: relative;
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_price > .star_candy_price_list > .list.on {
    border: 2px solid var(--Primary, #FF820F);
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_price > .star_candy_price_list > .list > .title {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 900;
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_price > .star_candy_price_list > .list > .title-s {font-size:16px; display: flex; align-items: center;}

.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_price > .star_candy_price_list > .list > .title > img {
    margin-right: 8px;
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_price > .star_candy_price_list > .list > .title > span {
    font-size: 16px;
    /*margin-top: auto;*/
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_price > .star_candy_price_list > .list > p {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px; /* 150% */
    padding: 14px 28px;
    border-radius: 20px;
	color:var(--Primary, #FF820F);
    background: var(--Grey_F1, #F1F1F1);
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_pay_type > .pay_type_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_pay_type > .pay_type_box > .pay_type_tab {
    display: flex;
    align-items: center;
    gap: 4px;
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_pay_type > .pay_type_box > .pay_type_tab > .tab {
    border-radius: 8px 8px 0px 0px;
    background: var(--White, #FFF);
    display: flex;
    width: 120px;
    height: 40px;
    align-items: center;
    justify-content: center;
    color: var(--Grey_9, #999);
    font-size: 16px;
    line-height: 24px; /* 150% */
    cursor: pointer;
    font-weight: 400;
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_pay_type > .pay_type_box > .pay_type_tab > .tab.on {
    background: var(--Primary, #FF820F);
    color: var(--White, #FFF);
    font-weight: 800;
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_pay_type > .pay_type_box > .pay_type_view {
    padding: 20px;
    border-radius: 0px 12px 12px 12px;
    border: 1px solid var(--Primary, #FF820F);
    background: var(--White, #FFF);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_pay_type > .pay_type_box > .pay_type_view > b {
    font-size: 14px;
    font-weight: 800;
    line-height: 20px; /* 142.857% */
    text-align: left;
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_pay_type > .pay_type_box > .pay_type_view > .type_table {
    display: flex;
    gap: 20px;
    width: 100%;
}
.pay_type_view > .type_table > table > thead > tr > th {
    padding: 4px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}
.pay_type_view > .type_table > table > tbody > tr > td {
    font-size: 12px;
    font-weight: 400;
    padding: 4px;
} 
.inputRadiopop.star_candy_charge > div > .content_box > .payment_btn_box,
.inputRadiopop.star_candy_charge.sub > div > .content_box > .payment_btn_box_sub {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.inputRadiopop.star_candy_charge > div > .content_box > .payment_btn_box > button,
.inputRadiopop.star_candy_charge.sub > div > .content_box > .payment_btn_box_sub > button {
    color: var(--White, #FFF);
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
    border-radius: 100px;
    background: var(--Grey_C, #CCC);
    max-width: 200px;
    width: 100%;
    height: 50px;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .payment_btn_box_sub > button {
    background: #212121;
}
.inputRadiopop.star_candy_charge > div > .content_box > .payment_btn_box > .payment_btn_arr {
    color: var(--Red, #F00);
    font-size: 12px;
    line-height: 16px; /* 133.333% */
}

.categorytab.my_post > div.tabarea > div.tab_button.near > a {
    width: 100%;
    min-width: unset !important;
}
.normalradioarea2.my_post {
    width: calc(100% - 120px);
    padding-right: 20px;
    flex-wrap: nowrap;
}
.my_page_my_post_list_box.coupon > .paging_area02 {
    padding-bottom: 32px;
}


.my_page_my_post_list_box > .list_box.coupon {
    padding: 20px;
    gap: 20px;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back {
    position: relative;
    width: 100%;
    z-index: 1;
    border-bottom: 0;
    padding: 0 !important;
    height: 180px;
    display: flex;
    filter: drop-shadow(4px 4px 20px rgba(0, 0, 0, 0.10));
    cursor: pointer;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .back {
    position: absolute;
    top: 0;
    left: 100px;
    height: 180px;
    z-index: 2;
    background: white;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #fff;
    width: calc(100% - 128px);
    margin-left: -1px;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .part1 {
    position: absolute;
    top: 0;
    left: 0;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .part2 {
    position: absolute;
    top: 0;
    right: 0;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .coupon_info {
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding: 40px;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .coupon_info > .info_back {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 104px;
    width: 100%;
    max-height: 104px;
    height: 100%;
    background: #f1f1f1;
    border-radius: 8px;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .coupon_info > .info_box {
    width: 100%;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .coupon_info > .info_box > .title_group1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .coupon_info > .info_box > .title_group1 > .title {
    width: calc(100% - 200px);
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .coupon_info > .info_box > .title_group1 > .title > p {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;

    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .coupon_info > .info_box > .title_group1 > .title > span {
    color: var(--Primary, #FF820F);
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;

    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .coupon_info > .info_box > .title_group1 > .date {
    font-weight: 800;
    line-height: 20px;
    text-align: right;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .coupon_info > .info_box > .title_group2,
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .title_group2.mobile {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .coupon_info > .info_box > .title_group2 > p,
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .title_group2.mobile > p {
    font-size: 12px;
    line-height: 16px;
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid var(--Grey_C, #CCC);
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .coupon_info > .info_box > .title_group2 > .title > p,
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .title_group2.mobile > .title > p {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */

    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .coupon_info > .info_box > .title_group2 > .title > span,
.my_page_my_post_list_box > .list_box.coupon > .coupon_back > .title_group2.mobile > .title > span {
    line-height: 20px;

    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back.off {
    opacity: 0.5;
}
.my_page_my_post_list_box > .list_box.coupon > .coupon_back.off > .off_message {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Grey_C, #CCC);
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    border-radius: 100px;
    border: 4px solid #ccc;
    width: 80px;
    height: 80px;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    z-index: 3;
    background: rgba(255, 255, 255, 0.50);
}
.inputRadiopop.star_candy_charge {
    padding: 0 20px;
}

.inputRadiopop.star_candy_charge.sub > div > .title_box {
    padding-bottom: 20px;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box {
    gap: 20px;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .title_box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .title_box > .title {
    display: flex;
    align-items: center;
    gap: 8px;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .title_box > .title > p {
    color: var(--Primary, #FF820F);
    font-size: 24px;
    font-weight: 800;
    line-height: 30px; /* 125% */
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .title_box > .sub_title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: left;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content {
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--Grey_D, #DDD);
    background: var(--White, #FFF);
    padding: 20px;
    display: flex;
    flex-direction: column;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .title {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px; /* 140% */
    margin-bottom: 8px;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .sub_title {
    color: var(--Grey_6, #666);
    font-family: "NanumSquare Neo";
    font-size: 16px;
    line-height: 24px; /* 150% */
    margin-bottom: 12px;
    font-weight: 400;
    text-align: left;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .sub_title > b {
    color: var(--Dark, #212121);
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    vertical-align: text-bottom;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table {
    display: flex;
    flex-direction: column;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table > .table_info1,
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table > .table_info2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    padding: 12px 0;
    border-bottom: 1px solid var(--Grey_D, #DDD);
    border-top: 1px solid var(--Grey_D, #DDD);
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table > .table_info2 {
    border-top: none;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table > .table_info1 > b,
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table > .table_info1 > p,
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table > .table_info2 > b {
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table > .table_info1 > p {
    font-weight: 400;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content.two > .star_candy_table > .table_info1 > p > b,
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content.two > .star_candy_table.mobile > .table_info2 > p > b {
    color: red;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content.two > .star_candy_table > .table_info2 {
    margin-bottom: 12px;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content.two > .sub_text {
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: var(--Grey_6, #666);
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content.three > .title_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content.three > .title_box > .title {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px; /* 140% */
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content.three > .agree_comment {
    border-radius: 4px;
    border: 1px solid var(--Grey_D, #DDD);
    padding: 12px;
    height: 120px;
    margin-bottom: 8px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    overflow: auto;
}
.star_candy_charge_select {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.star_candy_charge_select > div {
    gap: 4px;
    display: flex;
    align-items: center;
}
.star_candy_charge_select > div > p {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
}
.star_candy_charge_select > div > select {
    width: 200px;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #DDD;
    border-radius: 4px;
    background: url(../z_images/zoo_img/down-arr-select.svg) center right 10px no-repeat;
    background-size: 24px;
    background-color: #fff;
    cursor: pointer;
}

.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table.mobile > .table_info1 {
    padding: 4px 0;
    gap: 0;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table.mobile > .table_info1 > b:nth-of-type(1) {
    width: 80px;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table.mobile > .table_info1 > b:nth-of-type(2) {
    width: calc(100% - 80px);
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table.mobile > .table_info2 {
    padding: 4px 20px;
    gap: 0;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table.mobile > .table_info2 > p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 150% */
    width: 80px;
    text-align: left;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content > .star_candy_table.mobile > .table_info2 > b {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
    text-align: left;
    width: calc(100% - 80px);
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content.two > .star_candy_table.mobile > .table_info2 > p {
    width: 120px;
}
.inputRadiopop.star_candy_charge.sub > div > .content_box > .star_candy_content.two > .star_candy_table.mobile > .table_info2 > b {
    width: calc(100% - 120px);
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_price > .star_candy_price_list > .list > .sale_text {
    position: absolute;
    top: -12px;
    right: -6px;
    border-radius: 8px;
    background: var(--Primary, #FF820F);
    padding: 6px 8px;
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 800;
    line-height: 16px; /* 133.333% */
}
.inputRadiopop.star_candy_charge > div > .content_box > .star_candy_price > .star_candy_price_list > .list > .sale_text._0 {
    display: none;
}

/* =================================================================
   [º°»çÅÁ] 
   ================================================================= */
.inputRadiopop.star_candy_charge { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; height: 100vh !important; background-color: rgba(0,0,0,0.6) !important; z-index: 1000 !important; }
.inputRadiopop.star_candy_charge > div { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background: #F5F4F9 !important; width: 100% !important; max-width: 800px !important; max-height: 95vh !important; border-radius: 20px !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; justify-content: flex-start !important; }
.inputRadiopop.star_candy_charge .title_box { flex-shrink: 0 !important; padding: 15px 20px !important; position: relative !important; text-align: center !important; background: #fff !important; border-bottom: 1px solid #eee !important; }
.inputRadiopop.star_candy_charge .content_box { flex: 1 !important; overflow-y: auto !important; padding: 20px !important; margin: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; }
.star_candy_charge.main .sticky-footer { position: relative !important; left: auto !important; bottom: auto !important; transform: none !important; width: 100% !important; max-width: none !important; background: #fff !important; padding: 15px 20px !important; border-top: 1px solid #eee !important; display: flex !important; justify-content: center !important; align-items: center !important; flex-shrink: 0 !important; z-index: 1010 !important; box-sizing: border-box !important; box-shadow: none !important; border-radius: 0 0 20px 20px !important; }
.star_candy_charge.main #pay_submit_btn { width: 100% !important; max-width: 200px !important; height: 54px !important; border-radius: 8px !important; color: #fff !important; font-size: 16px !important; font-weight: bold !important; border: none !important; background: #ccc !important; margin: 0 !important; display: flex !important; justify-content: center !important; align-items: center !important; cursor: pointer !important; }
.star_candy_charge.main #pay_submit_btn.active { background: #212121 !important; }
.star_candy_charge.main .payment_btn_arr { position: absolute !important; top: -30px !important; left: 0 !important; width: 100% !important; text-align: center !important; color: red !important; font-size: 12px !important; font-weight: bold !important; margin: 0 !important; }
.agreepop.agree > div { justify-content: flex-start !important; height: auto !important; position: relative !important; }
.agreepop.agree > div > div:last-child { margin-top: 0 !important; padding: 15px 20px !important; background: #fff !important; border-top: 1px solid #eee !important; text-align: center !important; }
.star_candy_charge.main input[id="star_candy_agree_checkbox"]:checked + .agree_chk_label .chk_custom_icon { background-color: #FF820F; }
.star_candy_charge.main .chk_custom_icon { width: 24px; height: 24px; background-color: #e0e0e0; border-radius: 6px; position: relative; transition: background-color 0.2s; }
.star_candy_charge.main .chk_custom_icon::after { content: ''; position: absolute; left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }

@media screen and (max-width: 600px) {
	.inputRadiopop.star_candy_charge, .agreepop.agree { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; z-index: 10001 !important; }
	.inputRadiopop.star_candy_charge > div, .agreepop.agree > div { top: 0 !important; left: 0 !important; transform: none !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; border-radius: 0 !important; background: #fff !important; margin: 0 !important; padding: 0 !important; border: none !important; overflow: hidden !important; }
	.inputRadiopop.star_candy_charge .title_box, .agreepop.agree > div > div:nth-child(2) { flex-shrink: 0 !important; border-bottom: 1px solid #eee !important; background: #fff !important; position: sticky !important; top: 0 !important; z-index: 10 !important; width: 100% !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; font-size: 18px !important; padding: 15px 20px !important; }
	.inputRadiopop.star_candy_charge .content_box { flex: 1 1 auto !important; height: auto !important; max-height: none !important; overflow-y: auto !important; padding: 20px !important; margin: 0 !important; -webkit-overflow-scrolling: touch; }

	#agreeScroll { height: calc(100dvh - 150px) !important; overflow-y: auto !important; padding: 20px 20px 100px !important; margin: 0 !important; -webkit-overflow-scrolling: touch; }
	#agreeScroll p { font-size: 14px !important; line-height: 1.6 !important; word-break: keep-all !important; color: #444 !important; }
	#agreeScroll .comment_titles { font-size: 16px !important; font-weight: 800 !important; color: #212121 !important; margin-top: 24px !important; margin-bottom: 8px !important; }
	.star_candy_charge.main .sticky-footer, .agreepop.agree > div > div:last-child { padding: 15px 20px !important; padding-bottom: max(20px, env(safe-area-inset-bottom)) !important; background: #fff !important; border-top: 1px solid #eee !important; position: sticky !important; bottom: 0 !important; z-index: 10 !important; width: 100% !important; box-sizing: border-box !important; }
	.star_candy_charge.main #pay_submit_btn, .agreepop.agree .nomalbutton { width: 100% !important; max-width: 200px !important; height: 44px !important; border-radius: 8px !important; margin: 0 !important; }
	.agreepop.agree .nomalbutton { background: #eee !important; color: #999 !important; font-size: 16px !important; font-weight: bold !important; border: none !important; }
	.agreepop.agree .nomalbutton.fill { background: #212121 !important; color: #fff !important; }
}




/* 2026-03-31 ½Å±Ô µðÀÚÀÎ Àû¿ë Ãß°¡ */



.mypage_layout_wrap{width:100%;background:rgba(249,250,251,0.5);padding:40px 0 40px 0;}
.mypage_layout_inner{max-width:1312px;margin:0 auto; display:flex;gap:32px;min-width:0; width: 100%; padding: 0 16px; box-sizing: border-box; }
.mypage_layout_left{flex:1;min-width:0; }
.mypage_layout_right{width:320px;min-width:0;}
.mypage_layout_left_inner{background:#fff;border:1px solid #f3f4f6;border-radius:32px;box-shadow:0 1px 2px rgba(0,0,0,0.04);overflow:hidden;}
.mypage_layout_left_cont{padding: 32px;}

.mypage_tab_wrap{display:flex;width:100%;border-bottom:1px solid #f9fafb;overflow:hidden;}
.mypage_tab_btn{flex:1;padding:20px 0 20px 0;font-size:14px;font-weight:700;color:#9ca3af;border-bottom:2px solid transparent;background:none;cursor:pointer;white-space:nowrap;transition:color 0.15s ease;min-width:0;line-height:20px; text-align: center; text-decoration: none;}
.mypage_tab_btn:hover{color:#4b5563;}
.mypage_tab_btn.active{color:#f97316;border-bottom:2px solid #f97316;}

.mypage_subtab_wrap { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 32px; align-items: flex-start; }
.mypage_subtab_inner { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; min-width: 0; }
.mypage_tab_input { display: none; }
.mypage_subtab_btn { display: inline-block; padding: 10px 20px; border-radius: 12px; background: #fff; color: #6b7280; font-size: 14px; font-weight: 700; border: 1px solid #f3f4f6; cursor: pointer; transition: all 0.2s ease; line-height: 20px; white-space: nowrap; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); text-align: center; }
.mypage_subtab_btn:hover { border: 1px solid #fed7aa; color: #f97316; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.mypage_tab_input:checked + .mypage_subtab_btn { background: linear-gradient(90deg, #f97316, #fb923c); color: #fff; font-weight: 900; border: 1px solid transparent; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }

.mypage_tab_input.type02:checked + .mypage_subtab_btn { color:#0891b2; background:#e0f7fa; border:1px solid #cffafe; }
.mypage_tab_input.type03:checked + .mypage_subtab_btn { color:#e65100; background:#fff3e0; border:1px solid #ffedd5; }
.mypage_tab_input.type04:checked + .mypage_subtab_btn { color:#a16207; background:#fef9c3; border:1px solid #fef08a; }
.mypage_tab_input.type05:checked + .mypage_subtab_btn { color:#059669; background:#d1fae5; border:1px solid #d1fae5; }
.mypage_tab_input.type06:checked + .mypage_subtab_btn { color:#7b1fa2; background:#f3e5f5; border:1px solid #f3e5f5; }


.mypage_subtab_btn:active { transform: scale(0.95); }
.mypage_safe_btn { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 20px; border-radius: 12px; background: linear-gradient(90deg, #10b981, #2dd4bf); color: #fff; font-size: 12px; font-weight: 900; box-shadow: 0 1px 2px rgba(0,0,0,0.05); cursor: pointer; transition: all 0.2s ease; line-height: 16px; white-space: nowrap; border: none; }
.mypage_safe_btn:active { transform: scale(0.95); }
.mypage_safe_btn svg { width: 14px; height: 14px; stroke: #fff; }
.mypage_safe_btn_mo { display: none; align-items: center; justify-content: center; gap: 4px; padding: 10px 8px; border-radius: 12px; background: linear-gradient(to right, #10b981, #2dd4bf); color: #fff; font-size: 12px; font-weight: 900; border: none; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); transition: all 0.2s; cursor: pointer; outline: none; }
.mypage_safe_btn_mo:active { transform: scale(0.95); }
.mypage_safe_btn_mo svg { width: 14px; height: 14px;  stroke:#fff;}




.mypage_notice{display:flex;align-items:center;gap:8px;margin-bottom:32px;padding:0 4px;}
.mypage_notice svg{width:14px;height:14px; stroke:#9ca3af;display:inline-block;}
.mypage_notice .mypage_notice_text{font-size:11px;color:#9ca3af;font-weight:500;line-height:16px;}

.mypage_list_dashedline{width:100%;border-top:1px dashed rgba(229,231,235,0.6); margin: 12px 0;}


.mypage_free_list{display:flex;flex-direction:column;min-width:0; }
.mypage_free_list_item{display:flex;gap:16px;align-items:center;padding:8px; cursor:pointer;transition:all 0.3s ease; border-radius: 16px; }
.mypage_free_list_item:hover{background:rgba(249,250,251,0.8);}
.mypage_free_list_item .photo{width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid #f9fafb;box-shadow:0 1px 2px rgba(0,0,0,0.04);flex-shrink:0;}
.mypage_free_list_item .photo img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.mypage_free_list_item:hover .photo img{transform:scale(1.1);}
.mypage_free_list_item .cont{flex:1;min-width:0;}
.mypage_free_list_item .cont .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px;}
.mypage_free_list_item .cont .top .meta{display:flex;align-items:center;gap:8px;min-width:0;}
.mypage_free_list_item .cont .top .meta .name{font-size:13px;font-weight:900;color:#ea580c;white-space:nowrap;line-height:18px;}
.mypage_free_list_item .cont .top .meta .badge{font-size:10px;padding:2px 8px;border-radius:6px;font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap;line-height:14px;}
.mypage_free_list_item .cont .top .meta .badge.free{background:#fee2e2;color:#ec4899;}
.mypage_free_list_item .cont .top .meta .badge.safe{background:#d1fae5;color:#059669;}
.mypage_free_list_item .cont .top .meta .badge.normal{background:#e0f7fa;color:#00acc1;}

.mypage_free_list_item .cont .top .date{font-size:11px;color:#9ca3af;font-weight:500;white-space:nowrap;line-height:16px;}
.mypage_free_list_item .cont .bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;}
.mypage_free_list_item .cont .bottom .title{font-size:15px;font-weight:700;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease;line-height:20px; margin: 5px 0;}
.mypage_free_list_item:hover .cont .bottom .title{color:#f97316;}
.mypage_free_list_item .cont .bottom .pay{font-size:15px;font-weight:900;color:#4b5563;white-space:nowrap;line-height:20px; letter-spacing: 0.375px;}


.mypage_free_list_item .cont .onlineBox{display:flex;justify-content:space-between;align-items:flex-start;}
.mypage_free_list_item .cont .onlineBox .name{font-size:15px;font-weight:700;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease;line-height:20px;}
.mypage_free_list_item .cont .onlineBox .date{font-size:11px;color:#9ca3af;font-weight:500;white-space:nowrap;line-height:16px;}
.mypage_free_list_item:hover .cont .onlineBox .name{color:#f97316;}



.heightBox{height:800px; overflow-y:auto}
.heightBox.custom_scrollbar::-webkit-scrollbar { width: 6px; }
.heightBox.custom_scrollbar::-webkit-scrollbar-track { background: transparent; }
.heightBox.custom_scrollbar::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 10px; }






.mypage_normal_list{display:flex;flex-direction:column;min-width:0; }
.mypage_normal_list_item{display:flex;gap:16px;align-items:center;padding:8px; cursor:pointer;transition:all 0.3s ease; border-radius: 16px; }
.mypage_normal_list_item:hover{background:rgba(249,250,251,0.8);}
.mypage_normal_list_item .photo{width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid #f9fafb;box-shadow:0 1px 2px rgba(0,0,0,0.04);flex-shrink:0;}
.mypage_normal_list_item .photo img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.mypage_normal_list_item:hover .photo img{transform:scale(1.1);}
.mypage_normal_list_item .cont{flex:1;min-width:0;}
.mypage_normal_list_item .cont .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px;}
.mypage_normal_list_item .cont .top .meta{display:flex;align-items:center;gap:8px;min-width:0;}
.mypage_normal_list_item .cont .top .meta .name{font-size:13px;font-weight:900;color:#ea580c;white-space:nowrap;line-height:18px;}
.mypage_normal_list_item .cont .top .meta .badge{font-size:10px;padding:2px 8px;border-radius:6px;font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap;line-height:14px;}
.mypage_normal_list_item .cont .top .meta .badge.normal{background:#e0f7fa;color:#00acc1;}
.mypage_normal_list_item .cont .top .meta .badge.safe{background:#d1fae5;color:#059669;}
.mypage_normal_list_item .cont .top .date{font-size:11px;color:#9ca3af;font-weight:500;white-space:nowrap;line-height:16px;}
.mypage_normal_list_item .cont .bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;}
.mypage_normal_list_item .cont .bottom .title{font-size:15px;font-weight:700;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease;line-height:20px;}
.mypage_normal_list_item:hover .cont .bottom .title{color:#f97316;}
.mypage_normal_list_item .cont .bottom .pay{font-size:13px;font-weight:900;color:#4b5563;white-space:nowrap;line-height:20px; letter-spacing: 0.65px; display: inline-block; padding: 6px 12px;}
.mypage_normal_list_item .cont .bottom .pay.type01{ background: #E0F2F1; color: #00897B;}
.mypage_normal_list_item .cont .bottom .pay.type02{ background: #E3F2FD; color: #1976D2;}
.mypage_normal_list_item .cont .bottom .pay.type03{ background: #F3E5F5; color: #7B1FA2;}
.mypage_normal_list_item .cont .bottom .pay.type04{ background: #FBE9E7; color: #BF360C;}
.mypage_normal_list_item .cont .bottom .pay.type05{ background: #E8EAF6; color: #3949AB;}


.mypage_aband_list{display:flex;flex-direction:column;min-width:0; }
.mypage_aband_list_item{display:flex;gap:16px;align-items:center;padding:8px; cursor:pointer;transition:all 0.3s ease; border-radius: 16px; }
.mypage_aband_list_item:hover{background:rgba(249,250,251,0.8);}
.mypage_aband_list_item .photo{width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid #f9fafb;box-shadow:0 1px 2px rgba(0,0,0,0.04);flex-shrink:0;}
.mypage_aband_list_item .photo img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.mypage_aband_list_item:hover .photo img{transform:scale(1.1);}
.mypage_aband_list_item .cont{flex:1;min-width:0;}
.mypage_aband_list_item .cont .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px;}
.mypage_aband_list_item .cont .top .meta{display:flex;align-items:center;gap:8px;min-width:0;}
.mypage_aband_list_item .cont .top .meta .name{font-size:13px;font-weight:900;color:#ea580c;white-space:nowrap;line-height:18px;}
.mypage_aband_list_item .cont .top .meta .badge{font-size:10px;padding:2px 8px;border-radius:6px;font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap;line-height:14px; color: #e65100; background: #fff3e0;}
.mypage_aband_list_item .cont .top .date{font-size:11px;color:#9ca3af;font-weight:500;white-space:nowrap;line-height:16px;}
.mypage_aband_list_item .cont .bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;}
.mypage_aband_list_item .cont .bottom .title{font-size:15px;font-weight:700;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease;line-height:20px;}
.mypage_aband_list_item:hover .cont .bottom .title{color:#f97316;}
.mypage_aband_list_item .cont .bottom .pay{font-size:15px;font-weight:900;color:#4b5563;white-space:nowrap;line-height:20px; letter-spacing: 0.375px;}

.mypage_flea_list{display:flex;flex-direction:column;min-width:0; }
.mypage_flea_list_item{display:flex;gap:16px;align-items:center;padding:8px; cursor:pointer;transition:all 0.3s ease; border-radius: 16px; }
.mypage_flea_list_item:hover{background:rgba(249,250,251,0.8);}
.mypage_flea_list_item .photo{width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid #f9fafb;box-shadow:0 1px 2px rgba(0,0,0,0.04);flex-shrink:0;}
.mypage_flea_list_item .photo img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.mypage_flea_list_item:hover .photo img{transform:scale(1.1);}
.mypage_flea_list_item .cont{flex:1;min-width:0;}
.mypage_flea_list_item .cont .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px;}
.mypage_flea_list_item .cont .top .meta{display:flex;align-items:center;gap:8px;min-width:0;}
.mypage_flea_list_item .cont .top .meta .name{font-size:13px;font-weight:900;color:#ea580c;white-space:nowrap;line-height:18px;}
.mypage_flea_list_item .cont .top .meta .badge{font-size:10px;padding:2px 8px;border-radius:6px;font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap;line-height:14px;}
.mypage_flea_list_item .cont .top .meta .badge svg{stroke: currentColor; width: 8px; height: 8px;}
.mypage_flea_list_item .cont .top .meta .badge.type01{background:#e3f2fd;color:#1976d2;}
.mypage_flea_list_item .cont .top .meta .badge.type02{background:#e0e7ff;color:#4f46e5;}
.mypage_flea_list_item .cont .top .meta .badge.type03{background:#d1fae5;color:#059669;}
.mypage_flea_list_item .cont .top .meta .badge.type04{background:#ffe5e5;color:#e91e63;}
.mypage_flea_list_item .cont .top .date{font-size:11px;color:#9ca3af;font-weight:500;white-space:nowrap;line-height:16px;}
.mypage_flea_list_item .cont .bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;}
.mypage_flea_list_item .cont .bottom .title{font-size:15px;font-weight:700;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease;line-height:20px;}
.mypage_flea_list_item:hover .cont .bottom .title{color:#f97316;}
.mypage_flea_list_item .cont .bottom .pay{font-size:15px;font-weight:900;color:#4b5563;white-space:nowrap;line-height:20px; letter-spacing: 0.375px;}

.mypage_comm_list{display:flex;flex-direction:column;min-width:0; }
.mypage_comm_list_item{display:flex;gap:16px;align-items:center;padding:8px; cursor:pointer;transition:all 0.3s ease; border-radius: 16px; }
.mypage_comm_list_item:hover{background:rgba(249,250,251,0.8);}
.mypage_comm_list_item .photo{width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid #f9fafb;box-shadow:0 1px 2px rgba(0,0,0,0.04);flex-shrink:0;}
.mypage_comm_list_item .photo img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.mypage_comm_list_item:hover .photo img{transform:scale(1.1);}
.mypage_comm_list_item .cont{flex:1;min-width:0;}
.mypage_comm_list_item .cont .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px;}
.mypage_comm_list_item .cont .top .meta{display:flex;align-items:center;gap:8px;min-width:0;}
.mypage_comm_list_item .cont .top .meta .name{font-size:13px;font-weight:900;color:#ea580c;white-space:nowrap;line-height:18px;}
.mypage_comm_list_item .cont .top .meta .badge{font-size:10px;padding:2px 8px;border-radius:6px;font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap;line-height:14px;}
.mypage_comm_list_item .cont .top .meta .badge svg{stroke: currentColor; width: 8px; height: 8px;}
.mypage_comm_list_item .cont .top .meta .badge.question{background:#fff3e0;color:#e65100;}
.mypage_comm_list_item .cont .top .meta .badge.daily{background:#e3f2fd;color:#1976d2;}
.mypage_comm_list_item .cont .top .meta .badge.info{background:#e8f5e9;color:#2e7d32;}
.mypage_comm_list_item .cont .top .meta .badge.etc{background:#f5f5f5;color:#616161;}
.mypage_comm_list_item .cont .top .date{font-size:11px;color:#9ca3af;font-weight:500;white-space:nowrap;line-height:16px;}
.mypage_comm_list_item .cont .bottom{display:block;}
.mypage_comm_list_item .cont .bottom .title{font-size:15px;font-weight:700;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease;line-height:20px;}
.mypage_comm_list_item:hover .cont .bottom .title{color:#f97316;}



.mypage_table { display:flex; flex-direction:column; width:100%; }
.mypage_table_head { display:grid; grid-template-columns:60px 1fr 180px 100px 80px; gap:16px; padding:12px 16px; background:#f9fafb; border-radius:12px; font-size:13px; font-weight:700; color:#6b7280; margin-bottom:8px; }
.mypage_table_head div { text-align:center; font-size:13px;font-weight:700;color:#6b7280;}
.mypage_table_head div.col_desc {text-align:left;}
.mypage_table_row { display:grid; grid-template-columns:60px 1fr 180px 100px 80px; gap:16px; padding:16px; border-bottom:1px solid #f9fafb; border-radius:16px; transition:all 0.3s; cursor:pointer; }
.mypage_table_row:hover { background:rgba(249,250,251,0.8); }
.mypage_table_row .col_no { display:flex; align-items:center; justify-content:center; font-size:13px; color:#9ca3af; font-weight:500; }
.mypage_table_row .col_desc { display:flex; align-items:left; font-size:14px; font-weight:700; color:#374151; transition:color 0.2s; }
.mypage_table_row:hover .col_desc { color:#f97316; }
.mypage_table_row .col_date { display:flex; align-items:center; justify-content:center; font-size:13px; color:#6b7280; }
.mypage_table_row .col_change { display:flex; align-items:center; justify-content:center; font-size:13px; color:#f97316; font-weight:700; }
.mypage_table_row .col_balance { display:flex; align-items:center; justify-content:center; font-size:13px; color:#374151; font-weight:900; }
.mypage_table .m_no, .mypage_table .mobile_info, .mypage_table .m_divider { display:none; }






.mypage_profile_card{background:#fff;border:1px solid #f3f4f6;border-radius:32px;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,0.04);}
.mypage_profile_head{display:flex;align-items:center;gap:8px;margin-bottom:20px;}
.mypage_profile_title{font-size:20px;font-weight:900;color:#111827;letter-spacing:-1px;line-height:28px; }
.mypage_profile_line{width:32px;height:3px;background:linear-gradient(90deg,#f97316,rgba(249,115,22,0));border-radius:999px;margin-top:4px;}
.mypage_profile_info{display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden;}
.mypage_profile_left{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.mypage_profile_avatar_wrap{position:relative;flex-shrink:0;}
.mypage_profile_avatar{width:64px;height:64px;background:#f9fafb;border-radius:999px;border:1px solid #f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden; box-sizing: border-box;}
.mypage_profile_avatar svg{width:36px;height:36px; stroke:#d1d5db;}
.mypage_profile_avatar img{width:100%; height:100%; object-fit:cover}
.mypage_profile_camera{position:absolute;right:0;bottom:0;background:#fff;border:1px solid #f3f4f6;border-radius:999px; box-shadow:0 1px 2px rgba(0,0,0,0.04);cursor:pointer;transition:color 0.2s ease; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; }
.mypage_profile_camera:hover{color:#f97316;}
.mypage_profile_camera:active{transform:scale(0.95);}
.mypage_profile_camera svg{width:12px;height:12px; stroke: rgb(31, 41, 55); }
.mypage_profile_camera:hover svg{stroke:#f97316;}
.mypage_profile_text{min-width:0;}
.mypage_profile_name_wrap{display:flex;align-items:center;gap:4px;cursor:pointer;}
.mypage_profile_name{font-size:18px;font-weight:800;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease;line-height:28px;}
.mypage_profile_name_wrap:hover .mypage_profile_name{color:#f97316;}
.mypage_profile_name_wrap svg{width:20px;height:20px;stroke:#9ca3af;transition:color 0.2s ease;}
.mypage_profile_name_wrap:hover svg{stroke:#f97316;}
.mypage_profile_badge{font-size:11px;color:#9ca3af;font-weight:700;background:#f9fafb;padding:2px 8px;border-radius:6px;white-space:nowrap;line-height:16px;}

.mypage_profile_score_mobile{display:none;flex-direction:column;align-items:center;gap:0;margin-top:-12px;flex-shrink:0;}
.mypage_profile_score_img{width:96px;height:56px;display:flex;align-items:center;justify-content:center;}
.mypage_profile_score_img img{width: 100%; height: 100%; object-fit: contain;}
.mypage_profile_score_value{font-size:18px;font-weight:900;color:#059669;letter-spacing:-0.9px;line-height:20px;margin-top:-10px;}




.mypage_star_card{display:block;background:#fff;border:1px solid #f3f4f6;border-radius:32px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.04);transition:all 0.2s ease; margin-top: 20px;}
.mypage_star_card:hover{box-shadow:0 4px 6px rgba(0,0,0,0.1);}
.mypage_star_card .top{display:flex;justify-content:space-between;align-items:center; padding:16px 24px; background:rgba(255,251,235,0.5);border-bottom:1px dashed #fef3c7;}
.mypage_star_card .top .title{font-size:14px;font-weight:900;color:#b45309;line-height:20px;}
.mypage_star_card .top .mypage_star_btn{background:#fbbf24;color:#fff;font-size:10px;padding:4px 12px;border-radius:999px;font-weight:900;box-shadow:0 1px 2px rgba(0,0,0,0.04);cursor:pointer;transition:all 0.2s ease;}
.mypage_star_card .top .mypage_star_btn:hover{background:#f59e0b;}
.mypage_star_card .top .mypage_star_btn:active{transform:scale(0.95);}
.mypage_star_card .cont{padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;}
.mypage_star_card .cont .mypage_star_cluster {position:relative;width:64px;height:48px;display:flex;align-items:center;justify-content:center;}
.mypage_star_card .cont .mypage_star_info{display:flex;align-items:center;gap:8px;}
.mypage_star_card .cont .mypage_star_info .mypage_star_label{font-size:12px;font-weight:700;color:#9ca3af;line-height:16px;}
.mypage_star_card .cont .mypage_star_info .mypage_star_value{font-size:16px;font-weight:900;color:#d97706;letter-spacing:-0.4px;line-height:20px;}

.mypage_score_card{ background:#fff; border:1px solid #f3f4f6; border-radius:32px; overflow:hidden; margin-top: 20px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);    
}
.mypage_score_card:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}
.mypage_score_card .mypage_score_tit{display:flex;align-items:center;padding:16px 24px; background-color:rgb(240 253 250 / 0.5);border-bottom:1px dashed #ccfbf1; font-size:14px; font-weight:900; color:#0f766e;}
.mypage_score_card .mypage_score_cont{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;}
.mypage_score_card .mypage_score_cont .score{display:flex;align-items:center;gap:16px;}
.mypage_score_card .mypage_score_cont .score img{width:56px;height:56px;object-fit:contain;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}
.mypage_score_card:hover .mypage_score_cont .score img{transform: rotate(12deg);}
.mypage_score_card .mypage_score_cont .score strong{ font-size:30px; line-height: 36px; letter-spacing: -1.5px; font-weight:900; color:#059669;}
.mypage_score_card .mypage_score_cont .meta{ display:flex; align-items:center; gap:6px; padding:4px 10px; border-radius:20px; background:#ecfdf5; border:1px solid #d1fae5; font-size:10px; font-weight:700; color:#047857;}
.mypage_score_card .mypage_score_cont .meta span{color:#047857;}
.mypage_score_card .mypage_score_cont .meta .dot{ width:4px; height:4px; border-radius:50%; background:#10b981; animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}
@keyframes pulse{0%{opacity:1;}50%{opacity:.3;}100%{opacity:1;}}


.mobile_mypage_star_card { display:none; background-color:#fff; border-radius:32px; box-shadow:0 1px 2px 0 rgba(0,0,0,0.05); border:1px solid #f3f4f6; overflow:hidden; transition:all 0.2s;  margin-top: 20px;}
.mobile_mypage_star_card:hover { box-shadow:0 4px 6px -1px rgba(0,0,0,0.1); }
.mobile_mypage_star_card .mobile_mypage_star_wrap { padding:16px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:8px; }
.mobile_mypage_star_wrap .tit { display:flex; font-size:13px; font-weight:900; color:#b45309; align-items:center; gap:6px; }
.mobile_mypage_star_wrap .tit svg { width:14px; height:14px; stroke:#fbbf24; fill:#fbbf24; }
.mobile_mypage_star_wrap .tit .star_count { font-size:14px; font-weight:900; color:#d97706; letter-spacing:-0.05em; }
.mobile_mypage_star_wrap .mobile_star_charge_btn { background-color:#fbbf24; color:#fff; font-size:10px; padding:6px 12px; border-radius:9999px; font-weight:900; border:none; box-shadow:0 1px 2px rgba(0,0,0,0.05); cursor:pointer; transition:all 0.2s; outline:none; }
.mobile_mypage_star_wrap .mobile_star_charge_btn:hover { background-color:#f59e0b; }
.mobile_mypage_star_wrap .mobile_star_charge_btn:active { transform:scale(0.95); }










.mypage_alarm_card{position:relative;background:#fff;border:1px solid #ffedd5;border-radius:40px;padding:20px;cursor:pointer;transition:all .5s; margin-top: 20px; overflow: hidden;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
.mypage_alarm_card:hover{
    box-shadow:0 25px 50px -12px rgb(254 215 170 / 0.4)
}
.mypage_alarm_card_bg{position:absolute;top:0; right:0;width:160px;height:160px;background:#fff7ed;border-radius:50%;opacity:.3;transition:transform .7s;  transform: translate(25%, -50%); z-index: 0; }
.mypage_alarm_card:hover .mypage_alarm_card_bg{transform:scale(1.25);}
.mypage_alarm_card .top{display:flex;gap:16px;margin-bottom:12px; z-index: 1; position: relative;}
.mypage_alarm_card .top .icon{width:56px;height:56px;border-radius:24px;background:linear-gradient(135deg,#f97316,#ec4899);transition:all .5s; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 20px 25px -5px #fed7aa, 0 8px 10px -6px #fed7aa;
}
.mypage_alarm_card .top .icon svg{stroke: #fff; width: 28px; height: 28px;}
.mypage_alarm_card:hover .top .icon{transform:rotate(6deg) scale(1.05);}
.mypage_alarm_card .top .text{}
.mypage_alarm_card .top .text .dot{display: inline-block; border-radius: 9999px; width: 8px;height: 8px;background: #f97316;animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; margin-right: 6px;}
.mypage_alarm_card .top .text .t{font-size:11px;font-weight:900;color:#ea580c;letter-spacing:-0.02em; }
.mypage_alarm_card .top .text .desc{font-size:15px; line-height: 1.25; font-weight:900; color:#111;}
.mypage_alarm_card .top .text .desc em{color:#f97316;font-style:normal;}
.mypage_alarm_card .bottom{display:flex;justify-content:space-between;align-items:center;}
.mypage_alarm_card .bottom .alarm_users{display:flex;}
.mypage_alarm_card .bottom .alarm_users span{width:28px;height:28px;border-radius:50%;background:#f3f4f6;border:2px solid #fff;margin-right:-8px; overflow: hidden;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); box-sizing: border-box;
}
.mypage_alarm_card .bottom .alarm_users span img{width: 100%; height: 100%; object-fit: cover;}
.mypage_alarm_card .bottom .alarm_users span.more{display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:900;color:#9ca3af;}
.mypage_alarm_card .bottom .alarm_btn{display: flex; align-items: center; justify-content: center; gap: 6px; background:#f97316;color:#fff;padding:8px 16px;border-radius:16px;font-size:11px;font-weight:900;transition:all .3s;
    box-shadow: 0 10px 15px -3px #fed7aa, 0 4px 6px -4px #fed7aa;
}
.mypage_alarm_card .bottom  svg{ width: 14px; height: 14px; stroke:#fff; }
.mypage_alarm_card:hover .alarm_btn{transform:translateX(4px);}
@keyframes ping{ 75%, 100% {
    transform: scale(2);
    opacity: 0;
}
}
.mypage_alarm_card_mobile { display:none; items-center:center; justify-content:space-between; position:relative; z-index:10; }
.mypage_alarm_card_mobile .txt { display:flex; align-items:center; gap:6px; }
.mypage_alarm_card_mobile .txt svg { width:16px; height:16px; stroke:#f97316; }
.mypage_alarm_card_mobile .txt .dotwrap { position:relative; display:flex; height:6px; width:6px; }
.mypage_alarm_card_mobile .txt .dotwrap .ping_animate { position:absolute; display:inline-flex; h-full:100%; w-full:100%; border-radius:9999px; background-color:#fb923c; opacity:0.75; animation:mobileping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }
.mypage_alarm_card_mobile .txt .dotwrap .ping_dot { position:relative; display:inline-flex; border-radius:9999px; height:6px; width:6px; background-color:#f97316; }
.mypage_alarm_card_mobile .txt .title { font-size:13px; color:#ea580c; font-weight:900; letter-spacing:-0.025em; }
.mypage_alarm_card_mobile .mobile_alarm_btn { display:flex; align-items:center; gap:4px; background-color:#f97316; color:#fff; padding:6px 12px; border-radius:12px; font-size:10px; font-weight:900; box-shadow:0 10px 15px -3px rgba(254,215,170,1); }
.mypage_alarm_card_mobile .mobile_alarm_btn svg { width:14px; height:14px; stroke:#fff; }
@keyframes mobileping { 75%, 100% { transform:scale(2); opacity:0; } }







.mypage_premium_card{background:#fff;border:1px solid #f3f4f6;border-radius:32px;padding:6px;cursor:pointer;transition:all .3s;  margin-top: 20px;}
.mypage_premium_card:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}
.mypage_premium_card_inner{display:flex;justify-content:space-between;align-items:center;padding:16px; border: 1px solid #f1f5f9; background:#f8fafc;border-radius:24px;position:relative;overflow:hidden;}
.mypage_premium_card:hover .mypage_premium_card_inner{background: #fff;}
.mypage_premium_card_inner .premium_left{display:flex;align-items:center;gap:12px;}
.mypage_premium_card_inner .premium_left .icon{width:32px;height:32px; background-color: rgb(251 191 36 / 0.1); border-radius:12px; display: flex; align-items: center; justify-content: center;
    border-color: rgb(251 191 36 / 0.2); border-width: 1px; border-style: solid;
}
.mypage_premium_card_inner .premium_left .icon svg{width: 16px; height: 16px; stroke: #f59e0b;}
.mypage_premium_card_inner .txt .title{font-size:14px;font-weight:900;color:#1e293b; letter-spacing: -0.35px; display: flex; align-items: center; justify-content: center; gap: 8px;}
.mypage_premium_card_inner .txt .title span{background:#fbbf24;font-size:8px;padding:2px 6px;border-radius:4px; color: #111827; letter-spacing: 0;}
.mypage_premium_card_inner .txt  p{font-size:10px;color:#64748b; font-weight: 500;}
.mypage_premium_arrow{transition:all .3s;}
.mypage_premium_arrow svg{stroke: #cbd5e1; width: 20px; height: 20px;}
.mypage_premium_card:hover .mypage_premium_arrow svg{stroke:#f59e0b;}





.mypage_cs_card{display:flex;justify-content:space-between;align-items:center;padding:20px;border-radius:20px;background-color:rgb(238 242 255 / 0.5); border:1px solid #e0e7ff;cursor:pointer;transition:all .3s;  margin-top: 20px;}
.mypage_cs_card:hover{background:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}
.mypage_cs_card .mypage_cs_left{display:flex;align-items:center;gap:12px;}
.mypage_cs_card .mypage_cs_left .icon{width:32px;height:32px;background-color:rgb(99 102 241 / 0.1); border-radius:8px; display: flex; align-items: center; justify-content: center;}
.mypage_cs_card .mypage_cs_left .icon svg{stroke: #4f46e5; width: 16px; height: 16px;}
.mypage_cs_card .mypage_cs_left span{font-size:14px;font-weight:900;color:#312e81; letter-spacing: -0.035px;}
.mypage_cs_card .mypage_cs_arrow{color:#a5b4fc;}
.mypage_cs_card .mypage_cs_arrow svg{width: 16px; height: 16px; stroke: #a5b4fc;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.mypage_cs_card:hover .mypage_cs_arrow svg{stroke:#4f46e5;transform:translateX(4px);}




.mypage_guide_card{background:#fff;border:1px solid #f3f4f6; border-radius:32px; overflow:hidden; margin-top: 20px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);}
.mypage_guide_card .top{padding:16px 24px; background-color:rgb(239 246 255 / 0.5); font-size: 14px; line-height: 20px; color: #1e3a8a; font-weight: 900; display: flex; align-items: center; gap: 12px;}
.mypage_guide_card .top .icon{background-color: rgb(59 130 246 / 0.1); width: 28px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.mypage_guide_card .top .icon svg{width: 14px; height: 14px; stroke:#1e3a8a}
.mypage_guide_card  .guide_list{padding:20px;}
.mypage_guide_card  .guide_list .item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:12px;cursor:pointer;transition:all .2s;}
.mypage_guide_card  .guide_list .item .txt{display: flex; align-items: center; gap: 12px; font-size:13px;font-weight:700;color:#374151;}
.mypage_guide_card  .guide_list .item .txt .dot{display: inline-block; width: 6px; height: 6px; border-radius: 9999px; background: #d1d5db;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.mypage_guide_card .guide_list .item svg{width: 16px;height: 16px;stroke: #e5e7eb;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.mypage_guide_card .guide_list .item:hover{background: #f9fafb;}
.mypage_guide_card .guide_list .item:hover .txt {color: #111827;}
.mypage_guide_card .guide_list .item:hover .txt .dot{background: #f97316;}
.mypage_guide_card .guide_list .item:hover svg{width: 16px;height: 16px;stroke: #9ca3af; transform:translateX(4px);}




.mypage_layout_left .mypage_premium_card, 
.mypage_layout_left .mypage_cs_card,
.mypage_layout_left .mypage_guide_card {display: none;}



        
.starCharge_modal_wrap{position:fixed; top: 0; left:0;right:0;bottom:0; z-index: 2000; inset: 0;  }
.starCharge_modal_bg{backdrop-filter: blur(4px) ; background-color: rgb(0 0 0 / 0.6); position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.starCharge_modal_box{ display:flex; justify-content: center; align-items: center;  position: absolute; z-index: 2000; left: 0; right: 0; top: 0; bottom: 0;}
.starCharge_modal_inner{background:#fff; width: 100%; max-width:896px; height: auto; border-radius:40px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25); position: relative; overflow: hidden; display: flex; flex-direction: column; max-height: 90vh; }
.starCharge_modal_body{flex:1;overflow-y:auto; min-height:0;}
.starCharge_modal_body.custom_scrollbar::-webkit-scrollbar { width: 6px; }
.starCharge_modal_body.custom_scrollbar::-webkit-scrollbar-track { background: transparent; }
.starCharge_modal_body.custom_scrollbar::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 10px; }


.starCharge_modal_content{padding:0 32px;}


.starCharge_modal_header { display: flex; justify-content: space-between; align-items: center; padding: 24px 32px 12px 32px; background-color: #fff; flex-shrink: 0; }
.starCharge_modal_header_left { display: flex; align-items: center; gap: 12px; min-width: 0; }
.starCharge_modal_header_left .iconbox { width: 40px; height: 40px; background-color: #fef3c7; border-radius: 16px; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; }
.starCharge_modal_header_left .iconbox .star-cluster { position: relative; width: 40px; height: 40px; }
.starCharge_modal_header_left .title { font-size: 24px; font-weight: 900; color: #111827; letter-spacing: -0.6px; line-height: 32px; margin: 0; }
.starCharge_modal_header .btn_close { padding: 8px; background: none; border: none; cursor: pointer; border-radius: 9999px; transition: background-color 0.2s, transform 0.1s; display: flex; align-items: center; justify-content: center; outline: none; }
.starCharge_modal_header .btn_close:hover { background-color: #f3f4f6; }
.starCharge_modal_header .btn_close:active { transform: scale(0.95); }
.starCharge_modal_header .btn_close svg { width: 28px; height: 28px; stroke: #9ca3af; display: block; }

.starCharge_info_box { background-color: #fffbeb; border-radius: 24px; padding: 16px; margin-bottom: 16px; }
.starCharge_info_box .starCharge_info_list { font-size: 12px;  line-height: 1.625; font-weight: 500; list-style: none; padding: 0; margin: 0; }
.starCharge_info_box .starCharge_info_list li { display: flex; gap: 8px; min-width: 0;  color: #92400e; align-items: flex-start; margin-bottom: 4px; }
.starCharge_info_box .starCharge_info_list li:last-child { margin-bottom: 0; }
.starCharge_info_box .starCharge_info_list li .dot{display: inline-block; width: 4px; height: 4px; border-radius: 50%; margin-top: 8px;}
.starCharge_info_box .starCharge_info_list li .dot.amber { background: #fbbf24; font-weight: 700; }
.starCharge_info_box .starCharge_info_list li .dot.red { background: #ef4444; font-weight: 900; }


.charge_pay_select { margin-bottom: 20px; }
.charge_pay_select .title { font-size: 16px; font-weight: 900; color: #111827; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; line-height: 24px; }
.charge_pay_select .title .bar { width: 6px; height: 20px; background-color: #f97316; border-radius: 9999px; }
.charge_pay_option { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.charge_pay_option .charge_item { position: relative; cursor: pointer; }
.charge_pay_option .charge_item .charge_box { display: block; padding: 20px; border-radius: 24px; border: 2px solid #f3f4f6; background-color: #fff; transition: all 0.15s; cursor: pointer; }
.charge_pay_option .charge_item.on .charge_box { border-color: #f97316; background-color: rgba(255, 247, 237, 0.3); }
.charge_pay_option .charge_item .charge_box:hover { border-color: #fed7aa; }
.charge_pay_option .charge_item .charge_box .label_cont { display: flex; flex-direction: column; align-items: center; text-align: center; }
.charge_pay_option .charge_item .charge_box .star_info { display: flex; flex-direction: row; align-items: center; margin-bottom: 4px; gap: 16px; }
.charge_pay_option .charge_item .charge_box .star_info .star-cluster { position: relative; width: 40px; height: 40px;  }
.charge_pay_option .charge_item .charge_box .star_count { font-size: 20px; font-weight: 900; color: #eab308; line-height: 28px; }
.charge_pay_option .charge_item .charge_box .price_text { font-size: 18px; font-weight: 700; color: #64748b; letter-spacing: -0.4px; line-height: 28px; }
.charge_pay_option .charge_item .badge_orange { position: absolute; top: -8px; right: -4px; background-color: #f97316; color: #fff; font-size: 9px; font-weight: 900; padding: 2px 10px; border-radius: 9999px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); z-index: 10; }
.charge_pay_option .charge_item .badge_red { position: absolute; top: -8px; right: -4px; background-color: #ef4444; color: #fff; font-size: 9px; font-weight: 900; padding: 2px 10px; border-radius: 9999px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); z-index: 10; }


.charge_payment_select { margin-bottom: 12px; }
.charge_payment_select .title { font-size: 14px; font-weight: 900; color: #111827; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; line-height: 20px; }
.charge_payment_select .title .bar { width: 6px; height: 20px; background-color: #f97316; border-radius: 9999px; }
.charge_payment_select .payment_tabs { display: flex; gap: 8px; background-color: #f9fafb; padding: 6px; border-radius: 24px; margin-bottom: 12px; }
.charge_payment_select .payment_tabs .tab_item { flex: 1; text-align:center; border-radius: 16px; font-size: 13px; transition: all 0.2s; border: none; cursor: pointer; outline: none; background: none; color: #9ca3af; font-weight: 700; padding: 10px 0; }
.charge_payment_select .payment_tabs .tab_item.on { background-color: #fff; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); color: #f97316; font-weight: 900; }
.charge_payment_select .payment_tabs .tab_item:hover:not(.on) { color: #4b5563; }
.charge_payment_select .payment_tabs .tab_item:on{ transform: scale(0.95); }
.payment_tabs_box {display:none; border: 1px solid #ffedd5; border-radius: 16px; padding: 12px; background-color: rgba(255, 247, 237, 0.1); }
.payment_tabs_box.one {display:block;}
.payment_tabs_box .title { font-size: 11px; font-weight: 900; color: #ea580c; margin-bottom: 8px; display: flex; align-items: center; gap: 6px; line-height: 16px; }
.payment_tabs_box .title .icon svg{ width: 12px; height: 12px; stroke: #ea580c; }
.payment_tabs_box .payment_info_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 32px; }
.payment_tabs_box .payment_info_grid .item { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 237, 213, 0.3); padding-bottom: 8px; }
.payment_tabs_box .payment_info_grid .item .card_name { font-size: 13px; font-weight: 900; color: #1f2937; width: 48px; flex-shrink: 0; }
.payment_tabs_box .payment_info_grid .item .desc { font-size: 12px; font-weight: 500; color: #6b7280; text-align: right; }

.charge_agree_box { background-color: #f9fafb; border-radius: 19px; padding: 12px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; opacity: 0.5; transition: opacity 0.2s; }
.charge_agree_box .charge_agree_wrap { display: flex; align-items: center; gap: 12px; }
.charge_agree_box .charge_agree_wrap .charge_agree_check { width: 16px; height: 16px; border-radius: 6px; border: 2px solid #e5e7eb; background-color: #fff; transition: all 0.2s; }
.charge_agree_box .charge_agree_wrap .charge_agree_label { font-size: 13px; font-weight: 700; color: #4b5563; letter-spacing: -0.4px; }
.charge_agree_box .btn_charge_terms { font-size: 11px; color: #f97316; font-weight: 900; text-decoration: underline; background: none; border: none; cursor: pointer; position: relative; z-index: 20; pointer-events: auto; padding: 0; transition: color 0.2s; }
.charge_agree_box .btn_charge_terms:hover { color: #ea580c; }
.charge_agree_box .btn_charge_terms:active { transform: scale(0.95); }

.payment_btn_arr{text-align:center; padding:8px 0; color:#ef4444; font-weight:bold;}

.starCharge_modal_footer{border-top: 1px solid #f9fafb; background-color: #fff;  padding: 16px 32px; }
.starCharge_modal_footer .charge_btn_pay { width: 100%; padding: 16px 0; background-color: #e5e7eb; color: #9ca3af; border-radius: 19px; font-weight: 900; font-size: 16px; border: none; transition: all 0.2s; outline: none; }
.charge_btn_pay.active{ background-color: #f97316; color: #fff; cursor: pointer; }
.charge_btn_pay.active{ background-color: #ea580c; }



        


.charge_term_modal_wrap{position:fixed; top: 0; left:0;right:0;bottom:0; z-index: 3000; inset: 0;}
.charge_term_modal_bg{backdrop-filter: blur(4px) ; background-color: rgb(0 0 0 / 0.6); position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.charge_term_modal_box{ display:flex; justify-content: center; align-items: center;  position: absolute; z-index: 3000; left: 0; right: 0; top: 0; bottom: 0;}
.charge_term_modal_inner{background:#fff; width: 100%; max-width:672px; height: auto; border-radius:40px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25); position: relative; overflow: hidden; display: flex; flex-direction: column;  max-height: 85vh;}
.charge_term_modal_head { padding: 32px 40px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f9fafb; gap: 16px; flex-shrink: 0; }
.charge_term_modal_head .title { font-size: 20px; font-weight: 900; color: #111827; letter-spacing: -0.5px; white-space: nowrap; margin: 0; }
.charge_term_modal_head .charge_modal_close { padding: 8px; border-radius: 9999px; border: none; background: none; cursor: pointer; transition: background-color 0.2s; flex-shrink: 0; margin-right: -8px; }
.charge_term_modal_head .charge_modal_close:hover { background-color: #f3f4f6; }
.charge_term_modal_head .charge_modal_close svg { width: 24px; height: 24px; stroke: #9ca3af;  }

.charge_term_modal_body { padding: 32px 40px; overflow-y: auto; background-color: #fff; }
.charge_term_modal_body .charge_terms_cont .terms_intro { margin-bottom: 16px; color: #6b7280; font-weight: 500; border-bottom: 1px solid rgba(255, 237, 213, 0.5); padding-bottom: 16px; font-size: 12px; line-height: 1.6; }
.charge_term_group { display: flex; flex-direction: column; gap: 16px; }
.charge_term_group .terms_section .tit { font-size: 14px; font-weight: 900; color: #f97316; margin-bottom: 6px; display: flex; align-items: center; gap: 8px; }
.charge_term_group .terms_section .tit .dot { width: 4px; height: 4px; background-color: #fb923c; border-radius: 9999px; box-shadow: 0 1px 2px rgba(251, 146, 60, 0.2); }
.charge_term_group .terms_section .txt { padding-left: 12px; border-left: 2px solid #ffedd5; font-size: 11px; color: #6b7280; line-height: 1.6; }
.charge_term_group .terms_section .txt p { margin-bottom: 2px; }
.charge_term_group .terms_section .txt p:last-child { margin-bottom: 0; }
.charge_term_modal_body.custom_scrollbar::-webkit-scrollbar { width: 6px; }
.charge_term_modal_body.custom_scrollbar::-webkit-scrollbar-track { background: transparent; }
.charge_term_modal_body.custom_scrollbar::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 10px; }


.charge_term_footer { padding: 32px; background-color: #fff; border-top: 1px solid #f9fafb; display: flex; justify-content: center; flex-shrink: 0; }
.charge_term_confirm {background-color: #e5e7eb; color: #9ca3af; padding: 16px 64px; border-radius: 9999px; font-weight: 900; font-size: 18px; border: none; cursor: pointer; transition: all 0.2s; box-shadow: 0 20px 25px -5px rgba(251, 146, 60, 0.2); }
.charge_term_confirm.fill{background: linear-gradient(to right, #f97316, #fb923c); color: #fff; }





@media (max-width:1024px){
    

    .mypage_profile_score_mobile{display: flex;}    
    .mobile_mypage_star_card{display: block;}

    .mypage_layout_inner{ flex-direction: column-reverse; }
    .mypage_layout_left{width: 100%;}


    .mypage_layout_left .mypage_premium_card, 
    .mypage_layout_left .mypage_guide_card {display: block;}
    .mypage_layout_left .mypage_cs_card{display: flex;}


    .mypage_layout_right{width:100%; }
    .mypage_layout_right .mypage_star_card,
    .mypage_layout_right .mypage_score_card,
    .mypage_layout_right .mypage_premium_card, 
    .mypage_layout_right .mypage_cs_card,
    .mypage_layout_right .mypage_guide_card {display: none;}

    .mypage_alarm_card{width: 100%; box-sizing: border-box;}


}


@media (max-width:768px){
    
    .mypage_layout_wrap{padding: 24px 0;}
    .mypage_layout_left_cont{padding: 24px 16px;}

    .mypage_profile_card{padding: 24px;}
    .mypage_profile_info{justify-content: flex-start;}
    .mypage_profile_avatar{width: 56px; height: 56px;}
    .mypage_profile_avatar svg{width: 32px; height: 32px;}
    .mypage_profile_name{font-size: 16px; line-height: 24px;}
    .mypage_profile_name_wrap svg{width: 16px; height: 16px;}
    .mypage_profile_badge{font-size: 10px;}
    .mypage_profile_score_img{width: 80px; height: 48px;}
    .mypage_profile_score_value{font-size: 16px;}

    .mypage_alarm_card{padding: 16px;}
    .mypage_alarm_card_pc{display: none;}
    .mypage_alarm_card_mobile { display:flex; }

    .mypage_subtab_inner{display: grid;     grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;}
    .mypage_safe_btn.desktop{display: none;}
    .mypage_safe_btn_mo { display:flex;}
    .mypage_subtab_btn{font-size: 12px;}
    .mypage_tab_btn{font-size: 13px;}


    .mypage_free_list_item,
    .mypage_noraml_list_item,
    .mypage_aband_list_item,
    .mypage_flea_list_item,
    .mypage_comm_list_item{gap: 12px; padding: 8px 0;}

    .mypage_free_list_item .photo,
    .mypage_normal_list_item .photo,
    .mypage_aband_list_item .photo,
    .mypage_flea_list_item .photo,
    .mypage_comm_list_item .photo{width: 56px; height: 56px;}

    .mypage_free_list_item .cont .top .meta .name,
    .mypage_normal_list_item .cont .top .meta .name,
    .mypage_aband_list_item .cont .top .meta .name,
    .mypage_flea_list_item .cont .top .meta .name,
    .mypage_comm_list_item .cont .top .meta .name{font-size: 12px;}

    .mypage_free_list_item .cont .top .meta .badge,
    .mypage_normal_list_item .cont .top .meta .badge,
    .mypage_aband_list_item .cont .top .meta .badge,
    .mypage_flea_list_item .cont .top .meta .badge,
    .mypage_comm_list_item .cont .top .meta .badge{font-size: 9px;}

    .mypage_free_list_item .cont .bottom .title,
    .mypage_nomal_list_item .cont .bottom .title,
    .mypage_aband_list_item .cont .bottom .title,
    .mypage_flea_list_item .cont .bottom .title,
    .mypage_comm_list_item .cont .bottom .title{font-size: 13px;}

    
    .mypage_free_list_item .cont .bottom .pay,
    .mypage_nomal_list_item .cont .bottom .pay,
    .mypage_aband_list_item .cont .bottom .pay,
    .mypage_flea_list_item .cont .bottom .pay{font-size: 13px;}
 

    .mypage_free_list_item .cont .top .date,
    .mypage_nomal_list_item .cont .top .date,
    .mypage_aband_list_item .cont .top .date,
    .mypage_flea_list_item .cont .top .date,
    .mypage_comm_list_item .cont .top .date{font-size: 10px;}


    .mypage_table_head { display:none; }
    .mypage_table_row { display:flex; flex-direction:column; padding:12px 8px;  gap:4px; }
    .mypage_table_row .pc_only { display:none; }
    .mypage_table_row .col_main { display:flex; flex-direction:column; }
    .mypage_table_row .col_desc { font-size:13px; }
    .mypage_table_row .m_no { display:inline; color:#9ca3af; margin-right:6px; font-weight:500; }
    .mypage_table_row .mobile_info { display:flex; justify-content:space-between; align-items:center;  }
    .mypage_table_row .m_date { font-size:11px; color:#9ca3af; }
    .mypage_table_row .m_stats { display:flex; gap:12px; }
    .mypage_table_row .m_change { font-size:11px; color:#f97316; font-weight:700; }
    .mypage_table_row .m_balance { font-size:11px; color:#374151; font-weight:900; }
    .mypage_table .m_divider { display:block; height:1px; border-top:1px dashed #e5e7eb; margin:0 8px; }


    
    .starCharge_modal_inner{height: 100%; border-radius: 0; max-height: unset;}
    .starCharge_modal_header{padding: 24px; padding-bottom: 12px;}
    .starCharge_modal_header_left .title{font-size: 20px; line-height: 28px;}
    .starCharge_modal_content{padding: 0 24px 24px; }
    .charge_pay_option{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .charge_pay_option .charge_item .charge_box .star_info{flex-direction: column; gap: 0;}
    .charge_pay_option .charge_item .charge_box .star_count{font-size: 18px; line-height: 28px;}

    .payment_tabs_box .payment_info_grid{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .starCharge_modal_footer{padding: 16px 24px;}

    .charge_term_modal_box{padding: 16px;}
    .charge_term_modal_head{padding: 24px;}
    .charge_term_modal_head .title{font-size: 18px; line-height: 28px;}

}

@media (max-width:430px){
	
	.mypage_profile_left{max-width:70%;}
}