@charset "utf-8";
/* =============================  S:header  ============================= */
#header{width: 100%;}
#header .hd_inner{width: 100%;max-width: 1448px;margin: 0 auto;box-sizing: border-box;line-height: 0;}

#header .hd_top{width: 100%;position: relative;z-index: 1;background-color: var(--color-green-bg);}
#header .hd_top::after{content: '';display: block;width: 100%;height: 1px;background-color: var(--color-gray10);position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;pointer-events: none;}

#header .hd_top .hd_inner{padding: 12px 24px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;column-gap: 24px;}
#header .hd_top .top_left{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 32px;}
#header .hd_top .top_right{flex: 0 0 auto;}

#header #hdLogo{flex: 0 0 auto;display: inline-block;line-height: 0;}
#header #hdLogo .logo_link{display: inline-block;line-height: 0;}
#header #hdLogo .logo_link .icon_box{display: inline-block;line-height: 0;}
#header #hdLogo .logo_link .icon_box svg{pointer-events: none;}

#header .walkingnara_logo{height: 24px;}
#header .walkingnara_logo .logo_link{width: auto;height: 100%;}
#header .walkingnara_logo .logo_link .icon_box{width: auto;height: 100%;}
#header .walkingnara_logo .logo_link .icon_box svg{width: auto;height: 100%;}

#header .brand_menu_list{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 24px;}
#header .brand_menu_item{}
#header .brand_menu_item .brand_item_link{display: inline-block;}
#header .brand_menu_item .brand_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.04em;}

#header .hub_community_list{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 12px;}
#header .hub_community_item{flex: 0 0 auto;}
#header .hub_community_item + .hub_community_item{padding-left: 13px;position: relative;}
#header .hub_community_item + .hub_community_item::before{content: '';display: block;width: 1px;height: calc((100% / 2));background-color: var(--color-gray10);position: absolute;left: 0;top: 50%;transform: translateY(-50%);pointer-events: none;}
#header .hub_community_item .community_item_link{display: inline-block;}
#header .hub_community_item .community_item_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}


#header .hd_bot{width: 100%;position: relative;z-index: 1;background-color: var(--color-white);}
#header .hd_bot::after{content: '';display: block;width: 100%;height: 1px;background-color: var(--color-gray10);position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;pointer-events: none;}

#header .hd_bot .hd_inner{padding: 32px 24px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;column-gap: 24px;}
#header .hd_bot .bot_left{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 32px;}
#header .hd_bot .bot_right{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 16px;}

#header .hub_menu_list{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 24px;}
#header .hub_menu_item{flex: 0 0 auto;}
#header .hub_menu_item .hub_item_link{display: inline-block;}
#header .hub_menu_item .hub_item_name{display: inline-block;font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-28);color: var(--color-black2);}

#header .hd_srh_wrap{flex: 0 0 auto;}
#header .hd_srh_wrap .hd_srh_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;width: 210px;height: 36px;padding: 6px 8px 6px 16px;background-color: #f3f5f7;border-radius: 16px;box-sizing: border-box;overflow: hidden;}
#header .hd_srh_wrap #srh_str{flex: 1 1 0%;width: 100%;height: 100%;margin: 0;padding: 0;border: 0 !important;background-color: transparent;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);box-sizing: border-box;box-shadow: none !important;}
#header .hd_srh_wrap #srh_str::placeholder{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: #727780;}
#header .hd_srh_wrap #srh_submit{flex: 0 0 auto;width: 24px;height: 24px;cursor: pointer;}
#header .hd_srh_wrap #srh_submit .icon_search{display: inline-block;width: 100%;height: 100%;line-height: 0;pointer-events: none;}
#header .hd_srh_wrap #srh_submit .icon_search svg{width: 100%;height: 100%;pointer-events: none;}

#header .hub_util_box{flex: 0 0 auto;}
#header .hub_util_list{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
#header .hub_util_item{line-height: 0;}
#header .hub_util_item .util_item_link{display: inline-block;line-height: 0;}
#header .hub_util_item .icon_box{display: inline-block;width: 24px;height: 24px;line-height: 0;pointer-events: none}
#header .hub_util_item .icon_box svg{width: 100%;height: 100%;pointer-events: none;}

#header .hd_bot .bot_left.ty_flex{}

#header .ayumi_logo{flex: 0 0 auto;display: inline-block;height: 55px;line-height: 0;}
#header .ayumi_logo .logo_link{display: inline-block;width: auto;height: 100%;}
#header .ayumi_logo .logo_link .icon_box{width: auto;height: 100%;display: inline-block;line-height: 0;}
#header .ayumi_logo .logo_link .icon_box svg{width: auto;height: 100%;pointer-events: none;}
#header .ayumi_logo .logo_link .icon_box svg path{}

#header .hd_bot .bot_left.ty_flex .hub_menu_list{padding-left: 33px;position: relative;}
#header .hd_bot .bot_left.ty_flex .hub_menu_list::before{content: '';display: block;width: 1px;height: calc(100% / 2);background-color: var(--color-gray6);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
/* =============================  E:header  ============================= */



/* =============================  S:footer  ============================= */
#footer{width: 100%;background-color: var(--color-white);}

#footer .ft_top{width: 100%;position: relative;z-index: 1;}
#footer .ft_top::before{content: '';display: block;width: 100%;height: 1px;background-color: var(--color-gray10);position: absolute;left: 0;top: 0;right: 0;z-index: 2;}
#footer .ft_top::after{content: '';display: block;width: 100%;height: 1px;background-color: var(--color-gray10);position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;}
#footer .ft_top .ft_inner{width: 100%;max-width: 1448px;margin: 0 auto;padding: 16px 24px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 24px;}
#footer .ft_top .ft_left{flex: 0 0 auto;}
#footer .ft_top .ft_right{flex: 0 0 auto;}

#footer .ft_terms_list{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 24px;}
#footer .ft_terms_item{flex: 0 0 auto;line-height: 0;}
#footer .ft_terms_item .terms_item_link{display: inline-block;line-height: 0;}
#footer .ft_terms_item .terms_item_name{display: inline-block;font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-20);color: var(--color-black);}

#footer .ft_sns_list{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 32px;}
#footer .ft_sns_item{flex: 0 0 auto;line-height: 0;}
#footer .ft_sns_item .sns_item_link{display: inline-block;line-height: 0;}
#footer .ft_sns_item .sns_item_icon{display: inline-block;width: 30px;height: 30px;line-height: 0;pointer-events: none;}
#footer .ft_sns_item .sns_item_icon svg{width: 100%;height: 100%;pointer-events: none;}


#footer .ft_bot{width: 100%;position: relative;z-index: 1;}
#footer .ft_bot .ft_inner{width: 100%;max-width: 1448px;margin: 0 auto;padding: 48px 24px;box-sizing: border-box;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;column-gap: 24px;}
#footer .ft_bot .ft_left{flex: 0 0 auto;width: 52%;}
#footer .ft_bot .ft_right{flex: 0 0 auto;width: calc(48% - 24px);}

#footer .ft_cs_list{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;}
#footer .ft_cs_item{flex: 1;width: 33.3334%;}
#footer .ft_cs_box{}
#footer .ft_cs_box + .ft_cs_box{margin-top: 16px;}
#footer .ft_cs_box .cs_tit_box{}
#footer .ft_cs_box .cs_tit{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);}
#footer .ft_cs_box .cs_txt_box{}
#footer .ft_cs_box .cs_tit_box + .cs_txt_box{margin-top: 4px;}
#footer .ft_cs_box .cs_txt_box + .cs_txt_box{margin-top: 2px;}
#footer .ft_cs_box .cs_link{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
#footer .ft_cs_box .cs_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}

#footer .ft_info_wrap{display: flex;justify-content: flex-end;}
#footer .ft_info_box{}
#footer .ft_info_box .info_tit_box{}
#footer .ft_info_box .info_tit{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);}
#footer .ft_info_box .info_txt_box{}
#footer .ft_info_box .info_tit_box + .info_txt_box{margin-top: 4px;}
#footer .ft_info_box .info_txt_box + .info_txt_box{margin-top: 2px;}
#footer .ft_info_box .info_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}

#footer .ft_copyright{width: 100%;position: relative;z-index: 1;}
#footer .ft_copyright::before{content: '';display: block;width: 100%;height: 1px;background-color: var(--color-gray10);position: absolute;left: 0;top: 0;right: 0;z-index: 2;}
#footer .ft_copyright .ft_inner{width: 100%;max-width: 1448px;margin: 0 auto;padding: 16px 24px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
#footer .ft_copyright .copyright_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray11);}
/* =============================  E:footer  ============================= */




/* =============================  S:Wrap  ============================= */
#wrap{width: 100%;overflow: hidden;}
#wrap #containers{width: 100%;}
/* =============================  E:Wrap  ============================= */



/* =============================  S:best_prodect  ============================= */
#bestPrdWrap{width: 100%;background-color: var(--color-gray4);border-top: 1px solid var(--color-gray8);}
#bestPrdWrap .wrap_inner{width: 100%;max-width: 1920px;margin: 0 auto;padding: 48px 64px 64px;box-sizing: border-box;}

#bestPrdWrap .wrap_hd{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 16px;width: 100%;padding: 0 8px;box-sizing: border-box;}
#bestPrdWrap .wrap_tit_box{flex: 1 1 0%;}
#bestPrdWrap .wrap_tit_box .wrap_tit{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-28);color: var(--color-black);}
#bestPrdWrap .wrap_btns_box{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
#bestPrdWrap .wrap_btns_box .swiper_btns{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: var(--color-black3);cursor: pointer;}
#bestPrdWrap .wrap_btns_box .swiper_btns .icon_swiper_btns{display: inline-block;width: 18px;height: 18px;line-height: 0;pointer-events: none;}
#bestPrdWrap .wrap_btns_box .swiper_btns .icon_swiper_btns svg{width: 100%;height: 100%;pointer-events: none;}
#bestPrdWrap .wrap_btns_box .swiper_btns .icon_swiper_btns svg path{fill: var(--color-white);}
#bestPrdWrap .wrap_btns_box .swiper_btns.swiper-button-lock{display: flex;background-color: var(--color-gray2);cursor: not-allowed;}
#bestPrdWrap .wrap_btns_box .swiper_btns.swiper-button-lock .icon_swiper_btns svg path{fill: var(--color-gray1);}
#bestPrdWrap .wrap_btns_box .swiper_btns.swiper-button-disabled{display: flex;background-color: var(--color-gray2);cursor: not-allowed;}
#bestPrdWrap .wrap_btns_box .swiper_btns.swiper-button-disabled .icon_swiper_btns svg path{fill: var(--color-gray1);}

#bestPrdWrap .wrap_bd{}
#bestPrdWrap .wrap_hd + .wrap_bd{margin-top: 24px;}

#bestPrdWrap .best_prd_item{width: 100%;}
#bestPrdWrap .best_prd_item .item_inner{width: 100%;height: 100%;padding: 8px;box-sizing: border-box;}

#bestPrdWrap .best_prd_item .prd_hd{position: relative;z-index: 0;}

/* #bestPrdWrap .best_prd_item .prd_hd .hd_left_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;} */
#bestPrdWrap .best_prd_item .prd_cate_box{position: absolute;left: 16px;top: 16px;z-index: 1;}
#bestPrdWrap .best_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;}
#bestPrdWrap .best_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);}
/* #bestPrdWrap .best_prd_item .prd_cate_box.type_fac{border-color: #5B9D43;}
#bestPrdWrap .best_prd_item .prd_cate_box.type_out{border-color: #22ACBE;}
#bestPrdWrap .best_prd_item .prd_cate_box.type_home{border-color: #E96565;}
#bestPrdWrap .best_prd_item .prd_cate_box.type_out_ok{border-color: #3EBFD0;}

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

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

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

#bestPrdWrap .best_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;}
#bestPrdWrap .best_prd_item .prd_soldout_box .soldout_txt{display: inline-block;padding: 8px 24px;background-color: var(--color-green2);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;}

#bestPrdWrap .best_prd_item .prd_bd{}
#bestPrdWrap .best_prd_item .prd_hd + .prd_bd{margin-top: 16px;}
#bestPrdWrap .best_prd_item .prd_colorchip_box{}
#bestPrdWrap .best_prd_item .prd_colorchip_box .colorchip_list{width: 100%;display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 4px;row-gap: 4px;}
#bestPrdWrap .best_prd_item .prd_colorchip_box .colorchip_item{width: 24px;height: 24px;border-radius: 4px;box-sizing: border-box;overflow: hidden;}
#bestPrdWrap .best_prd_item .prd_colorchip_box .colorchip_item .colorchip_box{width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center;}


#bestPrdWrap .best_prd_item .prd_desc_box{}
#bestPrdWrap .best_prd_item .prd_colorchip_box + .prd_desc_box{margin-top: 8px;}
#bestPrdWrap .best_prd_item .prd_desc_box .prd_name_box{}
#bestPrdWrap .best_prd_item .prd_desc_box .prd_name_link{display: inline-block;}
#bestPrdWrap .best_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;*/}
#bestPrdWrap .best_prd_item .prd_desc_box .prd_txt_box{}
#bestPrdWrap .best_prd_item .prd_desc_box .prd_name_box + .prd_txt_box{margin-top: 2px;}
#bestPrdWrap .best_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;}

#bestPrdWrap .best_prd_item .prd_price_box{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
#bestPrdWrap .best_prd_item .prd_desc_box + .prd_price_box{margin-top: 12px;}
#bestPrdWrap .best_prd_item .prd_price_box > span{display: inline-block;}
#bestPrdWrap .best_prd_item .prd_price_box > span > span{display: inline-block;}

#bestPrdWrap .best_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;}
#bestPrdWrap .best_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);}
#bestPrdWrap .best_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;}
#bestPrdWrap .best_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);}

#bestPrdWrap .best_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;}
#bestPrdWrap .best_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;}

#bestPrdWrap .best_prd_item .prd_price_box .price_percent{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-green2);letter-spacing: -0.016em;}
#bestPrdWrap .best_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-green2);letter-spacing: -0.016em;}

#bestPrdWrap .best_prd_item .prd_ft{}
#bestPrdWrap .best_prd_item .prd_bd + .prd_ft{margin-top: 12px;}
#bestPrdWrap .best_prd_item .prd_opt_box{}
#bestPrdWrap .best_prd_item .prd_opt_box .prd_opt_list{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;column-gap: 6px;row-gap: 4px;}
#bestPrdWrap .best_prd_item .prd_opt_box .prd_opt_item{}
#bestPrdWrap .best_prd_item .prd_opt_box .prd_opt_item .opt_box{display: inline-block;padding: 2px 12px 3px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 24px;box-sizing: border-box;}
#bestPrdWrap .best_prd_item .prd_opt_box .prd_opt_item .opt_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-black);}
/* =============================  E:best_prodect  ============================= */



/* =============================  S:recent_prodect  ============================= */
#recentPrdWrap{width: 100%;background-color: var(--color-gray4);border-top: 1px solid var(--color-gray8);}
#recentPrdWrap .wrap_inner{width: 100%;max-width: 1920px;margin: 0 auto;padding: 48px 64px 64px;box-sizing: border-box;}

#recentPrdWrap .wrap_hd{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 16px;width: 100%;padding: 0 8px;box-sizing: border-box;}
#recentPrdWrap .wrap_tit_box{flex: 1 1 0%;}
#recentPrdWrap .wrap_tit_box .wrap_tit{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-28);color: var(--color-black);}
#recentPrdWrap .wrap_btns_box{flex: 0 0 auto;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
#recentPrdWrap .wrap_btns_box .swiper_btns{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: var(--color-black3);cursor: pointer;}
#recentPrdWrap .wrap_btns_box .swiper_btns .icon_swiper_btns{display: inline-block;width: 18px;height: 18px;line-height: 0;pointer-events: none;}
#recentPrdWrap .wrap_btns_box .swiper_btns .icon_swiper_btns svg{width: 100%;height: 100%;pointer-events: none;}
#recentPrdWrap .wrap_btns_box .swiper_btns .icon_swiper_btns svg path{fill: var(--color-white);}
#recentPrdWrap .wrap_btns_box .swiper_btns.swiper-button-lock{display: flex;background-color: var(--color-gray2);cursor: not-allowed;}
#recentPrdWrap .wrap_btns_box .swiper_btns.swiper-button-lock .icon_swiper_btns svg path{fill: var(--color-gray1);}
#recentPrdWrap .wrap_btns_box .swiper_btns.swiper-button-disabled{display: flex;background-color: var(--color-gray2);cursor: not-allowed;}
#recentPrdWrap .wrap_btns_box .swiper_btns.swiper-button-disabled .icon_swiper_btns svg path{fill: var(--color-gray1);}

#recentPrdWrap .wrap_bd{}
#recentPrdWrap .wrap_hd + .wrap_bd{margin-top: 24px;}

#recentPrdWrap .recent_prd_item{width: 100%;}
#recentPrdWrap .recent_prd_item .item_inner{width: 100%;height: 100%;padding: 8px;box-sizing: border-box;}
#recentPrdWrap .recent_prd_item .prd_hd{position: relative;z-index: 0;}

/* #recentPrdWrap .recent_prd_item .prd_hd .hd_left_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;} */
#recentPrdWrap .recent_prd_item .prd_cate_box{position: absolute;left: 16px;top: 16px;z-index: 1;}
#recentPrdWrap .recent_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;}
#recentPrdWrap .recent_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);}
/* #recentPrdWrap .recent_prd_item .prd_cate_box.type_fac{border-color: #5B9D43;}
#recentPrdWrap .recent_prd_item .prd_cate_box.type_out{border-color: #22ACBE;}
#recentPrdWrap .recent_prd_item .prd_cate_box.type_home{border-color: #E96565;}
#recentPrdWrap .recent_prd_item .prd_cate_box.type_out_ok{border-color: #3EBFD0;}

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

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

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

#recentPrdWrap .recent_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;}
#recentPrdWrap .recent_prd_item .prd_soldout_box .soldout_txt{display: inline-block;padding: 8px 24px;background-color: var(--color-green2);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;}

#recentPrdWrap .recent_prd_item .prd_bd{}
#recentPrdWrap .recent_prd_item .prd_hd + .prd_bd{margin-top: 16px;}
#recentPrdWrap .recent_prd_item .prd_colorchip_box{}
#recentPrdWrap .recent_prd_item .prd_colorchip_box .colorchip_list{width: 100%;display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 4px;row-gap: 4px;}
#recentPrdWrap .recent_prd_item .prd_colorchip_box .colorchip_item{width: 24px;height: 24px;border-radius: 4px;box-sizing: border-box;overflow: hidden;}
#recentPrdWrap .recent_prd_item .prd_colorchip_box .colorchip_item .colorchip_box{width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center;}


#recentPrdWrap .recent_prd_item .prd_desc_box{}
#recentPrdWrap .recent_prd_item .prd_colorchip_box + .prd_desc_box{margin-top: 8px;}
#recentPrdWrap .recent_prd_item .prd_desc_box .prd_name_box{}
#recentPrdWrap .recent_prd_item .prd_desc_box .prd_name_link{display: inline-block;}
#recentPrdWrap .recent_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;*/}
#recentPrdWrap .recent_prd_item .prd_desc_box .prd_txt_box{}
#recentPrdWrap .recent_prd_item .prd_desc_box .prd_name_box + .prd_txt_box{margin-top: 2px;}
#recentPrdWrap .recent_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;}

#recentPrdWrap .recent_prd_item .prd_price_box{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
#recentPrdWrap .recent_prd_item .prd_desc_box + .prd_price_box{margin-top: 12px;}
#recentPrdWrap .recent_prd_item .prd_price_box > span{display: inline-block;}
#recentPrdWrap .recent_prd_item .prd_price_box > span > span{display: inline-block;}

#recentPrdWrap .recent_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;}
#recentPrdWrap .recent_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);}
#recentPrdWrap .recent_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;}
#recentPrdWrap .recent_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);}

#recentPrdWrap .recent_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;}
#recentPrdWrap .recent_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;}

#recentPrdWrap .recent_prd_item .prd_price_box .price_percent{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-green2);letter-spacing: -0.016em;}
#recentPrdWrap .recent_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-green2);letter-spacing: -0.016em;}

#recentPrdWrap .recent_prd_item .prd_ft{}
#recentPrdWrap .recent_prd_item .prd_bd + .prd_ft{margin-top: 12px;}
#recentPrdWrap .recent_prd_item .prd_opt_box{}
#recentPrdWrap .recent_prd_item .prd_opt_box .prd_opt_list{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;column-gap: 6px;row-gap: 4px;}
#recentPrdWrap .recent_prd_item .prd_opt_box .prd_opt_item{}
#recentPrdWrap .recent_prd_item .prd_opt_box .prd_opt_item .opt_box{display: inline-block;padding: 2px 12px 3px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 24px;box-sizing: border-box;}
#recentPrdWrap .recent_prd_item .prd_opt_box .prd_opt_item .opt_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-black);}
/* =============================  E:recent_prodect  ============================= */