@charset "UTF-8";

header:has(.header--sub){
    height:97px !important
}
.l-content.b2b-list{
    padding:0;
}
:is(.thumb-SWIPER){padding-inline: 0;}
.b2b-banner img{width:100% !important;}

.b2b-event-banner{padding-left: 20px; margin: 30px 0 0;}
.b2b-event-banner p{line-height: 1.25; font-size:24px; margin-bottom: 25px; font-weight: bold;}
.b2b-event-banner .skin-banner img{border-radius:5px; overflow: hidden;}


.b2b-best {padding-left: 20px;}
.b2b-best .section-label .product-section__title{font-size:24px; line-height: 1; padding:0; font-weight: bold; margin: 0 0 calc(45px / 2)}
.b2b-best .product-section__more.btn{display: none;}
.b2b-best .ranking_wrap{position: absolute;top: 0;left: 10px;  z-index: 3; background: url('../../assets/images/custom/main/bg_rank.png') no-repeat center;width: calc(53px / 2);  height: 30px;    background-size: 100%;  color: #000; font-size: 14px;  text-align: center;}
.b2b-best .ranking_wrap > b{ display: block; font-size:13px; padding-top:3px;}

.b2b-item {margin-top:60px; padding-left:20px;}
.b2b-item > p.tit{font-size:24px; line-height: 1; margin-bottom: 25px; font-weight: bold;}
.b2b-item .brand_ban{padding-right: 20px; position: relative;}
.b2b-item .brand_ban .img-tit{position: absolute; color:#fff; font-size:19px; line-height: 1; font-weight: 700; top:20px; left:20px;}
.b2b-item .brand_ban .all-items{position: absolute; color:#fff; font-size:14px; line-height: 1; font-weight: 300; top:50px; left:20px;}
.b2b-item .brand_ban .all-items::after{content:''; position: absolute;  width:7px;height: 7px; margin-left: 5px; margin-top: 4px; border-top: 1px solid #fff;  border-right: 1px solid #fff;transform: rotate(45deg);}
.b2b-item .brand_ban img{width:100% !important; border-radius: 5px; overflow: hidden;}
.b2b-item .pd_con ~ .pd_con{margin-top: 50px;}
.b2b-item .pd_con .swiper{padding-right:20px;}

.b2b-item .brand_ban .skin-banner{margin-bottom: 15px;}

.b2b-item .pd_con_item .section-label{display: none;}

.b2b-md-pick {margin-top: 60px;}
.b2b-md-pick .product-section__title{padding:0 20px; margin: 0; line-height: 1; font-size:24px; margin-bottom: 25px; }
.b2b-md-pick .more_all{display: none;}

.more_items{margin: 30px auto 0; display: flex; justify-content: center;}
.more_items .btn_more_item{position: relative; padding:15px 60px 15px 40px; line-height: 1; font-size:15px; border:1px solid #e5e5e5;}
.more_items .btn_more_item::after{content:'';position: absolute; margin-left:10px; width:8px;height: 8px; border-top: 1px solid #000;  border-right: 1px solid #000;transform: rotate(135deg);}

.product-section .notice{gap:20px}

@media all and (max-width: 380px) {
    .b2b-md-pick .product-section__title , .b2b-item > p.tit, .b2b-best .section-label .product-section__title , .b2b-event-banner p{font-size:6.4000vw;}
}