@charset "utf-8";

/* =============================  S:product_compotent  ============================= */
.product_compotent{width: 100%;position: relative;}
.product_compotent .product_detail_wrap{}
.product_compotent .product_detail_wrap .detail_inner{width: 100%;max-width: 1448px;margin: 0 auto;padding: 24px 24px 64px;box-sizing: border-box;}

.product_detail_wrap .detail_hd{width: 100%;background-color: var(--color-gray12);}
.product_detail_wrap .detail_hd .hd_top{}
.product_detail_wrap .detail_hd .hd_mid{}
.product_detail_wrap .detail_hd .hd_top + .hd_mid{margin-top: 16px;}

.product_detail_wrap .detail_bd{width: 100%;background-color: var(--color-white);}
/* =============================  E:product_compotent  ============================= */




/* =============================  S:prdInfoWrap  ============================= */
#prdInfoWrap{}
#prdInfoWrap .dtl_form_box{}
#prdInfoWrap .dtl_form_box .form_inner{}

#prdInfoWrap .dtl_info_box{display: flex;align-items: stretch;justify-content: center;flex-wrap: nowrap;column-gap: 48px;}

#prdInfoWrap .dtl_info_box .info_left{flex: 1 1 0%;width: 100%;display: flex;align-items: center;justify-content: center;}
#prdInfoWrap .dtl_info_box .info_right{flex: 1 1 0%;width: 100%;max-width: 600px;}

#prdInfoWrap .dtl_info_box .info_visual{width: 100%;max-width: 500px;margin: 0 auto;}

#infoVisual #visualBig .visual_big_area{width: 100%;background-color: var(--color-gray12);}
#infoVisual #visualBig a{display: none;}
#infoVisual #visualBig a.visible{display: block;}
#infoVisual #visualBig a img{width: 100%;height: auto;mix-blend-mode: multiply;}
#infoVisual #visualBig #popup_item_image{display: none;}

#infoVisual #visualThumb{display: flex;align-items: stretch;justify-content: center;flex-wrap: nowrap;column-gap: 10px;}
#infoVisual #visualBig + #visualThumb{margin-top: 24px;}
#infoVisual #visualThumb > li{}
#infoVisual #visualThumb > li > a{display: block;width: 80px;height: 80px;line-height: 0;overflow: hidden;}
#infoVisual #visualThumb > li > a > img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

#prdInfoWrap .dtl_info_box .info_overview{width: 100%;padding: 42px 36px;background-color: var(--color-white);box-sizing: border-box;}

#prdInfoWrap .dtl_info_box .prd_cate_box{}
#prdInfoWrap .dtl_info_box .prd_cate_box .cate_list{display: flex;align-items: center;flex-wrap: wrap;column-gap: 6px;row-gap: 6px;}
#prdInfoWrap .dtl_info_box .prd_cate_box .cate_item{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;padding: 4px 12px 3px;border: 1px solid var(--color-black);border-radius: 24px;background-color: var(--color-white);box-sizing: border-box;}
#prdInfoWrap .dtl_info_box .prd_cate_box .cate_item .cate_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-black);}

#prdInfoWrap .dtl_info_box .prd_cate_box .cate_item.type_fac{border-color: #5B9D43;}
#prdInfoWrap .dtl_info_box .prd_cate_box .cate_item.type_out{border-color: #22ACBE;}
#prdInfoWrap .dtl_info_box .prd_cate_box .cate_item.type_home{border-color: #E96565;}
#prdInfoWrap .dtl_info_box .prd_cate_box .cate_item.type_out_ok{border-color: #3EBFD0;}

#prdInfoWrap .dtl_info_box .prd_cate_box .cate_item.type_fac .cate_name{color: #5B9D43;}
#prdInfoWrap .dtl_info_box .prd_cate_box .cate_item.type_out .cate_name{color: #22ACBE;}
#prdInfoWrap .dtl_info_box .prd_cate_box .cate_item.type_home .cate_name{color: #E96565;}
#prdInfoWrap .dtl_info_box .prd_cate_box .cate_item.type_out_ok .cate_name{color: #3EBFD0;}


#prdInfoWrap .dtl_info_box .prd_tit_box{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;column-gap: 8px;}
#prdInfoWrap .dtl_info_box .prd_cate_box + .prd_tit_box{margin-top: 8px;}
#prdInfoWrap .dtl_info_box .prd_tit_box .prd_subject_box{flex: 1 1 0%;}
#prdInfoWrap .dtl_info_box .prd_tit_box .prd_subject{font-size: var(--fs-32);font-weight: 700;line-height: var(--lh-40);color: var(--color-black);letter-spacing: -0.016em;}
#prdInfoWrap .dtl_info_box .prd_tit_box .prd_wish_box{flex: 0 0 auto;}
#prdInfoWrap .dtl_info_box .prd_tit_box .prd_wish_box .btns_wish{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;position: relative;z-index: 1;}
#prdInfoWrap .dtl_info_box .prd_tit_box .prd_wish_box .btns_wish .icon_wish{display: inline-block;width: 24px;height: 24px;line-height: 0;}
#prdInfoWrap .dtl_info_box .prd_tit_box .prd_wish_box .btns_wish .icon_wish svg{width: 100%;height: 100%;pointer-events: none;}
#prdInfoWrap .dtl_info_box .prd_tit_box .prd_wish_box .btns_wish .icon_wish svg path{}
#prdInfoWrap .dtl_info_box .prd_tit_box .prd_wish_box .btns_wish .btn_wish_num{position: absolute;right: 12px;bottom: 12px;z-index: 2;}

#prdInfoWrap .dtl_info_box .prd_price_box{}
#prdInfoWrap .dtl_info_box .prd_tit_box + .prd_price_box{margin-top: 12px;}
#prdInfoWrap .dtl_info_box .prd_price_box .price_row{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
#prdInfoWrap .dtl_info_box .prd_price_box .price_sta{font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);}
#prdInfoWrap .dtl_info_box .prd_price_box .price_is_sale{}
#prdInfoWrap .dtl_info_box .prd_price_box .price_is_sale .price_cust{font-weight: 300;color: var(--color-gray1);text-decoration: line-through;}
#prdInfoWrap .dtl_info_box .prd_price_box .price_is_sale .price_sale{font-weight: 500;}
#prdInfoWrap .dtl_info_box .prd_price_box .price_not_sale{}
#prdInfoWrap .dtl_info_box .prd_price_box .price_not_sale .price_sta{font-weight: 500;}


#prdInfoWrap .dtl_info_box .prd_desc_box{}
#prdInfoWrap .dtl_info_box .prd_price_box + .prd_desc_box{margin-top: 24px;}
#prdInfoWrap .dtl_info_box .prd_desc_box .prd_desc{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;}

#prdInfoWrap .dtl_info_box .info_row_box{margin-top: 24px;}
#prdInfoWrap .dtl_info_box .info_row_box .info_row{display: flex;align-items: flex-start;flex-wrap: nowrap;}
#prdInfoWrap .dtl_info_box .info_row_box .info_row + .info_row{margin-top: 4px;}
#prdInfoWrap .dtl_info_box .info_row_box .info_tit_box{flex: 0 0 114px;}
#prdInfoWrap .dtl_info_box .info_row_box .info_tit_box .info_tit{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray1);letter-spacing: -0.01em;}
#prdInfoWrap .dtl_info_box .info_row_box .info_txt_box{flex: 1 1 0%;}
#prdInfoWrap .dtl_info_box .info_row_box .info_txt_box .info_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray1);letter-spacing: -0.01em;}

#prdInfoWrap .dtl_info_box .prd_opt_box{margin-top: 24px;}
#prdInfoWrap .dtl_info_box .prd_opt_box .opt_row{display: flex;align-items: center;flex-wrap: nowrap;padding: 16px 0;border-top: 1px solid var(--color-gray8);}
#prdInfoWrap .dtl_info_box .prd_opt_box .opt_row:last-of-type{border-bottom: 1px solid var(--color-gray8);}
#prdInfoWrap .dtl_info_box .prd_opt_box .opt_row + .opt_row{}
#prdInfoWrap .dtl_info_box .prd_opt_box .opt_tit_box{flex: 0 0 114px;}
#prdInfoWrap .dtl_info_box .prd_opt_box .opt_tit_box .opt_tit{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);}
#prdInfoWrap .dtl_info_box .prd_opt_box .opt_list_box{flex: 1 1 0%;position: relative;}
#prdInfoWrap .dtl_info_box .prd_opt_box .opt_list_box select{width: 100%;min-height: 40px;padding: 0 40px 0 16px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-40);color: var(--color-black);background-color: var(--colior-white);border: 1px solid var(--color-gray8);border-radius: 4px;overflow: hidden;box-sizing: border-box;appearance: none;cursor: pointer;}
#prdInfoWrap .dtl_info_box .prd_opt_box .opt_list_box select:disabled{background-color: var(--color-gray12);color: var(--color-gray7);}
#prdInfoWrap .dtl_info_box .prd_opt_box .opt_list_box .icon_slt_arrow{display: inline-block;line-height: 0;width: 24px;height: 24px;line-height: 0;position: absolute;top: 50%;right: 14px;z-index: 1;transform: translateY(-50%);z-index: 2;pointer-events: none;}
#prdInfoWrap .dtl_info_box .prd_opt_box .opt_list_box .icon_slt_arrow svg{width: 100%;height: 100%;}

#prdInfoWrap .dtl_info_box .slt_opt_box{}
#prdInfoWrap .dtl_info_box .slt_opt_box .slt_opt_list{margin-top: 16px;}
#prdInfoWrap .dtl_info_box .slt_opt_box .slt_opt_item{width: 100%;margin: 0;padding: 8px 8px 8px 16px;border-radius: 4px;border: 1px solid var(--color-gray8);background: var(--color-gray12);background-color: var(--color-gray12);overflow: hidden;}
#prdInfoWrap .dtl_info_box .slt_opt_box .slt_opt_item + .slt_opt_item{margin-top: 8px;}
#prdInfoWrap .dtl_info_box .slt_opt_box .slt_opt_line{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
#prdInfoWrap .dtl_info_box .slt_opt_box .sit_opt_subj{flex: 1 1 0%;display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);text-align: left;}
#prdInfoWrap .dtl_info_box .slt_opt_box .sit_opt_subj .sit_opt_prc{float: none;display: inline-block;width: auto;margin-left: 2px;padding: 0;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray1);text-align: left;}
#prdInfoWrap .dtl_info_box .slt_opt_box .opt_count{flex: 0 0 auto;}
#prdInfoWrap .dtl_info_box .slt_opt_box .opt_count button{float: none;background-color: transparent;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border: 0;line-height: 0;}
#prdInfoWrap .dtl_info_box .slt_opt_box .opt_count button .icon_box{display: inilne-block;width: 24px;height: 24px;pointer-events: none;}
#prdInfoWrap .dtl_info_box .slt_opt_box .opt_count button .icon_box svg{width: 100%;height: 100%;pointer-events: none;}
#prdInfoWrap .dtl_info_box .slt_opt_box .opt_count input{float: none;width: 40px;height: 30px;padding: 0;background: transparent;box-shadow: none;border-radius: 0;background-color: transparent;border: 0;text-align: center;}

#prdInfoWrap .dtl_info_box .slt_opt_box .sit_opt_del{float: none;background-color: transparent;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border: 0;line-height: 0;position: unset;}
#prdInfoWrap .dtl_info_box .slt_opt_box .sit_opt_del .icon_box{display: inilne-block;width: 24px;height: 24px;pointer-events: none;}
#prdInfoWrap .dtl_info_box .slt_opt_box .sit_opt_del .icon_box svg{width: 100%;height: 100%;pointer-events: none;}

#prdInfoWrap .dtl_info_box .total_price_box .price_row{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 8px;margin-top: 32px;}
#prdInfoWrap .dtl_info_box .total_price_box .price_tit{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-22);color: var(--color-black);}
#prdInfoWrap .dtl_info_box .total_price_box .price_sta{display: inline-block;font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-28);color: var(--color-black);}

#prdInfoWrap .dtl_info_box .prd_btns_box{width: 100%;margin-top: 56px;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 16px;}
#prdInfoWrap .dtl_info_box .prd_btns_box .prd_btns{flex: 1;float: none;display: flex;align-items: center;justify-content: center;width: auto;height: auto;margin: 0;padding: 16px 0;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 50px;}
#prdInfoWrap .dtl_info_box .prd_btns_box .prd_btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
#prdInfoWrap .dtl_info_box .prd_btns_box .prd_btns.btns_buynow{background-color: var(--color-black);}
#prdInfoWrap .dtl_info_box .prd_btns_box .prd_btns.btns_buynow .btns_name{color: var(--color-white);}

#infoDtlWrap{}
#infoDtlWrap .info_dtl_inner{}

#infoDtlWrap .dtl_tab_wrap{width: 100%;background-color: var(--color-white);border-top: 1px solid var(--color-gray8);border-bottom: 1px solid var(--color-gray8);box-sizing: border-box;}
#infoDtlWrap .dtl_tab_wrap .tab_inner{width: 100%;max-width: 1448px;margin: 0 auto;padding: 0 24px;box-sizing: border-box;}
#infoDtlWrap .dtl_tab_wrap .dtl_tab_list{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
#infoDtlWrap .dtl_tab_wrap .dtl_tab_item{padding: 32px 56px;box-sizing: border-box;}
#infoDtlWrap .dtl_tab_wrap .dtl_tab_item .tab_btns{}
#infoDtlWrap .dtl_tab_wrap .dtl_tab_item .tab_btns.type_flex{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 2px;}
#infoDtlWrap .dtl_tab_wrap .dtl_tab_item .tab_btns .btns_name{display: inline-block;font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-26);color: var(--color-gray1);}
#infoDtlWrap .dtl_tab_wrap .dtl_tab_item .tab_btns .btns_count{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray1);}
#infoDtlWrap .dtl_tab_wrap .dtl_tab_item .tab_btns.active .btns_name{font-weight: 700;color: var(--color-black);}
#infoDtlWrap .dtl_tab_wrap .dtl_tab_item .tab_btns.active .btns_count{font-weight: 700;color: var(--color-black);}

#infoDtlWrap .dtl_cnt_wrap{}
#infoDtlWrap .dtl_cnt_wrap .cnt_inner{display: flex;align-items: flex-start;flex-wrap: nowrap;width: 100%;max-width: 1448px;margin: 0 auto;padding: 64px 24px;box-sizing: border-box;}

#infoDtlWrap .dtl_cnt_wrap .info_dtl_left{flex: 1 1 0%;}
#infoDtlWrap .dtl_cnt_wrap .info_dtl_right{flex: 0 0 auto;display: none;width: 300px;}

#infoDtlWrap #dtlInfoSect{}
#infoDtlWrap #dtlInfoSect .cnt_box + .cnt_box{margin-top: 64px;}
#infoDtlWrap #dtlInfoSect .cnt_card_box{}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_inner{display: flex;align-items: stretch;flex-wrap: nowrap;}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_img_box{flex: 0 0 auto;width: 50%;aspect-ratio: 700 / 344;}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_img_box .img_box{width: 100%;height: 100%;}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_img_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

#infoDtlWrap #dtlInfoSect .cnt_card_box .card_desc_box{flex: 0 0 auto;width: 50%;}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_desc_box .desc_inner{width: 100%;height: 100%;padding: 64px 72px 80px;background-color: var(--color-gray4);box-sizing: border-box;}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_desc_box .desc_tit_box{}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_desc_box .desc_tit{font-size: var(--fs-32);font-weight: 700;line-height: var(--lh-40);color: var(--color-black);}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_desc_box .desc_txt_box{}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_desc_box .desc_tit_box + .desc_txt_box{margin-top: 16px;}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_desc_box .desc_txt{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-black);}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_desc_box .desc_btns_box{}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_desc_box .desc_txt_box + .desc_btns_box{margin-top: 48px;}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_desc_box .desc_btns{display: inline-flex;align-items: center;justify-content: center;padding: 10px 32px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 150px;box-sizing: border-box;overflow: hidden;}
#infoDtlWrap #dtlInfoSect .cnt_card_box .card_desc_box .desc_btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}

#infoDtlWrap #dtlInfoSect #infoExplan{}
#infoDtlWrap #dtlInfoSect .cnt_card_box + #infoExplan{margin-top: 160px;}
#infoDtlWrap #dtlInfoSect #infoExplan .explan_sect{}
#infoDtlWrap #dtlInfoSect #infoExplan .explan_sect + .explan_sect{margin-top: 64px;}
#infoDtlWrap #dtlInfoSect #infoExplan .explan_sect .sect_inner{width: 100%;max-width: 1200px;margin: 0 auto;box-sizing: border-box;}

#infoDtlWrap #dtlInfoSect #infoExplan .sect_desc_box{}
#infoDtlWrap #dtlInfoSect #infoExplan .sect_desc_box .desc_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-28);color: var(--color-black);text-align: center;}
#infoDtlWrap #dtlInfoSect #infoExplan .sect_desc_box .desc_txt{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);text-align: center;}
#infoDtlWrap #dtlInfoSect #infoExplan .sect_desc_box .desc_tit + .desc_txt{margin-top: 24px;}
#infoDtlWrap #dtlInfoSect #infoExplan .sect_desc_box .desc_txt + .desc_txt{margin-top: 24px;}

#infoDtlWrap #dtlInfoSect #infoExplan .sect_img_box{}
#infoDtlWrap #dtlInfoSect #infoExplan .sect_img_box .img_box{width: 100%;text-align: center;}
#infoDtlWrap #dtlInfoSect #infoExplan .sect_img_box .img_box img{max-width: 100%;}
#infoDtlWrap #dtlInfoSect #infoExplan .sect_desc_box + .sect_img_box{margin-top: 64px;}
#infoDtlWrap #dtlInfoSect #infoExplan .sect_img_box + .sect_img_box{margin-top: 64px;}


/* =============================  E:prdInfoWrap  ============================= */