@charset "utf-8";

/* =============================  S:mypage_component  ============================= */
#wrapper_title{display: none !important;}
.mypage_component{width: 100%;position: relative;background-color: var(--color-white);}

.mypage_wrap{}
.mypage_wrap .mypage_inner{width: 100%;max-width: 1448px;margin: 0 auto;padding: 88px 24px 192px;box-sizing: border-box;}

.mypage_wrap .mypage_hd{}
.mypage_wrap .mypage_hd{}
.mypage_wrap .page_tit_box{}
.mypage_wrap .page_tit_box .page_tit{font-size: var(--fs-24);font-weight: 400;line-height: var(--lh-32);color: var(--color-black);letter-spacing: -0.02em;word-break: keep-all;}

.mypage_wrap .mypage_bd{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 96px;}
.mypage_wrap .mypage_hd + .mypage_bd{margin-top: 96px;}

.mypage_wrap .mypage_bd .mypage_left{flex: 0 0 220px;}
.mypage_wrap .mypage_bd .mypage_right{flex: 1 1 0%;}

@media (max-width: 1680px){
}
@media (max-width: 1440px){
    .mypage_wrap .mypage_inner{padding: 64px 24px 128px;}
    .mypage_wrap .mypage_bd{column-gap: 64px;}
    .mypage_wrap .mypage_hd + .mypage_bd{margin-top: 64px;}
}
@media (max-width: 1280px){
    .mypage_wrap .mypage_bd{column-gap: 48px;}
    .mypage_wrap .mypage_bd .mypage_left{flex: 0 0 180px;}
}
@media (max-width: 1080px){
    .mypage_wrap .mypage_inner{padding: 48px 16px 96px;}
    .mypage_wrap .page_tit_box .page_tit{font-size: var(--fs-20);line-height: var(--lh-28);}
    .mypage_wrap .mypage_bd{flex-direction: column-reverse;}
    .mypage_wrap .mypage_hd + .mypage_bd{margin-top: 48px;row-gap: 48px;}

    .mypage_wrap:has(#mypageSubBox) .mypage_bd .mypage_left{display: none;}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    .mypage_wrap .mypage_inner{padding: 32px 16px 64px;}
    .mypage_wrap .page_tit_box .page_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
}
@media (max-width: 375px){
}

/* =============================  E:mypage_component  ============================= */



/* =============================  S:mypage_menu  ============================= */
#mypageMenuBox{}
#mypageMenuBox .menu_list_box{}
#mypageMenuBox .menu_list_box + .menu_list_box{margin-top: 32px;padding-top: 40px;border-top: 1px solid var(--divider-line);box-sizing: border-box;}
#mypageMenuBox .menu_list_box .list_hd{}
#mypageMenuBox .menu_list_box .menu_cate_box{}
#mypageMenuBox .menu_list_box .menu_cate_box .cate_name{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-28);color: var(--color-black);}

#mypageMenuBox .menu_list_box .list_bd{}
#mypageMenuBox .menu_list_box .list_hd + .list_bd{margin-top: 8px;}
#mypageMenuBox .menu_list_box .menu_list{width: 100%;}
#mypageMenuBox .menu_list_box .menu_item{width: 100%;}
#mypageMenuBox .menu_list_box .menu_item .menu_link{display: inline-flex;align-items: center;justify-content: space-between;padding: 8px 0;background-color: var(--color-white);box-sizing: border-box;}
#mypageMenuBox .menu_list_box .menu_item .menu_name{display: inline-block;padding-bottom: 2px;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray1);transition: color .3s;position: relative;z-index: 1;}
#mypageMenuBox .menu_list_box .menu_item .menu_name::after{content: '';display: block;width: 0;height: 2px;background-color: var(--color-gray1);position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;opacity: 0;transition: width .25s, opacity .2s, background-color .25s;}
/* #mypageMenuBox .menu_list_box .menu_item .menu_icon{display: inline-block;width: 20px;height: 20px;line-height: 0;pointer-events: none;opacity: 0;transform: translateX(-20px);transition: opacity .3s, transform .3s;} */
/* #mypageMenuBox .menu_list_box .menu_item .menu_icon svg{width: 100%;height: 100%;pointer-events: none;} */
/* #mypageMenuBox .menu_list_box .menu_item .menu_icon svg path{fill: var(--color-black);transition: fill .25s;} */

#mypageMenuBox .menu_list_box .menu_item .menu_link:hover .menu_name{font-weight: 700;color: var(--color-green2);}
#mypageMenuBox .menu_list_box .menu_item .menu_link:hover .menu_name::after{width: 100%;opacity: 1;background-color: var(--color-green2);}
#mypageMenuBox .menu_list_box .menu_item .menu_link.active .menu_name{font-weight: 700;color: var(--color-green2);}
#mypageMenuBox .menu_list_box .menu_item .menu_link.active .menu_name::after{width: 100%;opacity: 1;background-color: var(--color-green2);}
/* #mypageMenuBox .menu_list_box .menu_item .menu_link.active .menu_icon{opacity: 1;transform: translateX(0);} */
/* #mypageMenuBox .menu_list_box .menu_item .menu_link.active .menu_icon svg path{fill: var(--color-white);} */

#mypageMainBox{}
#mypageMainBox .mypage_main_cnt .main_cnt_sect{}
#mypageMainBox .mypage_main_cnt .main_cnt_sect + .main_cnt_sect{margin-top: 112px;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_hd{}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_hd.type_flex{display: flex;align-items: center;justify-content: space-between;column-gap: 16px;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_tit_box{}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_tit_box .sect_tit{font-size: var(--fs-24);font-weight: 700;line-height: var(--lh-32);color: var(--color-black);}

#mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_btns_box{flex: 0 0 auto;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_btns_box .btns_more{display: inline-block;padding: 2px 0;border-bottom: 1px solid var(--color-gray1);box-sizing: border-box;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_btns_box .btns_more .btns_name{display: inline-block;display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray1);}

#mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_bd{}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_hd + .sect_bd{margin-top: 32px;}

#mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_list{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 16px;background-color: var(--color-green-bg);border-radius: 16px;box-sizing: border-box;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item{flex: 1;width: 100%;max-width: calc(33.3334% - (32px/3));padding: 64px 0;box-sizing: border-box;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item + .benefit_item{position: relative;z-index: 1;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item + .benefit_item::before{content: '';display: block;width: 1px;height: calc(100% - (64px * 2));background-color: var(--color-green4);position: absolute;left: 0;top: 50%;z-index: 2;transform: translateY(-50%);}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_hd{width: 100%;box-sizing: border-box;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_tit_box{}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_tit_box .item_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-28);color: var(--color-green2);text-align: center;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_bd{}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_hd + .item_bd{margin-top: 48px;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_data_box{text-align: center;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_data_box .data_link{display: inline-block;font-size: var(--fs-24);font-weight: 600;line-height: var(--lh-32);color: var(--color-black);}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_data_box .data_link .data_sta{display: inline-block;margin: 0 auto;font-size: var(--fs-32);font-weight: 400;line-height: var(--lh-40);color: var(--color-black);text-align: center;vertical-align: -1px;}

#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_list{display: flex;align-items: stretch;flex-wrap: nowrap;background-color: var(--color-green-bg);border-radius: 16px;box-sizing: border-box;overflow: hidden;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item{flex: 1;width: 100%;max-width: calc(20%)}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_inner{height: 100%;padding: 48px 0;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;flex-direction: column;row-gap: 8px;position: relative;z-index: 1;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_icon_box{display: inline-block;line-height: 0;position: absolute;left: -16px;top: 50%;transform: translateY(-50%);z-index: 2;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_icon_box .icon_box{display: inline-block;width: 32px;height: 32px;pointer-events: none;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_icon_box .icon_box svg{width: 100%;height: 100%;fill: var(--color-green4);pointer-events: none;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_tit_box{}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_tit_box .item_tit{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-black);text-align: center;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_data_box{text-align: center;}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_tit_box + .item_data_box{}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_data_box .data_link{display: inline-block}
#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_data_box .data_sta{display: inline-block;font-size: var(--fs-24);font-weight: 700;line-height: var(--lh-32);color: var(--color-black);text-align: center;}

#mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_list + #orderHistoryBox{margin-top: 32px;}

#mypageSubBox .mypage_sub_cnt .sub_cnt_sect{}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect + .sub_cnt_sect{margin-top: 96px;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_hd{}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_hd.type_flex{display: flex;align-items: center;justify-content: space-between;column-gap: 16px;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_tit_box{}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_tit_box .sect_tit{font-size: var(--fs-24);font-weight: 700;line-height: var(--lh-32);color: var(--color-black);}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_btns_box{flex: 0 0 auto;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_btns_box .btns_more{display: inline-block;padding: 2px 0;border-bottom: 1px solid var(--color-gray1);box-sizing: border-box;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_btns_box .btns_more .btns_name{display: inline-block;display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray1);}

/* #mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_btns_box .btns_addr_regi{display: inline-flex;align-items: center;justify-content: center;padding: 9px 48px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;box-sizing: border-box;} */
/* #mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_btns_box .btns_addr_regi .btns_name{display: inline-block;display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);} */

#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_btns_box .btns_addr_regi{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 3px;padding: 0 0 4px;box-sizing: border-box;position: relative;z-index: 1;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_btns_box .btns_addr_regi::after{content: '';display: block;width: 100%;height: 1.5px;background-color: var(--color-green2);position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;pointer-events: none;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_btns_box .btns_addr_regi .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-20);color: var(--color-green2);}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_btns_box .btns_addr_regi .icon_btns_arrow{display: inline-block;width: auto;height: 15px;line-height: 0;pointer-events: none;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_btns_box .btns_addr_regi .icon_btns_arrow svg{width: auto;height: 100%;pointer-events: none;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_btns_box .btns_addr_regi .icon_btns_arrow svg path{stroke-width: 1.25px;stroke: var(--color-green2);}


#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_bd{}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_hd + .sect_bd{margin-top: 48px;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect.deli_addr_sect .sect_hd + .sect_bd{margin-top: 0;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect.deli_addr_sect .sect_hd{padding-bottom: 16px;border-bottom: 1px solid var(--color-black)}

#mypageSubBox .mypage_sub_cnt .sub_cnt_sect.mile_sect .sect_hd + .sect_bd{margin-top: 0;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect.mile_sect .sect_hd{padding-bottom: 16px;border-bottom: 1px solid var(--color-black)}

#mypageSubBox .mypage_sub_cnt .sub_cnt_sect.coupon_sect .sect_hd + .sect_bd{margin-top: 0;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect.coupon_sect .sect_hd{padding-bottom: 16px;border-bottom: 1px solid var(--color-black)}

#mypageSubBox .mypage_sub_cnt .sub_cnt_sect.wishlist_sect .sect_hd + .sect_bd{margin-top: 0;}
#mypageSubBox .mypage_sub_cnt .sub_cnt_sect.wishlist_sect .sect_hd{padding-bottom: 16px;border-bottom: 1px solid var(--color-black)}


@media (max-width: 1680px){
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
    #mypageMainBox .mypage_main_cnt .main_cnt_sect + .main_cnt_sect{margin-top: 96px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item{padding: 48px 0;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_hd + .item_bd{margin-top: 32px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_data_box .data_link{font-size: var(--fs-24);line-height: var(--lh-32);}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_data_box .data_link .data_sta{font-size: var(--fs-24);line-height: var(--lh-32);}

    #mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_inner{padding: 32px 0;}
}
@media (max-width: 1080px){
    #mypageMenuBox .menu_list_box .menu_cate_box .cate_name{font-size: var(--fs-20);font-weight: 600;line-height: var(--lh-28);}

    #mypageMainBox #orderHistoryBox{display: none !important;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect + .main_cnt_sect{margin-top: 48px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_tit_box .sect_tit{font-size: var(--fs-20);font-weight: 600;line-height: var(--lh-28);}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_hd + .sect_bd{margin-top: 16px;}

    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item{padding: 32px 0;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item + .benefit_item::before{height: calc(100% - (32px*2));}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_hd + .item_bd{margin-top: 8px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_tit_box .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_data_box .data_link{font-size: var(--fs-20);line-height: var(--lh-26);}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_data_box .data_link .data_sta{font-size: var(--fs-20);line-height: var(--lh-26);}

    #mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_inner{padding: 24px 0;}

    #mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_icon_box{left: -12px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_icon_box .icon_box{width: 24px;height: 24px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_data_box .data_sta{font-size: var(--fs-20);line-height: var(--lh-26);}

    #mypageSubBox .mypage_sub_cnt .sub_cnt_sect + .sub_cnt_sect{margin-top: 64px}
    #mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_tit_box .sect_tit{font-size: var(--fs-20);font-weight: 600;line-height: var(--lh-28);}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    #mypageMenuBox .menu_list_box + .menu_list_box{margin-top: 16px;padding-top: 24px;}
    #mypageMenuBox .menu_list_box .menu_cate_box .cate_name{font-size: var(--fs-16);line-height: var(--lh-24);}
    #mypageMenuBox .menu_list_box .menu_item .menu_name{font-size: var(--fs-14);line-height: var(--lh-20);}

    #mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_tit_box .sect_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .sect_hd + .sect_bd{margin-top: 12px;}

    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item{padding: 24px 0;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item + .benefit_item::before{height: calc(100% - (24px*2));}

    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_list{column-gap: 8px;border-radius: 8px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item{max-width: calc(33.3334% - (16px / 3));}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item + .benefit_item::before{left: -4px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_hd + .item_bd{margin-top: 4px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_tit_box .item_tit{font-size: var(--fs-14);line-height: var(--lh-20);letter-spacing: -0.02em;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_data_box .data_link{font-size: var(--fs-16);line-height: var(--lh-24);letter-spacing: -0.02em;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .benefit_item .item_data_box .data_link .data_sta{font-size: var(--fs-16);line-height: var(--lh-24);letter-spacing: -0.02em;}

    #mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_list{border-radius: 8px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_inner{padding: 16px 0;row-gap: 4px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_icon_box{left: -6px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_icon_box .icon_box{width: 12px;height: 12px;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_data_box .data_sta{font-size: var(--fs-18);line-height: var(--lh-24);letter-spacing: -0.02em;}
    #mypageMainBox .mypage_main_cnt .main_cnt_sect .recent_order_item .item_tit_box .item_tit{font-size: var(--fs-10);line-height: var(--lh-16);letter-spacing: -0.02em;}


    #mypageSubBox .mypage_sub_cnt .sub_cnt_sect + .sub_cnt_sect{margin-top: 32px;}
    #mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_tit_box .sect_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_btns_box .btns_addr_regi .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox .mypage_sub_cnt .sub_cnt_sect .sect_hd + .sect_bd{margin-top: 24px;}
}
@media (max-width: 375px){
}
/* =============================  E:mypage_menu  ============================= */




/* =============================  S:배송지 관리  ============================= */
#mypageSubBox .addr_list_box{}
#mypageSubBox .addr_list_box .addr_list{width: 100%;border-top: 1px solid var(--color-black);}
#mypageSubBox .addr_list_box .addr_item{}
#mypageSubBox .addr_list_box .addr_item .item_inner{width: 100%;padding: 24px 0;}
#mypageSubBox .addr_list_box .addr_item .item_hd{}
#mypageSubBox .addr_list_box .addr_item .item_badge_box{}
#mypageSubBox .addr_list_box .addr_item .item_badge_box .item_badge{display: inline-flex;align-items: center;justify-content: center;padding: 8px 16px;background-color: var(--color-green2);border: 1px solid var(--color-green2);border-radius: 4px;box-sizing: border-box;}
#mypageSubBox .addr_list_box .addr_item .item_badge_box .item_badge .badge_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-white);}

#mypageSubBox .addr_list_box .addr_item .item_bd{}
#mypageSubBox .addr_list_box .addr_item .item_hd + .item_bd{margin-top: 24px;}
#mypageSubBox .addr_list_box .addr_item .item_data_row{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 16px;}
#mypageSubBox .addr_list_box .addr_item .item_data_row + .item_data_row{margin-top: 16px;}
#mypageSubBox .addr_list_box .addr_item .item_data_row .data_tit_box{flex: 0 0 96px;}
#mypageSubBox .addr_list_box .addr_item .item_data_row .data_tit_box .data_tit{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);}
#mypageSubBox .addr_list_box .addr_item .item_data_row .data_txt_box{flex: 1 1 0%;}
#mypageSubBox .addr_list_box .addr_item .item_data_row .data_txt_box .data_txt{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
#mypageSubBox .addr_list_box .addr_item .item_data_row .data_txt_box .data_txt + .data_txt{margin-top: 4px;}

#mypageSubBox .addr_list_box .addr_item .item_ft{}
#mypageSubBox .addr_list_box .addr_item .item_bd + .item_ft{margin-top: 24px;padding-top: 16px;border-top: 1px solid var(--color-gray8);}
#mypageSubBox .addr_list_box .addr_item .item_btns_box{display: flex;align-items: center;justify-content: flex-end;flex-wrap: nowrap;column-gap: 12px;}
#mypageSubBox .addr_list_box .addr_item .item_btns_box .addr_btns{display: inline-flex;align-items: center;justify-content: center;width: 128px;padding: 9px 0;background-color: var(--color-white);border: 1px solid var(--color-green2);border-radius: 4px;box-sizing: border-box;transition: background-color .25s;}
#mypageSubBox .addr_list_box .addr_item .item_btns_box .addr_btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-20);color: var(--color-green2);transition: color .25s;}
#mypageSubBox .addr_list_box .addr_item .item_btns_box .btns_addr_modify{}
#mypageSubBox .addr_list_box .addr_item .item_btns_box .btns_addr_modify .btns_name{}
#mypageSubBox .addr_list_box .addr_item .item_btns_box .btns_addr_delete{}
#mypageSubBox .addr_list_box .addr_item .item_btns_box .btns_addr_delete .btns_name{}

#mypageSubBox .addr_list_box .addr_item .item_btns_box .addr_btns:hover{background-color: var(--color-green2);}
#mypageSubBox .addr_list_box .addr_item .item_btns_box .addr_btns:hover .btns_name{color: var(--color-white);}

#mypageSubBox .addr_register_box{width: 100%;border-top: 1px solid var(--color-black);}
#mypageSubBox #addrRegiForm{padding: 24px 0;}

#mypageSubBox #addrRegiForm .frm_wrap .frm_box.type_normal .frm_lab_box + .frm_inp_box{margin-top: 8px;}
#mypageSubBox #addrRegiForm .frm_wrap .frm_lab_box .label_name{font-size: var(--fs-16);line-height: var(--lh-24);}
#mypageSubBox #addrRegiForm .frm_wrap .frm_lab_box .frm_lab.frm_required .label_required{font-size: var(--fs-16);line-height: var(--lh-24);}

#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box .frm_inp,
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="text"],
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="password"],
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="number"]{padding: 10px 8px;border: 1px solid var(--color-green2);border-radius: 8px;}
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box .frm_inp:focus,
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="text"]:focus,
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="password"]:focus,
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="number"]:focus{border: 1px solid var(--color-green2) !important;}

#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box .frm_inp:read-only,
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="text"]:read-only,
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="password"]:read-only,
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="number"]:read-only{border-color: var(--color-gray4) !important;}

#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box .frm_inp:read-only:focus,
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="text"]:read-only:focus,
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="password"]:read-only:focus,
#mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="number"]:read-only:focus{border-color: var(--color-gray4) !important;}


/* #mypageSubBox #addrRegiForm .frm_addr_box + .frm_addr_box{margin-top: 16px;} */
#mypageSubBox #addrRegiForm .frm_addr_find{}
#mypageSubBox #addrRegiForm .frm_addr_find .frm_inp_box.type_flex{align-items: center;flex-wrap: nowrap;column-gap: 16px;}
#mypageSubBox #addrRegiForm .frm_addr_find .frm_inp_box .frm_inp{flex: 1 1 0%;max-width: 220px;}
#mypageSubBox #addrRegiForm .frm_addr_find .frm_inp_box .frm_btns{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 200px;padding: 11px 0;background-color: var(--color-green2);border: 1px solid var(--color-green2);border-radius: 8px;box-sizing: border-box;}
#mypageSubBox #addrRegiForm .frm_addr_find .frm_inp_box .frm_btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-white);}

#mypageSubBox #addrRegiForm .frm_btns_box{margin-top: 56px;display: flex;align-items: center;justify-content: center;column-gap: 8px;}

#mypageSubBox #addrRegiForm .frm_btns_box .frm_btns{flex: 1;display: inline-flex;align-items: center;justify-content: center;padding: 14px 0;background-color: var(--color-white);border: 1px solid var(--color-green2);border-radius: 8px;box-sizing: border-box;}
#mypageSubBox #addrRegiForm .frm_btns_box .frm_btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-green2);}
#mypageSubBox #addrRegiForm .frm_btns_box .frm_btns.btns_regi_submit{background-color: var(--color-green2);}
#mypageSubBox #addrRegiForm .frm_btns_box .frm_btns.btns_regi_submit .btns_name{color: var(--color-white);}

#mypageSubBox #addrRegiForm .frm_chk_box{position: relative;}
#mypageSubBox #addrRegiForm .frm_box + .frm_chk_box{margin-top: 24px;}
#mypageSubBox #addrRegiForm .frm_chk_box .frm_chk_inp{}
#mypageSubBox #addrRegiForm .frm_chk_box .frm_chk_label{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;cursor: pointer;}
#mypageSubBox #addrRegiForm .frm_chk_box .frm_chk_label .label_chk_box{display:inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;background-color: var(--color-gray13);border-radius: 4px;box-sizing: border-box;transition: background-color .25s;}
#mypageSubBox #addrRegiForm .frm_chk_box .frm_chk_label .label_chk_box .icon_chk_arrow{display: inline-block;width: 100%;height: 100%;pointer-events: none;}
#mypageSubBox #addrRegiForm .frm_chk_box .frm_chk_label .label_chk_box .icon_chk_arrow svg{width: 100%;height: 100%;pointer-events: none;}
#mypageSubBox #addrRegiForm .frm_chk_box .frm_chk_label .label_chk_box .icon_chk_arrow svg path{fill: var(--color-white);transition: fill .25s;pointer-events: none;}
#mypageSubBox #addrRegiForm .frm_chk_box .frm_chk_label .label_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray1);transition: color .25s;}
#mypageSubBox #addrRegiForm .frm_chk_box .frm_chk_inp:checked + .frm_chk_label .label_chk_box{background-color: var(--color-green2);}
#mypageSubBox #addrRegiForm .frm_chk_box .frm_chk_inp:checked + .frm_chk_label .label_name{font-weight: 500;color: var(--color-green2);}



@media (max-width: 1680px){
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
}
@media (max-width: 1080px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    #mypageSubBox .addr_list_box .addr_item .item_data_row{column-gap: 8px;}
    #mypageSubBox .addr_list_box .addr_item .item_data_row .data_tit_box{flex: 0 0 80px;}
    #mypageSubBox .addr_list_box .addr_item .item_data_row .data_tit_box .data_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox .addr_list_box .addr_item .item_data_row .data_txt_box .data_txt{font-size: var(--fs-14);line-height: var(--lh-20);}

    #mypageSubBox #addrRegiForm .frm_addr_find .frm_inp_box.type_flex{column-gap: 8px;}
    #mypageSubBox #addrRegiForm .frm_addr_find .frm_inp_box .frm_btns{width: 140px;}
    #mypageSubBox #addrRegiForm .frm_addr_find .frm_inp_box .frm_btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}

    #mypageSubBox #addrRegiForm .frm_wrap .frm_box.type_normal + .frm_box.type_normal{margin-top: 16px;}
    #mypageSubBox #addrRegiForm .frm_wrap .frm_lab_box .label_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #addrRegiForm .frm_wrap .frm_box.type_normal .frm_lab_box + .frm_inp_box{margin-top: 4px;}
    #mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box .frm_inp,
    #mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="text"],
    #mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="password"],
    #mypageSubBox #addrRegiForm .frm_wrap .frm_inp_box input[type="number"]{padding: 11px 8px;font-size: var(--fs-14);line-height: var(--lh-20)}

    #mypageSubBox #addrRegiForm .frm_chk_box .frm_chk_label{column-gap: 6px;}
    #mypageSubBox #addrRegiForm .frm_chk_box .frm_chk_label .label_chk_box{width: 20px;height: 20px;}
    #mypageSubBox #addrRegiForm .frm_chk_box .frm_chk_label .label_name{font-size: var(--fs-14);line-height: var(--lh-20);}

    #mypageSubBox #addrRegiForm .frm_btns_box{margin-top: 48px;}
    #mypageSubBox #addrRegiForm .frm_btns_box .frm_btns{padding: 11px 16px;}
    #mypageSubBox #addrRegiForm .frm_btns_box .frm_btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}


    #mypageSubBox .addr_list_box .addr_item .item_btns_box .addr_btns{width: auto;padding: 8px 16px;}
    #mypageSubBox .addr_list_box .addr_item .item_btns_box .addr_btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 375px){
    #mypageSubBox #addrRegiForm .frm_btns_box{flex-direction: column-reverse;gap: 8px;}
    #mypageSubBox #addrRegiForm .frm_btns_box .frm_btns{width: 100%;}
}

/* =============================  E:배송지 관리  ============================= */


/* =============================  S:적립금  ============================= */
#mypageSubBox #pointInfoBox{width: 100%;border-top: 1px solid var(--color-black);}
#mypageSubBox #pointInfoBox .point_info_list{padding: 24px 0;}
#mypageSubBox #pointInfoBox .point_info_item{padding: 24px;background-color: var(--color-green-bg);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#mypageSubBox #pointInfoBox .point_info_item + .point_info_item{margin-top: 24px;}
#mypageSubBox #pointInfoBox .point_info_item .info_row{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;column-gap: 16px;}
#mypageSubBox #pointInfoBox .point_info_item .info_row + .info_row{margin-top: 12px;}

#mypageSubBox #pointInfoBox .point_info_item .info_tit_box{flex: 1 1 0%;}
#mypageSubBox #pointInfoBox .point_info_item .info_tit_box .info_tit{font-size: var(--fs-18);font-weight: 600;line-height: var(--lh-26);color: var(--color-black);}
#mypageSubBox #pointInfoBox .point_info_item .info_link{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;line-height: 0;}
#mypageSubBox #pointInfoBox .point_info_item .info_link .icon_btns_arrow{display: inline-block;width: 12px;height: 18px;line-height: 0;pointer-events: none;}
#mypageSubBox #pointInfoBox .point_info_item .info_link .icon_btns_arrow svg{width: 100%;height: 100%;pointer-events: none;}
#mypageSubBox #pointInfoBox .point_info_item .info_link .icon_btns_arrow svg path{stroke: var(--color-black);stroke-width: 1.3;}
#mypageSubBox #pointInfoBox .point_info_item .info_txt_box{flex: 0 0 auto;}
#mypageSubBox #pointInfoBox .point_info_item .info_txt_box .info_txt{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);}
#mypageSubBox #pointInfoBox .point_info_item .info_txt_box .info_price_sta{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-28);color: var(--color-black);vertical-align: -1px;}

#mypageSubBox #pointListBox{width: 100%;border-top: 1px solid var(--color-black);}
#mypageSubBox #pointListBox .points_list{}
#mypageSubBox #pointListBox .points_item{width: 100%;padding: 32px 0 24px;box-sizing: border-box;}
#mypageSubBox #pointListBox .points_item + .points_item{border-top: 1px solid var(--divider-line);}
#mypageSubBox #pointListBox .points_item + .points_item:last-of-type{border-bottom: 1px solid var(--divider-line);}
#mypageSubBox #pointListBox .points_item .item_hd{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 24px;}
#mypageSubBox #pointListBox .points_item .point_date_box{}
#mypageSubBox #pointListBox .points_item .point_date_box .point_date{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
#mypageSubBox #pointListBox .points_item .point_expire_box{}
#mypageSubBox #pointListBox .points_item .point_expire_box .point_expire{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);}

#mypageSubBox #pointListBox .points_item .item_bd{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 16px;}
#mypageSubBox #pointListBox .points_item .item_hd + .item_bd{margin-top: 24px;}
#mypageSubBox #pointListBox .points_item .point_cnt_box{}
#mypageSubBox #pointListBox .points_item .point_cnt_box .point_cnt{font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-26);color: var(--color-black);}
#mypageSubBox #pointListBox .points_item .point_price_box{}
#mypageSubBox #pointListBox .points_item .point_price_box .point_price{font-size: var(--fs-18);font-weight: 600;line-height: var(--lh-26);color: var(--color-green2);}
#mypageSubBox #pointListBox .points_item .point_price_box .point_price.point_use{color: #D05C5C;}


@media (max-width: 1680px){
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
}
@media (max-width: 1080px){
    #mypageSubBox #pointInfoBox .point_info_item .info_tit_box .info_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #mypageSubBox #pointInfoBox .point_info_item .info_txt_box .info_txt{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #pointInfoBox .point_info_item .info_txt_box .info_price_sta{font-size: var(--fs-18);line-height: var(--lh-26);}
    #mypageSubBox #pointInfoBox .point_info_item .info_link .icon_btns_arrow{width: 8px;height: 14px;}

    #mypageSubBox #pointListBox .points_item .item_hd{column-gap: 16px;}
    #mypageSubBox #pointListBox .points_item .point_cnt_box .point_cnt{font-size: var(--fs-16);line-height: var(--lh-24);}
    #mypageSubBox #pointListBox .points_item .point_price_box .point_price{font-size: var(--fs-16);line-height: var(--lh-24);}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    #mypageSubBox #pointInfoBox .point_info_item{padding: 16px;}
    #mypageSubBox #pointInfoBox .point_info_item + .point_info_item{margin-top: 16px;}
    #mypageSubBox #pointInfoBox .point_info_item .info_row + .info_row{margin-top: 10px;}
    #mypageSubBox #pointInfoBox .point_info_item .info_tit_box .info_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #pointInfoBox .point_info_item .info_txt_box .info_txt{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #pointInfoBox .point_info_item .info_txt_box .info_price_sta{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);}
    
    #mypageSubBox #pointListBox .points_item{padding: 20px 0 16px;}
    #mypageSubBox #pointListBox .points_item .item_hd{column-gap: 8px;}
    #mypageSubBox #pointListBox .points_item .point_date_box .point_date{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #pointListBox .points_item .point_expire_box .point_expire{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #pointListBox .points_item .item_hd + .item_bd{margin-top: 16px;}
    #mypageSubBox #pointListBox .points_item .point_cnt_box .point_cnt{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #pointListBox .points_item .point_price_box .point_price{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 375px){
}
/* =============================  E:적립금  ============================= */



/* =============================  S:쿠폰  ============================= */
#mypageSubBox #couponInfoBox{width: 100%;border-top: 1px solid var(--color-black);}
#mypageSubBox #couponInfoBox .coupon_info_list{padding: 24px 0;}
#mypageSubBox #couponInfoBox .coupon_info_item{padding: 24px;background-color: var(--color-green-bg);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#mypageSubBox #couponInfoBox .coupon_info_item + .coupon_info_item{margin-top: 24px;}
#mypageSubBox #couponInfoBox .coupon_info_item .info_row{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;column-gap: 16px;}
#mypageSubBox #couponInfoBox .coupon_info_item .info_row + .info_row{margin-top: 12px;}

#mypageSubBox #couponInfoBox .coupon_info_item .info_tit_box{flex: 1 1 0%;}
#mypageSubBox #couponInfoBox .coupon_info_item .info_tit_box .info_tit{font-size: var(--fs-18);font-weight: 600;line-height: var(--lh-26);color: var(--color-black);}
#mypageSubBox #couponInfoBox .coupon_info_item .info_txt_box{flex: 0 0 auto;}
#mypageSubBox #couponInfoBox .coupon_info_item .info_txt_box .info_txt{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);}
#mypageSubBox #couponInfoBox .coupon_info_item .info_txt_box .info_txt_sta{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-28);color: var(--color-black);vertical-align: -1px;}


#mypageSubBox #couponListBox{width: 100%;}
#mypageSubBox #couponListBox .coupon_list{}
#mypageSubBox #couponListBox .coupon_item{width: 100%;border: 1px solid var(--color-green2);border-radius: 8px;overflow: hidden;}
#mypageSubBox #couponListBox .coupon_item + .coupon_item{margin-top: 24px;}
#mypageSubBox #couponListBox .coupon_item .item_inner{width: 100%;padding: 24px;box-sizing: border-box;}

#mypageSubBox #couponListBox .coupon_item .item_hd{}
#mypageSubBox #couponListBox .coupon_item .coupon_name_box{}
#mypageSubBox #couponListBox .coupon_item .coupon_name{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: 0.02em;}

#mypageSubBox #couponListBox .coupon_item .item_bd{}
#mypageSubBox #couponListBox .coupon_item .item_hd + .item_bd{margin-top: 24px;}
#mypageSubBox #couponListBox .coupon_item .coupon_discount_box{}
#mypageSubBox #couponListBox .coupon_item .coupon_discount{font-size: var(--fs-18);font-weight: 600;line-height: var(--lh-24);color: var(--color-black);}

#mypageSubBox #couponListBox .coupon_item .item_ft{}
#mypageSubBox #couponListBox .coupon_item .item_bd + .item_ft{margin-top: 24px;}
#mypageSubBox #couponListBox .coupon_item .coupon_minimum_box{}
#mypageSubBox #couponListBox .coupon_item .order_minimum{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);}

#mypageSubBox #couponListBox .coupon_item .coupon_maximum_box{}
#mypageSubBox #couponListBox .coupon_item .coupon_minimum_box + .coupon_maximum_box{margin-top: 4px;}
#mypageSubBox #couponListBox .coupon_item .use_maximum{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);}

#mypageSubBox #couponListBox .coupon_item .coupon_date_box{margin-top: 16px;}
#mypageSubBox #couponListBox .coupon_item .coupon_minimum_box + .coupon_date_box{margin-top: 16px;}
#mypageSubBox #couponListBox .coupon_item .coupon_maximum_box + .coupon_date_box{margin-top: 16px;}
#mypageSubBox #couponListBox .coupon_item .coupon_date{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);}

#mypageSubBox #couponListBox .coupon_noitem{}
#mypageSubBox #couponListBox .coupon_noitem .noitem_txt{padding: 96px 0;border-bottom: 1px solid var(--divider-line);font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray1);text-align: center;}


@media (max-width: 1680px){
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
}
@media (max-width: 1080px){
    #mypageSubBox #couponInfoBox .coupon_info_item .info_tit_box .info_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #mypageSubBox #couponInfoBox .coupon_info_item .info_txt_box .info_txt{font-size: var(--fs-14);line-height: var(--lh-26);}
    #mypageSubBox #couponInfoBox .coupon_info_item .info_txt_box .info_txt_sta{font-size: var(--fs-18);line-height: var(--lh-26);}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    #mypageSubBox #couponInfoBox .coupon_info_item{padding: 16px;}

    #mypageSubBox #couponListBox .coupon_item + .coupon_item{margin-top: 16px;}
    #mypageSubBox #couponListBox .coupon_item .item_inner{padding: 16px;}
    #mypageSubBox #couponInfoBox .coupon_info_item .info_tit_box .info_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #couponInfoBox .coupon_info_item .info_txt_box .info_txt{font-size: var(--fs-14);line-height: var(--lh-24);}
    #mypageSubBox #couponInfoBox .coupon_info_item .info_txt_box .info_txt_sta{font-size: var(--fs-16);line-height: var(--lh-24);vertical-align: 0;}
    
    #mypageSubBox #couponListBox .coupon_item .item_hd + .item_bd{margin-top: 10px;}
    #mypageSubBox #couponListBox .coupon_item .coupon_discount{font-size: var(--fs-16);line-height: var(--lh-24);}
    #mypageSubBox #couponListBox .coupon_item .order_minimum{font-size: var(--fs-12);line-height: var(--lh-16);}
    #mypageSubBox #couponListBox .coupon_item .use_maximum{font-size: var(--fs-12);line-height: var(--lh-16);}
    #mypageSubBox #couponListBox .coupon_item .coupon_date{font-size: var(--fs-12);line-height: var(--lh-16);}
    #mypageSubBox #couponListBox .coupon_item .item_bd + .item_ft{margin-top: 12px;}
    
}
@media (max-width: 375px){
    #mypageSubBox #couponListBox .coupon_item .item_inner{padding: 12px 10px;}
}
/* =============================  E:쿠폰  ============================= */



/* =============================  S:찜한 상품  ============================= */
#mypageSubBox #wishInfoBox{}
#mypageSubBox #wishInfoBox{width: 100%;border-top: 1px solid var(--color-black);}
#mypageSubBox #wishInfoBox .wish_info_list{padding: 24px 0;}
#mypageSubBox #wishInfoBox .wish_info_item{padding: 24px;background-color: var(--color-green-bg);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#mypageSubBox #wishInfoBox .wish_info_item + .wish_info_item{margin-top: 24px;}
#mypageSubBox #wishInfoBox .wish_info_item .info_row{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;column-gap: 16px;}
#mypageSubBox #wishInfoBox .wish_info_item .info_row + .info_row{margin-top: 12px;}

#mypageSubBox #wishInfoBox .wish_info_item .info_tit_box{flex: 1 1 0%;}
#mypageSubBox #wishInfoBox .wish_info_item .info_tit_box .info_tit{font-size: var(--fs-18);font-weight: 600;line-height: var(--lh-26);color: var(--color-black);}
#mypageSubBox #wishInfoBox .wish_info_item .info_txt_box{flex: 0 0 auto;}
#mypageSubBox #wishInfoBox .wish_info_item .info_txt_box .info_txt{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);}
#mypageSubBox #wishInfoBox .wish_info_item .info_txt_box .info_txt_sta{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-28);color: var(--color-black);vertical-align: -1px;}

#mypageSubBox #wishListBox{}
#mypageSubBox #wishListBox .wish_list{}
#mypageSubBox #wishListBox .wish_item{}
#mypageSubBox #wishListBox .wish_item .item_inner{width: 100%;padding: 24px 0;display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 16px;border-bottom: 1px solid var(--divider-line);}

#mypageSubBox #wishListBox .wish_item .item_chk_box{flex: 0 0 32px;}
#mypageSubBox #wishListBox .wish_item .item_info_box{flex: 1 1 0%;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 12px;}
#mypageSubBox #wishListBox .wish_item .item_info_box .info_left{flex: 0 0 auto;}
#mypageSubBox #wishListBox .wish_item .item_info_box .info_right{flex: 1 1 0%;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}

#mypageSubBox #wishListBox .wish_item .item_thumb_box{flex: 0 0 auto;width: 100px;aspect-ratio: 1 / 1;}
#mypageSubBox #wishListBox .wish_item .item_thumb_box .thumb_box{display: block;width: 100%;height: 100%;background-color: var(--color-white);}
#mypageSubBox #wishListBox .wish_item .item_thumb_box .thumb_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;mix-blend-mode: multiply;}

#mypageSubBox #wishListBox .wish_item .item_desc_box{flex: 1 1 0%;}

#mypageSubBox #wishListBox .wish_item .item_brand_box{}
#mypageSubBox #wishListBox .wish_item .item_brand_box .item_brand{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);}
#mypageSubBox #wishListBox .wish_item .item_name_box{}
#mypageSubBox #wishListBox .wish_item .item_name_box .item_link{display: inline-block;line-height: 0;}
#mypageSubBox #wishListBox .wish_item .item_name_box .item_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);word-break: keep-all;}

#mypageSubBox #wishListBox .wish_item .item_price_box{flex: 1 1 0%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;column-gap: 4px;}
#mypageSubBox #wishListBox .wish_item .item_price_box .price_left{}
#mypageSubBox #wishListBox .wish_item .item_price_box .price_right{display: flex;align-items: center;flex-wrap: wrap;column-gap: 4px;}
#mypageSubBox #wishListBox .wish_item .price_origin_box{}
#mypageSubBox #wishListBox .wish_item .price_origin_box .price_origin{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray1);text-decoration: line-through;white-space: nowrap;}
#mypageSubBox #wishListBox .wish_item .price_origin_box .price_origin.line_through{}

#mypageSubBox #wishListBox .wish_item .price_sale_box{}
#mypageSubBox #wishListBox .wish_item .price_sale_box .price_sale{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-black);white-space: nowrap;}

#mypageSubBox #wishListBox .wish_item .price_percent_box{}
#mypageSubBox #wishListBox .wish_item .price_percent_box .sale_percent{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-green2);white-space: nowrap;}

#mypageSubBox #wishListBox .wish_item .item_status_box{flex: 0 0 100px;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
#mypageSubBox #wishListBox .wish_item .item_status_box .item_status{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-green2);}

#mypageSubBox #wishListBox .wish_item .item_btns_box{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 12px;}
#mypageSubBox #wishListBox .wish_item .item_btns_box .btns{display: inline-flex;align-items: center;justify-content: center;width: 140px;padding: 8px 16px;background-color: var(--color-white);border: 1px solid var(--color-green2);border-radius: 8px;box-sizing: border-box;}
#mypageSubBox #wishListBox .wish_item .item_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-green2);}
#mypageSubBox #wishListBox .wish_noitem{}
#mypageSubBox #wishListBox .wish_noitem .noitem_txt{padding: 96px 0;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray1);text-align: center;}

@media (max-width: 1680px){
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
    #mypageSubBox #wishListBox .wish_item .item_btns_box{flex-direction: column;row-gap: 8px;}
}
@media (max-width: 1080px){
    #mypageSubBox #wishInfoBox .wish_info_item .info_tit_box .info_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #mypageSubBox #wishInfoBox .wish_info_item .info_txt_box .info_txt{font-size: var(--fs-14);line-height: var(--lh-26);}
    #mypageSubBox #wishInfoBox .wish_info_item .info_txt_box .info_txt_sta{font-size: var(--fs-18);line-height: var(--lh-26);}

    #mypageSubBox #wishListBox .wish_item{width: 100%;border: 1px solid var(--color-gray15);border-radius: 8px;}
    #mypageSubBox #wishListBox .wish_item + .wish_item{margin-top: 24px;}
    #mypageSubBox #wishListBox .wish_item .item_inner{flex-direction: column;row-gap: 24px;padding: 24px 16px;border: 0;}
    #mypageSubBox #wishListBox .wish_item .item_info_box .info_right{display: block;}
    #mypageSubBox #wishListBox .wish_item .item_price_box{justify-content: flex-start;}
    #mypageSubBox #wishListBox .wish_item .item_btns_box{flex-direction: row;}
    #mypageSubBox #wishListBox .wish_item .item_btns_box .btns{flex: 1 1 0%;width: 100%;padding: 12px 8px;border-radius: 4px;}
    #mypageSubBox #wishListBox .wish_item .item_btns_box .btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    #mypageSubBox #wishInfoBox .wish_info_item{padding: 16px 16px 20px;}
    #mypageSubBox #wishInfoBox .wish_info_item .info_tit_box .info_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #wishInfoBox .wish_info_item .info_txt_box .info_txt{font-size: var(--fs-14);line-height: var(--lh-24);}
    #mypageSubBox #wishInfoBox .wish_info_item .info_txt_box .info_txt_sta{font-size: var(--fs-16);line-height: var(--lh-24);vertical-align: 0;}

    #mypageSubBox #wishListBox .wish_item + .wish_item{margin-top: 16px;}
    #mypageSubBox #wishListBox .wish_item .item_inner{padding: 16px;}
    #mypageSubBox #wishListBox .wish_item .item_thumb_box{width: 80px;}
    #mypageSubBox #wishListBox .wish_item .item_brand_box .item_brand{font-size: var(--fs-12);line-height: var(--lh-18);}
    #mypageSubBox #wishListBox .wish_item .item_name_box .item_name{font-size: var(--fs-14);line-height: var(--lh-20);}

    #mypageSubBox #wishListBox .wish_item .item_info_box{column-gap: 8px;}
    #mypageSubBox #wishListBox .wish_item .item_price_box{margin-top: 2px;}
    #mypageSubBox #wishListBox .wish_item .price_origin_box .price_origin{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #wishListBox .wish_item .price_sale_box .price_sale{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #wishListBox .wish_item .price_percent_box .sale_percent{font-size: var(--fs-14);line-height: var(--lh-20);}

    #mypageSubBox #wishListBox .wish_item .item_btns_box .btns{padding: 8px 4px;}
}
@media (max-width: 375px){
}
/* =============================  E:찜한 상품  ============================= */



/* =============================  S:상품 후기  ============================= */
#mypageSubBox #reviewWrap{}
#mypageSubBox #reviewInfoBox{}
#mypageSubBox #reviewInfoBox .info_line{display: inline-flex;align-items: flex;flex-wrap: nowrap;column-gap: 4px;}
#mypageSubBox #reviewInfoBox .info_txt{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-28);color: var(--color-black);letter-spacing: -0.03em;}
#mypageSubBox #reviewInfoBox .info_txt .point_sta{display: inline-block;font-weight: 600;color: var(--color-green2);}

#mypageSubBox #reviewInfoBox .btns_review_point{display: flex;align-items: center;justify-content: center;line-height: 0;cursor: pointer;line-height: 0;}
#mypageSubBox #reviewInfoBox .btns_review_point .icon_question{display: inline-block;width: 20px;height: 20px;line-height: 0;pointer-events: none;}
#mypageSubBox #reviewInfoBox .btns_review_point .icon_question svg{width: 100%;height: 100%;pointer-events: none;}
#mypageSubBox #reviewInfoBox .btns_review_point .icon_question svg path{fill: var(--color-gray1);}

#mypageSubBox #reviewTabBox{}
#mypageSubBox #reviewInfoBox + #reviewTabBox{margin-top: 16px;}
#mypageSubBox #reviewTabBox .review_tab_list{display: flex;align-items: stretch;flex-wrap: nowrap;width: 100%;padding: 8px;background-color: var(--color-green-bg);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#mypageSubBox #reviewTabBox .review_tab_item{flex: 1;}
#mypageSubBox #reviewTabBox .review_tab_item .tab_btns{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;padding: 8px;background-color: var(--color-green-bg);border-radius: 6px;box-sizing: border-box;overflow: hidden;transition: background-color .25s;}
#mypageSubBox #reviewTabBox .review_tab_item .tab_btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-green2);transition: color .25s;}
#mypageSubBox #reviewTabBox .review_tab_item .tab_btns.on{background-color: var(--color-white);}
#mypageSubBox #reviewTabBox .review_tab_item .tab_btns.on .btns_name{color: var(--color-black);}

#mypageSubBox #reviewListBox{width: 100%;border-top: 2px solid var(--color-black);}
#mypageSubBox #reviewTabBox + #reviewListBox{margin-top: 32px;}

#mypageSubBox #reviewListBox .review_group{padding: 24px 0 8px;}
#mypageSubBox #reviewListBox .review_group + .review_group{border-top: 1px solid var(--color-gray8);}
#mypageSubBox #reviewListBox .review_group + .review_group:last-of-type{border-bottom: 1px solid var(--color-gray8);}
#mypageSubBox #reviewListBox .review_group .group_hd{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 16px;}
#mypageSubBox #reviewListBox .review_group .order_date{flex: 0 0 110px;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);}
#mypageSubBox #reviewListBox .review_group .order_no{flex: 0 0 auto;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray1);}

#mypageSubBox #reviewListBox .review_group .group_bd{}
#mypageSubBox #reviewListBox .review_group .group_hd + .group_bd{margin-top: 8px;}

#mypageSubBox #reviewListBox .review_list{}
#mypageSubBox #reviewListBox .review_item{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 16px;width: 100%;padding: 8px 0;box-sizing: border-box;}

#mypageSubBox #reviewListBox .review_item .item_left{flex: 2 1 0%;}

#mypageSubBox #reviewListBox .review_item .item_thumb_box{flex: 0 0 auto;width: 110px;aspect-ratio: 1 / 1;}
#mypageSubBox #reviewListBox .review_item .item_thumb_box .item_thumb{display: block;width: 100%;height: 100%;padding: 8px;background-color: var(--color-white);box-sizing: border-box;overflow: hidden;}
#mypageSubBox #reviewListBox .review_item .item_thumb_box .item_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;mix-blend-mode: multiply;}
#mypageSubBox #reviewListBox .review_item .item_summary_box{flex: 1 1 0%;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 24px;}
#mypageSubBox #reviewListBox .review_item .item_desc_box{flex: 2 1 0%;padding: 0 16px;}
#mypageSubBox #reviewListBox .review_item .item_brand_box{}
#mypageSubBox #reviewListBox .review_item .item_brand_box .item_brand{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);}
#mypageSubBox #reviewListBox .review_item .item_name_box{}
#mypageSubBox #reviewListBox .review_item .item_name_box .item_name_link{display: inline-block;}
#mypageSubBox #reviewListBox .review_item .item_name_box .item_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);}
#mypageSubBox #reviewListBox .review_item .item_opt_box{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

#mypageSubBox #reviewListBox .review_item .item_price_box{flex: 1 1 0%;}
#mypageSubBox #reviewListBox .review_item .item_price_box .total_price_box{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}

#mypageSubBox #reviewListBox .review_item .item_price_box .total_price_box .total_price{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);}
#mypageSubBox #reviewListBox .review_item .item_status_box{flex: 1 1 0%;}
#mypageSubBox #reviewListBox .review_item .item_status_box .item_status{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);text-align: center;}

#mypageSubBox #reviewListBox .review_item .item_right{flex: 1 1 0%;}

#mypageSubBox #reviewListBox .review_item .item_info_box{display: flex;align-items: center;flex-wrap: nowrap;}
#mypageSubBox #reviewListBox .review_item .item_btns_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
#mypageSubBox #reviewListBox .review_item .item_btns_box .item_btns{flex: 1;display: flex;align-items: center;justify-content: center;width: 124px;height: 40px;background-color: var(--color-white);border: 1px solid var(--color-green2);border-radius: 4px;box-sizing: border-box;transition: background-color .25s;}
#mypageSubBox #reviewListBox .review_item .item_btns_box .item_btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-green2);transition: color .25s;}
#mypageSubBox #reviewListBox .review_item .item_btns_box .item_btns .btns_name .point_txt{color: var(--color-gray1);}

#mypageSubBox #reviewListBox .review_noitem{}
#mypageSubBox #reviewListBox .review_noitem .noitem_txt{width: 100%;padding: 128px 0;border-bottom: 1px solid var(--color-gray8);font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray1);text-align: center;}

@media (max-width: 1680px){
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
    #mypageSubBox #reviewListBox .review_item{column-gap: 8px;}
    #mypageSubBox #reviewListBox .review_item .item_summary_box{column-gap: 8px;}

    #mypageSubBox #reviewListBox .review_item .item_desc_box{padding: 0 8px;}
}
@media (max-width: 1080px){
    #mypageSubBox #reviewInfoBox .info_txt{font-size: var(--fs-18);line-height: var(--lh-26);}
    #mypageSubBox #reviewListBox .review_group{padding: 24px 0;}
    #mypageSubBox #reviewListBox .review_group + .review_group{border: 0;}
    #mypageSubBox #reviewListBox .review_item{width: 100%;padding: 24px 16px;border: 1px solid var(--color-gray15);border-radius: 8px;flex-direction: column;row-gap: 24px;}
    #mypageSubBox #reviewListBox .review_item + .review_item{margin-top: 24px;}
    #mypageSubBox #reviewListBox .review_item .item_left{flex: 1 1 0%;width: 100%;}
    #mypageSubBox #reviewListBox .review_item .item_info_box{column-gap: 8px;}
    #mypageSubBox #reviewListBox .review_item .item_thumb_box{width: 100px;}
    #mypageSubBox #reviewListBox .review_item .item_thumb_box .item_thumb{padding: 0;}

    #mypageSubBox #reviewListBox .review_item .item_summary_box{display: block;}
    #mypageSubBox #reviewListBox .review_item .item_desc_box{padding: 0;}
    #mypageSubBox #reviewListBox .review_item .item_price_box .total_price_box{display: block;}
    #mypageSubBox #reviewListBox .review_item .item_price_box .total_price_box .total_price{margin-top: 4px;}

    #mypageSubBox #reviewListBox .review_item .item_right{flex: 1 1 0%;width: 100%;}

    #mypageSubBox #reviewListBox .review_item .item_status_box{display: none;margin-top: 4px;}
    #mypageSubBox #reviewListBox .review_item .item_status_box .item_status{text-align: left;}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    #mypageSubBox #reviewTabBox + #reviewListBox{margin-top: 24px;}
    #mypageSubBox #reviewListBox .review_group{padding: 16px 0;}
    #mypageSubBox #reviewTabBox .review_tab_item .tab_btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    
    #mypageSubBox #reviewInfoBox .info_txt{font-size: var(--fs-16);line-height: var(--lh-24);}
    #mypageSubBox #reviewListBox .review_item{padding: 20px 16px;}
    #mypageSubBox #reviewListBox .review_item .item_thumb_box{width: 80px;}

    #mypageSubBox #reviewListBox .review_item .item_brand_box .item_brand{font-size: var(--fs-12);line-height: var(--lh-18);}
    #mypageSubBox #reviewListBox .review_item .item_name_box .item_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #reviewListBox .review_item .item_price_box .total_price_box .total_price{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 375px){
}




#reviewEditPop{}
#reviewEditPop.ayumimall{
      --color-green1: #206A06;
      --color-green2: #5B9D43;
      --color-green3: #1E4337;
      --color-green4: #d0e4b0;
      --color-green-bg: #EFF9DF; 
}
#reviewEditPop.walkingnara{
    --color-green1: #F87F26;
    --color-green2: #ff994f;
    --color-green3: #f8a76d;
    --color-green4: #feb27a;
    --color-green-bg: #fff2e9;
}
#reviewEditPop .frm_wrap .frm_box + .frm_box{margin-top: 24px;}
#reviewEditPop .frm_wrap .frm_box{padding: 16px 0;}
#reviewEditPop .frm_wrap .frm_lab_box .frm_lab,
#reviewEditPop .frm_wrap .frm_lab_box label,
#reviewEditPop .frm_wrap .frm_lab_box .label_name{font-size: var(--fs-16);}

#reviewEditPop .frm_wrap .frm_lab_box + .frm_inp_box{margin-top: 8px;}
#reviewEditPop .frm_wrap .frm_inp_box{}
#reviewEditPop .frm_wrap .frm_inp_box .frm_inp{padding-left: 8px;padding-right: 8px;border: 1px solid var(--divider-line);}
#reviewEditPop .frm_wrap .frm_inp_box textarea{border: 1px solid var(--divider-line);resize: none;}

#reviewEditPop .frm_wrap .frm_inp_box .frm_inp:focus,
#reviewEditPop .frm_wrap .frm_inp_box textarea:focus{border: 1px solid var(--color-black) !important;}
#reviewEditPop .frm_wrap .frm_inp_box .byte_info{display: flex;align-items: center;justify-content: space-between;column-gap: 16px;}
#reviewEditPop .frm_wrap .frm_inp_box .byte_info .byte_count{}

#reviewEditPop .frm_pointinfo_box{}
#reviewEditPop .frm_pointinfo_box .label_name{}
#reviewEditPop .frm_pointinfo_box .label_name .point,
#reviewEditPop .frm_pointinfo_box .label_name .point span{font-weight: 600;color: var(--color-green2);}
#reviewEditPop .frm_pointinfo_box .frm_inp_box.type_flex{align-items: center;column-gap: 8px;}
#reviewEditPop .frm_pointinfo_box .point_type{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
#reviewEditPop .frm_pointinfo_box .point_type .icon_check{display: inline-block;width: 14px;height: 14px;line-height: 0;pointer-events: none;}
#reviewEditPop .frm_pointinfo_box .point_type .icon_check svg{width: 100%;height: 100%;pointer-events: none;}
#reviewEditPop .frm_pointinfo_box .point_type .icon_check svg path{fill: var(--color-gray7);}
#reviewEditPop .frm_pointinfo_box .point_type.active .icon_check svg path{fill: var(--color-green2);}
#reviewEditPop .frm_pointinfo_box .point_type .type_name{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-gray7);}
#reviewEditPop .frm_pointinfo_box .point_type.active .type_name{color: var(--color-green2);}

#reviewEditPop .frm_star_box{}
#reviewEditPop .frm_star_box .frm_lab{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
#reviewEditPop .frm_star_box .frm_lab .label_name{}
#reviewEditPop .frm_star_box .frm_lab .info_txt{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray7);}
#reviewEditPop .frm_star_box .frm_lab_box + .frm_inp_box{margin-top: 16px;}
#reviewEditPop .frm_star_box .star_list{display: flex;align-items: center;column-gap: 12px;}
#reviewEditPop .frm_star_box .star_item{display: inline-block;line-height: 0;}
#reviewEditPop .frm_star_box .star_item.is_selected{}
#reviewEditPop .frm_star_box .star_item .icon_star{display: inline-block;width: 28px;height: 28px;line-height: 0;}
#reviewEditPop .frm_star_box .star_item .icon_star svg{width: 100%;height: 100%;}
#reviewEditPop .frm_star_box .star_item .icon_star svg path{fill: var(--color-gray7);transition: fill .3s;}
#reviewEditPop .frm_star_box .star_item.is_selected svg path{fill: var(--color-green2);}

/* 이미지 등록 */
#reviewEditPop .review_img_preview{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;}
#reviewEditPop .review_img_upload .review_img_preview .preview_item{width:90px;height:90px;border-radius:6px;overflow:hidden;position:relative;border:1px solid #ddd;}
#reviewEditPop .review_img_upload .review_img_preview .preview_item img{width:100%;height:100%;object-fit:cover;}


#reviewEditPop .review_img_upload .review_img_preview{margin-top:10px;}
#reviewEditPop .review_img_upload .review_img_preview .swiper-slide{width: 100px;height: 100px;flex-shrink: 0;}
#reviewEditPop .review_img_upload .review_img_preview .preview_item{border-radius: 8px;overflow:hidden;position:relative;border:1px solid var(--divider-line);}
#reviewEditPop .review_img_upload .review_img_preview .preview_item img{width:100%;height:100%;object-fit:cover;}
#reviewEditPop .review_img_upload .review_img_preview .preview_item .img_del_btn{position:absolute;top: 2px;right: 2px;width:24px;height:24px;border-radius:50%;display: flex;align-items: center;justify-content: center;background: var(--color-black);color: var(--color-white);font-size:12px;border:0;cursor:pointer;}
#reviewEditPop .review_img_upload .review_img_preview .preview_item .img_del_btn .icon_delete{display: inline-block;width: 8px;height: 8px;line-height: 0;}
#reviewEditPop .review_img_upload .review_img_preview .preview_item .img_del_btn .icon_delete svg{width: 100%;height: 100%;}
#reviewEditPop .review_img_upload .review_img_preview .preview_item .img_del_btn .icon_delete svg path{fill: var(--color-white);}

#reviewEditPop .review_img_upload .upload_box{width: 100px;height: 100px;border: 1px dashed var(--divider-line);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#888;}
#reviewEditPop .review_img_upload .upload_box .upload_plus{display: inline-block;line-height: 0;}
#reviewEditPop .review_img_upload .upload_box .upload_plus .icon_plus{display: inline-block;width: 16px;height: 16px;line-height: 0;}
#reviewEditPop .review_img_upload .upload_box .upload_plus .icon_plus svg{width: 100%;height: 100%;}
#reviewEditPop .review_img_upload .upload_box .upload_plus .icon_plus svg path{fill: var(--color-gray7);}
#reviewEditPop .review_img_upload .upload_box .upload_count{display: inline-block;margin-top: 4px;font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-18);color: var(--color-gray7);}
/* =============================  E:상품 후기  ============================= */


/* =============================  S:상품 문의  ============================= */
#mypageSubBox #prdQaWrap{}
#mypageSubBox #qaTabBox{}
#mypageSubBox #qaTabBox .qa_tab_list{display: flex;align-items: stretch;flex-wrap: nowrap;width: 100%;padding: 8px;background-color: var(--color-green-bg);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
#mypageSubBox #qaTabBox .qa_tab_item{flex: 1;}
#mypageSubBox #qaTabBox .qa_tab_item .tab_btns{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;padding: 8px;background-color: var(--color-green-bg);border-radius: 6px;box-sizing: border-box;overflow: hidden;transition: background-color .25s;}
#mypageSubBox #qaTabBox .qa_tab_item .tab_btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-green2);transition: color .25s;}
#mypageSubBox #qaTabBox .qa_tab_item .tab_btns.on{background-color: var(--color-white);}
#mypageSubBox #qaTabBox .qa_tab_item .tab_btns.on .btns_name{color: var(--color-black);}


#mypageSubBox #prdQaListBox{width: 100%;border-top: 2px solid var(--color-black);}
#mypageSubBox #qaTabBox + #prdQaListBox{margin-top: 32px;}
#mypageSubBox #prdQaListBox .qa_list{}
#mypageSubBox #prdQaListBox .qa_item{width: 100%;box-sizing: border-box;}
#mypageSubBox #prdQaListBox .qa_item + .qa_item{border-top: 1px solid var(--color-gray8);}
#mypageSubBox #prdQaListBox .qa_item:last-of-type{border-bottom: 1px solid var(--color-gray8);}
#mypageSubBox #prdQaListBox .qa_item .item_inner{padding: 16px 0;box-sizing: border-box;}
#mypageSubBox #prdQaListBox .qa_item .item_hd{display: none;}
#mypageSubBox #prdQaListBox .qa_item .item_bd{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 16px;}
#mypageSubBox #prdQaListBox .qa_item .item_left{flex: 2 1 0%;}
#mypageSubBox #prdQaListBox .qa_item .item_info_box{display: flex;align-items: center;flex-wrap: nowrap;}
#mypageSubBox #prdQaListBox .qa_item .item_thumb_box{flex: 0 0 auto;width: 110px;aspect-ratio: 1 / 1;}
#mypageSubBox #prdQaListBox .qa_item .item_thumb_box .item_thumb{display: block;width: 100%;height: 100%;padding: 8px;background-color: var(--color-white);box-sizing: border-box;overflow: hidden;}
#mypageSubBox #prdQaListBox .qa_item .item_thumb_box .item_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;mix-blend-mode: multiply;}
#mypageSubBox #prdQaListBox .qa_item .item_summary_box{flex: 1 1 0%;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 24px;}
#mypageSubBox #prdQaListBox .qa_item .item_desc_box{flex: 2 1 0%;padding: 0 16px;}
#mypageSubBox #prdQaListBox .qa_item .item_brand_box{}
#mypageSubBox #prdQaListBox .qa_item .item_brand_box .item_brand{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);}
#mypageSubBox #prdQaListBox .qa_item .item_name_box{}
#mypageSubBox #prdQaListBox .qa_item .item_name_box .item_name_link{display: inline-block;}
#mypageSubBox #prdQaListBox .qa_item .item_name_box .item_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);}

#mypageSubBox #prdQaListBox .qa_item .item_date_box{flex: 1 1 0%;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
#mypageSubBox #prdQaListBox .qa_item .item_date_box .item_date{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);}

#mypageSubBox #prdQaListBox .qa_item .item_status_box{flex: 1 1 0%;}
#mypageSubBox #prdQaListBox .qa_item .item_status_box .item_status{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);text-align: center;}

#mypageSubBox #prdQaListBox .qa_item .item_right{flex: 1 1 0%;}


#mypageSubBox #prdQaListBox .qa_item .item_btns_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
#mypageSubBox #prdQaListBox .qa_item .item_btns_box .item_btns{flex: 1;display: flex;align-items: center;justify-content: center;width: 124px;height: 40px;background-color: var(--color-white);border: 1px solid var(--color-green2);border-radius: 4px;box-sizing: border-box;transition: background-color .25s;}
#mypageSubBox #prdQaListBox .qa_item .item_btns_box .item_btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-green2);transition: color .25s;}

#mypageSubBox #prdQaListBox .qa_item .item_btns_box .item_btns.btns_qa_acc.active{background-color: var(--color-green2);}
#mypageSubBox #prdQaListBox .qa_item .item_btns_box .item_btns.btns_qa_acc.active .btns_name{color: var(--color-white);}

#mypageSubBox #prdQaListBox .qa_item .qa_acc_box{display: none;background-color: var(--color-green-bg);border-radius: 8px;overflow: hidden;}
#mypageSubBox #prdQaListBox .qa_item .qa_acc_box .qa_acc_inner{width: 100%;padding: 24px 16px;box-sizing: border-box;}


#mypageSubBox #prdQaListBox .qa_item .qa_acc_box .question_txt_box{}
#mypageSubBox #prdQaListBox .qa_item .qa_acc_box .question_txt_box .question_tit{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray1);}
#mypageSubBox #prdQaListBox .qa_item .qa_acc_box .question_txt_box .question_txt{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray1);}

#mypageSubBox #prdQaListBox .qa_item .qa_acc_box .answer_txt_box{}
#mypageSubBox #prdQaListBox .qa_item .qa_acc_box .question_txt_box + .answer_txt_box{margin-top: 16px;}
#mypageSubBox #prdQaListBox .qa_item .qa_acc_box .answer_txt_box .answer_tit{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-green2)}
#mypageSubBox #prdQaListBox .qa_item .qa_acc_box .answer_txt_box .answer_txt{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black)}


@media (max-width: 1680px){
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
    #mypageSubBox #prdQaListBox .qa_item .item_right{flex: 0 0 auto;}
    #mypageSubBox #prdQaListBox .qa_item .item_btns_box{flex-direction: column;row-gap: 8px;}
    #mypageSubBox #prdQaListBox .qa_item .item_btns_box .item_btns{width: 140px;height: auto;padding: 8px 16px;}
}
@media (max-width: 1080px){
    #mypageSubBox #prdQaListBox{border: 0;}
    /* #mypageSubBox #qaTabBox + #prdQaListBox{margin-top: 24px;} */
    #mypageSubBox #prdQaListBox .qa_item{border: 1px solid var(--color-gray15);border-radius: 8px;overflow: hidden;}
    #mypageSubBox #prdQaListBox .qa_item + .qa_item{margin-top: 24px;border-top: 0;border: 1px solid var(--color-gray15);}
    #mypageSubBox #prdQaListBox .qa_item .item_inner{padding: 24px 16px;}
    #mypageSubBox #prdQaListBox .qa_item .item_hd{display: flex;align-items: center;justify-content: space-between;column-gap: 8px;}
    #mypageSubBox #prdQaListBox .qa_item .item_hd .item_date_box{flex: 0 0 auto;}
    #mypageSubBox #prdQaListBox .qa_item .item_date_box .item_date{color: var(--color-gray1);}
    #mypageSubBox #prdQaListBox .qa_item .item_hd .item_status_box{flex: 0 0 auto;}
    #mypageSubBox #prdQaListBox .qa_item .item_status_box .item_status{color: var(--color-gray1);}

    #mypageSubBox #prdQaListBox .qa_item .item_bd{flex-direction: column;row-gap: 24px;}
    #mypageSubBox #prdQaListBox .qa_item .item_hd + .item_bd{margin-top: 8px;}
    #mypageSubBox #prdQaListBox .qa_item .item_left{flex: 1 1 0%;width: 100%;}
    
    #mypageSubBox #prdQaListBox .qa_item .item_info_box{column-gap: 16px;}
    #mypageSubBox #prdQaListBox .qa_item .item_thumb_box{width: 100px;}
    #mypageSubBox #prdQaListBox .qa_item .item_thumb_box .item_thumb{padding: 0;}

    #mypageSubBox #prdQaListBox .qa_item .item_summary_box{display: block;}
    #mypageSubBox #prdQaListBox .qa_item .item_desc_box{padding: 0;}

    #mypageSubBox #prdQaListBox .qa_item .item_right{flex: 1 1 0%;width: 100%;}
    #mypageSubBox #prdQaListBox .qa_item .item_bd .item_date_box{display: none;}
    #mypageSubBox #prdQaListBox .qa_item .item_bd .item_status_box{display: none;}

    #mypageSubBox #prdQaListBox .qa_item .item_btns_box{width: 100%;flex-direction: row;column-gap: 12px;}
    #mypageSubBox #prdQaListBox .qa_item .item_btns_box .item_btns{width: 100%;}

    #mypageSubBox #prdQaListBox .qa_item .qa_acc_box{border-radius: 0;}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    #mypageSubBox #qaTabBox + #prdQaListBox{margin-top: 24px;}
    #mypageSubBox #qaTabBox .qa_tab_item .tab_btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}

    #mypageSubBox #prdQaListBox .qa_item .item_inner{padding: 16px;}
    #mypageSubBox #prdQaListBox .qa_item .item_date_box .item_date{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageSubBox #prdQaListBox .qa_item .item_status_box .item_status{font-size: var(--fs-14);line-height: var(--lh-20);}

    #mypageSubBox #prdQaListBox .qa_item .item_bd{row-gap: 16px;}
    #mypageSubBox #prdQaListBox .qa_item .item_info_box{column-gap: 8px;}
    #mypageSubBox #prdQaListBox .qa_item .item_thumb_box{width: 80px;}

    #mypageSubBox #prdQaListBox .qa_item .item_brand_box .item_brand{font-size: var(--fs-12);line-height: var(--lh-18);}
    #mypageSubBox #prdQaListBox .qa_item .item_name_box .item_name{font-size: var(--fs-14);line-height: var(--lh-20);}

    #mypageSubBox #prdQaListBox .qa_item .item_btns_box{column-gap: 8px;}
    #mypageSubBox #prdQaListBox .qa_item .item_btns_box .item_btns{padding: 8px 4px;}

    #mypageSubBox #prdQaListBox .qa_item .qa_acc_box .qa_acc_inner{padding: 16px;}
}
@media (max-width: 375px){
}




#mypageSubBox #prdQaListBox .qa_noitem{}
#mypageSubBox #prdQaListBox .qa_noitem .noitem_txt{width: 100%;padding: 128px 0;border-bottom: 1px solid var(--color-gray8);font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray1);text-align: center;}

#qaEditPop{}
#qaEditPop.ayumimall{
      --color-green1: #206A06;
      --color-green2: #5B9D43;
      --color-green3: #1E4337;
      --color-green4: #d0e4b0;
      --color-green-bg: #EFF9DF; 
}
#qaEditPop.walkingnara{
    --color-green1: #F87F26;
    --color-green2: #ff994f;
    --color-green3: #f8a76d;
    --color-green4: #feb27a;
    --color-green-bg: #fff2e9;
}
#qaEditPop .frm_wrap .frm_box + .frm_box{margin-top: 24px;}
#qaEditPop .frm_wrap .frm_box{}
#qaEditPop .frm_wrap .frm_lab_box .frm_lab,
#qaEditPop .frm_wrap .frm_lab_box label,
#qaEditPop .frm_wrap .frm_lab_box .label_name{font-size: var(--fs-16);}

#qaEditPop .frm_wrap .frm_lab_box + .frm_inp_box{margin-top: 8px;}
#qaEditPop .frm_wrap .frm_inp_box{}
#qaEditPop .frm_wrap .frm_inp_box .frm_inp{padding-left: 8px;padding-right: 8px;border: 1px solid var(--divider-line);}
#qaEditPop .frm_wrap .frm_inp_box textarea{border: 1px solid var(--divider-line);resize: none;}

#qaEditPop .frm_wrap .frm_inp_box .frm_inp:focus,
#qaEditPop .frm_wrap .frm_inp_box textarea:focus{border: 1px solid var(--color-black) !important;}


#qaEditPop .frm_chk_box{position: relative;}
#qaEditPop .frm_chk_box .frm_chk_inp{}
#qaEditPop .frm_chk_box .frm_chk_label{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;cursor: pointer;}
#qaEditPop .frm_chk_box .frm_chk_label .label_chk_box{display:inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;background-color: var(--color-gray13);border-radius: 4px;box-sizing: border-box;transition: background-color .25s;}
#qaEditPop .frm_chk_box .frm_chk_label .label_chk_box .icon_chk_arrow{display: inline-block;width: 100%;height: 100%;pointer-events: none;}
#qaEditPop .frm_chk_box .frm_chk_label .label_chk_box .icon_chk_arrow svg{width: 100%;height: 100%;pointer-events: none;}
#qaEditPop .frm_chk_box .frm_chk_label .label_chk_box .icon_chk_arrow svg path{fill: var(--color-white);transition: fill .25s;pointer-events: none;}
#qaEditPop .frm_chk_box .frm_chk_label .label_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);transition: color .25s;}
#qaEditPop .frm_chk_box .frm_chk_inp:checked + .frm_chk_label .label_chk_box{background-color: var(--color-green2);}
#qaEditPop .frm_chk_box .frm_chk_inp:checked + .frm_chk_label .label_name{font-weight: 500;color: var(--color-green2);}

#qaEditPop .qa_info_wrap{margin-top: 24px;padding-top: 24px;border-top: 1px solid var(--divider-line);}
#qaEditPop .qa_info_wrap .qa_info_inner{}
#qaEditPop .qa_info_wrap .info_tit_box{}
#qaEditPop .qa_info_wrap .info_tit_box .info_tit{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
#qaEditPop .qa_info_wrap .info_txt_box{}
#qaEditPop .qa_info_wrap .info_tit_box + .info_txt_box{margin-top: 8px;}
#qaEditPop .qa_info_wrap .info_txt_box .info_txt{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray1);letter-spacing: -0.02em;}
#qaEditPop .qa_info_wrap .info_txt_box .info_txt + .info_txt{margin-top: 2px;}
#qaEditPop .qa_info_wrap .info_txt_box .info_txt.dot{display: flex;align-items: flex-start;flex-wrap: nowrap;}
#qaEditPop .qa_info_wrap .info_txt_box .info_txt.dot::before{content: "·";display: inline-block;margin-right: 2px;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray1);letter-spacing: -0.02em;}
/* =============================  E:상품 문의  ============================= */

#orderHistoryBox .frm_chk_box{position: relative;}
#orderHistoryBox .frm_chk_box .frm_chk_inp{}
#orderHistoryBox .frm_chk_box .frm_chk_label{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;cursor: pointer;}
#orderHistoryBox .frm_chk_box .frm_chk_label .label_chk_box{display:inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;background-color: var(--color-gray13);border-radius: 4px;box-sizing: border-box;transition: background-color .25s;}
#orderHistoryBox .frm_chk_box .frm_chk_label .label_chk_box .icon_chk_arrow{display: inline-block;width: 100%;height: 100%;pointer-events: none;}
#orderHistoryBox .frm_chk_box .frm_chk_label .label_chk_box .icon_chk_arrow svg{width: 100%;height: 100%;pointer-events: none;}
#orderHistoryBox .frm_chk_box .frm_chk_label .label_chk_box .icon_chk_arrow svg path{fill: var(--color-white);transition: fill .25s;pointer-events: none;}
#orderHistoryBox .frm_chk_box .frm_chk_label .label_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray1);transition: color .25s;}
#orderHistoryBox .frm_chk_box .frm_chk_inp:checked + .frm_chk_label .label_chk_box{background-color: var(--color-green2);}
#orderHistoryBox .frm_chk_box .frm_chk_inp:checked + .frm_chk_label .label_name{font-weight: 500;color: var(--color-green2);}