@charset "utf-8";

/* ============================================= S:mypage_component ============================================= */
.page_component{background-color: var(--color-gray4);}
.mypage_component{padding-top: 64px;padding-bottom: 64px;background-color: var(--color-gray4);}
.mypage_component .component_inner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 0 24px;}

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



/* ============================================= S:mypage_wrap ============================================= */
.mypage_wrap{display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: nowrap;column-gap: 24px;}
.mypage_wrap .mypage_left{flex: 0 0 auto;}
.mypage_wrap .mypage_right{flex-grow: 1;width: 100%;max-width: calc(100% - (375px + 24px))}

.mypage_wrap .component_tit_box{padding-bottom: 16px;}

.mypage_menu{width: 375px;overflow: hidden}

#mypageAsidePc .aside_inner{}
#mypageAsidePc .aside_hd{}
#mypageAsidePc .mymenu_info_box{width: 100%;padding: 24px;border-radius: 8px;background-color: #fff;overflow: hidden;}
#mypageAsidePc .mymenu_info_box .info_greeting{}
#mypageAsidePc .mymenu_info_box .info_greeting .greeting_txt{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-28);letter-spacing: -0.03em;background: linear-gradient(135deg, rgba(79,98,215,1) 0%, rgba(63,229,212,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#mypageAsidePc .mymenu_info_box .info_greeting .greeting_txt .member_name{display: inline-block;font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-28);color: var(--color-black);letter-spacing: -0.03em;background: none;-webkit-background-clip: initial;-webkit-text-fill-color: initial;background-clip: initial;}

#mypageAsidePc .mymenu_info_box .info_summary{}
#mypageAsidePc .mymenu_info_box .info_greeting + .info_summary{margin-top: 8px;}
#mypageAsidePc .mymenu_info_box .info_summary_list{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 24px;width: 100%;border: 1px solid var(--divider-line);border-radius: 8px;background-color: var(--color-white);}
#mypageAsidePc .mymenu_info_box .info_summary_item{flex: 1;width: 100%;max-width: 50%;padding: 16px 8px;text-align: center;}
#mypageAsidePc .mymenu_info_box .info_summary_item + .info_summary_item{position: relative;}
#mypageAsidePc .mymenu_info_box .info_summary_item + .info_summary_item::before{content: '';display: block;width: 1px;height: calc(100% - 32px);background-color: var(--divider-line);position: absolute;left: -12px;top: 50%;transform: translateY(-50%);}
#mypageAsidePc .mymenu_info_box .info_summary_item .summary_name{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray5);}
#mypageAsidePc .mymenu_info_box .info_summary_item .item_link{display: inline-block;}
#mypageAsidePc .mymenu_info_box .info_summary_item .summary_name + .item_link{margin-top: 2px;}
#mypageAsidePc .mymenu_info_box .info_summary_item .item_txt{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 1px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
#mypageAsidePc .mymenu_info_box .info_summary_item .item_txt .item_sta{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-28);color: var(--color-black);letter-spacing: -0.03em;}

#mypageAsidePc .aside_bd{width: 100%;background-color: var(--color-white);border-radius: 8px;overflow: hidden;}
#mypageAsidePc .aside_hd + .aside_bd{margin-top: 8px;}
#mypageAsidePc .mymenu_list_box{width: 100%;background-color: var(--color-white);}
#mypageAsidePc .mymenu_list_box + .mymenu_list_box{position: relative;}
#mypageAsidePc .mymenu_list_box + .mymenu_list_box::before{content: '';display: block;width: calc(100% - 48px);height: 1px;background-color: var(--color-gray3);position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
#mypageAsidePc .mymenu_list_box .box_inner{padding: 16px 24px;}
#mypageAsidePc .mymenu_list_box .menu_hd{}
#mypageAsidePc .mymenu_list_box .mymenu_cate_box{}
#mypageAsidePc .mymenu_list_box .mymenu_cate{display: block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray2);letter-spacing: -0.02em;}

#mypageAsidePc .mymenu_list_box .menu_bd{}
#mypageAsidePc .mymenu_list_box .menu_hd + .menu_bd{margin-top: 8px;}
#mypageAsidePc .mymenu_list_box .mymenu_list{}
#mypageAsidePc .mymenu_list_box .mymenu_item{padding: 8px 0;}
#mypageAsidePc .mymenu_list_box .mymenu_item .mymenu_link{display: inline-block;}
#mypageAsidePc .mymenu_list_box .mymenu_item .mymenu_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.03em;}

#mypageAsidePc .mymenu_list_box.cscenter_list_box{display: none;}


#mypageAsideMo{display: none;width: 100%;}
#mypageAsideMo .mymenu_info_box{width: 100%;padding: 16px;border-radius: 8px;background-color: #fff;overflow: hidden;}
#mypageAsideMo .mymenu_info_box .info_greeting{}
#mypageAsideMo .mymenu_info_box .info_greeting .greeting_txt{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-28);letter-spacing: -0.03em;background: linear-gradient(135deg, rgba(79,98,215,1) 0%, rgba(63,229,212,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#mypageAsideMo .mymenu_info_box .info_greeting .greeting_txt .member_name{display: inline-block;font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-28);color: var(--color-black);letter-spacing: -0.03em;background: none;-webkit-background-clip: initial;-webkit-text-fill-color: initial;background-clip: initial;}
#mypageAsideMo .mymenu_info_box .info_summary{}
#mypageAsideMo .mymenu_info_box .info_greeting + .info_summary{margin-top: 8px;}
#mypageAsideMo .mymenu_info_box .info_summary_list{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 24px;width: 100%;border: 1px solid var(--divider-line);border-radius: 8px;background-color: var(--color-white);}
#mypageAsideMo .mymenu_info_box .info_summary_item{flex: 1;width: 100%;max-width: 50%;padding: 16px;}
#mypageAsideMo .mymenu_info_box .info_summary_item + .info_summary_item{position: relative;}
#mypageAsideMo .mymenu_info_box .info_summary_item + .info_summary_item::before{content: '';display: block;width: 1px;height: calc(100% - 32px);background-color: var(--divider-line);position: absolute;left: -12px;top: 50%;transform: translateY(-50%);}
#mypageAsideMo .mymenu_info_box .info_summary_item .summary_name{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray5);}
#mypageAsideMo .mymenu_info_box .info_summary_item .item_link{display: inline-block;}
#mypageAsideMo .mymenu_info_box .info_summary_item .summary_name + .item_link{margin-top: 2px;}
#mypageAsideMo .mymenu_info_box .info_summary_item .item_txt{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 1px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
#mypageAsideMo .mymenu_info_box .info_summary_item .item_txt .item_sta{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-28);color: var(--color-black);letter-spacing: -0.03em;}



.mypage_wrap .mypage_main_sect{width: 100%;padding: 24px 24px 32px;background-color: var(--color-white);border-radius: 8px;overflow: hidden;}
.mypage_wrap .mypage_main_sect + .mypage_main_sect{margin-top: 24px;}
.mypage_wrap .mypage_main_sect .sect_inner{}
.mypage_wrap .mypage_main_sect .sect_hd{}
.mypage_wrap .mypage_main_sect .sect_tit_box{}
.mypage_wrap .mypage_main_sect .sect_tit{font-size: var(--fs-18);font-weight: 600;line-height: var(--lh-24);color: var(--color-black);}

.mypage_wrap .mypage_main_sect .sect_bd{margin-top: 16px;}

.mypage_wrap .recent_ord_sect .recent_order_box{}
.mypage_wrap .recent_ord_sect .recent_order_box{}
.mypage_wrap .recent_ord_sect .recent_order_box .recent_hd{display: flex;align-items: stretch;flex-wrap: nowrap;padding: 16px 4px;border-top: 1px solid var(--color-black);}
.mypage_wrap .recent_ord_sect .recent_order_box .recent_tit_box{flex: 1 1 25%;}
.mypage_wrap .recent_ord_sect .recent_order_box .recent_tit{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);text-align: center;}
.mypage_wrap .recent_ord_sect .recent_order_box .recent_bd{display: flex;align-items: stretch;flex-wrap: nowrap;padding: 24px 4px;border-top: 1px solid var(--color-black);border-bottom: 1px solid var(--color-black);}
.mypage_wrap .recent_ord_sect .recent_order_box .recent_desc_box{flex: 1 1 25%;}
.mypage_wrap .recent_ord_sect .recent_order_box .recent_desc{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);text-align: center;}

.mypage_wrap .recent_view_sect{}
.mypage_wrap .recent_view_sect .sect_bd{position: relative;}
.mypage_wrap .recent_view_sect .recent_view_swiper{width: 100%;overflow: hidden;}
.mypage_wrap .recent_view_sect .recent_view_list{width: 100%;}
.mypage_wrap .recent_view_sect .recent_view_item{width: calc(25% - (64px/4));height: auto;}
.mypage_wrap .recent_view_sect .recent_view_item .item_inner{height: 100%;}
.mypage_wrap .recent_view_sect .recent_view_item .item_thumb_box{width: 80%;height: 0;margin: 0 auto;padding-top: 80%;position: relative;overflow: hidden;}
.mypage_wrap .recent_view_sect .recent_view_item .item_thumb_box .thumb_img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.mypage_wrap .recent_view_sect .recent_view_item .item_thumb_box .thumb_img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.mypage_wrap .recent_view_sect .recent_view_item .prd_name_box{}
.mypage_wrap .recent_view_sect .recent_view_item .prd_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);word-break: break-all;}

.mypage_wrap .recent_view_sect .recent_view_item .item_price_box{margin-top: 4px;}
.mypage_wrap .recent_view_sect .recent_view_item .sale_prices_box .prices_box_inner{display: flex;align-items: center;flex-wrap: wrap;column-gap: 4px;}
.mypage_wrap .recent_view_sect .recent_view_item .sale_prices_box .sales_percents{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-orange-main);}
.mypage_wrap .recent_view_sect .recent_view_item .sale_prices_box .sales_percents .sales_percents_sta{display: inilne-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-orange-main);}
.mypage_wrap .recent_view_sect .recent_view_item .sale_prices_box .sale_prices{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .recent_view_sect .recent_view_item .sale_prices_box .sale_prices .sale_prices_sta{display: inline-block;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);}

.mypage_wrap .recent_view_sect .recent_view_item .origin_prices_box{flex: 0 0 auto;}
.mypage_wrap .recent_view_sect .recent_view_item .origin_prices_box .origin_prices{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .recent_view_sect .recent_view_item .origin_prices_box .origin_prices .origin_prices_sta{display: inline-block;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .recent_view_sect .recent_view_item .origin_prices_box .origin_prices.line_through{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);text-decoration: line-through;}
.mypage_wrap .recent_view_sect .recent_view_item .origin_prices_box .origin_prices.line_through .origin_prices_sta{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);text-decoration: line-through;}

.mypage_wrap .recent_view_sect .empty_txt{padding: 56px 0;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray7);text-align: center;}


.recent_view_sect .swiper_btns{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;background-color: var(--color-white);border: 1px solid var(--divider-line);border-radius: 50%;box-sizing: border-box;cursor: pointer;position: absolute;top: 40%;z-index: 5;transform: translateY(-50%);transition: box-shadow .2s;}
.recent_view_sect .swiper_btns.swiper-button-lock{opacity: 0;visibility: hidden;}
.recent_view_sect .swiper_btns.swiper-button-disabled{opacity: 0;visibility: hidden;}
.recent_view_sect .swiper_btns:hover{box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);}
.recent_view_sect .swiper_prev_btn{left: -18px;}
.recent_view_sect .swiper_next_btn{right: -18px;}
.recent_view_sect .swiper_btns > svg{width: 20px;height: 20px;pointer-events: none;}
.recent_view_sect .swiper_btns > svg path{fill: var(--color-black);}

@media (max-width: 769px){
}


@media (max-width: 1080px){

    .mypage_component{padding-top: 48px;}
    .mypage_component .component_inner{padding: 0 16px;}

    .mypage_wrap{flex-direction: column-reverse;row-gap: 24px;}
    .mypage_wrap .mypage_left{width: 100%;}
    .mypage_wrap .mypage_right{width: 100%;max-width: 100%;}
    .mypage_menu{width: 100%;}

    #mypageAsidePc .aside_hd + .aside_bd{margin-top: 0;}
    #mypageAsidePc .mymenu_list_box .box_inner{padding: 16px;}
    #mypageAsidePc .aside_hd{display: none;}
    #mypageAsidePc .mymenu_list_box .mymenu_list{display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 8px;row-gap: 8px;}
    #mypageAsidePc .mymenu_list_box .mymenu_item{flex: 0 0 calc(50% - 8px);padding: 0;}
    #mypageAsidePc .mymenu_list_box .mymenu_item .mymenu_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    #mypageAsidePc .mymenu_list_box.cscenter_list_box{display: block;}

    #mypageAsideMo{display: block;margin-bottom: 24px;}
    #mypageAsideMo .mymenu_info_box .info_summary_list{column-gap: 16px;}
    #mypageAsideMo .mymenu_info_box .info_summary_item{padding: 16px 8px;}
    #mypageAsideMo .mymenu_info_box .info_summary_item + .info_summary_item::before{left: -8px;}
    #mypageAsideMo .mymenu_info_box .info_summary_item .item_txt .item_sta{font-size: var(--fs-18);line-height: var(--lh-26);}

    .mypage_wrap .component_tit_box{padding-bottom: 8px;}

    .mypage_wrap .mypage_main_sect{padding: 16px;}
    .mypage_wrap .mypage_main_sect + .mypage_main_sect{margin-top: 16px;}
    .mypage_wrap .recent_ord_sect .recent_order_box .recent_hd{padding: 8px 4px;}
    .mypage_wrap .recent_ord_sect .recent_order_box .recent_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    .mypage_wrap .recent_ord_sect .recent_order_box .recent_bd{padding: 16px 4px;}
    .mypage_wrap .recent_ord_sect .recent_order_box .recent_desc{font-size: var(--fs-14);line-height: var(--lh-20);}
}

@media (max-width: 768px){
    #mypageAsideMo{margin-bottom: 16px;}
    .mypage_wrap{flex-direction: column-reverse;row-gap: 16px;}
    .mypage_wrap .mypage_main_sect .sect_tit{font-size: var(--fs-16);line-height: var(--lh-20);}
    
    .mypage_wrap .recent_view_sect .recent_view_item{width: calc(28% - (32px/3));}
    .recent_view_sect .swiper_btns{width: 32px;height: 32px;}
    .recent_view_sect .swiper_btns > svg{width: 20px;height: 20px;}
}
@media (max-width: 600px){
    .mypage_wrap .recent_view_sect .recent_view_item{width: calc(40% - (16px/2));}
    .recent_view_sect .swiper_btns{width: 28px;height: 28px;}
    .recent_view_sect .swiper_prev_btn{left: -10px;}
    .recent_view_sect .swiper_next_btn{right: -10px;}
    .recent_view_sect .swiper_btns > svg{width: 18px;height: 18px;}

    #mypageAsideMo .mymenu_info_box .info_summary_item .item_txt .item_sta{font-size: var(--fs-16);line-height: var(--lh-20);}
}

/* ============================================= //E:mypage_wrap ============================================= */



/* ============================================= S:적립금 ============================================= */

.mypage_wrap .mypage_point_wrap{width: 100%;}
.mypage_wrap .mypage_point_wrap .point_wrap_hd{width: 100%;padding: 24px;background-color: var(--color-white);border-radius: 8px;}
.mypage_wrap .points_summary_box{width: 100%;padding-top: 16px;border-top: 1px solid var(--divider-line);}
.mypage_wrap .points_summary_box .summary_list{}
.mypage_wrap .points_summary_box .summary_item{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;column-gap: 8px;}
.mypage_wrap .points_summary_box .summary_item + .summary_item{margin-top: 4px;}
.mypage_wrap .points_summary_box .summary_item .item_left{flex: 0 0 auto;}
.mypage_wrap .points_summary_box .summary_item .item_tit{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray5);letter-spacing: -0.03em;}
.mypage_wrap .points_summary_box .summary_item .item_right{flex: 0 0 auto;}
.mypage_wrap .points_summary_box .summary_item .item_txt{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-black);}


.mypage_wrap .mypage_point_wrap .point_wrap_bd{width: 100%;padding: 24px;background-color: var(--color-white);border-radius: 8px;overflow: hidden;}
.mypage_wrap .mypage_point_wrap .point_wrap_hd + .point_wrap_bd{margin-top: 24px;}
.mypage_wrap .points_tab_box{}
.mypage_wrap .points_summary_box + .points_tab_box{margin-top: 32px;}
.mypage_wrap .points_tab_list{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
.mypage_wrap .points_tab_item{flex: 1;}
.mypage_wrap .points_tab_item .tab_link{display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;padding: 0 16px;border: 1px solid var(--color-black);border-radius: 4px;background-color: var(--color-white);}
.mypage_wrap .points_tab_item.active .tab_link{border-color: var(--color-blue-active);background-color: var(--color-blue-active);}
.mypage_wrap .points_tab_item .tab_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);}
.mypage_wrap .points_tab_item.active .tab_name{font-weight: 500;color: var(--color-white);}

.mypage_wrap .points_list_box{}
.mypage_wrap .points_tab_box + .points_list_box{margin-top: 24px;}
.mypage_wrap .points_list{}

.mypage_wrap .points_item{}
.mypage_wrap .points_item + .points_item .item_inner{border-top: 1px solid var(--divider-line);}
.mypage_wrap .points_item .item_inner{padding: 16px 0;}
.mypage_wrap .points_item:first-child .item_inner{padding: 0 0 16px;}

.mypage_wrap .points_item .points_date_box{}
.mypage_wrap .points_item .points_date_box .points_date{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.03em;}

.mypage_wrap .points_item .points_cate_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
.mypage_wrap .points_item .points_date_box + .points_cate_box{margin-top: 16px;}
.mypage_wrap .points_item .points_cate_box + .points_cate_box{margin-top: 16px;}
.mypage_wrap .points_item .points_cate_box .cate_badge{flex: 0 0 auto;line-height: 0;}

.mypage_wrap .points_item .points_cate_box .badge_bg{display: inline-block;width: 42px;height: 42px;border-radius: 50%;position: relative;}
.mypage_wrap .points_item .points_cate_box.point_save .badge_bg{background-color: #a1d5f7;}
.mypage_wrap .points_item .points_cate_box.point_use .badge_bg{background-color: var(--color-gray4);}
.mypage_wrap .points_item .points_cate_box.point_expired .badge_bg{background-color: #fbe4e4;}
.mypage_wrap .points_item .points_cate_box .badge_bg .badge_txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-18);}
.mypage_wrap .points_item .points_cate_box.point_save .badge_bg .badge_txt{color: var(--color-blue-active);}
.mypage_wrap .points_item .points_cate_box.point_use .badge_bg .badge_txt{color: var(--color-gray5);}
.mypage_wrap .points_item .points_cate_box.point_expired .badge_bg .badge_txt{color: #e22d2e;}

.mypage_wrap .points_item .points_cate_box .cate_info{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 8px;flex: 1;}
.mypage_wrap .points_item .points_cate_box .cate_info .info_left{flex: 0 0 auto;line-height: 0;}
.mypage_wrap .points_item .points_cate_box .cate_info .info_name{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);}
.mypage_wrap .points_item .points_cate_box .cate_info .info_right{flex: 0 0 auto;line-height: 0;}
.mypage_wrap .points_item .points_cate_box .cate_info .info_points{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray7);}
.mypage_wrap .points_item .empty_item{padding: 56px 0;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray7);text-align: center;}

@media (max-width: 1080px){
    .mypage_wrap .mypage_point_wrap .point_wrap_hd{padding: 16px;}
    .mypage_wrap .mypage_point_wrap .point_wrap_bd{padding: 16px;}

    .mypage_wrap .points_item .points_cate_box .badge_bg{width: 36px;height: 36px;}
    .mypage_wrap .points_item .points_cate_box .badge_bg .badge_txt{font-size: var(--fs-10);white-space: nowrap;}

    .mypage_wrap .points_item .points_cate_box{}
    .mypage_wrap .points_item .points_cate_box .cate_info{flex-direction: column;align-items: flex-start;}
    .mypage_wrap .points_item .points_cate_box .cate_info .info_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    .mypage_wrap .points_item .points_cate_box .cate_info .info_points{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 768px){}
@media (max-width: 600px){}
/* ============================================= //E:적립금 ============================================= */



/* ============================================= S:쿠폰 ============================================= */
.mypage_wrap .mypage_coupon_wrap{width: 100%;padding: 24px;background-color: var(--color-white);border-radius: 8px;overflow: hidden;}
.mypage_wrap .mycoupon_list{}
.mypage_wrap .mycoupon_list .mycoupon_item{width: 100%;padding: 16px;border: 1px solid var(--divider-line);border-radius: 4px;}
.mypage_wrap .mycoupon_list .mycoupon_item + .mycoupon_item{margin-top: 24px;}

.mypage_wrap .mycoupon_list .mycoupon_item .item_hd{}
.mypage_wrap .mycoupon_list .mycoupon_item .item_price_box{}
.mypage_wrap .mycoupon_list .mycoupon_item .item_cp_price{font-size: var(--fs-18);font-weight: 600;line-height: var(--lh-24);color: var(--color-blue-main);letter-spacing: -0.02em;}
.mypage_wrap .mycoupon_list .mycoupon_item .cp_price_sta{display: inline-block;font-size: var(--fs-18);font-weight: 600;line-height: var(--lh-24);color: var(--color-blue-main);letter-spacing: -0.02em;}

.mypage_wrap .mycoupon_list .mycoupon_item .item_subject_box{margin-top: 2px;}
.mypage_wrap .mycoupon_list .mycoupon_item .item_cp_subject{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.mypage_wrap .mycoupon_list .mycoupon_item .item_cp_subject .cp_subject_sta{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.mypage_wrap .mycoupon_list .mycoupon_item .item_cp_subject .cp_tartget_sta{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}

.mypage_wrap .mycoupon_list .mycoupon_item .item_bd{margin-top: 4px;}
.mypage_wrap .mycoupon_list .mycoupon_item .item_range_box{}
.mypage_wrap .mycoupon_list .mycoupon_item .item_cp_min{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);}
.mypage_wrap .mycoupon_list .mycoupon_item .item_cp_max{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);}
.mypage_wrap .mycoupon_list .mycoupon_item .cp_min_sta{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);}
.mypage_wrap .mycoupon_list .mycoupon_item .cp_max_sta{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);}

.mypage_wrap .mycoupon_list .mycoupon_item .item_date_box{}
.mypage_wrap .mycoupon_list .mycoupon_item .item_cp_date{display: flex;align-items: center;justify-content: flex-end;column-gap: 2px;}
.mypage_wrap .mycoupon_list .mycoupon_item .cp_start_sta{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .mycoupon_list .mycoupon_item .wave{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .mycoupon_list .mycoupon_item .cp_end_sta{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}

.mypage_wrap .mycoupon_list .mycoupon_item.mycoupon_empty{border: 0;border-top: 1px solid var(--divider-line);padding: 0;}
.mypage_wrap .mycoupon_list .mycoupon_item .empty_item {padding: 56px 0;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray7);text-align: center;}

@media (max-width: 1080px){
    .mypage_wrap .mypage_coupon_wrap{padding: 16px;}
}
@media (max-width: 768px){}
@media (max-width: 600px){}
/* ============================================= //E:쿠폰 ============================================= */



/* ============================================= S:배송지관리 ============================================= */
.mypage_wrap .mypage_address_wrap{width: 100%;padding: 24px;background-color: var(--color-white);border-radius: 8px;overflow: hidden;}


.mypage_wrap .mypage_address_wrap .bd_tit_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;padding-bottom: 16px;}
.mypage_wrap .mypage_address_wrap .bd_tit_box .component_tit_wrap{width: 100%;display: flex;align-items: center;justify-content: flex-start;}
.mypage_wrap .mypage_address_wrap .bd_tit_box .component_tit_wrap .component_tit_box{width: auto;margin: 0;}
.mypage_wrap .mypage_address_wrap .bd_tit_box .component_tit_box{padding-bottom: 0;}

.mypage_wrap .mypage_address_wrap .address_btns_box{flex: 0 0 auto;}
.mypage_wrap .mypage_address_wrap .address_btns_box .btns{display: flex;align-items: center;justify-content: center;width: 100%;height: 36px;padding: 0 16px;background-color: var(--color-white);border: 1px solid var(--divider-line);border-radius: 4px;overflow: hidden;}
.mypage_wrap .mypage_address_wrap .address_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}


.item_pccc_flex{display: flex;align-items: center;gap: 10px;}
.mypage_wrap .mypage_address_wrap .address_item .item_pccc_flex .item_addr_box{margin-top:0}
.mypage_wrap .mypage_address_wrap .address_item .item_pccc_box{background-color: #f5f5f5;padding:14px;border-radius:8px;margin:10px 0;position:relative;display:flex;justify-content: space-between;}
.mypage_wrap .mypage_address_wrap .address_item .item_pccc_box .btns_edit{background-color:#fff;padding:6px 10px;border-radius:4px;border:solid 1px #ccc}
.mypage_wrap .mypage_address_wrap .address_item .item_pccc{display: flex;align-items: center;font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray9);letter-spacing: -0.02em;}
.mypage_wrap .mypage_address_wrap .address_item .item_pccc .name{color:var(--color-blue-main);font-weight:700}

.pccc_lbl_box{display:flex;flex-direction:column;background-color:#f5f5f5;padding:24px 24px 14px 24px;border-radius:12px;margin-bottom:16px;gap:6px}
.pccc_lbl_box .frm_lbl_tit{font-size:var(--fs-18);font-weight:600;line-height:var(--lh-20);color:var(--color-black);margin-bottom:16px}
.pccc_lbl_box .frm_lbl_flex{display:flex;align-items: center;gap: 10px;}
.pccc_lbl_box .frm_lbl{display:inline-block;width:70px}
.pccc_lbl_box .frm_lbl .lbl_txt{font-size:var(--fs-16);font-weight:600;color:#888}
.pccc_lbl_box .frm_inp_box{font-size:var(--fs-16);font-weight:400;line-height:var(--lh-20);color:var(--color-black)}
.pccc_lbl_box .frm_footer{font-size:var(--fs-16);font-weight:400;line-height:var(--lh-20);color:#777;border-top:solid 1px #ccc;padding:16px 0 10px 0;margin-top:10px}

.mypage_wrap .mypage_address_wrap .address_list_wrap{padding-top: 16px;border-top: 1px solid var(--divider-line);}
.mypage_wrap .mypage_address_wrap .address_list_box{}
.mypage_wrap .mypage_address_wrap .address_list{}
.mypage_wrap .mypage_address_wrap .address_item{}
.mypage_wrap .mypage_address_wrap .address_item + .address_item{margin-top: 16px;padding-top: 16px;border-top: 1px solid var(--divider-line);}
.mypage_wrap .mypage_address_wrap .address_item .item_inner{}
.mypage_wrap .mypage_address_wrap .address_item .item_subject_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 2px;}
.mypage_wrap .mypage_address_wrap .address_item .item_sbj{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-black);letter-spacing: -0.02em;}
.mypage_wrap .mypage_address_wrap .address_item .item_sbj.defualt{color: #4888C5;}
.mypage_wrap .mypage_address_wrap .address_item .item_dft{display: inline-flex;align-items: center;justify-content: center;height: 28px;margin-left: 4px;padding: 0 6px;background-color: var(--color-gray8);border-radius: 4px;overflow: hidden;}
.mypage_wrap .mypage_address_wrap .address_item .item_dft .dft_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-18);color: var(--color-blue-main);letter-spacing: -0.02em;}
.mypage_wrap .mypage_address_wrap .address_item .item_addr_box{margin-top: 6px;}
.mypage_wrap .mypage_address_wrap .address_item .item_addr{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;}
.mypage_wrap .mypage_address_wrap .address_item .item_ad_pccc{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray7);letter-spacing: -0.02em;}

.mypage_wrap .mypage_address_wrap .address_item .item_info_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;margin-top: 4px;}
.mypage_wrap .mypage_address_wrap .address_item .item_name{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);}
.mypage_wrap .mypage_address_wrap .address_item .item_hp{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);}
.mypage_wrap .mypage_address_wrap .address_item .item_tel{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);}
.mypage_wrap .mypage_address_wrap .address_item .item_btns_box{display: flex;align-items: center;justify-content: flex-end;flex-wrap: nowrap;column-gap: 8px;}
.mypage_wrap .mypage_address_wrap .address_item .item_btns_box .btns{display: inline-block;line-height: 0;cursor: pointer;}
.mypage_wrap .mypage_address_wrap .address_item .item_btns_box .btns + .btns{padding-left: 9px;position: relative;}
.mypage_wrap .mypage_address_wrap .address_item .item_btns_box .btns + .btns::before{content: '';display: block;width: 1.5px;height: calc(100% - (6px));background-color: var(--color-gray7);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.mypage_wrap .mypage_address_wrap .address_item .item_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-gray7);}

.mypage_wrap .mypage_address_wrap .address_item.no_address{}
.mypage_wrap .mypage_address_wrap .address_item.no_address .empty_txt{padding: 56px 0;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray7);text-align: center;}

#addressPopup{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 20000;background-color: rgba(0, 0, 0, .25);opacity: 0;visibility: hidden;pointer-events: none;}
#addressPopup.active{opacity: 1;visibility: visible;pointer-events: visible;}

#addressPopup .popup_wrap{width: 100%;height: 100%;padding: 24px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
#addressPopup .popup_wrap .popup_inner{width: 100%;max-width: 600px;margin: 0 auto;background-color: var(--color-white);border-radius: 8px;overflow: hidden;}

#addressPopup .popup_wrap .popup_hd{width: 100%;background-color: var(--color-white);}
#addressPopup .popup_wrap .popup_hd .hd_inner{padding: 16px;display: flex;align-items: flex-start;flex-wrap: nowrap;justify-content: space-between;column-gap: 16px;}
#addressPopup .popup_wrap .popup_hd .popup_tit_box{flex: 1;}
#addressPopup .popup_wrap .popup_hd .popup_tit{font-size: var(--fs-20);font-weight: 600;line-height: var(--lh-30);color: var(--color-black);}
#addressPopup .popup_wrap .popup_hd .popup_close_box{flex: 0 0 auto;}
#addressPopup .popup_wrap .popup_hd .btns_popup_close{display: inline-block;width: 24px;height: 24px;}
#addressPopup .popup_wrap .popup_hd .btns_popup_close .icon_popup_close{width: 100%;height: 100%;pointer-events: none;}
#addressPopup .popup_wrap .popup_hd .btns_popup_close .icon_popup_close svg{width: 100%;height: 100%;pointer-events: none;}

/* #addressPopup .popup_wrap .popup_hd + .popup_bd{border-top: 1px solid var(--color-black);} */
#addressPopup .popup_wrap .popup_bd{width: 100%;background-color: var(--color-white);overflow: hidden;overflow-y: auto;}
#addressPopup .popup_wrap .popup_bd .bd_inner{padding: 24px;}
#addressPopup .popup_wrap .popup_bd .bd_inner2{padding: 0px 24px 24px 24px}

/* #addressPopup .popup_wrap .popup_bd + .popup_ft{border-top: 1px solid var(--color-black);} */
#addressPopup .popup_wrap .popup_ft{width: 100%;background-color: var(--color-white);}
#addressPopup .popup_wrap .popup_ft .ft_inner{padding: 16px;}

#addressPopup .popup_wrap .popup_btns_box{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 8px;}
#addressPopup .popup_wrap .popup_btns_box .btns{flex: 1;display: inline-flex;align-items: center;justify-content: center;min-width: 140px;height: 50px;padding: 0 16px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;overflow: hidden;}
#addressPopup .popup_wrap .popup_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}
#addressPopup .popup_wrap .popup_btns_box .btns.btns_add{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
#addressPopup .popup_wrap .popup_btns_box .btns.btns_add .btns_name{color: var(--color-white);}
#addressPopup .popup_wrap .popup_btns_box .btns.btns_modify{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
#addressPopup .popup_wrap .popup_btns_box .btns.btns_modify .btns_name{color: var(--color-white);}
#addressPopup .popup_wrap .popup_btns_box .btns.btns_modify:disabled{background-color:#ccc;color:#999;cursor:not-allowed;border-color:#ccc}
#addressPopup .popup_wrap .popup_btns_box .btns.btns_modify:disabled .btns_name{color:#999}

#addressPopup #popupForm{}
#addressPopup #popupForm .frm_post_box{}
#addressPopup #popupForm .frm_post_box .frm_flex_box{}
#addressPopup #popupForm .frm_post_box .frm_flex_box .frm_inp{flex: 1;}
#addressPopup #popupForm .frm_post_box .frm_flex_box .btns_addr_search{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;height: 40px;padding: 0 16px;background-color: var(--color-blue-main);border: 1px solid var(--color-blue-main);overflow: hidden;}
#addressPopup #popupForm .frm_post_box .frm_flex_box .btns_addr_search .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-white);}

#addressPopup #popupForm .frm_chk_box.type_box .frm_chkbox{width: 24px;height: 24px;}
#addressPopup #popupForm .frm_chk_box.type_box .frm_chk_label .icon_frm_chk{width: 16px;height: 16px;}
#addressPopup #popupForm .frm_chk_box .frm_chk_label .frm_label_txt{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);}

#addressPopup.orderaddress_popup .popup_wrap{padding: 0;}
#addressPopup.orderaddress_popup .popup_wrap .popup_inner{max-width: 100%;height: 100%;border-radius: 0;}


.layer_popup#customCodePopup .popup_bd.type_scroll{height: auto;}
@media (max-width: 1080px){
    .mypage_wrap .mypage_address_wrap{padding: 16px;}
}
@media (max-width: 768px){
    .mypage_wrap .mypage_address_wrap .address_item .item_pccc{font-size: var(--fs-16);}
    .mypage_wrap .mypage_address_wrap .address_btns_box .btns .btns_name{font-size: var(--fs-14);}
    .mypage_wrap .mypage_address_wrap .address_item .item_sbj{font-size: var(--fs-18);line-height: var(--lh-24);}
}
@media (max-width: 600px){
    .mypage_wrap .mypage_address_wrap .bd_tit_box.type_custom_code{display: block;}
    .mypage_wrap .mypage_address_wrap .bd_tit_box.type_custom_code .component_tit_wrap + .address_btns_box{display: flex;justify-content: flex-end;margin-top: 16px;}

    .mypage_wrap .mypage_address_wrap .address_item .item_sbj{font-size: var(--fs-16);line-height: var(--lh-20);}
    .mypage_wrap .mypage_address_wrap .address_item .item_pccc_box{align-items: center;column-gap: 16px;}
    .mypage_wrap .mypage_address_wrap .address_item .item_pccc{display: block;font-size: var(--fs-14);line-height: var(--lh-20);word-break: keep-all;}
    .mypage_wrap .mypage_address_wrap .address_item .item_pccc_box .btns_edit{white-space: nowrap;}

    .layer_popup#customCodePopup .popup_bd.type_scroll{max-height: 400px;}

    #addressPopup .popup_wrap .popup_hd .popup_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    #addressPopup .popup_wrap .popup_bd .bd_inner2{padding: 0 16px 16px 16px;}
    .pccc_lbl_box{padding: 16px;}
    .pccc_lbl_box .frm_lbl_tit{margin-bottom: 8px;font-size: var(--fs-16);line-height: var(--lh-20);}
    .pccc_lbl_box .frm_lbl .lbl_txt{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);}
    .pccc_lbl_box .frm_inp_box{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);}
    .pccc_lbl_box .frm_footer{padding: 16px 0 0;font-size: var(--fs-14);}
}
/* ============================================= //E:배송지관리 ============================================= */


/* ============================================= S:찜한 상품 ============================================= */
.mypage_wrap .mypage_wish_wrap{width: 100%;padding: 24px;background-color: var(--color-white);border-radius: 8px;overflow: hidden;}
.mypage_wrap .mypage_wish_wrap .component_tit_box{border-bottom: 1px solid var(--divider-line);}

.mypage_wrap .wish_list{padding: 16px 0;}
.mypage_wrap .wish_item{}
.mypage_wrap .wish_item + .wish_item{margin-top: 16px;padding-top: 16px;border-top: 1px solid var(--divider-line);}
.mypage_wrap .wish_item .item_inner{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 16px;}
.mypage_wrap .wish_item .item_left{flex: 0 0 auto;}
.mypage_wrap .wish_item .item_thumb_box{width: 80px;height: 0;padding-top: 100%;position: relative;overflow: hidden;border-radius: 4px;}
.mypage_wrap .wish_item .item_thumb_box .thumb_img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.mypage_wrap .wish_item .item_thumb_box .thumb_img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.mypage_wrap .wish_item .item_right{flex: 1;}
.mypage_wrap .wish_item .item_info_box{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.mypage_wrap .wish_item .item_name_box{}
.mypage_wrap .wish_item .item_name_box .item_link{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.mypage_wrap .wish_item .item_name_box .item_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}

.mypage_wrap .wish_item .wish_price_box{display: flex;align-items: center;flex-wrap: wrap;column-gap: 3px;}
.mypage_wrap .wish_item .sale_prices_box .prices_box_inner{display: flex;align-items: center;flex-wrap: wrap;column-gap: 4px;}
.mypage_wrap .wish_item .sale_prices_box .sales_percents{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-orange-main);}
.mypage_wrap .wish_item .sale_prices_box .sales_percents .sales_percents_sta{display: inilne-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-orange-main);}
.mypage_wrap .wish_item .sale_prices_box .sale_prices{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .wish_item .sale_prices_box .sale_prices .sale_prices_sta{display: inline-block;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);}

.mypage_wrap .wish_item .origin_prices_box{flex: 0 0 auto;}
.mypage_wrap .wish_item .origin_prices_box .origin_prices{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .wish_item .origin_prices_box .origin_prices .origin_prices_sta{display: inline-block;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .wish_item .origin_prices_box .origin_prices.line_through{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);text-decoration: line-through;}
.mypage_wrap .wish_item .origin_prices_box .origin_prices.line_through .origin_prices_sta{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);text-decoration: line-through;}

.mypage_wrap .wish_item .wish_btns_box{display: flex;align-items: center;justify-content: flex-end;flex-wrap: nowrap;column-gap: 8px;}
.mypage_wrap .wish_item .wish_btns_box .btns{display: inline-block;line-height: 0;cursor: pointer;}
.mypage_wrap .wish_item .wish_btns_box .btns ~ .btns{padding-left: 9px;position: relative;}
.mypage_wrap .wish_item .wish_btns_box .btns ~ .btns::before{content: '';display: block;width: 1.5px;height: calc(100% - (6px));background-color: var(--color-gray7);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.mypage_wrap .wish_item .wish_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-gray7);}
.mypage_wrap .wish_item .wish_btns_box .cart-layer{display: none;}


/* .mypage_wrap .wish_item .wish_btns_box .btns{flex: 1;display: flex;align-items: center;justify-content: center;column-gap: 4px;height: 36px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;overflow: hidden;}
.mypage_wrap .wish_item .wish_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .wish_item .wish_btns_box .btns.btns_wish_delete{}
.mypage_wrap .wish_item .wish_btns_box .btns.btn_cart{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
.mypage_wrap .wish_item .wish_btns_box .btns.btn_cart .btns_name{color: var(--color-white);}
.mypage_wrap .wish_item .wish_btns_box .btns .icon_cart{display: inline-block;width: 20px;height: 20px;line-height: 0;pointer-events: none;}
.mypage_wrap .wish_item .wish_btns_box .btns .icon_cart svg{width: 100%;height: 100%;pointer-events: none;}
.mypage_wrap .wish_item .wish_btns_box .btns .icon_cart svg path{fill: var(--color-white);} */

.mypage_wrap .wish_item.empty_item{padding: 56px 0;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray7);text-align: center;}

@media (max-width: 1080px){
    .mypage_wrap .mypage_wish_wrap{padding: 16px;}
    
}
@media (max-width: 768px){}
@media (max-width: 600px){
}
/* ============================================= //E:찜한 상품 ============================================= */



/* ============================================= S:개인통관고유부호 ============================================= */

.mypage_wrap .mypage_customcode_wrap{width: 100%;padding: 24px;background-color: var(--color-white);border-radius: 8px;overflow: hidden;}

.mypage_wrap .mypage_customcode_wrap .bd_tit_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;padding-bottom: 16px;border-bottom: 1px solid var(--divider-line);}
.mypage_wrap .mypage_customcode_wrap .bd_tit_box .component_tit_box{padding-bottom: 0;}
.mypage_wrap .mypage_customcode_wrap .customcode_btns_box{flex: 0 0 auto;}
.mypage_wrap .mypage_customcode_wrap .customcode_btns_box .btns{display: flex;align-items: center;justify-content: center;width: 100%;height: 36px;padding: 0 16px;background-color: var(--color-white);border: 1px solid var(--divider-line);border-radius: 8px;overflow: hidden;}
.mypage_wrap .mypage_customcode_wrap .customcode_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}

.mypage_wrap .mypage_customcode_wrap .customcode_info_box{margin-top: 16px;}
.mypage_wrap .mypage_customcode_wrap .customcode_info_box .frm_pcc_box{position: relative;}
.mypage_wrap .mypage_customcode_wrap .customcode_info_box .frm_pcc_box .frm_btns_box{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);z-index: 2;}
.mypage_wrap .mypage_customcode_wrap .customcode_info_box .frm_pcc_box .frm_inp{padding-right: 70px;border: 1px solid var(--divider-line);}
.mypage_wrap .mypage_customcode_wrap .customcode_info_box .frm_pcc_box .frm_inp:focus{border-color: var(--color-blue-main);}

.mypage_wrap .mypage_customcode_wrap .customcode_info_box .frm_pcc_box .btns{display: inline-flex;align-items: center;justify-content: center;width: 60px;height: 36px;background-color: var(--color-blue-main);border-radius: 4px;overflow: hidden;}
.mypage_wrap .mypage_customcode_wrap .customcode_info_box .frm_pcc_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-white);letter-spacing: -0.02em;}

.mypage_wrap .mypage_customcode_wrap .customcode_notice_box{margin-top: 24px;}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_group{}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_group + .notice_group{margin-top: 24px;}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_tit_box{}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_tit{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_desc_box{}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_tit_box + .notice_desc_box{margin-top: 8px;}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;word-break: keep-all;}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_txt .bold{font-weight: 700;}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_txt.numb{padding-left: 16px;position: relative;}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_txt.numb::before{content: '1.';display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);position: absolute;left: 0;top: 0;}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_txt.numb + .notice_txt.numb::before{content: '2.';}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_txt.numb + .notice_txt.numb + .notice_txt.numb::before{content: '3.';}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb::before{content: '4.';}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb::before{content: '5.';}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb::before{content: '6.';}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb::before{content: '7.';}
.mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_txt + .notice_txt{margin-top: 2px;}

.popup_cnt_box .customcode_notice_box{margin-top: 24px;}
.popup_cnt_box .customcode_notice_box .notice_group{}
.popup_cnt_box .customcode_notice_box .notice_group + .notice_group{margin-top: 24px;}
.popup_cnt_box .customcode_notice_box .notice_tit_box{}
.popup_cnt_box .customcode_notice_box .notice_tit{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);}
.popup_cnt_box .customcode_notice_box .notice_desc_box{}
.popup_cnt_box .customcode_notice_box .notice_tit_box + .notice_desc_box{margin-top: 8px;}
.popup_cnt_box .customcode_notice_box .notice_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;word-break: keep-all;}
.popup_cnt_box .customcode_notice_box .notice_txt .bold{font-weight: 700;}
.popup_cnt_box .customcode_notice_box .notice_txt.numb{padding-left: 16px;position: relative;}
.popup_cnt_box .customcode_notice_box .notice_txt.numb::before{content: '1.';display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);position: absolute;left: 0;top: 0;}
.popup_cnt_box .customcode_notice_box .notice_txt.numb + .notice_txt.numb::before{content: '2.';}
.popup_cnt_box .customcode_notice_box .notice_txt.numb + .notice_txt.numb + .notice_txt.numb::before{content: '3.';}
.popup_cnt_box .customcode_notice_box .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb::before{content: '4.';}
.popup_cnt_box .customcode_notice_box .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb::before{content: '5.';}
.popup_cnt_box .customcode_notice_box .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb::before{content: '6.';}
.popup_cnt_box .customcode_notice_box .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb::before{content: '7.';}
.popup_cnt_box .customcode_notice_box .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb + .notice_txt.numb::before{content: '8.';}
.popup_cnt_box .customcode_notice_box .notice_txt + .notice_txt{margin-top: 2px;}


#customCodeNoticePop .popup_ft{border-top: 1px solid var(--divider-line);}

#addressPopup .link_btns_box{margin-top: 8px;}
#addressPopup .link_btns_box .btns_unipass{display: inline-flex;align-items: center;flex-wrap: nowrap;}
#addressPopup .link_btns_box .btns_unipass .link_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray9);}
#addressPopup .link_btns_box .btns_unipass .icon_acc_arr{display: inline-block;width: 16px;height: 16px;pointer-events: none;transform: rotate(-90deg);}
#addressPopup .link_btns_box .btns_unipass .icon_acc_arr svg{width: 100%;height: 100%;pointer-events: none;}
#addressPopup .link_btns_box .btns_unipass .icon_acc_arr svg path{stroke-opacity: 1;stroke-width: 1.5px;stroke: var(--color-gray9);}
@media (max-width: 1080px){
    .mypage_wrap .mypage_customcode_wrap{padding: 16px;}
}
@media (max-width: 600px){
    .mypage_wrap .mypage_customcode_wrap .customcode_info_box .frm_pcc_box .frm_btns_box{right: 0;top: 0;bottom: 0;transform: none;}
    .mypage_wrap .mypage_customcode_wrap .customcode_info_box .frm_pcc_box .btns{width: 70px;height: 100%;border-top-left-radius: 0;border-bottom-left-radius: 0;}
    
    .mypage_wrap .mypage_customcode_wrap .customcode_notice_box{margin-top: 16px;}
    .mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    .mypage_wrap .mypage_customcode_wrap .customcode_notice_box .notice_tit_box + .notice_desc_box{margin-top: 6px;}

    .popup_cnt_box .customcode_notice_box{margin-top: 16px;}
    .popup_cnt_box .customcode_notice_box .notice_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    .popup_cnt_box .customcode_notice_box .notice_tit_box + .notice_desc_box{margin-top: 6px;}

}

/* ============================================= //E:개인통관고유부호 ============================================= */



/* ============================================= S:주문내역 리스트 ============================================= */
.mypage_wrap .mypage_ord_wrap{width: 100%;}
.mypage_wrap .mypage_ord_wrap .ord_wrap_hd{width: 100%;padding: 24px;background-color: var(--color-white);border-radius: 8px;}

.mypage_wrap .mypage_ord_wrap .ord_srh_box .srh_inp_box{width: 100%;position: relative;}
.mypage_wrap .mypage_ord_wrap .ord_srh_box #ord_srh_submit{background-color: transparent;border: 0;line-height: 0;position: absolute;top: 50%;left: 6px;transform: translateY(-50%);}
.mypage_wrap .mypage_ord_wrap .ord_srh_box #ord_srh_submit .icon_srh_btn{display: inline-block;width: 24px;height: 24px;line-height: 0;pointer-events: none;}
.mypage_wrap .mypage_ord_wrap .ord_srh_box #ord_srh_submit .icon_srh_btn svg{width: 100%;height: 100%;pointer-events: none;}
.mypage_wrap .mypage_ord_wrap .ord_srh_box #ord_srh_submit .icon_srh_btn svg path{fill: var(--color-blue-main);}

.mypage_wrap .mypage_ord_wrap .ord_srh_box #ord_sword{width: 100%;height: 48px;padding: 0 16px 0 34px;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color:var(--color-black);letter-spacing: -0.02em;border: 0;border-bottom: 2px solid var(--color-blue-main);}
.mypage_wrap .mypage_ord_wrap .ord_srh_box #ord_sword:focus{box-shadow: none;border: 0 !important;border-bottom: 2px solid var(--color-blue-main) !important;}
.mypage_wrap .mypage_ord_wrap .ord_srh_box #ord_sword::placeholder{font-size: 16px;font-weight: 400;line-height: 20px;color: #999;letter-spacing: -0.54px;}

.mypage_wrap .mypage_ord_wrap .ord_wrap_bd{}
.mypage_wrap .mypage_ord_wrap .ord_wrap_hd + .ord_wrap_bd{margin-top: 24px;}

.mypage_wrap .mypage_ord_wrap .my_ord_list{}
.mypage_wrap .mypage_ord_wrap .ord_group_list{}
.mypage_wrap .mypage_ord_wrap .ord_group_item{padding: 16px 24px;background-color: var(--color-white);border-radius: 8px;}
.mypage_wrap .mypage_ord_wrap .ord_group_item + .ord_group_item{margin-top: 24px;}
.mypage_wrap .mypage_ord_wrap .ord_group_item .group_item_hd{display: flex;align-items: flex-end;flex-wrap: nowrap;justify-content: space-between;column-gap: 8px;}
.mypage_wrap .mypage_ord_wrap .ord_group_item .group_item_hd .hd_left{flex: 1 1 0%;}
.mypage_wrap .mypage_ord_wrap .ord_group_item .item_ord_date{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-20);color: var(--color-gray9);letter-spacing: -0.03em;}
.mypage_wrap .mypage_ord_wrap .ord_group_item .item_ord_numb{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);letter-spacing: -0.03em;}
.mypage_wrap .mypage_ord_wrap .ord_group_item .group_item_hd .hd_right{flex: 0 0 auto;}
.mypage_wrap .mypage_ord_wrap .ord_group_item .group_item_bd{}
.mypage_wrap .mypage_ord_wrap .ord_group_item .group_item_hd + .group_item_bd{margin-top: 8px;border-top: 1px solid var(--divider-line);}
.mypage_wrap .mypage_ord_wrap .ord_group_item .btns_ord_dtl{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
.mypage_wrap .mypage_ord_wrap .ord_group_item .btns_ord_dtl .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-blue-main);letter-spacing: -0.02em;}
.mypage_wrap .mypage_ord_wrap .ord_group_item .btns_ord_dtl .icon_link_arr{display: inline-block;width: 7px;height: 12px;pointer-events: none;}
.mypage_wrap .mypage_ord_wrap .ord_group_item .btns_ord_dtl .icon_link_arr svg{width: 100%;height: 100%;pointer-events: none;}

.mypage_wrap .mypage_ord_wrap .empty_item{background-color: var(--color-white);border-radius: 8px;}
.mypage_wrap .mypage_ord_wrap .empty_item .empty_txt{padding: 56px 0;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray7);text-align: center;}

.mypage_wrap .mypage_ord_wrap .group_item_ft{}
.mypage_wrap .mypage_ord_wrap .group_item_bd + .group_item_ft{margin-top: 8px;}
.mypage_wrap .mypage_ord_wrap .group_item_ft .ft_btns_box{display: flex;align-items: center;flex-wrap: wrap;column-gap: 8px;row-gap: 8px;}
.mypage_wrap .mypage_ord_wrap .group_item_ft .ft_btns_box .btns{flex: 1;display: inline-flex;align-items: center;justify-content: center;height: 36px;background-color: var(--color-white);border: 1px solid var(--color-gray6);border-radius: 4px;overflow: hidden;}
.mypage_wrap .mypage_ord_wrap .group_item_ft .ft_btns_box .btns.btns_half{}
.mypage_wrap .mypage_ord_wrap .group_item_ft .ft_btns_box .btns.btns_full{min-width: 100%;}
.mypage_wrap .mypage_ord_wrap .group_item_ft .ft_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.mypage_wrap .mypage_ord_wrap .group_item_ft .ft_btns_box .btns.btns_deliv_inquiry{border-color: var(--color-blue-main);}
.mypage_wrap .mypage_ord_wrap .group_item_ft .ft_btns_box .btns.btns_deliv_inquiry .btns_name{color: var(--color-blue-main);}

.mypage_wrap .mypage_ord_wrap .ord_group_item.empty_item{}
.mypage_wrap .mypage_ord_wrap .ord_group_item.empty_item .empty_txt{padding: 56px 0;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray7);text-align: center;}

.mypage_wrap .mypage_ord_wrap .ord_list{}
.mypage_wrap .mypage_ord_wrap .ord_item{padding: 16px 8px;}
.mypage_wrap .mypage_ord_wrap .ord_item + .ord_item{margin-top: 8px;border-top: 1px solid var(--divider-line);}

.mypage_wrap .mypage_ord_wrap .ord_item .ord_item_hd{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 8px;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_status_box{flex: 0 0 auto;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_status{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_status .ord_sta{display: inline-block;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_btns_box{flex: 0 0 auto;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_btns{display: inline-flex;align-items: center;justify-content: center;height: 30px;padding: 0 8px;background-color: var(--color-white);border: 1px solid var(--color-gray6);border-radius: 4px;overflow: hidden;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray9);letter-spacing: -0.02em;}

.mypage_wrap .mypage_ord_wrap .ord_item .ord_item_bd{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 16px;}
.mypage_wrap .mypage_ord_wrap .ord_item .ord_item_hd + .ord_item_bd{margin-top: 12px;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_thumb_box{flex: 0 0 auto;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_thumb{display: block;width: 80px;height: 0;padding-top: 100%;position: relative;overflow: hidden;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_thumb .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_thumb .img_box img{width: 100%;height: 100%;object-fit: cover;}

.mypage_wrap .mypage_ord_wrap .ord_item .item_desc_box{flex: 1 1 0%;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_name_box{}
.mypage_wrap .mypage_ord_wrap .ord_item .item_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}

.mypage_wrap .mypage_ord_wrap .ord_item .item_name_box + .item_price_wrap{margin-top: 2px;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_price_wrap{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_sales_box{flex: 0 0 auto;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_sales_price{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_cust_box{flex: 0 0 auto;}
.mypage_wrap .mypage_ord_wrap .ord_item .item_cust_price{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray2);letter-spacing: -0.02em;text-decoration: line-through;}

.mypage_wrap .mypage_ord_wrap .ord_item .item_sale_per{font-size:var(--fs-16);font-weight:600;line-height:var(--lh-20);color:var(--color-orange-main);letter-spacing:-.02em}

.mypage_wrap .mypage_ord_wrap .ord_item .ord_item_ft{}
.mypage_wrap .mypage_ord_wrap .ord_item .ord_item_bd + .ord_item_ft{margin-top: 8px;}
.mypage_wrap .mypage_ord_wrap .ord_item .ft_btns_box{display: flex;align-items: center;flex-wrap: wrap;column-gap: 8px;row-gap: 8px;}
.mypage_wrap .mypage_ord_wrap .ord_item .ft_btns_box .btns{flex: 1;display: inline-flex;align-items: center;justify-content: center;height: 36px;background-color: var(--color-white);border: 1px solid var(--color-gray6);border-radius: 4px;overflow: hidden;}
.mypage_wrap .mypage_ord_wrap .ord_item .ft_btns_box .btns.btns_half{max-width: calc(50% - (8px/2));}
.mypage_wrap .mypage_ord_wrap .ord_item .ft_btns_box .btns.btns_full{min-width: 100%;}
.mypage_wrap .mypage_ord_wrap .ord_item .ft_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}

.mypage_wrap .mypage_ord_wrap .ord_item .ft_btns_box .btns.btns_deliv_inquiry{border-color: var(--color-blue-main);}
.mypage_wrap .mypage_ord_wrap .ord_item .ft_btns_box .btns.btns_deliv_inquiry .btns_name{color: var(--color-blue-main);}



@media (max-width: 1080px){
    .mypage_wrap .mypage_ord_wrap .ord_wrap_hd{padding: 16px;}
    
    .mypage_wrap .mypage_ord_wrap .ord_group_item .group_item_hd + .group_item_bd{}
    .mypage_wrap .mypage_ord_wrap .ord_group_item .item_ord_date{font-size: var(--fs-14);}

    .mypage_wrap .mypage_ord_wrap .ord_item{padding: 8px;}
    .mypage_wrap .mypage_ord_wrap .ord_item .item_btns{height: 26px;}
    .mypage_wrap .mypage_ord_wrap .ord_item .item_btns .btns_name{font-size: var(--fs-12);}
    .mypage_wrap .mypage_ord_wrap .ord_item .item_thumb{width: 65px;}
    .mypage_wrap .mypage_ord_wrap .ord_item .item_name{font-size: var(--fs-14);}
    .mypage_wrap .mypage_ord_wrap .ord_item .item_sales_price{font-size: var(--fs-14);}
    .mypage_wrap .mypage_ord_wrap .ord_item .item_cust_price{font-size: var(--fs-14);}


    .mypage_wrap .mypage_ord_wrap .ord_group_item{padding: 16px;}
}

/* ============================================= //E:주문내역 리스트 ============================================= */


/* ============================================= S:주문내역 상세 ============================================= */

.mypage_wrap .mypage_ord_wrap .ord_filter_tab{padding-top: 16px;border-top: 1px solid var(--divider-line);display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
.mypage_wrap .mypage_ord_wrap .ord_filter_tab .tab_item{flex: 1;}
.mypage_wrap .mypage_ord_wrap .ord_filter_tab .tab_link{display: flex;align-items: center;justify-content: center;height: 44px;padding: 0 8px;background-color: var(--color-white);border: 1px solid var(--color-gray6);border-radius: 4px;}
.mypage_wrap .mypage_ord_wrap .ord_filter_tab .tab_item.on .tab_link{border-color: var(--color-blue-main);}
.mypage_wrap .mypage_ord_wrap .ord_filter_tab .tab_link .link_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .mypage_ord_wrap .ord_filter_tab .tab_item.on .tab_link .link_name{color: var(--color-blue-main);}

.mypage_wrap .mypage_ord_wrap .ord_info_box{}
.mypage_wrap .mypage_ord_wrap .ord_info_box .ord_info_date{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);}
.mypage_wrap .mypage_ord_wrap .ord_info_box .ord_info_numb{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray9);}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect{width: 100%;background-color: var(--color-white);border-radius: 8px;}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect + .ord_dtl_sect{margin-top: 24px;}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect .sect_inner{padding: 8px 24px 16px;}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect .sect_hd{border-bottom: 1px solid var(--color-black);}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect .sect_tit_box{padding: 16px 0 10px;}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect .sect_tit_box .sect_tit{font-size: var(--fs-18);font-weight: 600;line-height: var(--lh-24);color: var(--color-black);}

.mypage_wrap .mypage_ord_wrap .ord_dtl_sect .sect_bd{}

.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .acc_hd{}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .acc_tit_box{display: flex;align-items: center;justify-content: space-between;}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .acc_tit_box .sect_tit{flex: 1;}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .acc_btn_box{flex: 0 0 auto;}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .btns_acc{display: inline-block;width: 24px;height: 24px;cursor: pointer;transition: transform .2s;}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .btns_acc.opened{transform: rotate(-180deg);}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .btns_acc .icon_acc_arr{display: inline-block;width: 100%;height: 100%;pointer-events: none;}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .btns_acc .icon_acc_arr svg{width: 100%;height: 100%;pointer-events: none;}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .btns_acc .icon_acc_arr svg path{stroke: var(--color-black);stroke-width: 1.5px;stroke-opacity: 1;}

.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .acc_bd{}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .acc_cnt_box{}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .acc_summary_box{display: none;padding: 24px 16px;background-color: var(--color-white);border-bottom: 0;cursor: pointer;}
.mypage_wrap .mypage_ord_wrap .ord_dtl_sect.acc_sect .acc_summary_box .acc_summary{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.03em;text-align: center;}


.mypage_wrap .mypage_ord_wrap .ord_dtl_sect .ord_group_item{padding: 0;}


.mypage_wrap .mypage_ord_wrap .dtl_info_box{width: 100%;padding: 8px 0;background-color: var(--color-white);}
.mypage_wrap .mypage_ord_wrap .dtl_info_box .dtl_info_line{padding: 8px 0;}
.mypage_wrap .mypage_ord_wrap .dtl_info_box .dtl_info_line .line_inner{display: flex;align-items: flex-start;flex-wrap: nowrap;}
.mypage_wrap .mypage_ord_wrap .dtl_info_box .dtl_info_line .info_subject_box{flex: 0 0 120px;}
.mypage_wrap .mypage_ord_wrap .dtl_info_box .dtl_info_line .info_subject{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);letter-spacing: -0.02em;}
.mypage_wrap .mypage_ord_wrap .dtl_info_box .dtl_info_line .info_desc_box{flex: 1 1 0%;}
.mypage_wrap .mypage_ord_wrap .dtl_info_box .dtl_info_line .info_desc{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;text-align: right;}
.mypage_wrap .mypage_ord_wrap .dtl_info_box .dtl_info_line .info_desc.color_point{color: var(--color-orange-main);}

.mypage_wrap .mypage_ord_wrap .dtl_info_box.final_info_box{margin-top: 8px;padding-top: 8px;border-top: 1px solid var(--divider-line);}
.mypage_wrap .mypage_ord_wrap .dtl_info_box.final_info_box .dtl_info_line{}

.mypage_wrap .mypage_ord_wrap .dtl_info_box .dtl_info_line .info_subject.ft_big{font-size: var(--fs-18);line-height: var(--lh-24);color: var(--color-black);}
.mypage_wrap .mypage_ord_wrap .dtl_info_box .dtl_info_line .info_desc.color_point.ft_big{color: var(--color-orange-main);}
.mypage_wrap .mypage_ord_wrap .dtl_info_box .dtl_info_line .info_desc.ft_big{font-size: var(--fs-18);font-weight: 600;line-height: var(--lh-24);color: var(--color-black);}


.mypage_wrap .mypage_ord_wrap .sect_btns_box{padding: 24px 0;}
.mypage_wrap .mypage_ord_wrap .sect_btns_box .btns{display: flex;align-items: center;justify-content: center;width: 100%;height: 54px;background-color: var(--color-white);border: 1px solid var(--color-gray6);border-radius: 8px;}
.mypage_wrap .mypage_ord_wrap .sect_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;}

.layer_popup#sod_cancel_pop .popup_bd{}
.layer_popup#sod_cancel_pop .popup_bd.type_scroll{height: auto;max-height: 400px;}

.layer_popup.type_msg#sod_cancel_pop .popup_ft{border-top: 1px solid var(--divider-line);}
.layer_popup.type_msg#sod_cancel_pop .popup_btns_box .popup_btns{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;cursor: pointer;}


@media (max-width: 1080px){
    .mypage_wrap .mypage_ord_wrap .ord_filter_tab .tab_link{height: 40px;}

    .mypage_wrap .mypage_ord_wrap .ord_dtl_sect + .ord_dtl_sect{margin-top: 16px;}
    .mypage_wrap .mypage_ord_wrap .ord_dtl_sect .sect_inner{padding: 8px 16px 16px;}
    .mypage_wrap .mypage_ord_wrap .sect_btns_box{padding: 16px 0;}
    .mypage_wrap .mypage_ord_wrap .sect_btns_box .btns{height: 48px;}
    .mypage_wrap .mypage_ord_wrap .sect_btns_box .btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
}
/* ============================================= //E:주문내역 상세 ============================================= */



/* ============================================= S:주문내역 상세 ============================================= */
.mypage_wrap .mypage_qa_wrap{width: 100%;}
.mypage_wrap .mypage_qa_wrap .qa_wrap_bd{width: 100%;padding: 24px;background-color: var(--color-white);border-radius: 8px;overflow: hidden;}
.mypage_wrap .mypage_qa_wrap .component_tit_box{}
.mypage_wrap .mypage_qa_wrap .qa_list_wrap{padding-top: 16px;border-top: 1px solid var(--divider-line);}

.mypage_wrap .mypage_qa_wrap .info_qa_list{}
.mypage_wrap .mypage_qa_wrap .info_qa_items{}
.mypage_wrap .mypage_qa_wrap .info_qa_items + .info_qa_items{padding-top: 16px;border-top: 1px solid var(--divider-line);}

.mypage_wrap .mypage_qa_wrap .info_qa_items .item_inner{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 8px;padding-bottom: 16px;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_left{flex: 1 1 0%;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_name_box{}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray7);letter-spacing: -0.02em;cursor: pointer;}

.mypage_wrap .mypage_qa_wrap .info_qa_items .acc_btns{cursor: pointer;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_subject_box{margin-top: 4px;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_subject{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}

.mypage_wrap .mypage_qa_wrap .info_qa_items .item_info_box{margin-top: 4px;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_info_box .info_txt{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_info_box .info_txt + .info_txt{padding-left: 9px;position: relative;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_info_box .info_txt + .info_txt::before{content: '';display: block;width: 1.5px;height: calc(100% - (6px));background-color: var(--color-gray7);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.mypage_wrap .mypage_qa_wrap .info_qa_items .item_writer{}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_status.qa_done{font-weight: 600;color: var(--color-blue-main);}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_date{}

.mypage_wrap .mypage_qa_wrap .info_qa_items .item_right{flex: 0 0 auto;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_thumb_box{width: 60px;height: 0;padding-top: 100%;position: relative;overflow: hidden;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_thumb_box .item_thumb{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .item_thumb_box .item_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;}


.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont{display: none;padding: 16px;background-color: var(--color-gray4);}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .info_cont_inner{display: flex;align-items: stretch;flex-wrap: nowrap;}

.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .info_cont_left{flex: 0 0 80px;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .info_cont_icon{display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;overflow: hidden;background-color: var(--color-blue-main);font-size: var(--fs-12);font-weight: 500;line-height: 1;color: var(--color-white);}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .info_cont_answer .info_cont_icon{background-color: var(--color-blue-active);}

.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .info_cont_right{flex: 1;padding: 4px 0;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .question_text{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .question_image{width: 100%;max-width: 375px;line-height: 0;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .question_text + .question_image{margin-top: 8px;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .question_image .img_box{width: 100%;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .question_image .img_box img{width: 100%;}

.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .info_cont_question + .info_cont_answer{margin-top: 16px;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .answer_text{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .answer_image{width: 100%;max-width: 375px;line-height: 0;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .answer_text + .answer_image{margin-top: 8px;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .answer_image .img_box{width: 100%;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .answer_image .img_box img{width: 100%;}

.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .item_btns_box{margin-top: 16px;display: flex;align-items: center;justify-content: flex-end;flex-wrap: nowrap;column-gap: 8px;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .item_btns_box .btns{display: inline-block;line-height: 0;cursor: pointer;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .item_btns_box .btns + .btns{padding-left: 9px;position: relative;}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .item_btns_box .btns + .btns::before{content: '';display: block;width: 1.5px;height: calc(100% - (6px));background-color: var(--color-gray7);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .item_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-gray7);}

.mypage_wrap .mypage_qa_wrap .empty_txt{padding: 56px 0;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray7);text-align: center;}

@media (max-width: 1080px){
    .mypage_wrap .mypage_qa_wrap .qa_wrap_bd{padding: 16px;}
}
@media (max-width: 600px){
    .mypage_wrap .mypage_qa_wrap .info_qa_items .item_subject{font-size: var(--fs-14);}
    .mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .info_cont_inner{column-gap: 8px;}
    .mypage_wrap .mypage_qa_wrap .info_qa_items .info_qa_cont .info_cont_left{flex: 0 0 auto;}
}

/* ============================================= //E:주문내역 상세 ============================================= */





/* ============================================= S:상품후기 상세 ============================================= */
.mypage_wrap .mypage_review_wrap .review_wrap_bd{width: 100%;padding: 24px;background-color: var(--color-white);border-radius: 8px;overflow: hidden;}


.mypage_wrap .mypage_review_wrap .review_tab{display: flex;align-items: stretch;flex-wrap: nowrap;margin-bottom: 20px;}
.mypage_wrap .mypage_review_wrap .review_tab button{flex: 1;padding: 8px 16px;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);border-bottom: 2px solid var(--color-gray6);cursor: pointer;}
.mypage_wrap .mypage_review_wrap .review_tab button.active{font-weight: 600;color: var(--color-blue-main);border-bottom: 2px solid var(--color-blue-main);}

.mypage_wrap .mypage_review_wrap .review_list{display: none;}
.mypage_wrap .mypage_review_wrap .review_list.active {display: block;}
.mypage_wrap .mypage_review_wrap .review_item{}
.mypage_wrap .mypage_review_wrap .review_item + .review_item{margin-top: 8px;padding-top: 8px;border-top: 1px solid var(--divider-line);}
.mypage_wrap .mypage_review_wrap .review_item .item_inner{padding: 16px 0;}
.mypage_wrap .mypage_review_wrap .review_item .item_info_box{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 16px;}
.mypage_wrap .mypage_review_wrap .review_item .info_left{flex: 0 0 auto;}
.mypage_wrap .mypage_review_wrap .review_item .item_thumb_box{width: 80px;height: 0;padding-top: 100%;position: relative;overflow: hidden;}
.mypage_wrap .mypage_review_wrap .review_item .item_thumb_box .thumb_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.mypage_wrap .mypage_review_wrap .review_item .item_thumb_box .thumb_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.mypage_wrap .mypage_review_wrap .review_item .info_right{flex: 1 1 0%;}
.mypage_wrap .mypage_review_wrap .review_item .item_name_box{}
.mypage_wrap .mypage_review_wrap .review_item .item_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.mypage_wrap .mypage_review_wrap .review_item .item_subject_box{margin-top: 8px;}
.mypage_wrap .mypage_review_wrap .review_item .item_subject{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray9);letter-spacing: -0.02em;}
.mypage_wrap .mypage_review_wrap .review_item .item_cnt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray9);letter-spacing: -0.02em;}

.mypage_wrap .mypage_review_wrap .review_item .item_btns_box{display: flex;align-items: center;flex-wrap: wrap;column-gap: 8px;row-gap: 8px;}
.mypage_wrap .mypage_review_wrap .review_item .item_info_box + .item_btns_box{margin-top: 8px;}
.mypage_wrap .mypage_review_wrap .review_item .item_btns_box .btns{flex: 1;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;height: 40px;background-color: var(--color-white);border: 1px solid var(--color-gray6);border-radius: 4px;}
.mypage_wrap .mypage_review_wrap .review_item .item_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}
.mypage_wrap .mypage_review_wrap .review_item .item_btns_box .btns.btns_write{border-color: var(--color-blue-main);}
.mypage_wrap .mypage_review_wrap .review_item .item_btns_box .btns.btns_write .btns_name{color: var(--color-blue-main);}
.mypage_wrap .mypage_review_wrap .review_item .item_btns_box .btns.btns_modify{max-width: 50%;}
.mypage_wrap .mypage_review_wrap .review_item .item_btns_box .btns.btns_delete{max-width: 50%;}

.mypage_wrap .mypage_review_wrap .review_list .empty_item{}
.mypage_wrap .mypage_review_wrap .review_list .empty_item .empty_txt{padding: 56px 0;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray5);text-align: center;}
/* ============================================= //E:상품후기 상세 ============================================= */




.frm_line_box{}
.frm_line_box + .frm_box{margin-top: 24px;}
.frm_line_box + .frm_line_box{margin-top: 16px;}
.frm_line_box .frm_flex_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
.frm_line_box .frm_lbl {font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);}
.frm_line_box .frm_lbl .lbl_txt {font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);}
.frm_line_box .frm_lbl .compulsory {color: var(--color-orange-main);}
.frm_line_box .frm_lbl_box + .frm_inp_box {margin-top: 4px;}
.frm_line_box .frm_lbl_box + .frm_radio_box {margin-top: 16px;}
.frm_line_box .frm_inp_box + .frm_radio_box {margin-top: 16px;}
.frm_line_box .frm_lbl_box + .frm_chk_box {margin-top: 16px;}
.frm_line_box .frm_inp_box + .frm_chk_box {margin-top: 16px;}
.frm_line_box .frm_inp_box input:-webkit-autofill,
.frm_line_box .frm_inp_box input:-webkit-autofill:hover,
.frm_line_box .frm_inp_box input:-webkit-autofill:focus,
.frm_line_box .frm_inp_box input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 3000px #fff inset !important;}
.frm_line_box .frm_inp_box input {width: 100%;height: 40px;padding: 0 8px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;border: 0;border: 1px solid var(--divider-line);box-sizing: border-box;transition: border-color .4s;}
.frm_line_box .frm_inp_box input:not(:disabled):focus,
.frm_line_box .frm_inp_box input:not(:read-only):focus {border-color: var(--color-blue-main);outline: none;}
.frm_line_box .frm_inp_box input:not(:disabled):hover,
.frm_line_box .frm_inp_box input:not(:read-only):hover {outline: none;}
.frm_line_box .frm_inp_box input::placeholder {font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray2);letter-spacing: -0.02em;}
.frm_line_box .frm_inp_box input:read-only,
.frm_line_box .frm_inp_box input:disabled {background-color: var(--color-gray4);color: var(--color-gray1);padding-left: 6px;padding-right: 6px;}
.frm_line_box .frm_inp_box input:read-only:focus,
.frm_line_box .frm_inp_box input:disabled:focus {border-color: var(--color-black);outline: 0;}
.frm_line_box .frm_inp {width: 100%;height: 40px;padding: 0 8px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;border: 0;border: 1px solid var(--divider-line);box-sizing: border-box;transition: border-color .4s;}
.frm_line_box .frm_inp:not(:disabled):focus,
.frm_line_box .frm_inp:not(:read-only):focus {border-color: var(--color-blue-main);outline: none;}
.frm_line_box .frm_inp:not(:disabled):hover,
.frm_line_box .frm_inp:not(:read-only):hover {outline: none;}
.frm_line_box .frm_inp::placeholder {font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray2);letter-spacing: -0.02em;}
.frm_line_box .frm_inp:read-only,
.frm_line_box .frm_inp:disabled {background-color: var(--color-gray4);}
.frm_line_box .frm_inp:read-only:focus,
.frm_line_box .frm_inp:disabled:focus {border-color: var(--color-black);outline: 0;}

.frm_line_box .frm_lbl_box + .frm_inp_box.ad_pccc_box{display: flex;gap: 10px;}
.frm_line_box .frm_lbl_box+.frm_inp_box.ad_pccc_box .btns_validate{display:inline-flex;align-items:center;justify-content:center;width:60px;background-color:var(--color-blue-main);overflow:hidden;color:#fff}


/*
.mypage_menu .depth1{list-style:none;padding:0;margin:0}
.mypage_menu .depth1>li{border-bottom:1px solid #eee}
.mypage_menu .depth1_btn{width:100%;text-align:left;padding:14px 18px;font-size:16px;transition:.3s;font-weight:600;color:#333;background:0 0;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.mypage_menu .depth1_btn:hover{color:#0c6097;}
.mypage_menu .depth1_btn.active{background: #277cf3;color:#fff;}
.mypage_menu .ico{transition:transform .4s ease;font-size:14px}
.mypage_menu .depth1_btn.active .ico{transform:rotate(180deg)}
.mypage_menu .depth2{max-height:0;overflow:hidden;transition:max-height .4s ease;padding-left:18px;background-color:#fafafa}
.mypage_menu .depth2 li a{display:block;padding:10px 0;font-size:14px;color:#555;text-decoration:none}
.mypage_menu .depth2 li a:hover{color:#673190;font-weight:500}
.mypage_menu .depth2.open{max-height:500px}

.mypage_menu .depth1_btn {color: #333;transition: background 0.2s, color 0.2s;}
.mypage_menu .depth1_btn .ico svg {color: #09244B;transition: color 0.2s;}
.mypage_menu .depth1_btn:hover {background: #277cf3;color: #fff;}
.mypage_menu .depth1_btn.active .ico svg,
.mypage_menu .depth1_btn:hover .ico svg {color: #fff;}
*/