@charset "utf-8";

.cart_component{width: 100%;position: relative;background-color: var(--color-white);}

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

.cart_wrap .cart_hd{}
.cart_wrap .page_tit_box{}
.cart_wrap .page_tit{font-size: var(--fs-24);font-weight: 400;line-height: var(--lh-32);color: var(--color-black);letter-spacing: -0.01em;}

.cart_wrap .cart_bd{}
.cart_wrap .cart_hd + .cart_bd{margin-top: 56px;}
#cartForm .cart_top_box{}

#cartListBox .list_hd{}
#cartListBox .list_hd .hd_util_row{display: flex;align-items: center;justify-content: space-between;column-gap: 16px;width: 100%;padding: 16px 0;}

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

#cartListBox .list_hd .hd_btns_box{}
#cartListBox .list_hd .btns_slt_delete{}
#cartListBox .list_hd .btns_slt_delete .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray1);}

#cartListBox .list_hd_row{display: flex;align-items: stretch;flex-wrap: nowrap;}
#cartListBox .list_hd_row .cart_item_box{display: flex;align-items: center;justify-content: center;padding: 12px 16px;border-top: 1px solid var(--color-black);border-bottom: 1px solid var(--color-black);}
#cartListBox .list_hd_row .cart_item_box.chk_item_box{flex: 0 0 100px;}
#cartListBox .list_hd_row .cart_item_box.info_item_box{flex: 1 1 0%;}
#cartListBox .list_hd_row .cart_item_box.opt_item_box{flex: 0 0 340px;}
#cartListBox .list_hd_row .cart_item_box.price_item_box{flex: 0 0 180px;}
#cartListBox .list_hd_row .cart_item_box.deli_item_box{flex: 0 0 180px;}
#cartListBox .list_hd_row .cart_item_box.slt_item_box{flex: 0 0 160px;}

#cartListBox .list_hd_row .cart_item_box .item_tit_box{height: 100%;}
#cartListBox .list_hd_row .cart_item_box .item_tit_box .item_tit{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}

#cartListBox .list_bd_row{display: flex;align-items: stretch;flex-wrap: nowrap;}
#cartListBox .list_bd_row .cart_item_box .item_bd_box{height: 100%;}
#cartListBox .list_bd_row .cart_item_box{display: flex;align-items: center;justify-content: center;padding: 32px 16px;border-bottom: 1px solid var(--divider-line);}
#cartListBox .list_bd_row .cart_item_box.chk_item_box{flex: 0 0 100px;}
#cartListBox .list_bd_row .cart_item_box.info_item_box{flex: 1 1 0%;justify-content: flex-start;}
#cartListBox .list_bd_row .cart_item_box.opt_item_box{flex: 0 0 340px;justify-content: flex-start;}
#cartListBox .list_bd_row .cart_item_box.price_item_box{flex: 0 0 180px;}
#cartListBox .list_bd_row .cart_item_box.deli_item_box{flex: 0 0 180px;}
#cartListBox .list_bd_row .cart_item_box.slt_item_box{flex: 0 0 160px;}

#cartListBox .list_bd_row .prd_info_box{width: 100%;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 24px;}
#cartListBox .list_bd_row .prd_info_box .prd_thumb_box{width: 100px;aspect-ratio: 1 / 1;}
#cartListBox .list_bd_row .prd_info_box .prd_thumb_box .prd_thumb{display: block;width: 100%;height: 100%;background-color: var(--color-white);overflow: hidden;}
#cartListBox .list_bd_row .prd_info_box .prd_thumb_box .prd_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;mix-blend-mode: multiply;}

#cartListBox .list_bd_row .prd_info_box .prd_desc_box{}
#cartListBox .list_bd_row .prd_info_box .prd_brand_box{}
#cartListBox .list_bd_row .prd_info_box .prd_brand_box .prd_brand{display: inline-block;font-size: var(--fs-14);font-weight: 300;line-height: var(--lh-20);color: var(--color-gray11);}
#cartListBox .list_bd_row .prd_info_box .prd_name_box{}
#cartListBox .list_bd_row .prd_info_box .prd_name_box .prd_name{display: inline-block;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);}

#cartListBox .list_bd_row .prd_info_box .prd_price_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 3px;}
#cartListBox .list_bd_row .prd_info_box .prd_name_box + .prd_price_box{margin-top: 6px;}
#cartListBox .list_bd_row .prd_info_box .prd_price_box .origin_price_box{}
#cartListBox .list_bd_row .prd_info_box .prd_price_box .origin_price_box .origin_price{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray11);}
#cartListBox .list_bd_row .prd_info_box .prd_price_box .origin_price_box .origin_price.line-through{font-weight: 300;text-decoration: line-through;}
#cartListBox .list_bd_row .prd_info_box .prd_price_box .sale_price_box{}
#cartListBox .list_bd_row .prd_info_box .prd_price_box .sale_price_box .sale_price{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}
#cartListBox .list_bd_row .prd_info_box .prd_price_box .sale_percent_box{}
#cartListBox .list_bd_row .prd_info_box .prd_price_box .sale_percent_box .sale_percent{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-green2);}

#cartListBox .list_bd_row .prd_opts_box{height: 100%;display: flex;justify-content: center;flex-direction: column;}

#cartListBox .list_bd_row .prd_opts_box ul{}
#cartListBox .list_bd_row .prd_opts_box ul li{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
#cartListBox .list_bd_row .prd_opts_box ul li + li{margin-top: 2px;}

#cartListBox .list_bd_row .prd_opts_box .opt_btns_box{}
#cartListBox .list_bd_row .prd_opts_box ul + .opt_btns_box{margin-top: 8px;}
#cartListBox .list_bd_row .prd_opts_box .opt_btns_box .btns_opt_mod{padding: 0 2px;border-bottom: 1px solid var(--color-gray11);box-sizing: border-box;}
#cartListBox .list_bd_row .prd_opts_box .opt_btns_box .btns_opt_mod .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray11);}

#cartListBox .list_bd_row .cart_price_box{height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#cartListBox .list_bd_row .cart_price_box .cart_price{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-20);color: var(--color-black);}

#cartListBox .list_bd_row .prd_deli_box{height: 100%;display: flex;align-items: center;justify-content: center;}
#cartListBox .list_bd_row .prd_deli_box .deli_cost{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}

#cartListBox .list_bd_row .prd_btns_box{height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;row-gap: 8px;}
#cartListBox .list_bd_row .prd_btns_box .cart_prd_btns{display: inline-flex;align-items: center;justify-content: center;width: 100px;padding: 8px 0;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;overflow: hidden;}
#cartListBox .list_bd_row .prd_btns_box .cart_prd_btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}

#cartListBox .list_bd_row .prd_btns_box .btns_prd_buy{background-color: var(--color-black);}
#cartListBox .list_bd_row .prd_btns_box .btns_prd_buy .btns_name{color: var(--color-white);}


#cartForm .cart_top_box + .cart_bottom_box{margin-top: 72px;}

#cartTotalBox{}
#cartTotalBox .cart_total_list{display: flex;align-items: stretch;flex-wrap: nowrap;}
#cartTotalBox .cart_total_item{flex: 1;}
#cartTotalBox .cart_total_item .item_inner{width: 100%;height: 100%;}
#cartTotalBox .cart_total_item .item_hd{width: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
#cartTotalBox .cart_total_item .item_row_tit{display: inline-block;width: 100%;padding: 12px 16px;border-top: 1px solid var(--color-black);border-bottom: 1px solid var(--color-black);font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);text-align: center;box-sizing: border-box;}
#cartTotalBox .cart_total_item .item_bd{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
#cartTotalBox .cart_total_item .item_row_txt{width: 100%;padding: 32px 16px;border-bottom: 1px solid var(--divider-line);font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-26);color: var(--color-black);text-align: center;box-sizing: border-box;position: relative;z-index: 1;}
#cartTotalBox .cart_total_item .item_row_txt.total_price{font-weight: 600;color: var(--color-green2);}

#cartTotalBox .cart_total_item + .cart_total_item .item_row_txt::before{content: '+';display: inline-block;font-size: var(--fs-20);font-weight: 300;line-height: var(--lh-26);color: var(--color-black);position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;}
#cartTotalBox .cart_total_item + .cart_total_item .item_row_txt.total_price::before{content: '=';}

#cartOrdBtnsBox{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 16px;width: 100%;max-width: 1200px;margin: 0 auto;}
#cartTotalBox + #cartOrdBtnsBox{margin-top: 64px;}
#cartOrdBtnsBox .btns{flex: 1;max-width: 600px;display: inline-flex;align-items: center;justify-content: center;padding: 10px 16px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 50px;box-sizing: border-box;overflow: hidden;}
#cartOrdBtnsBox .btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);}
#cartOrdBtnsBox .btns.btns_buy{background-color: var(--color-black);}
#cartOrdBtnsBox .btns.btns_buy .btns_name{color: var(--color-white);}