@charset "UTF-8";
.b2b-list {
  font-size: 14px;
  margin-top: 22px;
}
.b2b-list .page-content-top{
    line-height: 18px;
}
.b2b-list .page-content-top__path{
    gap:15px;
}

.b2b-banner{
    margin-top: 80px;
}
.b2b-banner .tit{ 
    font-size:30px; 
    line-height: 1;
    font-weight: 700;
    margin-bottom: 40px;
}
.b2b-event-banner{
    margin-top: 100px;
    position: relative;
}
.b2b-event-banner .tit{ 
    font-size:30px; 
    line-height: 1;
    font-weight: 700;
    margin-bottom: 30px;
}

.b2b-event-banner .swiper:not(.swiper-initialized) .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    height:180px;
    overflow: hidden;
    gap: 20px;
}

.b2b-event-banner .swiper:not(.swiper-initialized) .swiper-slide {
    flex: 1;
}

.b2b-event-banner .skin-banner__slider-nav-warp :is(.swiper-button-prev, .swiper-button-next){
    width:40px; 
    height:40px; 
}
.b2b-event-banner .skin-banner__slider-nav-warp{
    width:1335px;
    top:66%;
}
.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: 0 !important;
}
.b2b-event-banner .swiper-button-next{
    background: url('../../assets/img/business/icon_b2b_next.png') no-repeat;
        background-size: 100%;
}
.b2b-event-banner .swiper-button-prev{
    background: url('../../assets/img/business/icon_b2b_prev.png') no-repeat;
    background-size: 100%;
}

.b2b-best{
    margin-top: 100px;
} 
.thumb-PRODUCT_MOVE .swiper {
    max-width: 1300px;
}
.b2b-best .thumb-item{
    max-width: 244px;
}
.b2b-best .display-product__more{
    display: none;
}
.b2b-best .display-product :is(.swiper-button-prev, .swiper-button-next){display: none;}
.b2b-best .ico_rank{position: absolute;top: 0;left: 15px;z-index: 4;background: url('../../assets/img/main/icon_rank.png')no-repeat center;width: 25px;height: 28px;color: #000;font-size: 14px;text-align: center; font-weight:bold; line-height: 1.8;}

.b2b-item{margin-top: 100px;}
.b2b-item .tit{ 
    font-size:30px; 
    line-height: 1;
    font-weight: 700;
    margin-bottom: 30px;
}
.b2b-item .pd_con{display: flex;}
.b2b-item .pd_con ~ .pd_con{margin-top: 50px;}
.b2b-item .pd_con .brand_ban{width:360px; flex-shrink: 0; position: relative}
.b2b-item .pd_con .brand_ban .skin-banner{border-radius: 5px 0px 0px 5px; overflow: hidden;}
.b2b-item .pd_con .brand_ban .img-tit{position: absolute; color:#fff; font-size:24px; line-height: 1; font-weight: 700; top:40px; left:26px;}
.b2b-item .pd_con .brand_ban .all-items{position: absolute; color:#fff; font-size:18px; line-height: 1; font-weight: 400; top:88px; left:26px;}
.b2b-item .pd_con .brand_ban .all-items::after{content:''; position: absolute;  width: 10px;height: 10px; margin-left: 8px; margin-top: 4px; border-top: 1px solid #fff;  border-right: 1px solid #fff;transform: rotate(45deg);}
.b2b-item .pd_con .pd_con_item{width:calc(100% - 360px); padding: 35px 75px;box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 0px 5px 5px 0;height: 430px;}

.b2b-item .pd_con :is(.swiper-button-prev, .swiper-button-next){
    width:40px; 
    height:40px; 
}
.b2b-item .swiper-button-next{
    background: url('../../assets/img/business/icon_b2b_next.png') no-repeat;
    background-size: 100%;
    right: -95px;
    top:60%;
}
.b2b-item .swiper-button-prev{
    background: url('../../assets/img/business/icon_b2b_prev.png') no-repeat;
    background-size: 100%;
    left: -95px;
    top:60%;
}


.b2b-item .swiper:not(.swiper-initialized) .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height:180px;
    overflow: hidden;
    gap: 25px;
}


.b2b-md-pick{margin-top: 100px;}
.b2b-md-pick .tit{ 
    font-size:30px; 
    line-height: 1;
    font-weight: 700;
    margin-bottom: 30px;
}

.b2b-md-pick .display-product__more{display: none;}
.b2b-md-pick :where(.thumb-GALLERY, .thumb-CART, .thumb-SIMPLE_IMAGE){
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
    row-gap: 45px;
}
.b2b-md-pick .display-product__contents{margin-block-end:100px;}

.b2b-best{margin-top: 60px;}

.md_pick .product-thumb-brand{margin-top: 20px;}
.md_pick .pagination{margin-top: 100px;}