@charset "utf-8";

.product_list_component{}
.product_list_component .component_inner{width: 100%;position:relative}
.product_list_component .prd_admin_box{text-align: right;position:absolute;top:0;right:0}
.product_list_component .page_tit_box .box_inner{width: 100%;padding: 0 24px;}

.product_list_component .prd_tit_sect{width: 100%;max-width: 1128px;margin: 0 auto;padding: 0 24px;}
.product_list_component .prd_cate_sect{width: 100%;max-width: 1128px;margin: 0 auto;padding: 0 24px;}
.product_list_component .prd_list_sect{width: 100%;max-width: 1128px;margin: 0 auto;padding: 0 24px;}

#prdListWrap{}
#prdListWrap #sct_location{width: 100%;max-width: 1128px;margin: 0 auto;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;padding: 0 24px;}

#prdListWrap #sct_location .go_home{display: block;font-size: var(--fs-16);line-height: 1;color: var(--color-gray7);padding: 0;}
#prdListWrap #sct_location .shop_select_to_html{padding: 16px 0;}
#prdListWrap #sct_location .shop_select_to_html span{display: block;padding: 0;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-16);color: var(--color-gray7);}
#prdListWrap #sct_location .shop_select_to_html span > a{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-16);color: var(--color-gray7);}
#prdListWrap #sct_location .shop_select_to_html:hover .category_title,
#prdListWrap #sct_location .shop_select_to_html:hover .category_title i{color: var(--color-blue-main);}

#prdListWrap #sct_location.is_right .shop_select_to_html .menulist{left: 50%;right: unset;top: calc(100% - (8px));transform: translateX(-50%);margin-top: 0;padding: 0;border-radius: 4px;}
#prdListWrap #sct_location .shop_select_to_html .option{min-height: unset;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-16);color: var(--color-black);}
#prdListWrap #sct_location .shop_select_to_html .option a{padding: 8px 16px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-16);color: var(--color-black);}

#prdListWrap #sct_location .shop_select_to_html .option.selected,
#prdListWrap #sct_location .shop_select_to_html .option.selected a{color: var(--color-blue-main);}

#prdListWrap .prd_list_hd{}
#prdListWrap .prd_list_hd .hd_inner{}

#prdListBanner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 0 24px;}
#prdListBanner img{width: 100%;max-width: 100%;}

.prd_cate_box{width: 100%;padding: 32px 48px;background-color: var(--color-white);border: 1px solid var(--color-gray6);}
#prdListBanner + .prd_cate_box{margin-top: 24px;}

#subCateList{display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 16px;row-gap: 16px;}
#subCateList .cate_item{width: calc(25% - (48px/4));}
#subCateList .cate_item .cate_link{display: inline-flex;align-items: center;justify-content: center;}
#subCateList .cate_item .cate_name{display: inline-block;font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);transition:.3s}
#subCateList .cate_item.active .cate_name{font-weight: 500;color: var(--color-blue-active);}
#subCateList .cate_item:hover .cate_name{text-decoration: underline;color:var(--color-blue-main)}

#prdListWrap .prd_list_bd{}
#prdListWrap .prd_list_hd + .prd_list_bd{margin-top: 32px;}
#prdListWrap .prd_list_bd .bd_inner{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 32px;position: relative;}
#prdListWrap .prd_list_left{width: 220px;flex: 0 0 auto;position: sticky;top: 0;}

#prdListWrap .prd_list_side{width: 100%;}
#prdListWrap .prd_list_side .side_tit_box{width: 100%;padding: 16px 0;border-bottom: 1px solid var(--color-gray6);}
#prdListWrap .prd_list_side .side_tit_box .side_tit{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);}

#prdListWrap .prd_type_filter_box{padding-bottom:16px;font-family:'Noto Sans KR',sans-serif}
#prdListWrap .filter_hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;width:100%;padding:16px 0;border-bottom:1px solid var(--color-gray6)}
#prdListWrap .filter_tit{display:inline-block;font-size:var(--fs-20);font-weight:700;line-height:var(--lh-24);color:var(--color-black)}
#prdListWrap .filter_reset{font-size:13px;color:#bbb;background:0 0;border:none;cursor:pointer}
#prdListWrap .filter_list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
#prdListWrap .filter_item+.filter_item{margin-top:8px}
#prdListWrap .filter_btn{display:flex;align-items:center;gap:8px;font-size:15px;color:#555;text-decoration:none;transition:all .2s ease}
#prdListWrap .filter_btn:hover{color:var(--color-blue-active);}
#prdListWrap .filter_btn .filter_count{font-size:13px;color:#999;margin-left:auto}
#prdListWrap .filter_btn .icon_check circle,.filter_btn .icon_check path{transition:stroke .2s ease}
#prdListWrap .filter_btn.active{color:var(--color-blue-active);;font-weight:700}
#prdListWrap .filter_btn.active .icon_check circle{stroke:var(--color-blue-active);}
#prdListWrap .filter_btn.active .icon_check path{stroke:var(--color-blue-active);}
#prdListWrap .filter_btn.active .filter_count{color:var(--color-blue-active);}

#prdListWrap .prd_list_side .side_acc_list{}
#prdListWrap .prd_list_side .side_acc_item{}
#prdListWrap .prd_list_side .side_acc_item .side_acc_hd{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 8px;padding: 10px 0;}
#prdListWrap .prd_list_side .side_acc_item .side_acc_btn{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.03em;}
#prdListWrap .prd_list_side .side_acc_item .icon_acc_arr{display: inline-block;width: 24px;height: 24px;transform: rotate(-180deg);transition: transform .25s;}
#prdListWrap .prd_list_side .side_acc_item.open .icon_acc_arr{transform: rotate(0);}
#prdListWrap .prd_list_side .side_acc_item .icon_acc_arr svg{width: 100%;height: 100%;}
#prdListWrap .prd_list_side .side_acc_item .icon_acc_arr svg path{stroke: var(--color-gray7);}

#prdListWrap .prd_list_side .side_acc_item .side_acc_bd{display: none;opacity: 0;transition: opacity .25s;overflow: hidden;}
#prdListWrap .prd_list_side .side_acc_item.open .side_acc_bd.is-initialized{display: block;opacity: 1;}

#prdListWrap .prd_list_side .side_cate_list{padding:10px}
#prdListWrap .prd_list_side .side_cate_list > li{padding:3px 0}
#prdListWrap .prd_list_side .side_cate_item + .side_cate_item{margin-top: 8px;}
#prdListWrap .prd_list_side .side_cate_item .cate_link{display: inline-block;position:relative;padding-left:10px}
#prdListWrap .prd_list_side .side_cate_item .cate_link:after{content:'';display:block;clear:both;position:absolute;top:0;left:0;width:4px;height:100%;}
#prdListWrap .prd_list_side .side_cate_item.active .cate_link:after{background-color:var(--color-blue-active);border-radius:4px}

#prdListWrap .prd_list_side .side_cate_item .cate_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.03em;}
#prdListWrap .prd_list_side .side_cate_item.active .cate_name{font-weight: 700;color: var(--color-blue-active);}

#prdListWrap .prd_list_right{width: 100%;flex: 1;}
.prd_sort_box{width: 100%;padding: 16px 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 16px;}
#sortCount{flex: 0 0 auto;}
#sortCount .count_sta{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);}

.sort_list_wrap{flex: 0 0 auto;}
.sort_list_wrap .sort_toggle_button{display: none;}
#sortList{display: flex;align-items: center;justify-content: flex-end;flex-wrap: nowrap;column-gap: 14px;}
#sortList .sort_item{}
#sortList .sort_item + .sort_item{padding-left: 7px;position: relative;}
#sortList .sort_item + .sort_item::before{content: '';display: block;width: 1px;height: 14px;background-color: var(--color-gray7);position: absolute;left: -4px;top: 50%;transform: translateY(-50%);}
#sortList .sort_item .sort_link{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 2px;}
#sortList .sort_item .sort_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray7);letter-spacing: -0.03em;transition: color .2s;}
#sortList .sort_item:hover .sort_name{color: var(--color-black);font-weight: 700;}
#sortList .sort_item.active .sort_name{color: var(--color-black);font-weight: 700;}
#sortList .sort_item .tooltip_box{display: inline-block;line-height: 0;position: relative;}
#sortList .sort_item .tooltip_box .icon_tooltip_question{display: inline-block;width: 14px;height: 20px;}
#sortList .sort_item .tooltip_box .icon_tooltip_question svg{width: 100%;height: 100%;pointer-events: none;}
#sortList .sort_item .tooltip_box .tooltip_desc{display: none;position: absolute;left: 0;top: 100%;z-index: 10;min-width: 272px;padding: 8px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-18);color: var(--color-gray5);letter-spacing: -0.02em;word-break: keep-all;}
#sortList .sort_item .tooltip_box:hover .tooltip_desc{display: block;}

.prd_list_box{}
#prdList{display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 24px;row-gap: 32px;}
/* #prdList.sct_40{display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 0;row-gap: 32px;flex-direction: column;} */
#prdList .prd_item{width: calc(25% - (72px/4));background-color: var(--color-white);}
#prdList .prd_item .item_inner{height: 100%;}
#prdList .prd_item .item_thumb_box{width: 100%;height: 0;padding-top: 100%;background-color: var(--color-white);position: relative;overflow: hidden;}
#prdList .prd_item .item_thumb_box .item_thumb{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
#prdList .prd_item .item_thumb_box .item_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: 0.3s ease-in-out;padding:14px}

#prdList .prd_item .item_thumb_box:hover .item_thumb img{transform: scale(1.08);}

#prdList .prd_item .item_thumb_box .btn_wish{position: absolute;top: 10px;right: 10px;z-index: 2;cursor: pointer;line-height: 0;}
#prdList .prd_item .item_thumb_box .btn_wish .icon_wish_heart{display: inline-block;width: 24px;height: 24px;background-image: url('../img/icon/icon_wish_heart.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;pointer-events: none;}
#prdList .prd_item .item_thumb_box .btn_wish.wished .icon_wish_heart{background-image: url('../img/icon/icon_wish_heart_fill.svg');}

#prdList .prd_item .item_thumb_box .item_soldout{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, .45);border-radius:12px}
#prdList .prd_item .item_thumb_box .item_soldout .soldout_txt{display: inline-block;font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-24);color: var(--color-white);}
/* #prdList .prd_item .item_thumb_box .btn_wish .icon_wish_heart svg{width: 100%;height: 100%;pointer-events: none;} */

#prdList .prd_item .item_info_box{}
#prdList .prd_item .item_thumb_box + .item_info_box{margin-top: 16px;}
#prdList .prd_item .item_cate_box{display: flex;align-items: flex-start;justify-content: space-between;column-gap: 8px;flex-wrap: nowrap;line-height: 0;}
#prdList .prd_item .item_cate_box .item_cate{flex: 1;font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray1);letter-spacing: -0.02em;}

#prdList .prd_item .item_cate_box .btn_wish{flex: 0 0 auto;cursor: pointer;line-height: 0;}
#prdList .prd_item .item_cate_box .btn_wish .icon_wish_heart{display: inline-block;width: 20px;height: 20px;background-image: url('../img/icon/icon_wish_heart.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;pointer-events: none;}
#prdList .prd_item .item_cate_box .btn_wish.wished .icon_wish_heart{background-image: url('../img/icon/icon_wish_heart_fill.svg');}

#prdList .prd_item .item_subject_box{line-height: 0;}
#prdList .prd_item .item_cate_box + .item_subject_box{margin-top: 8px;}
#prdList .prd_item .item_cate_box .prod_tag{display: inline-block;padding: 2px 6px;border-radius: 4px;font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-16)}
#prdList .prd_item .item_cate_box .prod_tag.direct{background-color:#f4f4f4;color:#5f0080;}
#prdList .prd_item .item_cate_box .prod_tag.domestic{background-color:#f4f4f4;color:var(--color-blue-main);}

#prdList .prd_item .item_btns_box + .item_cate_box{}
#prdList .prd_item .item_btns_box + .cart-layer + .item_cate_box{margin-top:6px}

#prdList .prd_item .item_subject_box .item_subject{display: inilne-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.01em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;overflow: hidden;white-space: normal;text-overflow: ellipsis;}

#prdList .prd_item .item_price_box{display:flex;align-items:flex-start;flex-wrap:nowrap;column-gap:4px;flex-direction:column}
#prdList .prd_item .item_price_box .price_box{display:flex;align-items: center;gap:6px}

#prdList .prd_item .item_subject_box + .item_price_box{margin-top: 6px;}
#prdList .prd_item .item_price_box .item_price{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);letter-spacing: 0.02em;letter-spacing: -0.8px;}
#prdList .prd_item .item_price_box .item_cust_price{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);letter-spacing: 0.02em;text-decoration: line-through;}
#prdList .prd_item .item_price_box .item_sale_per{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-20);color: var(--color-orange-main);letter-spacing: 0.02em;}

#prdList .prd_item .review_count{margin-top: 8px;display: flex;/* align-items: center; */gap:4px;color:#777}
#prdList .prd_item .icon_box.icon_review svg path{fill: var(--color-black);transition: fill .25s;}
#prdList .prd_item .icon_box.icon_review{}
#prdList .prd_item .icon_box.icon_review svg{width: 16px;height: 16px;}
#prdList .prd_item .icon_box.icon_review svg path{transition: stroke .25s;}

#prdList .prd_item .item_btns_box{}
#prdList .prd_item .item_info_box + .item_btns_box{margin-top: 12px;}
#prdList .prd_item .item_btns_box .item_btns{display: flex;align-items: center;justify-content: center;width: 100%;height: 36px;background-color: var(--color-white);border-radius: 4px;box-sizing: border-box;}
#prdList .prd_item .item_btns_box .item_btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: 0.02em;display: flex;gap: 4px;align-items: center;}
#prdList .prd_item .item_btns_box .item_btns .btns_name .icon_cart{display: inline-block;width: 20px;height: 20px;pointer-events: none;}
#prdList .prd_item .item_btns_box .item_btns .btns_name .icon_cart svg{width: 100%;height: 100%;}

#prdList .prd_item .item_btns_box .item_btns.btns_soldout{border: 1px solid var(--color-gray6);}

#prdList .prd_item .item_btns_box .btns_cart{}
#prdList .prd_item .item_btns_box .btns_cart .btns_name{}

#prdList .prd_item .cart-layer{display: none !important;}
#prdList .prd_item .cart-layer.sct_cartop{display: block !important;}

.gradient,
.rainbow{position:relative;z-index:0;border-radius:8px;overflow:hidden}
.rainbow::before{content:'';position:absolute;z-index:-2;left:50%;top:50%;width:640px;height:640px;background-color:#399953;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);margin-left:-320px;margin-top:-320px;transition:.3s}
.rainbow::after{content:'';position:absolute;z-index:-1;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);background:#fff;border-radius:3px;animation:opacityChange 3s infinite alternate}
.gradient::before{content:'';position:absolute;z-index:-2;left:50%;top:50%;width:640px;height:640px;background-color:#399953;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);margin-left:-320px;margin-top:-320px;transition:.3s}
.gradient::after{content:'';position:absolute;z-index:-1;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);background:#fff;border-radius:3px;animation:opacityChange 3s infinite alternate}

.rainbow:hover::before{content:'';position:absolute;z-index:-2;left:50%;top:50%;width:640px;height:640px;background-color:#399953;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#f66,#f66),linear-gradient(#a8327d,#a8327d),linear-gradient(#57157e,#57157e),linear-gradient(#132140,#132140);animation:rotate 4s linear infinite;margin-left:-320px;margin-top:-320px}
.rainbow:hover::after{content:'';position:absolute;z-index:-1;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);background:#fff;border-radius:3px;animation:opacityChange 3s infinite alternate}
.gradient:hover::before{content:'';position:absolute;z-index:-2;left:50%;top:50%;width:640px;height:640px;background-color:#399953;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image: linear-gradient(#0048ff, #003bff), linear-gradient(#ccc, #ccc), linear-gradient(#ccc, #ccc), linear-gradient(#ccc, #ccc);animation:rotate 4s linear infinite;margin-left:-320px;margin-top:-320px}
.gradient:hover::after{content:'';position:absolute;z-index:-1;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);background:#fff;border-radius:3px;animation:opacityChange 3s infinite alternate}

@keyframes rotate {
  100% {transform: rotate(1turn);}
}

@keyframes opacityChange {
  50% {opacity:1;}
  100% {opacity: 1;}
}

.pc_only { display: block; }
.mobile_only { display: none; }

@media (max-width: 1080px){
  .pc_only { display: none; }
  .mobile_only { display: block; }
  #prdListWrap #sct_location{padding: 0 16px;}
  #prdListWrap #sct_location{column-gap: 6px;}
  #prdListWrap #sct_location .category_title{display: block;cursor: pointer;}
  #prdListWrap #sct_location .shop_select_to_html span i{display: none;}
  #prdListWrap #sct_location .menulist{display: none;}


  #prdListBanner{padding: 0 16px;}
  .product_list_component .prd_tit_sect{padding: 0 16px;}
  .product_list_component .prd_tit_sect .page_tit_box{padding: 24px 0;}
  .product_list_component .prd_cate_sect{padding: 0 16px;}
  .product_list_component .prd_list_sect{padding: 0 16px;}
  .product_list_component .prd_admin_box{display: none;}
  
  .prd_cate_box{padding: 0;border: 0;border-bottom: 1px solid var(--divider-line);}
  #subCateList{width: 100%;padding: 8px 0;overflow: hidden;overflow-x: auto;flex-wrap: nowrap;}
  #subCateList .cate_item{width: unset;}
  #subCateList .cate_item .cate_name{font-size: var(--fs-16);line-height: var(--lh-20);white-space: nowrap;}
  
  .product_list_component .prd_cate_sect.mobile_only{padding: 0;overflow: hidden;}
  .prd_cate_sect .subCateSwiper{padding: 0 16px;overflow: visible;}
  #subCateListMo{width: 100%;padding: 8px 0;}
  #subCateListMo .cate_item{width: unset;}
  #subCateListMo .cate_item .cate_link{display: inline-flex;align-items: center;justify-content: center;}
  #subCateListMo .cate_item .cate_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
  #subCateListMo .cate_item.active .cate_link{position: relative;}
  #subCateListMo .cate_item.active .cate_name{font-weight: 500;color: var(--color-blue-active);}
  #subCateListMo .cate_item.active .cate_link .cate_name::after{content: '';display: block;width: 100%;height: 1px;background-color: var(--color-blue-active);position: absolute;bottom: -9px;left: 0;right: 0;z-index: 1;}

  .sort_list_wrap{position: relative;}
  .sort_list_wrap .sort_toggle_button{display: inline-flex;align-items: center;justify-content: center;flex-wrap: nowrap;background: transparent;cursor: pointer;}
  .sort_list_wrap .sort_toggle_button .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
  .sort_list_wrap .sort_toggle_button .icon_acc_arr{display: inline-block;width: 20px;height: 20px;line-height: 0;pointer-events: none;transform: rotate(0);transition: transform .2s;}
  .sort_list_wrap .sort_toggle_button.opened .icon_acc_arr{transform: rotate(-180deg);}
  .sort_list_wrap .sort_toggle_button .icon_acc_arr svg{width: 100%;height: 100%;pointer-events: none;}
  .sort_list_wrap .sort_toggle_button .icon_acc_arr svg path{stroke: var(--color-black);stroke-opacity: 1;}
  #sortList {display: none;position: absolute;top: 100%;right: 0;z-index: 100;background-color: var(--color-white);border-radius: 4px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);flex-direction: column;align-items: flex-start;padding: 4px 0;}

  #sortList.active {
      display: flex; /* 버튼 클릭 시 활성화 */
  }

  #sortList .sort_item {
      width: 100%;
      padding: 4px 16px;
      box-sizing: border-box;
  }
  #sortList .sort_item + .sort_item{padding-left: 16px;}

  #sortList .sort_item + .sort_item::before {
      display: none; /* 구분선 제거 */
  }

  #sortList .sort_item .sort_link {
      width: 100%;
      justify-content: flex-start;
  }
  #sortList .sort_item .sort_name{white-space: nowrap;}
  #sortList .sort_item .sort_link .tooltip_box{display: none;}


  #prdListWrap .prd_list_hd + .prd_list_bd{margin-top: 0;}
  #prdListWrap .prd_list_bd .bd_inner{display: block;}
  #prdListWrap .prd_list_left{display: none;}
  #prdList{column-gap: 16px;row-gap: 24px;}
  #prdList .prd_item{width: calc(33.3334% - (32px/3));}
}
@media (max-width: 768px){
  /* .product_list_component .prd_cate_sect{padding: 0;} */
  
  #prdList .prd_item{width: calc(50% - (16px/2));}
  #prdList .prd_item .item_thumb_box .btn_wish{top: 0;right: 0;}
  #prdList .prd_item .item_thumb_box .btn_wish .icon_wish_heart{width: 20px;height: 20px;}
}
@media (max-width: 600px){
  #prdListBanner{padding:0}
  #prdList{column-gap: 16px;row-gap: 24px;}
  #prdList .prd_item{width: calc(50% - (16px/2));}
  #prdList .prd_item .item_subject_box + .item_price_box{margin-top: 2px;}
  #prdList .prd_item .item_price_box .item_cust_price{font-size: var(--fs-14);line-height: var(--lh-20);}
  #prdList .prd_item .item_price_box .item_price{font-size: var(--fs-14);line-height: var(--lh-20);}
  #prdList .prd_item .item_price_box .item_sale_per{font-size: var(--fs-14);line-height: var(--lh-20);}
  #prdList .prd_item .item_cate_box .item_cate .btn_wish{right: 0;}
}