@charset "utf-8";
.displaynone{display: none;}

#contents.is_main .page_component{padding-bottom: 0;}
.main_component{width: 100%;max-width: 1920px;margin: 0 auto;}
#main{}

.main_sect{}
.main_sect + .main_sect{}
.main_sect .sect_inner{}

.main_sect .swiper_btns{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: var(--color-white);border: 1px solid var(--divider-line);border-radius: 50%;box-sizing: border-box;cursor: pointer;position: absolute;top: 50%;z-index: 5;transform: translateY(-50%);transition: box-shadow .2s;}
.main_sect .swiper_btns.swiper-button-lock{opacity: 0;visibility: hidden;}
.main_sect .swiper_btns.swiper-button-disabled{opacity: 0;visibility: hidden;}
.main_sect .swiper_btns:hover{box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);}
.main_sect .swiper_prev_btn{left: 0;}
.main_sect .swiper_next_btn{right: 0;}
.main_sect .swiper_btns > svg{width: 20px;height: 20px;pointer-events: none;}
.main_sect .swiper_btns > svg path{fill: var(--color-black);}

@media (max-width: 769px){
    .main_sect .swiper_btns{width: 36px;height: 36px;}
    .main_sect .swiper_btns > svg{width: 20px;height: 20px;}
}
@media (max-width: 601px){
    .main_sect .swiper_btns{width: 32px;height: 32px;}
    .main_sect .swiper_btns > svg{width: 18px;height: 18px;}
}


.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;}
}


/* ============================================= S:main_sect_01 ============================================= */
/* main_vsl_sect */
.main_sect_01{position: relative;}
.main_sect_01 .sect_inner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 0 24px;box-sizing: border-box;}
.main_sect_01 .vsl_slide_box{}
.main_sect_01 .main_vsl_swiper{}
.main_sect_01 .main_vsl_list{}
.main_sect_01 .main_vsl_item{}
.main_sect_01 .main_vsl_item .item_inner{position: relative;}
.main_sect_01 .main_vsl_item .item_inner::before {content: '';display: block;position: absolute;left: 0;top: 0;right: 0;z-index: 2;width: 100%;height: 72px;background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);}
.main_sect_01 .main_vsl_item .item_thumb{width: 100%;height: 0;padding-top: 370px;position: relative;overflow: hidden;}
.main_sect_01 .main_vsl_item .item_thumb .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
.main_sect_01 .main_vsl_item .item_thumb .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.main_sect_01 .vsl_navi_box{position: absolute;left: 0;bottom: 0;right: 0;z-index: 10;}
.main_sect_01 .bottom_dim{width: 100%;height: 220px;position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;background-image: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);}
.main_sect_01 .vsl_navi_box .box_inner{padding: 32px 0;}
.main_sect_01 .navi_list{display: flex;align-items: flex-end;flex-wrap: nowrap;column-gap: 20px;overflow: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;scroll-behavior: smooth;}
.main_sect_01 .navi_list::-webkit-scrollbar{display: none;}
.main_sect_01 .navi_item{flex: 0 0 220px;opacity: .45;transition: opacity .45s;}
.main_sect_01 .navi_item.active{opacity: 1;}
.main_sect_01 .navi_item .navi_hd{}
.main_sect_01 .navi_item .cate_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 8px;cursor: pointer;}
.main_sect_01 .navi_item .navi_cate{flex: 1;font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: var(--color-white);text-transform: uppercase;}
.main_sect_01 .navi_item .navi_icon_box{flex: 0 0 auto;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;pointer-events: none;opacity: 0;transition: opacity .45s;}
.main_sect_01 .navi_item.active .navi_icon_box{opacity: 1;}
.main_sect_01 .navi_item .navi_icon_box .icon_arr_right{display: block;pointer-events: none;}

.main_sect_01 .navi_item .progress_wrap{width: 100%;height: 1px;margin-top: 4px;background-color: rgba(255, 255, 255, .4);position: relative;overflow: hidden;}
.main_sect_01 .navi_item .progress_wrap .progress_bar{width: 0;height: 100%;background-color: var(--color-white);position: absolute;left: 0;top: 0;bottom: 0;z-index: 15;transition: background-color .4s;}

.main_sect_01 .navi_item .navi_bd{margin-top: 12px;display:none}
.main_sect_01 .navi_item .navi_tit{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-27);color: var(--color-white);cursor: pointer;}
.main_sect_01 .navi_item .navi_sub_tit{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-white);cursor: pointer;}

.main_sect_01 .navi_item .navi_ft{padding-top: 0;height: 0;transition: padding-top .5s ease-in-out, height .5s;box-sizing: content-box;}
.main_sect_01 .navi_item.active .navi_ft{padding-top: 24px;height: 23px;display:none}
.main_sect_01 .navi_item .navi_link{display: inline-block;line-height: 0;}
.main_sect_01 .navi_item .navi_link .link_name{display: inline-block;height: 0;opacity: 0;transition: opacity .5s, height .5s;padding: 2px 0;font-size: var(--fs-12);font-weight: 700;line-height: var(--lh-19);color: var(--color-white);letter-spacing: 0.02em;position: relative;overflow: hidden;box-sizing: border-box;}
.main_sect_01 .navi_item.active .navi_link .link_name{opacity: 1;height: 23px;}
.main_sect_01 .navi_item .navi_link .link_name::after{content: '';display: block;width: 0;height: 1px;background-color: var(--color-white);position: absolute;left: 0;bottom: 0;right: 0;transition: width .5s ease-in-out .2s;}
.main_sect_01 .navi_item.active .navi_link .link_name::after{width: 100%;}

@media (hover: hover) {
    .main_sect_01 .navi_item:hover{opacity: 1;}
}
@media (max-width: 1099px){
    .main_sect_01 .navi_list{column-gap: 24px;}
    .main_sect_01 .vsl_navi_box .box_inner{padding: 56px 0;}
    .main_sect_01 .navi_item{flex: 0 0 260px;}
    .main_sect_01 .navi_item .navi_cate{font-size: var(--fs-12);line-height: var(--lh-19);letter-spacing: 0.02em;}
    .main_sect_01 .navi_item .navi_icon_box{display: none;}
    .main_sect_01 .navi_item .progress_wrap{margin-top: 1px;}
    .main_sect_01 .navi_item .navi_bd{margin-top: 8px;}
    .main_sect_01 .navi_item .navi_tit{letter-spacing: -0.02em;}
    .main_sect_01 .navi_item.active .navi_ft{padding-top: 14px;height: 15px;}
    .main_sect_01 .navi_item .navi_link .link_name{font-size: var(--fs-10);font-weight: 600;line-height: var(--lh-13);letter-spacing: 0.04em;}
    .main_sect_01 .navi_item.active .navi_link .link_name{opacity: 1;height: 15px;}
}
@media (max-width: 767px){
    .main_sect_01 .navi_item{flex: 0 0 255px;}
}
@media (max-width: 600px){
    /* .main_sect_01 .main_vsl_item .item_thumb{padding-top: 177.87%;} */
}
/* ============================================= //E:main_sect_01 ============================================= */



/* ============================================= S:main_hit_sect ============================================= */
.main_banner_sect{}
.main_banner_sect .sect_inner{width: 100%;max-width: 1080px;margin: 0 auto;}
.main_banner_sect .main_banner_link{display: block;}
.main_banner_sect .main_banner_link img{width: 100%;}
/* ============================================= //E:main_sect_01 ============================================= */



/* ============================================= S:main_hit_sect ============================================= */
.main_hit_sect{width: 100%;background-color: var(--color-white);overflow: hidden;}
.main_hit_sect .sect_inner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 48px 24px 56px;}

.main_hit_sect .sect_hd{}
.main_hit_sect .sect_tit_box{}
.main_hit_sect .sect_tit_box .sect_tit{font-size: var(--fs-32);font-weight: 400;line-height: var(--lh-42);color: var(--color-black);letter-spacing: -0.03em;text-align: center;}
.main_hit_sect .sect_desc_box{}
.main_hit_sect .sect_tit_box + .sect_desc_box{margin-top: 8px;}
.main_hit_sect .sect_desc_box .sect_desc{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-28);color: var(--color-gray5);letter-spacing: -0.02em;word-break: keep-all;text-align: center;}

.main_hit_sect .sect_bd{position: relative;}
.main_hit_sect .sect_hd + .sect_bd{margin-top: 32px;}
.main_sect .main_hit_swiper{width: 100%;}
.main_sect .prd_list_swipe{align-items: stretch;}

.main_sect .prd_item_swipe{width: calc(25% - (48px/4));height: auto;background-color: var(--color-white);}
.main_sect .prd_item_swipe .item_inner{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.main_sect .prd_item_swipe .item_cnt_box{}
.main_sect .prd_item_swipe .item_thumb_box{width: 100%;height: 0;margin-bottom: 16px;padding-top: 100%;background-color: var(--color-white);position: relative;overflow: hidden;}
.main_sect .prd_item_swipe .item_thumb_box .item_thumb{width: 100%;height: 100%;padding: 16px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
.main_sect .prd_item_swipe .item_thumb_box .item_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.main_sect .prd_item_swipe .item_thumb_box .btn_wish{position: absolute;top: 4px;right: 4px;z-index: 2;cursor: pointer;line-height: 0;}
.main_sect .prd_item_swipe .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;}
.main_sect .prd_item_swipe .item_thumb_box .btn_wish.wished .icon_wish_heart{background-image: url('../img/icon/icon_wish_heart_fill.svg');}

.main_sect .prd_item_swipe .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, .3);border-radius: 8px;}
.main_sect .prd_item_swipe .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);}

.main_sect .prd_item_swipe .item_info_box{margin-top: 12px;padding: 0 8px;box-sizing: border-box;}
.main_sect .prd_item_swipe .item_thumb_box + .item_info_box{margin-top: 16px;}
.main_sect .prd_item_swipe .item_cate_box{display: flex;align-items: flex-start;justify-content: space-between;column-gap: 8px;flex-wrap: nowrap;line-height: 0;}
.main_sect .prd_item_swipe .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;}

.main_sect .prd_item_swipe .item_cate_box .btn_wish{flex: 0 0 auto;cursor: pointer;line-height: 0;}
.main_sect .prd_item_swipe .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;}
.main_sect .prd_item_swipe .item_cate_box .btn_wish.wished .icon_wish_heart{background-image: url('../img/icon/icon_wish_heart_fill.svg');}

.main_sect .prd_item_swipe .item_subject_box{line-height: 0;}
.main_sect .prd_item_swipe .item_cate_box + .item_subject_box{margin-top: 8px;}
.main_sect .prd_item_swipe .item_subject_box .item_subject{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;overflow: hidden;white-space: normal;text-overflow: ellipsis;}

.main_sect .prd_item_swipe .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)}
.main_sect .prd_item_swipe .item_cate_box .prod_tag.direct{background-color:#f4f4f4;color:#5f0080;}
.main_sect .prd_item_swipe .item_cate_box .prod_tag.domestic{background-color:#f4f4f4;color:var(--color-blue-main);}

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

.main_sect .prd_item_swipe .item_subject_box + .item_price_box{margin-top: 6px;}
.main_sect .prd_item_swipe .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;}
.main_sect .prd_item_swipe .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;}
.main_sect .prd_item_swipe .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;}

.main_sect .prd_item_swipe .item_btns_box{width: 100%;padding: 0 8px;box-sizing: border-box;}
.main_sect .prd_item_swipe .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;}
.main_sect .prd_item_swipe .item_btns_box .item_btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: 0.02em;display: flex;gap: 4px;align-items: center;}
.main_sect .prd_item_swipe .item_btns_box .item_btns .btns_name .icon_cart{display: inline-block;width: 20px;height: 20px;pointer-events: none;}
.main_sect .prd_item_swipe .item_btns_box .item_btns .btns_name .icon_cart svg{width: 100%;height: 100%}

.main_sect .prd_item_swipe .item_btns_box .btns_soldout{border: 1px solid var(--color-gray6);}
.main_sect .prd_item_swipe .item_btns_box .btns_soldout .btns_name{}

.main_sect .prd_item_swipe .item_btns_box .btns_cart{}
.main_sect .prd_item_swipe .item_btns_box .btns_cart .btns_name{}

.main_sect .prd_item_swipe .cart-layer{display: none !important;}

.main_hit_sect .swiper_prev_btn{left: -22px;}
.main_hit_sect .swiper_next_btn{right: -22px;}

.main_hit_sect .sect_ft{}
.main_hit_sect .sect_bd + .sect_ft{margin-top: 32px;}
.main_hit_sect .sect_btns_box{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
.main_hit_sect .sect_btns_box .sect_btns{display: inline-flex;align-items: center;justify-content: center;flex-wrap: nowrap;height: 42px;padding: 0 64px;background-color: var(--color-white);border: 1px solid var(--color-gray6);border-radius: 8px;}
.main_hit_sect .sect_btns_box .sect_btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-26);color: var(--color-black);letter-spacing: 0.02em;pointer-events: none;}
@media (max-width: 1080px){
    .main_hit_sect .sect_inner{padding: 32px 16px 48px;}
    .main_hit_sect .sect_tit_box .sect_tit{font-size: var(--fs-24);line-height: var(--lh-32);}
    .main_hit_sect .sect_tit_box + .sect_desc_box{margin-top: 6px;}
    .main_hit_sect .sect_desc_box .sect_desc{font-size: var(--fs-18);line-height: var(--lh-26);}

    .main_hit_sect .sect_hd + .sect_bd{margin-top: 48px;}
    .main_hit_sect .swiper_btns{display: none;}
    .main_hit_sect .swiper_prev_btn{left: -16px;}
    .main_hit_sect .swiper_next_btn{right: -16px;}
}
@media (max-width: 768px){
    .main_sect .prd_item_swipe{width: calc(33.3334% - (32px/3));}
    .main_hit_sect .sect_tit_box .sect_tit{font-size: var(--fs-20);line-height: var(--lh-28);}

    .main_sect .prd_item_swipe .item_thumb_box .btn_wish{top: 0;right: 0;}
    .main_sect .prd_item_swipe .item_thumb_box .btn_wish .icon_wish_heart{width: 20px;height: 20px;}
    .main_hit_sect .swiper_prev_btn{left: -10px;}
    .main_hit_sect .swiper_next_btn{right: -10px;}
}
@media (max-width: 600px){
    .main_hit_sect .sect_hd + .sect_bd{margin-top: 32px;}
    .main_hit_sect .sect_tit_box .sect_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    .main_hit_sect .sect_tit_box + .sect_desc_box{margin-top: 0;}
    .main_hit_sect .sect_desc_box .sect_desc{font-size: var(--fs-16);line-height: var(--lh-20);}

    .main_sect .prd_item_swipe{width: calc(45% - (8px/2));}
    .main_sect .prd_item_swipe .item_subject_box .item_subject{}
    .main_sect .prd_item_swipe .item_subject_box + .item_price_box{margin-top: 2px;}
    .main_sect .prd_item_swipe .item_price_box .item_cust_price{font-size: var(--fs-14);line-height: var(--lh-20);}
    .main_sect .prd_item_swipe .item_price_box .item_price{font-size: var(--fs-14);line-height: var(--lh-20);}
    .main_sect .prd_item_swipe .item_price_box .item_sale_per{font-size: var(--fs-14);line-height: var(--lh-20);}

    .main_sect .prd_item_swipe .item_btns_box .item_btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 430px){
    .main_hit_sect .sect_inner{padding: 32px 16px;}
    .main_hit_sect .sect_bd + .sect_ft{margin-top: 32px;}
    .main_hit_sect .sect_btns_box .sect_btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
}
/* ============================================= //E:main_hit_sect ============================================= */



/* ============================================= S:main_rec_sect ============================================= */
.main_rec_sect{width: 100%;}
.main_rec_sect .sect_inner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 56px 24px;box-sizing: border-box;}

.main_rec_sect .sect_hd{padding-left: 72px;}
.main_rec_sect .sect_tit_box{}
.main_rec_sect .sect_tit_box .sect_tit{font-size: var(--fs-32);font-weight: 400;line-height: var(--lh-42);color: var(--color-black);letter-spacing: -0.03em;text-align: left;}
.main_rec_sect .sect_desc_box{}
.main_rec_sect .sect_desc_box .sect_desc{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-28);color: var(--color-gray5);letter-spacing: -0.02em;word-break: keep-all;text-align: left;}


.main_rec_sect .sect_bd{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 24px;position: relative;}
.main_rec_sect .sect_hd + .sect_bd{margin-top: 16px;}
.main_rec_sect .sect_bd .bd_left{flex: 0 0 auto;position: sticky;top: 10px;z-index: 20;}
.main_rec_sect .sect_bd .bd_right{flex: 1;}
.main_rec_sect .rec_navi_box{background-color: var(--color-white);border: 1px solid var(--divider-line);box-sizing: border-box;}
.main_rec_sect .rec_navi_box .rec_navi_list{background-color: var(--color-white);}
.main_rec_sect .rec_navi_box .rec_navi_item{line-height: 0;background-color: var(--color-white);transition: background-color .25s;position: relative;}
.main_rec_sect .rec_navi_box .rec_navi_item .navi_btns{display: inline-block;padding: 8px;line-height: 0;box-sizing: border-box;}
.main_rec_sect .rec_navi_box .rec_navi_item .navi_icon_box{display: inline-block;width: 30px;height: 30px;line-height: 0;pointer-events: none;}
.main_rec_sect .rec_navi_box .rec_navi_item .navi_icon_box svg{width: 100%;height: 100%;pointer-events: none;}
.main_rec_sect .rec_navi_box .rec_navi_item .navi_icon_box svg path{fill: var(--color-black);transition: fill .25s;}
.main_rec_sect .rec_navi_box .rec_navi_item .navi_icon_box.navi_09 svg path{stroke: var(--color-black);fill: unset;transition: stroke .25s;}

.main_rec_sect .rec_navi_box .rec_navi_item.active{background-color: var(--color-blue-main);}
.main_rec_sect .rec_navi_box .rec_navi_item:hover{background-color: var(--color-blue-main);}

.main_rec_sect .rec_navi_box .rec_navi_item.active .navi_icon_box svg path{fill: var(--color-white);}
.main_rec_sect .rec_navi_box .rec_navi_item:hover .navi_icon_box svg path{fill: var(--color-white);}

.main_rec_sect .rec_navi_box .rec_navi_item.last_active .navi_icon_box svg path{fill: var(--color-white);}

.main_rec_sect .rec_navi_box .rec_navi_item.active .navi_icon_box.navi_09 svg path{stroke: var(--color-white);fill: unset;}
.main_rec_sect .rec_navi_box .rec_navi_item:hover .navi_icon_box.navi_09 svg path{stroke: var(--color-white);fill: unset;}

.main_rec_sect .rec_navi_box .rec_navi_item .navi_name_box{display: flex;align-items: center;justify-content: center;height: 100%;padding: 0 16px;position: absolute;top: 50%;left: calc(100% - 1px);transform: translateY(-50%);background-color: var(--color-blue-main);color: #fff;opacity: 0;visibility: hidden;z-index: 10;transition: all .25s;}
.main_rec_sect .rec_navi_box .rec_navi_item:hover .navi_name_box{opacity: 1;visibility: visible;}

.main_rec_sect .rec_navi_box .rec_navi_item .navi_name_box .navi_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-white);white-space: nowrap;}

.main_rec_sect .prd_list_wrap{padding: 48px 0 24px; border-top-width: 2px;border-top-style: solid;border-bottom: 1px solid var(--divider-line);}
.main_rec_sect .prd_list_wrap.prd_list_01{border-top-color: var(--color-blue-main);}
.main_rec_sect .prd_list_wrap.prd_list_02{border-top-color: #EB01A2;}
.main_rec_sect .prd_list_wrap.prd_list_03{border-top-color: #AD7F32;}
.main_rec_sect .prd_list_wrap.prd_list_04{border-top-color: var(--color-orange-main);}
.main_rec_sect .prd_list_wrap + .prd_list_wrap{margin-top: 32px;}

.main_rec_sect .prd_list_wrap.prd_list_10 { border-top-color: #2E7D32; }  /* 진한 그린 */
.main_rec_sect .prd_list_wrap.prd_list_20 { border-top-color: #0288D1; }  /* 진한 블루 */
.main_rec_sect .prd_list_wrap.prd_list_30 { border-top-color: #512DA8; }  /* 딥 퍼플 */
.main_rec_sect .prd_list_wrap.prd_list_40 { border-top-color: #1A237E; }  /* 딥 네이비 */
.main_rec_sect .prd_list_wrap.prd_list_50 { border-top-color: #EF6C00; }  /* 강렬한 오렌지 */
.main_rec_sect .prd_list_wrap.prd_list_60 { border-top-color: #5D4037; }  /* 다크 브라운 */
.main_rec_sect .prd_list_wrap.prd_list_70 { border-top-color: #00796B; }  /* 다크 틸 */
.main_rec_sect .prd_list_wrap.prd_list_80 { border-top-color: #757575; }  /* 다크 그레이 */
.main_rec_sect .prd_list_wrap.prd_list_90 { border-top-color: #C62828; }  /* 진한 레드 */
.main_rec_sect .prd_list_wrap.prd_list_a0 { border-top-color: #FBC02D; }  /* 딥 옐로우 */
.main_rec_sect .prd_list_wrap.prd_list_b0 { border-top-color: #00897B; }  /* 다크 민트 */
.main_rec_sect .prd_list_wrap.prd_list_c0 { border-top-color: #424242; }  /* 차콜 그레이 */

.main_rec_sect .prd_cate_banner{margin-top:30px;}
.main_rec_sect .prd_cate_banner img{width:100%}

.main_rec_sect .rec_navi_box .rec_navi_item.cate_10.active { background-color: #2E7D32; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_10:hover { background-color: #2E7D32; }

.main_rec_sect .rec_navi_box .rec_navi_item.cate_20.active { background-color: #0288D1; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_20:hover { background-color: #0288D1; }

.main_rec_sect .rec_navi_box .rec_navi_item.cate_30.active { background-color: #512DA8; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_30:hover { background-color: #512DA8; }

.main_rec_sect .rec_navi_box .rec_navi_item.cate_40.active { background-color: #1A237E; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_40:hover { background-color: #1A237E; }

.main_rec_sect .rec_navi_box .rec_navi_item.cate_50.active { background-color: #EF6C00; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_50:hover { background-color: #EF6C00; }

.main_rec_sect .rec_navi_box .rec_navi_item.cate_60.active { background-color: #5D4037; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_60:hover { background-color: #5D4037; }

.main_rec_sect .rec_navi_box .rec_navi_item.cate_70.active { background-color: #00796B; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_70:hover { background-color: #00796B; }

.main_rec_sect .rec_navi_box .rec_navi_item.cate_80.active { background-color: #757575; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_80:hover { background-color: #757575; }

.main_rec_sect .rec_navi_box .rec_navi_item.cate_90.active { background-color: #C62828; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_90:hover { background-color: #C62828; }

.main_rec_sect .rec_navi_box .rec_navi_item.cate_a0.active { background-color: #FBC02D; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_a0:hover { background-color: #FBC02D; }

.main_rec_sect .rec_navi_box .rec_navi_item.cate_b0.active { background-color: #00897B; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_b0:hover { background-color: #00897B; }

.main_rec_sect .rec_navi_box .rec_navi_item.last_active:last-child,
.main_rec_sect .rec_navi_box .rec_navi_item.cate_c0.active { background-color: #424242; }
.main_rec_sect .rec_navi_box .rec_navi_item.last_active:last-child:hover,
.main_rec_sect .rec_navi_box .rec_navi_item.cate_c0:hover { background-color: #424242; }

.main_rec_sect .rec_navi_box .rec_navi_item.cate_10 .navi_name_box { background-color: #2E7D32; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_20 .navi_name_box { background-color: #0288D1; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_30 .navi_name_box { background-color: #512DA8; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_40 .navi_name_box { background-color: #1A237E; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_50 .navi_name_box { background-color: #EF6C00; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_60 .navi_name_box { background-color: #5D4037; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_70 .navi_name_box { background-color: #00796B; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_80 .navi_name_box { background-color: #757575; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_90 .navi_name_box { background-color: #C62828; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_a0 .navi_name_box { background-color: #FBC02D; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_b0 .navi_name_box { background-color: #00897B; }
.main_rec_sect .rec_navi_box .rec_navi_item.cate_c0 .navi_name_box { background-color: #424242; }

.main_sect .prd_list{display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 24px;row-gap: 24px;}
.main_sect .prd_item{width: calc(25% - (72px/4));background-color: var(--color-white);}
.main_sect .prd_item .item_inner{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.main_sect .prd_item .item_cnt_box{height: 100%;}
.main_sect .prd_item .item_thumb_box{width: 100%;height: 0;padding-top: 100%;background-color: var(--color-white);position: relative;overflow: hidden;}
.main_sect .prd_item .item_thumb_box .item_thumb{width: 100%;height: 100%;padding: 16px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
.main_sect .prd_item .item_thumb_box .item_thumb img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.main_sect .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);}
.main_sect .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);}
/* .main_sect .prd_item .item_thumb_box .btn_wish .icon_wish_heart svg{width: 100%;height: 100%;pointer-events: none;} */

.main_sect .prd_item .item_info_box{margin-top:12px}
.main_sect .prd_item .item_thumb_box + .item_info_box{margin-top: 16px;}
.main_sect .prd_item .item_cate_box{display: flex;align-items: flex-start;justify-content: space-between;column-gap: 8px;flex-wrap: nowrap;line-height: 0;}
.main_sect .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;}

.main_sect .prd_item .item_cate_box .btn_wish{flex: 0 0 auto;cursor: pointer;line-height: 0;}
.main_sect .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;}
.main_sect .prd_item .item_cate_box .btn_wish.wished .icon_wish_heart{background-image: url('../img/icon/icon_wish_heart_fill.svg');}

.main_sect .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);}
.main_sect .prd_item .item_cate_box .prod_tag.direct{background-color:#f4f4f4;color:#5f0080;}
.main_sect .prd_item .item_cate_box .prod_tag.domestic{background-color:#f4f4f4;color:var(--color-blue-main);}

.main_sect .prd_item .item_subject_box{line-height: 0;}
.main_sect .prd_item .item_cate_box + .item_subject_box{margin-top: 8px;}
.main_sect .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;}

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

.main_sect .prd_item .item_subject_box + .item_price_box{margin-top: 6px;}
.main_sect .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;}
.main_sect .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;}
.main_sect .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;}


.main_sect .prd_item .item_btns_box{}
.main_sect .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;}
.main_sect .prd_item .item_btns_box .item_btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: 0.02em;display: flex;gap: 4px;align-items: center;}
.main_sect .prd_item .item_btns_box .item_btns .btns_name .icon_cart{display: inline-block;width: 20px;height: 20px;line-height: 0;pointer-events: none;}
.main_sect .prd_item .item_btns_box .item_btns .btns_name .icon_cart svg{width: 100%;height: 100%;}

.main_sect .prd_item .item_btns_box .item_btns:hover{}
.main_sect .prd_item .item_btns_box .item_btns:hover .btns_name{}


.main_sect .prd_item .item_btns_box .btns_cart{}
.main_sect .prd_item .item_btns_box .btns_cart .btns_name{}

.main_sect .prd_item .cart-layer{display: none !important;}

.main_sect .prd_item.prd_card_item{border: 0;}
.main_sect .prd_item.prd_card_item .item_inner{padding: 0;}
.main_sect .prd_card_item .card_tit_box{}
.main_sect .prd_card_item .card_tit_box .card_tit{font-size: var(--fs-24);font-weight: 400;line-height: var(--lh-32);color: var(--color-black);letter-spacing: -0.03em;}

.prd_list_10 .prd_card_item .card_tit_box .card_tit.cate_name { font-size:var(--fs-20);color: #2E7D32; }
.prd_list_20 .prd_card_item .card_tit_box .card_tit.cate_name { font-size:var(--fs-20);color: #0288D1; }
.prd_list_30 .prd_card_item .card_tit_box .card_tit.cate_name { font-size:var(--fs-20);color: #512DA8; }
.prd_list_40 .prd_card_item .card_tit_box .card_tit.cate_name { font-size:var(--fs-20);color: #1A237E; }
.prd_list_50 .prd_card_item .card_tit_box .card_tit.cate_name { font-size:var(--fs-20);color: #EF6C00; }
.prd_list_60 .prd_card_item .card_tit_box .card_tit.cate_name { font-size:var(--fs-20);color: #5D4037; }
.prd_list_70 .prd_card_item .card_tit_box .card_tit.cate_name { font-size:var(--fs-20);color: #00796B; }
.prd_list_80 .prd_card_item .card_tit_box .card_tit.cate_name { font-size:var(--fs-20);color: #757575; }
.prd_list_90 .prd_card_item .card_tit_box .card_tit.cate_name { font-size:var(--fs-20);color: #C62828; }
.prd_list_a0 .prd_card_item .card_tit_box .card_tit.cate_name { font-size:var(--fs-20);color: #FBC02D; }
.prd_list_b0 .prd_card_item .card_tit_box .card_tit.cate_name { font-size:var(--fs-20);color: #00897B; }
.prd_list_c0 .prd_card_item .card_tit_box .card_tit.cate_name { font-size:var(--fs-20);color: #424242; }

.main_sect .prd_card_item .card_desc_box{margin-top: 4px;}
.main_sect .prd_card_item .card_desc_box .card_desc{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray5);letter-spacing: -0.02em;word-break: keep-all;}

.main_sect .prd_card_item .card_btns_box{}
.main_sect .prd_card_item .card_desc_box + .card_btns_box{margin-top: 24px;}
.main_sect .prd_card_item .card_btns_box .card_btns{display: inline-block;}
.main_sect .prd_card_item .card_btns_box .card_btns .btns_name{display: inline-block;padding: 2px 0;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-18);color: var(--color-black);letter-spacing: 0.02em;position: relative;}
.main_sect .prd_card_item .card_btns_box .card_btns .btns_name::after{content: '';display: block;width: 100%;height: 1.5px;background-color: var(--color-black);position: absolute;left: 0;bottom: 0;right: 0;transition: width .15s ease-in-out;}

.main_sect .prd_card_item .card_icon_box{}
.main_sect .prd_card_item .card_icon_box img{width:100%}

@media (max-width: 1080px){
    .main_rec_sect .sect_inner{padding: 48px 16px;overflow: hidden;}
    .main_rec_sect .sect_hd{padding-left: 0;}
    .main_rec_sect .sect_tit_box .sect_tit{font-size: var(--fs-24);line-height: var(--lh-32);}
    .main_rec_sect .sect_tit_box + .sect_desc_box{margin-top: 6px;}
    .main_rec_sect .sect_desc_box .sect_desc{font-size: var(--fs-18);line-height: var(--lh-26);}
    
    .main_rec_sect .sect_hd + .sect_bd{margin-top: 16px;}
    .main_rec_sect .sect_bd{display: block;}
    .main_rec_sect .sect_bd .bd_left{display: flex;align-items: center;justify-content: center;width: 100%;padding: 0 12px;position: fixed;top: 10px;left: 0;right: 0;z-index: 20;transition: opacity .25s;}
    .bd_left_hidden{display: none !important;}
    .main_rec_sect .rec_navi_box{max-width: 100%;overflow: hidden;}
    .main_rec_sect .rec_navi_box .rec_navi_list{max-width: 100%;overflow: hidden;overflow-x: auto;display: flex;align-items: center;flex-wrap: nowrap;}
    .main_rec_sect .rec_navi_box .rec_navi_item .navi_name_box{display: none;}
    .main_rec_sect .rec_navi_box .rec_navi_item .navi_icon_box{width: 32px;height: 32px;}

    .main_rec_sect .sect_bd .bd_right{}
    .main_rec_sect .sect_bd .bd_left + .bd_right{margin-top: 0;}
    .main_rec_sect .prd_list_wrap{padding: 32px 0 24px;}
    
    .main_sect .prd_card_item .card_tit_box .card_tit{font-size: var(--fs-20);line-height: var(--lh-28);}
}
@media (max-width: 1079px){
    .main_sect .prd_list{column-gap: 16px;row-gap: 24px;}
    .main_sect .prd_item{width: calc(33.3334% - (32px/3));}
}
@media (max-width: 768px){
    .main_rec_sect .sect_tit_box .sect_tit{font-size: var(--fs-20);line-height: var(--lh-32);}

    .main_rec_sect .prd_list_wrap{padding: 24px 0;}
    .main_sect .prd_card_item .card_desc_box{margin-top: 4px;}
    .main_sect .prd_card_item .card_desc_box + .card_btns_box{margin-top: 16px;}
    
    .main_sect .prd_list_box{overflow: visible;}
    .main_sect .prd_list{flex-wrap: nowrap;column-gap: 0;row-gap: 0;}
    .main_sect .prd_item{width: calc(33.3334% - 16px);}
    .main_sect .prd_item.prd_card_item{display: none;}
    .main_sect .prd_item .item_thumb_box .btn_wish{top: 0;right: 0;}
    .main_sect .prd_item .item_thumb_box .btn_wish .icon_wish_heart{width: 20px;height: 20px;}
}
@media (max-width: 600px){
    .main_rec_sect .prd_list_wrap{padding: 16px 0 24px;}
    .main_rec_sect .sect_tit_box .sect_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    .main_rec_sect .sect_tit_box + .sect_desc_box{margin-top: 0;}
    .main_rec_sect .sect_desc_box .sect_desc{font-size: var(--fs-16);line-height: var(--lh-20);}

    .main_sect .prd_card_item .card_tit_box .card_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    .main_sect .prd_card_item .card_desc_box .card_desc{font-size: var(--fs-14);line-height: var(--lh-20);}
    .main_sect .prd_card_item .card_desc_box + .card_btns_box{margin-top: 8px;}

    /* .main_sect .prd_list{column-gap: 16px;row-gap: 16px;} */
    .main_sect .prd_item{width: calc(45% - 16px);}
    .main_sect .prd_item .item_subject_box + .item_price_box{margin-top: 2px;}
    .main_sect .prd_item .item_price_box .item_cust_price{font-size: var(--fs-14);line-height: var(--lh-20);}
    .main_sect .prd_item .item_price_box .item_price{font-size: var(--fs-14);line-height: var(--lh-20);}
    .main_sect .prd_item .item_price_box .item_sale_per{font-size: var(--fs-14);line-height: var(--lh-20);}
    
    .main_sect .prd_item .item_btns_box .item_btns .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
}
/* ============================================= //E:main_rec_sect ============================================= */



/* ============================================= S:main_benefit_sect ============================================= */
.main_benefit_sect{width: 100%;}
.main_benefit_sect .sect_inner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 96px 24px;}
.main_benefit_sect .sect_hd{display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: nowrap;column-gap: 16px;}
.main_benefit_sect .sect_hd .hd_left{flex: 1;}
.main_benefit_sect .sect_tit_box{}
.main_benefit_sect .sect_tit_box .sect_tit{font-size: var(--fs-32);font-weight: 400;line-height: var(--lh-42);color: var(--color-black);letter-spacing: -0.03em;text-align: left;}
.main_benefit_sect .sect_desc_box{}
.main_benefit_sect .sect_desc_box .sect_desc{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-28);color: var(--color-black);letter-spacing: -0.02em;word-break: keep-all;text-align: left;}

.main_benefit_sect .sect_hd .hd_right{flex: 0 0 auto;}
.main_benefit_sect .sect_hd .btns_more{display: inline-block;line-height: 0;}
.main_benefit_sect .sect_hd .btns_more .btns_name{display: inline-block;padding-bottom: 2px;font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray1);letter-spacing: 0.02em;position: relative;}
.main_benefit_sect .sect_hd .btns_more .btns_name::after{content: '';display: block;width: 100%;height: 1.5px;background-color: var(--color-gray1);position: absolute;left: 0;bottom: 0;right: 0;}

.main_benefit_sect .sect_bd{}
.main_benefit_sect .sect_hd + .sect_bd{margin-top: 32px;}

.main_benefit_sect .benefit_list_wrap{}
.main_benefit_sect .benefit_list{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 16px;}
.main_benefit_sect .benefit_item{width: calc(50% - (16px/2));}
.main_benefit_sect .benefit_item .item_inner{display: block;height: 100%;}
.main_benefit_sect .benefit_item .item_thumb_box{width: 100%;height: 0;padding-top: 74%;position: relative;overflow: hidden;}
.main_benefit_sect .benefit_item .item_thumb_box .thumb_img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.main_benefit_sect .benefit_item .item_thumb_box .thumb_img_box img{width: 100%;height: 100%;object-fit: cover;}
.main_benefit_sect .benefit_item .item_desc_box{padding: 24px 16px;position: relative;margin-top: -20px;}
.main_benefit_sect .benefit_item.n01 .item_desc_box{background-color: #f8dbb2;}
.main_benefit_sect .benefit_item.n02 .item_desc_box{background-color: #c1cce5;}
.main_benefit_sect .benefit_item .item_thumb_box + .item_desc_box{}
.main_benefit_sect .benefit_item .desc_cate{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-gray1);}
.main_benefit_sect .benefit_item .desc_subject{display: block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-26);color: var(--color-black);letter-spacing: -0.01em;}
.main_benefit_sect .benefit_item .desc_cate + .desc_subject{margin-top: 8px;}
.main_benefit_sect .benefit_item .desc_txt{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.main_benefit_sect .benefit_item .desc_subject + .desc_txt{margin-top: 2px;}

@media (max-width: 1080px){
    .main_benefit_sect .sect_inner{padding: 64px 16px;}
    .main_benefit_sect .sect_tit_box .sect_tit{font-size: var(--fs-24);line-height: var(--lh-32);}
    .main_benefit_sect .sect_desc_box .sect_desc{font-size: var(--fs-18);line-height: var(--lh-26);}
}
@media (max-width: 768px){
    .main_benefit_sect .sect_inner{padding: 56px 16px;}
    .main_benefit_sect .sect_tit_box .sect_tit{font-size: var(--fs-20);line-height: var(--lh-32);}

    .main_benefit_sect .sect_hd + .sect_bd{margin-top: 24px;}
}
@media (max-width: 720px){
    .main_benefit_sect .benefit_list{display: block;}
    .main_benefit_sect .benefit_item{width: 100%;}
    .main_benefit_sect .benefit_item + .benefit_item{margin-top: 16px;}
}
@media (max-width: 600px){
    .main_benefit_sect .sect_inner{padding: 48px 16px;}
    .main_benefit_sect .sect_hd{column-gap: 8px;}
    .main_benefit_sect .sect_tit_box .sect_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    .main_benefit_sect .sect_tit_box + .sect_desc_box{margin-top: 6px;}
    .main_benefit_sect .sect_desc_box .sect_desc{font-size: var(--fs-16);line-height: var(--lh-20);}

    .main_benefit_sect .sect_hd .btns_more .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}

    .main_benefit_sect .benefit_item .desc_cate{font-size: var(--fs-14);line-height: var(--lh-20);}
    .main_benefit_sect .benefit_item .desc_subject{font-size: var(--fs-16);line-height: var(--lh-24);}
    .main_benefit_sect .benefit_item .desc_cate + .desc_subject{margin-top: 4px;}
    .main_benefit_sect .benefit_item .desc_txt{font-size: var(--fs-14);line-height: var(--lh-20);}
    .main_benefit_sect .benefit_item .desc_subject + .desc_txt{margin-top: 2px;}
}
@media (max-width: 430px){}
/* ============================================= //E:main_benefit_sect ============================================= */


/* ============================================= S:main_board_sect ============================================= */
.main_board_sect{}
.main_board_sect .sect_inner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 56px 24px;box-sizing: border-box;}

.main_board_sect .sect_bd{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 16px;}
.main_board_sect .sect_bd .bd_left{flex: 1 1 60%;}
.main_board_sect .sect_bd .bd_right{flex: 1 1 40%;}

.main_board_sect .board_cnt_box{width: 100%;height: 100%;padding: 32px 24px;border: 1px solid var(--color-gray6);background-color: var(--color-white);}
.main_board_sect .board_cnt_box .box_hd{}
.main_board_sect .board_cnt_box .box_bd{}
.main_board_sect .board_cnt_box .box_hd + .box_bd{margin-top: 24px;}

.main_board_sect .main_notice_box .box_hd{display: flex;align-items: center;justify-content: space-between;column-gap: 8px;}
.main_board_sect .board_tit_box{}
.main_board_sect .board_tit_box .board_tit{font-size: var(--fs-24);font-weight: 700;line-height: var(--lh-36);color: var(--color-black);letter-spacing: -0.03em;}

.main_board_sect .board_link_box{}
.main_board_sect .board_link_box .btns_more{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
.main_board_sect .board_link_box .btns_more .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray5);}
.main_board_sect .board_link_box .btns_more .icon_arr_right{display: inline-block;width: 18px;height: 10px;line-height: 0;pointer-events: none;}
.main_board_sect .board_link_box .btns_more .icon_arr_right svg{width: 100%;height: 100%;pointer-events: none;}
.main_board_sect .board_link_box .btns_more .icon_arr_right svg path{fill: var(--color-gray5);}

.main_board_sect .main_notice_list{}
.main_board_sect .main_notice_item{display: flex;align-items: center;flex-wrap: nowrap;justify-content: space-between;column-gap: 24px;}
.main_board_sect .main_notice_item + .main_notice_item{margin-top: 16px;}
.main_board_sect .main_notice_item .item_subject_box{flex: 1;display: flex;align-items: center;flex-wrap: nowrap;}
.main_board_sect .main_notice_item .item_subject{flex: 1;display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.03em;  overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: keep-all;}
.main_board_sect .main_notice_item .item_badge{flex: 0 0 auto;padding: 0 8px;background-color: var(--color-blue-main);border-radius: 4px;}
.main_board_sect .main_notice_item .item_badge .badge_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-white);letter-spacing: -0.03em;}
.main_board_sect .main_notice_item .item_date_box{flex: 0 0 auto;}
.main_board_sect .main_notice_item .item_date{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: #717171;letter-spacing: -0.03em;}

.main_board_sect .main_cscenter_box .board_txt_box{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 4px;}
.main_board_sect .main_cscenter_box .board_txt_box .icon_time{display: inline-block;width: 22px;height: 22px;pointer-events: none;}
.main_board_sect .main_cscenter_box .board_txt_box .icon_time svg{width: 100%;height: 100%;pointer-events: none;}
.main_board_sect .main_cscenter_box .board_txt_box .board_txt{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.03em;}
.main_board_sect .main_cscenter_box .board_txt_box .board_txt .color_gray{color: #616161;font-weight: 400;}

.main_board_sect .main_cscenter_box .board_list_box{margin-top: 24px;}
.main_board_sect .main_cscenter_box .main_cscenter_list{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
.main_board_sect .main_cscenter_box .main_cscenter_item{width: 50%;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
.main_board_sect .main_cscenter_box .main_cscenter_item .item_icon_box{display: inline-block;width: 72px;height: 72px;background-color: var(--color-gray4);border-radius: 50%;}
.main_board_sect .main_cscenter_box .main_cscenter_item .item_subject{margin-top: 16px;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-black);letter-spacing: -0.03em;text-align: center;}

@media (max-width: 1080px){
    .main_board_sect .sect_inner{padding: 56px 16px;}
}
@media (max-width: 850px){
    .main_board_sect .sect_inner{padding: 48px 16px;}
    .main_board_sect .sect_bd{display: block;}

    .main_board_sect .sect_bd .bd_left{}
    .main_board_sect .sect_bd .bd_right{}
    .main_board_sect .sect_bd .bd_left + .bd_right{margin-top: 16px;}
}
@media (max-width: 768px){
    .main_board_sect .board_cnt_box{padding: 24px 16px;}
    .main_board_sect .board_tit_box .board_tit{}
}
@media (max-width: 600px){
    .main_board_sect .board_cnt_box{padding: 16px;}
    .main_board_sect .board_tit_box .board_tit{font-size: var(--fs-20);line-height: var(--lh-26);}
    .main_board_sect .board_link_box .btns_more .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    .main_board_sect .main_cscenter_box .main_cscenter_item .item_subject{font-size: var(--fs-16);line-height: var(--lh-24);}

}
@media (max-width: 430px){
    .main_board_sect .board_tit_box .board_tit{font-size: var(--fs-18);line-height: var(--lh-24);}
}
/* ============================================= //E:main_board_sect ============================================= */