@charset "UTF-8";
/*멤버십 페이지 스타일 파일입니다. */
.header--sub .header__title { height: 51px; font-size: 19px;}
.l-header > div{position:sticky; top:0; z-index: 1;}

/*대량주문 상단 이미지*/
.membership-img{position:relative;}
.membership-img .skin-banner img{width:100% !important;}
.membership-txt{position:absolute;  top:17.4667vw; left:3.5294vw;  color:#fff;}
.membership-txt .txt1{font-size:8.0000vw; line-height:1;font-weight: 600; letter-spacing: 0.025em;}
.membership-txt .txt2{font-size:6.4000vw;  line-height:1; margin:3vw 0 0vw;  font-weight: 200; letter-spacing: 0.4em;}


/*멤버십 혜택*/
.m-benefit{background:#f7f8fa; padding-bottom:50px;}
.m-benefit__inner{ margin:0px auto ;}
.m-benefit-txt{display:block; line-height:1; padding: 44px 0 37px; font-size:25px; font-weight: 700; text-align: center; }
.m-benefit-list{padding:0 3.5294vw; }
.m-benefit-list li~li{margin-top:20px;}
.m-benefit-list li{background:#fff; display: flex; gap:29px; align-items: center;  padding: 24.5px 9px 24.5px 28px; }
.m-benefit-list li img{width:57.5px}
.m-benefit-list li div{width:calc(100% - 57.5px);}
.m-benefit-list li div .tit{font-size:16.5px; font-weight: 700; line-height: 1; margin-bottom:17px; display: block;}
.m-benefit-list li div p {margin: 0;}
.m-benefit-list li div .sub-tit{font-size:14px; font-weight: 600;}
.m-benefit-list li div .sub-tit.light{font-weight: 300;letter-spacing: -0.05em;}
.m-benefit-list li div .sub-tit span{font-weight: 400;letter-spacing: -0.05em;}


/*등급별혜택*/
.lv-benefit{padding:0 3.5294vw;}
.lv-benefit__inner strong{display:block; line-height:1; padding: 50px 0 33.5px; font-size:25px; font-weight: 700; text-align: center; }

.lv-benefit-card {border: 1px solid #e5e5e5; border-top:1px solid #000;}
.lv-benefit-card ~ .lv-benefit-card{margin-top:30px;}
.lv-benefit-card .top { display: flex;align-items: center; font-size:20px; background:#f7f8fa; border-bottom:1px solid #e5e5e5; padding:13px 17px;}
.lv-benefit-card .top img{ width:64px; margin-right: 20px;}
.lv-benefit-card .top p{font-weight: 700; line-height:1;}
.lv-benefit-card .top p span{font-weight: 500;font-size:15px; display: block; margin-top:10px;}

.lv-benefit-list{display: flex; padding:19px 4.5333vw; align-items: center;} 
.lv-benefit-list~.lv-benefit-list{border-top:1px solid #e5e5e5;}

.lv-benefit-list dt{width:50%;}
.lv-benefit-list dt{font-size:15px;}
.lv-benefit-list dt .green-text{display: block; font-size:13px; font-size:13px; color:#3d712e; } 
.lv-benefit-list dt p{position:relative; letter-spacing: -0.05em; word-break: auto-phrase; padding-left:12px; font-size:13px; font-size:13px; color:#3d712e;}
.lv-benefit-list dt p::before{content:'※'; position:absolute; font-weight: 300; left:0; font-size:13px;}

.lv-benefit-list dd{width:50%; font-size:15px;}
.lv-benefit-list dd img{width:110px; margin-bottom: 16px;}

.lv-info__inner strong{display: block; text-align: left; font-weight: 600; font-size:20px; line-height:1; margin:40px 0 20px;}
.lv-info__inner > div p~p{margin-top:9px;}
.lv-info__inner > div p{position: relative;     word-break: auto-phrase; line-height:1.7; font-size:12px; padding-left:8px; font-weight: 300;}
.lv-info__inner > div p::before{content:'•'; position:absolute; font-weight: 300; left:0; font-size:12px; color:#000;}

.discount_coupon p{letter-spacing: -0.05em;}
.lv-benefit-list dd.discount_coupon img{width:114px;}
.discount_txt{font-size:13px;}

@media (min-width:768px) {
    .m-benefit-list li{justify-content: center;}
    .m-benefit-list li div {width:auto;}

}
@media (max-width:395px) {
    .lv-benefit-list dt {
        font-size: 4.0000vw;
    }
    .lv-benefit-list dt .green-text {
        font-size: 3.4667vw;
    }
    .lv-benefit-list dt p {
        
        padding-left: 3.2000vw;
        font-size: 3.4667vw;
    }
    .lv-benefit-list dd {
        font-size: 4.0000vw;
    }
    .lv-benefit-list{gap:6.6667vw;}
}