@charset "utf-8";

/* =============================  S:product_component  ============================= */
.product_component{width: 100%;padding: 56px 0 128px;background-color: var(--color-white);position: relative;}
.product_component .compotent_inner{width: 100%;max-width: 1920px;margin: 0 auto;padding: 0 64px;box-sizing: border-box;}

.product_component .list_hd_box{}
.product_component .list_bd_box{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 24px;}
.product_component .list_hd_box + .list_bd_box{margin-top: 24px;}

.product_component .product_list_inner{}

@media (max-width: 1680px){
    .product_component{}
    .product_component .compotent_inner{max-width: 1448px;padding: 0 24px;}
}
@media (max-width: 1440px){
    
}
@media (max-width: 1280px){
}
@media (max-width: 1080px){
    .product_component .compotent_inner{padding: 0 8px;}
}
@media (max-width: 1024px){
    .product_component{padding: 32px 0 64px;}
    .product_component .list_bd_box{display: block;}
    .product_component .list_hd_box + .list_bd_box{}
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    .product_component{padding: 24px 0 64px;}
    .product_component .compotent_inner{padding: 0 16px;}
    .product_component .list_hd_box + .list_bd_box{margin-top: 16px;}
}
/* =============================  E:product_component  ============================= */




/* =============================  S:product_util_box  ============================= */
.product_util_box{display: flex;align-items: center;justify-content: flex-end;column-gap: 8px;width: 100%;padding: 0 8px;box-sizing: border-box;}
.product_util_box .list_sort_box{flex: 0 0 auto;display: inline-block;position: relative;z-index: 0;}
.product_util_box .list_sort_box .list_sort_slt{width: 100%;min-width: 140px;min-height: 48px;padding: 0 48px 0 24px;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-48);color: var(--color-black);background-color: var(--colior-white);border: 1px solid var(--color-gray8);border-radius: 32px;overflow: hidden;box-sizing: border-box;appearance: none;cursor: pointer;}
.product_util_box .list_sort_box .icon_slt_arrow{display: inline-block;width: 28px;height: 28px;line-height: 0;position: absolute;top: 50%;right: 14px;z-index: 1;transform: translateY(-50%);z-index: 2;pointer-events: none;}
.product_util_box .list_sort_box .icon_slt_arrow svg{width: 100%;height: 100%;pointer-events: none;}
.product_util_box .list_sort_box .icon_slt_arrow svg path{fill: var(--color-black);}

.product_util_box .list_filter_box{flex: 0 0 auto;display: none;}
.product_util_box .list_filter_box .filter_btns{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 2px;}
.product_util_box .list_filter_box .filter_btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);}
.product_util_box .list_filter_box .filter_btns .icon_box{display: inline-block;width: 24px;height: 24px;line-height: 0;pointer-events: none;}
.product_util_box .list_filter_box .filter_btns .icon_box svg{width: 100%;height: 100%;stroke-width: 1;pointer-events: none;}
.product_util_box .list_filter_box .filter_btns .icon_box svg path{fill: var(--color-black);}

@media (max-width: 1680px){
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
}
@media (max-width: 1080px){
}
@media (max-width: 1024px){
    .product_util_box{justify-content: space-between;}
    .product_util_box .list_sort_box .list_sort_slt{min-width: 120px;min-height: 36px;padding: 0 36px 0 16px;line-height: var(--lh-36);}
    .product_util_box .list_sort_box .icon_slt_arrow{width: 20px;height: 20px;}

    .product_util_box .list_filter_box{display: block;}
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    .product_util_box{padding: 0;}
    .product_util_box .list_sort_box .list_sort_slt{min-width: 110px;min-height: 32px;padding: 0 32px 0 12px;font-size: var(--fs-14);line-height: var(--lh-32);border-radius: 24px;}
    .product_util_box .list_sort_box .icon_slt_arrow{right: 10px;}
    .product_util_box .list_filter_box .filter_btns .btns_name{font-size: var(--lh-16);line-height: var(--lh-24);}
    .product_util_box .list_filter_box .filter_btns .icon_box{width: 24px;height: 24px;}
}
/* =============================  E:product_util_box  ============================= */


/* =============================  S:product_filter_wrap  ============================= */
.product_filter_box{flex: 0 0 auto;}

.product_filter_box{width: 260px;height: calc(100vh - (256px + 48px));background-color: var(--color-white);border: 1px solid var(--divider-line);border-radius: 8px;box-sizing: border-box;overflow: hidden;}

.product_filter_box #filterForm{height: 100%;background-color: var(--color-white);}
.product_filter_box .box_inner{width: 100%;height: 100%;padding: 24px 0;box-sizing: border-box;display: flex;flex-direction: column;gap: 24px;}
.product_filter_box #filterForm #filterCloseBtns{display: inline-block;align-items: center;justify-content: flex-end;position: absolute;right: 0;top: 0;z-index: 10;padding: 16px;line-height: 0;display: none;}
.product_filter_box #filterForm #filterCloseBtns .icon_close{display: inline-block;width: 16px;height: 16px;line-height: 0;pointer-events: none;}
.product_filter_box #filterForm #filterCloseBtns .icon_close svg{width: 100%;height: 100%;pointer-events: none;}

.product_filter_box .filter_form_box{height: calc(100% - 70px);padding: 0 16px;overflow: hidden;overflow-y: auto;box-sizing: border-box;}

.product_filter_box .filter_group{margin-bottom: 24px}
.product_filter_box .filter_group .group_hd{padding: 0 4px 8px 0;border-bottom: 1px solid var(--divider-line);box-sizing: border-box;}
.product_filter_box .filter_group .acc_btns{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;column-gap: 4px;}
.product_filter_box .filter_group .acc_btns .btns_name{display: inline-block;font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;}
.product_filter_box .filter_group .acc_btns .icon_acc_arr{flex: 0 0 auto;display: inline-block;width: 24px;height: 24px;line-height: 0;pointer-events: none;transform: rotate(0);transition: transform .25s ease;}
.product_filter_box .filter_group.active .acc_btns .icon_acc_arr{transform: rotate(-180deg);}
.product_filter_box .filter_group .acc_btns .icon_acc_arr svg{width: 100%;height: 100%;pointer-events: none;}
.product_filter_box .filter_group .acc_btns .icon_acc_arr svg path{stroke: var(--color-black);}

.product_filter_box .filter_group .group_bd{display: none;}
.product_filter_box .filter_group .filter_cnt{width: 100%;padding: 8px 0;box-sizing: border-box;}


.product_filter_box #filterForm .filter_list{}
.product_filter_box #filterForm .filter_item{}
.product_filter_box #filterForm .filter_item + .filter_item{margin-top: 6px;}

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

.product_filter_box .filter_btns_box{width: 100%;padding: 0 16px;box-sizing: border-box;}
.product_filter_box .filter_btns_box .btns{display: flex;align-items: center;justify-content: center;width: 100%;padding: 12px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
.product_filter_box .filter_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);}
.product_filter_box .filter_btns_box .btns.btns_filter_submit{background-color: var(--color-main2);border-color: var(--color-main2);}
.product_filter_box .filter_btns_box .btns.btns_filter_submit .btns_name{color: var(--color-white);}

@media (max-width: 1680px){
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
    .product_filter_box{width: 240px;}
    .product_filter_box .filter_group .acc_btns .btns_name{font-size: var(--fs-16);line-height: var(--lh-20);}
    .product_filter_box .filter_group .acc_btns .icon_acc_arr{width: 20px;height: 20px;}
}
@media (max-width: 1080px){
}
@media (max-width: 1024px){

    .product_filter_box{width: 100%;height: 100%;border: 0;border-radius: 0;position: fixed;inset: 0;z-index: 999;background-color: rgba(0, 0, 0, .45);opacity: 0;visibility: hidden;transition: opacity .4s ease-in-out, visibility .4s ease;pointer-events: none;}
    .product_filter_box.opened{opacity: 1;visibility: visible;pointer-events: auto;}
    .product_filter_box #filterForm{width: 100%;max-width: 300px;transform: translateX(-100%);opacity: 0;transition: transform .4s ease-in-out, opacity .4s ease-in-out;}
    .product_filter_box.opened #filterForm{opacity: 1;transform: translateX(0);}
    .product_filter_box #filterForm #filterCloseBtns{display: inline-block;}

    .product_filter_box .box_inner{padding: 48px 0 24px;}
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    .product_filter_box .filter_btns_box .btns .btns_name{font-size: var(--fs-14);}
}
/* =============================  E:product_filter_wrap  ============================= */


/* =============================  S:product_list_box  ============================= */
.product_list_wrap{}
.product_list_box{flex: 1 1 0%;}
.product_list_box #prdList{display: flex;flex-wrap: wrap;align-items: stretch;justify-content: flex-start;column-gap: 8px;row-gap: 32px;}
.product_list_box #prdList .prd_item{width: calc(25% - (24px/4));}
.product_list_box #prdList .prd_item .item_inner{width: 100%;height: 100%;padding: 0 8px;box-sizing: border-box;}

.product_list_box #prdList .prd_item .prd_hd{position: relative;z-index: 0;}

/* .product_list_box #prdList .prd_item .prd_hd .hd_left_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;} */
.product_list_box #prdList .prd_item .prd_cate_box{position: absolute;left: 16px;top: 16px;z-index: 1;}
.product_list_box #prdList .prd_item .prd_cate_box .cate_box{display: inline-block;padding: 2px 12px 3px;background-color: transparent;border: 1px solid var(--color-black);border-radius: 24px;box-sizing: border-box;}
.product_list_box #prdList .prd_item .prd_cate_box .cate_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-black);}
/* .product_list_box #prdList .prd_item .prd_cate_box.type_fac{border-color: #5B9D43;}
.product_list_box #prdList .prd_item .prd_cate_box.type_out{border-color: #22ACBE;}
.product_list_box #prdList .prd_item .prd_cate_box.type_home{border-color: #E96565;}
.product_list_box #prdList .prd_item .prd_cate_box.type_out_ok{border-color: #3EBFD0;}

.product_list_box #prdList .prd_item .prd_cate_box .cate_name.type_fac{color: #5B9D43;}
.product_list_box #prdList .prd_item .prd_cate_box .cate_name.type_out{color: #22ACBE;}
.product_list_box #prdList .prd_item .prd_cate_box .cate_name.type_home{color: #E96565;}
.product_list_box #prdList .prd_item .prd_cate_box .cate_name.type_out_ok{color: #3EBFD0;} */

.product_list_box #prdList .prd_item .prd_thumb_box{width: 100%;aspect-ratio: 1 / 1;}
.product_list_box #prdList .prd_item .prd_thumb_box .prd_thumb{display: block;width: 100%;height: 100%;background-color: var(--color-gray4);border-radius: 8px;box-sizing: border-box;overflow: hidden;}
.product_list_box #prdList .prd_item .prd_thumb_box .prd_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;mix-blend-mode: multiply;}

.product_list_box #prdList .prd_item .prd_wish_box{display: inline-block;line-height: 0;position: absolute;top: 4px;right: 4px;z-index: 1;}
.product_list_box #prdList .prd_item .prd_wish_box .btns_wish{display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;line-height: 0;}
.product_list_box #prdList .prd_item .prd_wish_box .btns_wish .icon_box{display: inline-block;width: 24px;height: 24px;line-height: 0;pointer-events: none;}
.product_list_box #prdList .prd_item .prd_wish_box .btns_wish .icon_box svg{width: 100%;height: 100%;pointer-events: none;}
.product_list_box #prdList .prd_item .prd_wish_box .btns_wish .icon_box svg path{fill: var(--color-white);stroke: var(--color-black);transition: fill .35s, stroke .35s;}
.product_list_box #prdList .prd_item .prd_wish_box .btns_wish.active .icon_box svg path{fill: var(--color-main2);stroke: var(--color-main2);}
.product_list_box #prdList .prd_item .prd_wish_box .btns_wish.wished .icon_box svg path{fill: var(--color-main2);stroke: var(--color-main2);}

.product_list_box #prdList .prd_item .prd_soldout_box{display: inline-flex;align-items: center;justify-content: center;line-height: 0;position: absolute;left: 0;bottom: 0;right: 0;z-index: 1;}
.product_list_box #prdList .prd_item .prd_soldout_box .soldout_txt{display: inline-block;padding: 8px 24px;background-color: var(--color-main2);font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-20);color: var(--color-white);border-top-left-radius: 8px;border-top-right-radius: 8px;box-sizing: border-box;overflow: hidden;}

.product_list_box #prdList .prd_item .prd_bd{}
.product_list_box #prdList .prd_item .prd_hd + .prd_bd{margin-top: 16px;}
.product_list_box #prdList .prd_item .prd_colorchip_box{}
.product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_wrap{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 8px;position: relative;}
.product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_list{display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 8px;row-gap: 6px;}
.product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_item{width: 24px;height: 24px;}
.product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_item .colorchip_btn{display: inline-block;width: 100%;height: 100%;line-height: 0;border: .5px solid var(--divider-line);border-radius: 4px;box-sizing: border-box;overflow: hidden;transition: border-color .2s;}
.product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_item .colorchip_btn.active{}
.product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_item .colorchip_box{display: inline-block;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center;}

.product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_item .colorimage_box{display: inline-block;width: 100%;height: 100%;overflow: hidden;}
.product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_item .colorimage_box .chip_image{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_more_btn{display: inline-block;cursor: pointer;background: transparent;border: 0;appearance: none;}
.product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_more_btn .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray1);}
.product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_tooltip{max-width: 202px;width: fit-content;padding: 8px;position: absolute;top: calc(100% + 4px);left: -9px;z-index: 2;margin: 0px;border: 1px solid var(--divider-line);border-radius: 6px;background-color: var(--color-white);box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 24px 0px;}
.product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_tooltip .colorchip_tooltip_list{display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 8px;row-gap: 6px;}

.product_list_box #prdList .prd_item .prd_desc_box{}
.product_list_box #prdList .prd_item .prd_colorchip_box + .prd_desc_box{margin-top: 8px;}
.product_list_box #prdList .prd_item .prd_opt_box + .prd_desc_box{margin-top: 8px;}
.product_list_box #prdList .prd_item .prd_desc_box .prd_name_box{}
.product_list_box #prdList .prd_item .prd_desc_box .prd_name_link{display: inline-block;}
.product_list_box #prdList .prd_item .prd_desc_box .prd_name{display: inline-block;font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.016em;/*word-break: break-all;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;*/}
.product_list_box #prdList .prd_item .prd_desc_box .prd_txt_box{}
.product_list_box #prdList .prd_item .prd_desc_box .prd_name_box + .prd_txt_box{margin-top: 2px;}
.product_list_box #prdList .prd_item .prd_desc_box .prd_txt{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);letter-spacing: -0.016em;word-break: break-all;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}

.product_list_box #prdList .prd_item .prd_price_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
.product_list_box #prdList .prd_item .prd_price_box .price_left{flex: 0 0 auto;}
.product_list_box #prdList .prd_item .prd_price_box .price_right{flex: 1 1 0%;}
.product_list_box #prdList .prd_item .prd_desc_box + .prd_price_box{margin-top: 8px;}
.product_list_box #prdList .prd_item .prd_price_box > div span{display: inline-block;}
.product_list_box #prdList .prd_item .prd_price_box > div span > span{display: inline-block;}

.product_list_box #prdList .prd_item .prd_price_box .price_origin{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.016em;}
.product_list_box #prdList .prd_item .prd_price_box .price_origin.line_through{text-decoration: line-through;font-size: var(--fs-16);font-weight: 300;color: var(--color-gray1);}
.product_list_box #prdList .prd_item .prd_price_box .price_origin .origin_sta{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.016em;}
.product_list_box #prdList .prd_item .prd_price_box .price_origin.line_through .origin_sta{text-decoration: line-through;font-size: var(--fs-16);font-weight: 300;color: var(--color-gray1);}

.product_list_box #prdList .prd_item .prd_price_box .price_sale{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.016em;}
.product_list_box #prdList .prd_item .prd_price_box .price_sale .sale_sta{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.016em;}

.product_list_box #prdList .prd_item .prd_price_box .price_percent{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-main2);letter-spacing: -0.016em;}
.product_list_box #prdList .prd_item .prd_price_box .price_percent .percent_sta{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-main2);letter-spacing: -0.016em;}

.product_list_box #prdList .prd_item .prd_ft{}
/* .product_list_box #prdList .prd_item .prd_bd + .prd_ft{margin-top: 12px;} */
.product_list_box #prdList .prd_item .prd_opt_box{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 8px;}
.product_list_box #prdList .prd_item .prd_colorchip_box + .prd_opt_box{margin-top: 4px;}

.product_list_box #prdList .prd_item .prd_opt_box .active_name_box{line-height: 0;}
.product_list_box #prdList .prd_item .prd_opt_box .active_name_box .color_name{display: inline-block;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);white-space: nowrap;}

.product_list_box #prdList .prd_item .prd_opt_box .prd_opt_list{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;column-gap: 3px;row-gap: 5px;}
.product_list_box #prdList .prd_item .prd_opt_box .prd_opt_item{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 0;}
.product_list_box #prdList .prd_item .prd_opt_box .prd_opt_item::after{content: ',';display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-main2);}
.product_list_box #prdList .prd_item .prd_opt_box .prd_opt_item + .prd_opt_item:last-of-type::after{display: none;}
.product_list_box #prdList .prd_item .prd_opt_box .prd_opt_item .opt_box{display: inline-block;line-height: 0;}
.product_list_box #prdList .prd_item .prd_opt_box .prd_opt_item .opt_name{display: inline-block;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-main2);}
.product_list_box #prdList .prd_item .prd_opt_box .prd_opt_item.is_soldout .opt_name{color: var(--color-gray1);text-decoration: line-through;}
.product_list_box #prdList .prd_item .prd_opt_box .prd_opt_item.is_soldout::after{color: var(--color-gray1);}


@media (max-width: 1680px){
    .product_list_box #prdList .prd_item .prd_desc_box .prd_name{font-size: var(--fs-16);}
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
    .product_list_box #prdList .prd_item{width: calc(33.3334% - (16px/3))}
}
@media (max-width: 1080px){
}
@media (max-width: 1024px){
    .product_list_box #prdList .prd_item{width: calc(50% - (8px/2))}
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    .product_list_box #prdList{column-gap: 8px;row-gap: 24px;}
    .product_list_box #prdList .prd_item{width: calc(50% - (8px/2));}
    .product_list_box #prdList .prd_item .item_inner{padding: 0;}
    .product_list_box #prdList .prd_item .prd_wish_box{top: 0;right: 0;}
    .product_list_box #prdList .prd_item .prd_wish_box .btns_wish{width: 32px;height: 32px;}
    .product_list_box #prdList .prd_item .prd_wish_box .btns_wish .icon_box{width: 20px;height: 20px;}

    .product_list_box #prdList .prd_item .prd_hd + .prd_bd{margin-top: 8px;}
    .product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_list{column-gap: 4px;row-gap: 6px;}
    .product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_item{width: 19px;height: 19px;}

    .product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_more_btn .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    .product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_tooltip{max-width: 129px;}
    .product_list_box #prdList .prd_item .prd_colorchip_box .colorchip_tooltip .colorchip_tooltip_list{column-gap: 4px;row-gap: 6px;}

    .product_list_box #prdList .prd_item .prd_opt_box{column-gap: 4px;}
    .product_list_box #prdList .prd_item .prd_opt_box .active_name_box .color_name{font-size: var(--fs-12);line-height: var(--lh-18);}
    .product_list_box #prdList .prd_item .prd_opt_box .prd_opt_list{column-gap: 2px;row-gap: 0;}
    .product_list_box #prdList .prd_item .prd_opt_box .prd_opt_item .opt_name{font-size: var(--fs-12);line-height: var(--lh-18);}
    .product_list_box #prdList .prd_item .prd_opt_box .prd_opt_item::after{font-size: var(--fs-12);line-height: var(--lh-18);}

    .product_list_box #prdList .prd_item .prd_opt_box + .prd_desc_box{margin-top: 4px;}
    .product_list_box #prdList .prd_item .prd_desc_box .prd_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    .product_list_box #prdList .prd_item .prd_desc_box .prd_txt{font-size: var(--fs-12);line-height: var(--lh-18);}

    .product_list_box #prdList .prd_item .prd_desc_box + .prd_price_box{margin-top: 4px;}
    .product_list_box #prdList .prd_item .prd_price_box{align-items: flex-start;flex-wrap: wrap;}
    .product_list_box #prdList .prd_item .prd_price_box .price_right{display: flex;flex-wrap: nowrap;column-gap: 4px;}

    .product_list_box #prdList .prd_item .prd_price_box > div span{white-space: nowrap;}
    .product_list_box #prdList .prd_item .prd_price_box > div span > span{white-space: nowrap;}

    .product_list_box #prdList .prd_item .prd_price_box .price_origin{font-size: var(--fs-14);line-height: var(--lh-20);}
    .product_list_box #prdList .prd_item .prd_price_box .price_origin.line_through{font-size: var(--fs-14);}
    .product_list_box #prdList .prd_item .prd_price_box .price_origin .origin_sta{font-size: var(--fs-14);line-height: var(--lh-20);}
    .product_list_box #prdList .prd_item .prd_price_box .price_origin.line_through .origin_sta{font-size: var(--fs-14);}

    .product_list_box #prdList .prd_item .prd_price_box .price_sale{font-size: var(--fs-14);line-height: var(--lh-20);}
    .product_list_box #prdList .prd_item .prd_price_box .price_sale .sale_sta{font-size: var(--fs-14);line-height: var(--lh-20);}

    .product_list_box #prdList .prd_item .prd_price_box .price_percent{font-size: var(--fs-14);line-height: var(--lh-20);}
    .product_list_box #prdList .prd_item .prd_price_box .price_percent .percent_sta{font-size: var(--fs-14);line-height: var(--lh-20);}

}
/* =============================  E:product_list_box  ============================= */