@charset "utf-8";

/* =============================  S:main_component  ============================= */
.main_component{width: 100%;padding: 32px 0 112px;background-color: var(--color-white);}

#main{}
#main .main_sect{}
#main .main_sect + .main_sect{margin-top: 96px;}
#main .main_sect .sect_inner{width: 100%;max-width: 1448px;margin: 0 auto;padding: 0 24px;}

#main .main_sect .sect_hd{text-align: center;}
#main .main_sect .sect_logo_box{}
#main .main_sect .sect_logo_box .sect_logo{display: inline-block;width: auto;height: 24px;pointer-events: none;}
#main .main_sect .sect_logo_box .sect_logo svg{width: 100%;height: 100%;}
#main .main_sect .sect_tit_box{}
#main .main_sect .sect_logo_box + .sect_tit_box{margin-top: 16px;}
#main .main_sect .sect_tit_box .sect_tit{font-size: var(--fs-46);font-weight: 700;line-height: var(--lh-56);color: var(--color-black);}
#main .main_sect .sect_subtit_box{}
#main .main_sect .sect_tit_box + .sect_subtit_box{margin-top: 16px}
#main .main_sect .sect_subtit_box .sect_subtit{font-size: var(--fs-24);font-weight: 500;line-height: var(--lh-32);color: var(--color-black);}
#main .main_sect .sect_hd.ty_flex{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;text-align: left;}
#main .main_sect .sect_hd.ty_flex .sect_tit_box{flex: 1 1 0%;}
#main .main_sect .sect_hd.ty_flex .sect_tit_box .sect_tit{}
#main .main_sect .sect_hd.ty_flex .sect_more_box{flex: 0 0 auto;}
#main .main_sect .sect_hd.ty_flex .sect_more_box .btns_more{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray5);}


#main .main_sect .sect_btns_box{display: flex;align-items: center;justify-content: center;}
#main .main_sect .sect_subtit_box + .sect_btns_box{margin-top: 48px;}
#main .main_sect .sect_btns_box .sect_btns{display: flex;align-items: center;justify-content: center;padding: 12px 24px;border: 1px solid var(--color-black);border-radius: 50px;box-sizing: border-box;}
#main .main_sect .sect_btns_box .sect_btns .btns_name{display: block;font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);}

#main .main_sect .sect_bd{}
#main .main_sect .sect_hd + .sect_bd{margin-top: 56px;}

#main .main_sect .sect_ft{}
#main .main_sect .sect_bd + .sect_ft{margin-top: 48px;}
/* =============================  E:main_component  ============================= */



/* =============================  S:sect_01  ============================= */
#main .sect_01{}

#main #mainBanner{}
#main #mainBanner .main_banner_list{}
#main #mainBanner .main_banner_item{}
#main #mainBanner .main_banner_item .item_inner{display: block;position: relative;z-index: 1;}

#main #mainBanner .main_banner_item .item_thumb_box{width: 100%;aspect-ratio: 2 /1;border-radius: 16px;box-sizing: border-box;position: relative;z-index: 1;overflow: hidden;}
#main #mainBanner .main_banner_item .item_thumb_box::after{content: '';display: block;width: 100%;height: 100%;background-image: url('/resources/images/main/main_banner_dim.png');background-repeat: no-repeat;background-size: cover;background-position: center;opacity: .2;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;}
#main #mainBanner .main_banner_item .item_thumb_box .item_thumb{width: 100%;height: 100%;}
#main #mainBanner .main_banner_item .item_thumb_box .item_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

#main #mainBanner .main_banner_item .item_desc_box{width: 100%;height: 100%;padding: 24px 48px;box-sizing: border-box;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;display: flex;align-items: center;justify-content: flex-start;}
#main #mainBanner .main_banner_item .item_desc_box .item_desc{}
#main #mainBanner .main_banner_item .item_desc_box .desc_tit_box{}
#main #mainBanner .main_banner_item .item_desc_box .desc_tit{font-size: var(--fs-46);font-weight: 700;line-height: var(--lh-56);color: var(--color-white);}
#main #mainBanner .main_banner_item .item_desc_box .desc_txt_box{}
#main #mainBanner .main_banner_item .item_desc_box .desc_tit_box + .desc_txt_box{margin-top: 16px;}
#main #mainBanner .main_banner_item .item_desc_box .desc_txt{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-30);color: var(--color-white);}

#main #mainBanner .swiper_util_box{margin-top: 16px;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 16px;}
#main #mainBanner .swiper_paging_box{flex: 0 0 auto;}
#main #mainBanner .swiper_paging{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
#main #mainBanner .swiper_paging .swiper-pagination-bullet{display: inline-block;width: 12px;height: 12px;margin: 0;border-radius: 50%;background-color: #c9c4be;opacity: 1;transition: background-color .2s;position: relative;overflow: hidden;}
#main #mainBanner .swiper_paging .swiper-pagination-bullet::after{content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #f1f1e9;opacity: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: opacity .2s;}
#main #mainBanner .swiper_paging .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--color-green1);}
#main #mainBanner .swiper_paging .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}
#main #mainBanner .swiper_play_box{flex: 0 0 auto;}
#main #mainBanner .swiper_play_btns{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;background-color: var(--color-green1);border-radius: 50%;box-sizing: border-box;overflow: hidden;}
#main #mainBanner .swiper_play_btns .icon_box{display: inline-block;width: 16px;height: 16px;background-image: url('/resources/images/icon/icon_play.svg');background-repeat: no-repeat;background-size: cover;background-position: center;transition: background-image .2s;}
#main #mainBanner .swiper_play_btns.is_playing .icon_box{background-image: url('/resources/images/icon/icon_pause.svg');}
/* =============================  E:sect_01  ============================= */



/* =============================  S:sect_02  ============================= */
#main .sect_02 .sect_card_wrap{width: 100%;max-width: 1400px;aspect-ratio: 1400 / 680;display: flex;align-items: stretch;justify-content: space-between;flex-wrap: nowrap;column-gap: 40px;}
#main .sect_02 .sect_card_wrap .left_box{max-width: 680px;flex: 1 1 0;aspect-ratio: 1 / 1;}
#main .sect_02 .sect_card_wrap .right_box{max-width: 680px;flex: 1 1 0;aspect-ratio: 1 / 1;}

#main .sect_02 .sect_card_wrap .card_box{width: 100%;height: 100%;}
#main .sect_02 .sect_card_wrap .card_box > .card_item{width: 100%;height: 100%;border-radius: 32px;overflow: hidden;}
#main .sect_02 .sect_card_wrap .card_box > .card_item .item_inner{display: block;width: 100%;height: 100%;position: relative;z-index: 1;}
#main .sect_02 .sect_card_wrap .card_box > .card_item .item_thumb_box{width: 100%;height: 100%;position: relative;z-index: 1;}
#main .sect_02 .sect_card_wrap .card_box > .card_item .item_thumb_box::after{content: '';display: block;width: 100%;height: 100%;background-image: url('/resources/images/main/main_banner_dim.png');background-repeat: no-repeat;background-size: cover;background-position: center;opacity: .2;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;}
#main .sect_02 .sect_card_wrap .card_box > .card_item .item_thumb_box .item_thumb{width: 100%;height: 100%;}
#main .sect_02 .sect_card_wrap .card_box > .card_item .item_thumb_box .item_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
#main .sect_02 .sect_card_wrap .card_box > .card_item .item_desc_box{width: 100%;height: 100%;padding: 64px;box-sizing: border-box;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;text-align: center;}
#main .sect_02 .sect_card_wrap .card_box > .card_item .desc_tit_box{}
#main .sect_02 .sect_card_wrap .card_box > .card_item .desc_tit{font-size: var(--fs-48);font-weight: 700;line-height: var(--lh-56);color: var(--color-white);}
#main .sect_02 .sect_card_wrap .card_box > .card_item .desc_txt_box{}
#main .sect_02 .sect_card_wrap .card_box > .card_item .desc_tit_box + .desc_txt_box{margin-top: 16px;}
#main .sect_02 .sect_card_wrap .card_box > .card_item .desc_txt{font-size: var(--fs-24);font-weight: 400;line-height: var(--lh-32);color: var(--color-white);}

#main .sect_02 .sect_card_wrap .card_list{width: 100%;height: 100%;display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 20px;row-gap: 20px;}
#main .sect_02 .sect_card_wrap .card_list .card_item{width: calc(50% - (20px /2));height: calc(50% - (20px / 2));border-radius: 32px;overflow: hidden;}
#main .sect_02 .sect_card_wrap .card_list .card_item.n01{background-color: #F0F2F6;}
#main .sect_02 .sect_card_wrap .card_list .card_item.n02{background-color: #5B9D43;}
#main .sect_02 .sect_card_wrap .card_list .card_item.n03{background-color: #E4EDFF;}
#main .sect_02 .sect_card_wrap .card_list .card_item.n04{background-color: #F0F2F6;}

#main .sect_02 .sect_card_wrap .card_list .card_item .item_inner{display: block;width: 100%;height: 100%;padding: 24px 32px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;}
#main .sect_02 .sect_card_wrap .card_list .card_item .item_hd{}
#main .sect_02 .sect_card_wrap .card_list .card_item .item_bd{background-color: #fff;}

#main .sect_02 .sect_card_wrap .card_list .card_item .item_cate_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
#main .sect_02 .sect_card_wrap .card_list .card_item .cate_icon{display: inline-block;width: 24px;height: 24px;pointer-events: none;}
#main .sect_02 .sect_card_wrap .card_list .card_item .cate_name{display: inline-block;font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: #4E596B;}
#main .sect_02 .sect_card_wrap .card_list .card_item.n02 .cate_name{color: var(--color-white);}
#main .sect_02 .sect_card_wrap .card_list .card_item .item_tit_box{}
#main .sect_02 .sect_card_wrap .card_list .card_item .item_cate_box + .item_tit_box{margin-top: 16px;}
#main .sect_02 .sect_card_wrap .card_list .card_item .item_tit{font-size: var(--fs-24);font-weight: 700;line-height: var(--lh-30);color: var(--color-black);}
#main .sect_02 .sect_card_wrap .card_list .card_item.n02 .item_tit{color: var(--color-white);}
/* =============================  E:sect_02  ============================= */



/* =============================  S:sect_03  ============================= */
#main .sect_banner{}
#main .sect_banner .banner_inner{width: 100%;position: relative;z-index: 1;}
#main .sect_banner .banner_img_box{width: 100%;height: 330px;}
#main .sect_banner.sect_09 .banner_img_box{width: 100%;height: 560px;}
#main .sect_banner .banner_img_box .img_box{width: 100%;height: 100%;position: relative;z-index: 1;}
#main .sect_banner .banner_img_box .img_box::after{content: '';display: block;width: 100%;height: 100%;background-image: url('/resources/images/main/main_banner_dim.png');background-repeat: no-repeat;background-size: cover;background-position: center;opacity: .4;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;}
#main .sect_banner.sect_09 .banner_img_box .img_box::after{display: none;}
#main .sect_banner .banner_img_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

#main .sect_banner .banner_desc_box{width: 100%;max-width: 1448px;height: 100%;margin: 0 auto;padding: 32px 24px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;display: flex;align-items: center;justify-content: flex-start;}
#main .sect_banner .banner_desc_box.jc_e{justify-content: flex-end;}
#main .sect_banner .banner_desc_box.ta_r{text-align: right;}
#main .sect_banner .banner_desc_box .desc_inner{}

#main .sect_banner .banner_desc_box{}
#main .sect_banner .banner_desc_box .desc_logo_box{}
#main .sect_banner .banner_desc_box .desc_logo{display: inline-block;width: auto;height: 24px;pointer-events: none;}
#main .sect_banner .banner_desc_box .desc_logo svg{width: 100%;height: 100%;}

#main .sect_banner .banner_desc_box .desc_tit_box{}
#main .sect_banner .banner_desc_box .desc_logo_box +  .desc_tit_box{margin-top: 16px;}
#main .sect_banner .banner_desc_box .desc_tit{font-size: var(--fs-32);font-weight: 700;line-height: var(--lh-40);color: var(--color-white);}
#main .sect_banner .banner_desc_box .desc_txt_box{}
#main .sect_banner .banner_desc_box .desc_tit_box + .desc_txt_box{margin-top: 8px;}
#main .sect_banner .banner_desc_box .desc_txt{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-28);color: var(--color-white);letter-spacing: -0.04em;}
#main .sect_banner .banner_desc_box .desc_btns_box{}
#main .sect_banner .banner_desc_box .desc_txt_box + .desc_btns_box{margin-top: 24px;}
#main .sect_banner .banner_desc_box .desc_tit_box + .desc_btns_box{margin-top: 48px;}
#main .sect_banner .banner_desc_box .desc_btns{display: inline-flex;align-items: center;justify-content: center;height: 48px;padding: 0 24px;background-color: transparent;border: 1px solid var(--color-white);border-radius: 48px;box-sizing: border-box;}
#main .sect_banner .banner_desc_box .desc_btns .btns_name{flex: 0 0 auto;display: inline-block;font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-white);}
#main .sect_banner .banner_desc_box .desc_btns.ty_flex{column-gap: 32px;}
#main .sect_banner .banner_desc_box .desc_btns.ty_flex .icon_box{display: inline-block;width: 14px;height: 14px;position: relative;z-index: 1;}
#main .sect_banner .banner_desc_box .desc_btns.ty_flex .icon_box::before{content: '';display: block;width: 100%;height: 2px;background-color: var(--color-white);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#main .sect_banner .banner_desc_box .desc_btns.ty_flex .icon_box::after{content: '';display: block;width: 2px;height: 100%;background-color: var(--color-white);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
/* =============================  E:sect_03  ============================= */



/* =============================  S:sect_04  ============================= */
#main .sect_04{}
#main .sect_04 .sect_bd{width: 100%;max-width: 1648px;margin: 0 auto;padding: 0 24px;box-sizing: border-box;}

#main .prd_grid_box{}
#main .prd_grid_box .grid_list{display: flex;align-items: stretch;flex-wrap: nowrap;}
#main .prd_grid_box .grid_item{flex: 1;width: 100%;max-width: 33.3334%;padding: 24px;box-sizing: border-box;}
#main .prd_grid_box .grid_item .grid_hd{}

#main .prd_grid_box .main_prd_item{width: 100%;}
#main .prd_grid_box .main_prd_item .prd_thumb_box{width: 100%;aspect-ratio: 1 / 1;border-radius: 16px;overflow: hidden;}
#main .prd_grid_box .main_prd_item .prd_thumb_box .prd_thumb{width: 100%;height: 100%;line-height: 0;background-color: #f6f6f6;}
#main .prd_grid_box .main_prd_item .prd_thumb_box .prd_thumb .thumb{width: 100%;height: 100%;object-fit: cover;object-position: center;mix-blend-mode: multiply;}

#main .prd_grid_box .main_prd_item .prd_info_box{}
#main .prd_grid_box .main_prd_item .prd_thumb_box + .prd_info_box{margin-top: 8px;}
#main .prd_grid_box .main_prd_item .prd_info_box .prd_name_box{}
#main .prd_grid_box .main_prd_item .prd_info_box .prd_name{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-black);}
#main .prd_grid_box .main_prd_item .prd_info_box .prd_desc_box{}
#main .prd_grid_box .main_prd_item .prd_info_box .prd_name_box + .prd_desc_box{margin-top: 8px;}
#main .prd_grid_box .main_prd_item .prd_info_box .prd_desc{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);}

#main .prd_grid_box .grid_item .grid_bd{}
#main .prd_grid_box .grid_item .grid_hd + .grid_bd{margin-top: 24px;}
#main .prd_grid_box .mini_prd_list{}
#main .prd_grid_box .mini_prd_item{width: 100%;border-top: 1px solid #d9d9d9;box-sizing: border-box;}
#main .prd_grid_box .mini_prd_item:last-of-type{border-bottom: 1px solid #d9d9d9;}
#main .prd_grid_box .mini_prd_item .item_inner{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 16px;width: 100%;padding: 20px 16px;box-sizing: border-box;}

#main .prd_grid_box .mini_prd_item .prd_thumb_box{flex: 0 0 auto;width: 80px;aspect-ratio: 1 / 1;overflow: hidden;}
#main .prd_grid_box .mini_prd_item .prd_thumb_box .prd_thumb{display: block;width: 100%;height: 100%;line-height: 0;background-color: #f6f6f6;}
#main .prd_grid_box .mini_prd_item .prd_thumb_box .prd_thumb .thumb{width: 100%;height: 100%;object-fit: cover;object-position: center;mix-blend-mode: multiply;}

#main .prd_grid_box .mini_prd_item .prd_info_box{}
#main .prd_grid_box .mini_prd_item .prd_badge_box{display: inline-flex;align-items: center;flex-wrap: wrap;column-gap: 8px;row-gap: 6px;}
#main .prd_grid_box .mini_prd_item .prd_badge_box .prd_badge{display: inline-flex;align-items: center;justify-content: center;padding: 5px 8px;border-radius: 50px;box-sizing: border-box;}
#main .prd_grid_box .mini_prd_item .prd_badge_box .prd_badge .badge_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-white);}
#main .prd_grid_box .mini_prd_item .prd_badge_box .prd_badge.type_fac{background-color: #5B9D43;}
#main .prd_grid_box .mini_prd_item .prd_badge_box .prd_badge.type_out{background-color: #22ACBE;}
#main .prd_grid_box .mini_prd_item .prd_badge_box .prd_badge.type_home{background-color: #E96565;}
#main .prd_grid_box .mini_prd_item .prd_badge_box .prd_badge.type_out_ok{background-color: #3EBFD0;}

#main .prd_grid_box .mini_prd_item .prd_name_box{}
#main .prd_grid_box .mini_prd_item .prd_name_link{display: inline-block;line-height: 0;}
#main .prd_grid_box .mini_prd_item .prd_name{display: inline-block;font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);}

#main .prd_grid_box .mini_prd_item .prd_price_box{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
#main .prd_grid_box .mini_prd_item .prd_price_box > span{display: inline-block;}
#main .prd_grid_box .mini_prd_item .prd_price_box > span > span{display: inline-block;}
#main .prd_grid_box .mini_prd_item .prd_price_box .price_percent{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-26);color: var(--color-green2);}
#main .prd_grid_box .mini_prd_item .prd_price_box .price_percent .percent_sta{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-26);color: var(--color-green2);}

#main .prd_grid_box .mini_prd_item .prd_price_box .price_origin{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-26);color: var(--color-black);}
#main .prd_grid_box .mini_prd_item .prd_price_box .price_origin.line_through{text-decoration: line-through;font-size: var(--fs-14);font-weight: 300;color: var(--color-gray1);}
#main .prd_grid_box .mini_prd_item .prd_price_box .price_origin .origin_sta{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-26);color: var(--color-black);}
#main .prd_grid_box .mini_prd_item .prd_price_box .price_origin.line_through .origin_sta{text-decoration: line-through;font-size: var(--fs-14);font-weight: 300;color: var(--color-gray1);}

#main .prd_grid_box .mini_prd_item .prd_price_box .price_sale{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-26);color: var(--color-green2);}
#main .prd_grid_box .mini_prd_item .prd_price_box .price_sale .sale_sta{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-26);color: var(--color-green2);}
/* =============================  E:sect_04  ============================= */



/* =============================  S:sect_05  ============================= */
#main .sect_05{}
#main .sect_05 .sect_bd{width: 100%;max-width: 1648px;margin: 0 auto;padding: 0 24px;box-sizing: border-box;}
#main .sect_05 .cnt_card_box{}
#main .sect_05 .cnt_card_box .cnt_card_list{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 48px;}
#main .sect_05 .cnt_card_box .cnt_card_item{flex: 1;}
#main .sect_05 .cnt_card_box .cnt_card_item .item_inner{}
#main .sect_05 .cnt_card_box .cnt_card_item .item_thumb_box{width: 100%;aspect-ratio: 880 / 500;border-radius: 16px;overflow: hidden;}
#main .sect_05 .cnt_card_box .cnt_card_item .item_thumb_box .item_thumb{display: block;width:100%;height: 100%;line-height: 0;}
#main .sect_05 .cnt_card_box .cnt_card_item .item_thumb_box .item_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
#main .sect_05 .cnt_card_box .cnt_card_item .item_desc_box{}
#main .sect_05 .cnt_card_box .cnt_card_item .item_thumb_box + .item_desc_box{margin-top: 32px;}
#main .sect_05 .cnt_card_box .cnt_card_item .item_desc_box .item_subject_box{text-align: center;}
#main .sect_05 .cnt_card_box .cnt_card_item .item_desc_box .item_subject{display: inline-block;font-size: var(--fs-36);font-weight: 300;line-height: var(--lh-56);color: var(--color-black);}
#main .sect_05 .cnt_card_box .cnt_card_item .item_desc_box .item_txt_box{text-align: center;}
#main .sect_05 .cnt_card_box .cnt_card_item .item_desc_box .item_subject_box + .item_txt_box{margin-top: 8px;}
#main .sect_05 .cnt_card_box .cnt_card_item .item_desc_box .item_txt{font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-26);color: #676f7b;text-align: center;}
/* =============================  E:sect_05  ============================= */



/* =============================  S:sect_07  ============================= */
#main .sect_07{}
#main .sect_07 .sect_bd{width: 100%;max-width: 1648px;margin: 0 auto;padding: 0 24px;box-sizing: border-box;}

#main .prd_swiper_box .swiper_list{display: flex;align-items: stretch;flex-wrap: nowrap;}
#main .prd_swiper_box .swiper_item{flex: 1;width: 100%;max-width: 33.3334%;padding: 24px;box-sizing: border-box;}

#main .prd_swiper_box .swiper_item .item_inner{width: 100%;}
#main .prd_swiper_box .swiper_item .prd_thumb_box{width: 100%;aspect-ratio: 1 / 1;border-radius: 16px;overflow: hidden;}
#main .prd_swiper_box .swiper_item .prd_thumb_box .prd_thumb{width: 100%;height: 100%;line-height: 0;background-color: var(--color-white);}
#main .prd_swiper_box .swiper_item .prd_thumb_box .prd_thumb .thumb{width: 100%;height: 100%;object-fit: cover;object-position: center;mix-blend-mode: multiply;}

#main .prd_swiper_box .swiper_item .prd_info_box{}
#main .prd_swiper_box .swiper_item .prd_thumb_box + .prd_info_box{margin-top: 16px;}
#main .prd_swiper_box .swiper_item .prd_name_box{}
#main .prd_swiper_box .swiper_item .prd_name{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-30);color: var(--color-black);}
#main .prd_swiper_box .swiper_item .prd_desc_box{}
#main .prd_swiper_box .swiper_item .prd_name_box + .prd_desc_box{margin-top: 8px;}
#main .prd_swiper_box .swiper_item .prd_desc{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);}

#main .prd_swiper_box .swiper_item .prd_price_box{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 6px;}
#main .prd_swiper_box .swiper_item .prd_name_box + .prd_price_box{margin-top: 8px;}
#main .prd_swiper_box .swiper_item .prd_price_box > span{display: inline-block;}
#main .prd_swiper_box .swiper_item .prd_price_box > span > span{display: inline-block;}
#main .prd_swiper_box .swiper_item .prd_price_box .price_percent{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-26);color: var(--color-green2);}
#main .prd_swiper_box .swiper_item .prd_price_box .price_percent .percent_sta{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-26);color: var(--color-green2);}

#main .prd_swiper_box .swiper_item .prd_price_box .price_origin{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-26);color: var(--color-black);}
#main .prd_swiper_box .swiper_item .prd_price_box .price_origin.line_through{text-decoration: line-through;font-size: var(--fs-16);font-weight: 300;color: var(--color-gray1);}
#main .prd_swiper_box .swiper_item .prd_price_box .price_origin .origin_sta{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-26);color: var(--color-black);}
#main .prd_swiper_box .swiper_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);}

#main .prd_swiper_box .swiper_item .prd_price_box .price_sale{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-26);color: var(--color-black);}
#main .prd_swiper_box .swiper_item .prd_price_box .price_sale .sale_sta{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-26);color: var(--color-black);}
/* =============================  E:sect_07  ============================= */



/* =============================  S:sect_08  ============================= */
#main .sect_08{width: 100%;overflow: hidden;}
#main .sect_08 .sect_bd{width: 100%;max-width: 1648px;margin: 0 auto;padding: 0 24px;box-sizing: border-box;}
#main .sect_08 .sect_hd + .sect_bd{margin-top: 96px;}

#main .review_swiper_box{width: 100%;padding-bottom: 48px;box-sizing: border-box;overflow: visible;}
#main .review_card_list{align-items: stretch;}
#main .review_card_item{width: 100%;max-width: 360px;}
#main .review_card_item .item_inner{padding: 32px 16px;border-radius: 24px;background-color: var(--color-white);box-shadow: 13px 5px 50px 0 rgba(0, 0, 0, 0.08);box-sizing: border-box;}
#main .review_card_item:nth-child(odd) .item_inner{margin-top: 120px;}

#main .review_card_item .item_hd{}
#main .review_card_item .profile_box{width: 100%;padding: 0 16px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;}
#main .review_card_item .profile_name_box{flex: 1 1 0%}
#main .review_card_item .profile_name_box .profile_name{font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-black);}
#main .review_card_item .profile_thumb_box{flex: 0 0 auto;width: 80px;aspect-ratio: 1/ 1;border-radius: 50%;overflow: hidden;}
#main .review_card_item .profile_thumb_box .profile_thumb{width: 100%;height: 100%;padding: 2px;box-sizing: border-box;}
#main .review_card_item .profile_thumb_box .profile_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

#main .review_card_item .item_bd{}
#main .review_card_item .item_hd + .item_bd{margin-top: 40px;}
#main .review_card_item .review_list{}
#main .review_card_item .review_item{}
#main .review_card_item .review_item dl{}
#main .review_card_item .review_item dl + dl{margin-top: 32px;}
#main .review_card_item .review_item .review_badge_box{}
#main .review_card_item .review_item .review_badge_box .review_badge{display: inline-flex;align-items: center;justify-content: center;padding: 4px 8px;background-color: var(--color-green2);border-radius: 4px;box-sizing: border-box;}
#main .review_card_item .review_item .review_badge_box .badge_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-white);}

#main .review_card_item .review_item .review_txt_box{padding-right: 72px;}
#main .review_card_item .review_item .review_badge_box + .review_txt_box{margin-top: 8px;}
#main .review_card_item .review_item .review_txt_box .review_txt{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-22);color: var(--color-black);word-break: keep-all;}

#main .review_card_item .item_ft{}
#main .review_card_item .item_bd + .item_ft{margin-top: 48px;}
#main .review_card_item .review_desc_box{width: 100%;padding: 0 16px;box-sizing: border-box;}
#main .review_card_item .review_desc_box .review_desc{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-26);color: var(--color-black);word-break: keep-all;text-align: center;}
/* =============================  E:sect_08  ============================= */



/* =============================  S:sect_10  ============================= */
#main .sect_10{width: 100%;}
#main .board_card_box{}
#main .board_card_list{display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 32px;row-gap: 32px;}
#main .board_card_item{width: calc(50% - (32px/2));background-color: #f6f6f6;border-radius: 16px;overflow: hidden;}
#main .board_card_item .item_inner{display: block;width: 100%;padding: 24px;box-sizing: border-box;}
#main .board_card_item .item_hd{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 16px;}
#main .board_card_item .board_cate_box{flex: 1 1 0%;}
#main .board_card_item .board_cate_box .board_cate{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-28);color: var(--color-green2);}
#main .board_card_item .board_icon_box{flex: 0 0 auto;display: inline-block;line-height: 0;}
#main .board_card_item .board_icon_box .board_icon{display: inline-block;width: 30px;height: 30px;line-height: 0;pointer-events: none;}
#main .board_card_item .board_icon_box .board_icon svg{width: 100%;height: 100%;pointer-events: none;}
#main .board_card_item .board_icon_box .board_icon svg path{fill: var(--color-black);}
#main .board_card_item .item_bd{}
#main .board_card_item .item_hd + .item_bd{margin-top: 8px;}
#main .board_card_item .board_tit_box{}
#main .board_card_item .board_tit_box .board_tit{font-size: var(--fs-22);font-weight: 700;line-height: var(--lh-32);color: var(--color-black);}
#main .board_card_item .board_dage_box{}
#main .board_card_item .board_tit_box + .board_dage_box{margin-top: 2px;}
#main .board_card_item .board_date_box .board_date{font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-28);color: var(--color-gray5);}

/* =============================  E:sect_10  ============================= */