@charset "UTF-8";
/*  멤버십 페이지 스타일 파일입니다. */
.l-page.membership{width:100%;  padding-block-end:0;  padding-block-start: 0px;}

@media (max-width:1200px) {
    .l-page.membership{width:1490px;}
}


/*멤버십 상단 이미지*/
.membership-img{position:relative; min-height:260px;}
.membership-img .skin-banner__contents{margin-block-end: 0px;}
.membership-img .skin-banner__contents img{width:100% !important;}
.membership-txt{position:absolute; color:#fff; width:1200px; top:50%; left:50%; transform: translate(-50%, -50%);}
.membership-txt p {margin: 0;}
.membership-txt .txt1{font-size:60px; line-height:1; font-weight: 600; letter-spacing: 0.025em;}
.membership-txt .txt2{font-size:48px; line-height:1; margin:19px 0 24px; font-weight: 300; letter-spacing: 0.4em;}
.membership-txt .txt3{font-size:20px; letter-spacing: 0em;font-weight: 200;    line-height: 1;}

/*멤버십 혜택*/
.m-benefit{background:#f7f8fa; padding-bottom:100px;}
.m-benefit__inner{width:1200px; margin:0px auto ;}
.m-benefit-txt{display:block; line-height:1; padding: 99px 0 61px; font-size: 40px; font-weight: 600; text-align: center; }
.m-benefit-list{display: flex; gap:30px;margin: 0;}
.m-benefit-list li{width:380px; height:340px; background:#fff; display: flex;flex-direction: column;align-items: center;justify-content: center;}
.m-benefit-list li.m3{padding-top:15px;}
.m-benefit-list li .tit{font-size:28px; font-weight: 600; line-height: 1; margin: 30px 0 20px;}
/* .m-benefit-list li:nth-child(3) .tit{margin: 30px 0 33px;} */
.m-benefit-list li .sub-tit{font-size:18px; font-weight: 600; line-height: 1; margin: 0;}
.m-benefit-list li .sub-tit > span{font-weight: 500;}
.m-benefit-list li .sub-tit ~ .sub-tit{margin-top:14px;}
.m-benefit-list li .sub-tit.light{font-size:16px; font-weight: 300;}

/*등급별혜택*/
.lv-benefit{width:1200px; margin:0px auto;} 

.lv-benefit__inner strong{display: block; text-align: center; font-weight: 600; font-size:40px; line-height:1; margin:98px 0 60px;}

.lv-benefit__inner table {width: 100%;border-collapse: collapse;font-size:16px; border-top:2px solid #000;}
.lv-benefit__inner th{font-weight: 400;    vertical-align: middle;}
.lv-benefit__inner th.level{font-size:22px; font-weight: 700;letter-spacing: 0; padding:34px 0;}
.lv-benefit__inner th.level img{margin:0px auto 18px;}
.lv-benefit__inner .t-con-1{height:80px;}
.lv-benefit__inner .t-con-2{height:112px;}
.lv-benefit__inner .t-con-3{height:177px;}
.lv-benefit__inner .t-con-3 img{text-align: center; margin: 0px auto 20px;}
.lv-benefit__inner .t-con-3 td:not(.t-tit){font-weight: 300; line-height: 1.5;}
.lv-benefit__inner .t-con-4{height:166px;}
.lv-benefit__inner .t-con-4 img{text-align: center; margin: 0px auto 20px;}
.lv-benefit__inner .t-con-4 .t-tit{line-height: 1.8;}
.lv-benefit__inner .t-con-4 .green-text{line-height: 1.5;}
.lv-benefit__inner .t-con-4 td:not(.t-tit){font-weight: 300; line-height: 1.5;}
.lv-benefit__inner .t-con-5{height:160px}
.lv-benefit__inner th, .lv-benefit__inner td {border: 1px solid #e5e5e5;text-align: center;     vertical-align: middle;}
.lv-benefit__inner th ,.lv-benefit__inner .t-tit{ background-color: #f7f8fa;}
.lv-benefit__inner .coupon {font-weight: 400; font-size: 16px;color: #3d712e;}
.green-text {color: #3d712e;}
.lv-benefit__inner table p {margin: 0;}

.lv-info__inner strong{display: block; text-align: left; font-weight: 600; font-size:24px; line-height:1; margin:80px 0 43px;}
.lv-info__inner > div p{position: relative; line-height:1.9; font-size:16px; padding-left:16px; font-weight: 300; margin: 0;}
.lv-info__inner > div p::before{content:'•'; position:absolute; font-weight: 300; left:0; font-size:16px; color:#000;}