/* 가입 안내 영역 */
div#join-info {
    border: 1px solid #ddd;
    padding: 10px;

    font-size: 19px;
    letter-spacing: 0px;
    LINE-HEIGHT: 200%;
    font-weight: 600;
    background-color: white;
}

/* 등급 안내 영역 */
h3#membership-title {
    text-align: center;
    font-size: 27px;
    line-height: 60px;
    margin: 30px auto;

    border: 1px solid #ddd;
    border-radius: 15px;
}
#membership .card_wrap {
    display: flex;
    justify-content: center;
    gap: 15px;
    width: 100%;
    margin: 60px 0;
}
b.accent { color: #a01749; }

/* 등급 안내 카드 */
#membership div.card {
    max-width: 288px;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    color: #333;
    background-color: #fff;
}
#membership .card-content {
    width: 250px;
    font-size: 19px;
    margin: 15px 19px;
    text-align: left;
}

/* 회원 등급 이름 */
#membership .card-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 110px;
    color: #333;
}
#membership .card-header > h4 { font-size: 24px; }
#membership .card-header > p { font-size: 19px; }

#membership .card-header#silver { background-color: #e4e4e4; }
#membership .card-header#icoop { background-color: #f1e6fe; }
#membership .card-header#well-life { background-color: #d5e9ff; }
#membership .card-header#life-care { background-color: #e0f6cb; }

/* 등급 별 설명 */
#membership .card-content.desc { height: 130px; }

/* 등급 별 가입 영역 */
#membership .card-content.join {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 125px;
}
#membership .card-content.join p {
    font-size: 19px;
    font-weight: 600;
    color: #a01749;
}

#membership .join-button {
    width: 100%;
    line-height: 50px;
    margin: 10px 0;
    border: none;
    border-radius: 10px;
    font-size: 19px;
    background-color: #a01749;
    color: #fff;
}
#membership .join-button:hover { background-color: #7f0f3d; }


#membership .join-button-disable {
    width: 100%;
    line-height: 50px;
    margin: 10px 0;
    border: none;
    border-radius: 10px;
    font-size: 19px;
    background-color: #333;
    color: #fff;
}

/* 등급 별 혜택 */
#membership .card-content.benefit-all { height: 440px; }
#membership .card-content.benefit-plus { height: 175px; }

#membership .card-content[class*="benefit-"] > li { font-size: 16px; word-break: auto-phrase; }
#membership .card-content[class*="benefit-"] > h3 { font-size: 19px; margin-top: 20px; margin-bottom: 10px; }
#membership .card-content[class*="benefit-"] > li::marker { content: '- '; }
#membership .card-content[class*="benefit-"] > h3::before { content: '· '; }

/* 전체 가입 안내 */
div#membership-info {
    text-align: left;
    font-size: 18px;
    margin: 60px 0;
    line-height: 1.7;
    color: #000;
}
div#membership-img {
    margin: 60px auto;
    text-align: center;
}

/* ========== [ mobile: break-point: 1024px ] ========== */
@media (max-width: 1023px) {
    div.membership-gray {
        width: 100%;
        background-color: #f4f4f4 !important;
        padding: 3rem 2.5%;
    }

    /* 가입 안내 영역 */
    div#join-info {
        font-size: 14px;
        letter-spacing: 0px;
        LINE-HEIGHT: 200%;
        font-weight: 600;
        background-color: white;
    }

    /* 등급 안내 영역 */
    h3#membership-title {
        width: 100%;
        font-size: 17px;
        line-height: 30px;
        border-radius: 10px;
        background-color: #fff;
        margin: 0 0 15px;
    }
    div#membership .card_wrap {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 3rem;
        align-items: center;
        margin: 0;
    }
    
    /* 회원 등급 이름 */
    #membership .card-header { height: 80px; }
    #membership .card-header > h4 { font-size: 17px; }

    /* 등급 안내 카드 */
    #membership div.card {
        max-width: unset;
        width: 100%;
    }
    #membership .card-content {
        width: calc(100% - 20px);
        margin: 10px;
        font-size: 14px;
    }

    /* 등급 별 설명 */
    #membership .card-content.desc {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: auto;
        min-height: 105px;
    }
    #membership .detail-button {
        font-weight: bold;
        border-radius: 5px;
        border: 1px solid #333;
        text-align: center;
        width: 100%;
        line-height: 30px;
    }

    /* 등급 별 가입 영역 */
    #membership .card-content.join p {
        font-size: 15px;
        font-weight: 600;
    }

    #membership .join-button {
        line-height: 45px;
        width: 85%;
        max-width: 220px;
        font-size: 15px;
        border-radius: 9999px;
    }
    #membership .join-button:hover { background-color: #a01749; }

    #membership .join-button-disable {
        line-height: 45px;
        width: 85%;
        max-width: 220px;
        font-size: 15px;
        border-radius: 9999px;
        background-color:#333;
    }

    /* 등급 별 혜택 */
    .benefit-bPopup {
        display: none;
        background-color: #fff;
        width: 95%;
        margin: auto;
        border-radius: 15px;
        overflow: hidden;
    }
    .benefit-bPopup button {
        width: 100%;
        line-height: 45px;
        background-color: #f1f1f1;
    }

    .benefit-bPopup li { font-size: 14px; word-break: auto-phrase; }
    .benefit-bPopup h3 { font-size: 15px; margin-top: 10px; margin-bottom: 5px; }
    .benefit-bPopup li::marker { content: '- '; }
    .benefit-bPopup h3::before { content: '· '; }

    /* 전체 가입 안내 */
    div#membership-info {
        font-size: 14px;
        margin: 3rem auto;
    }
    div#membership-img { margin: 0; }
    div#membership-img img { width: 100%; }
}

/* 250318 개편 */
#membership-container {font-size:15px;color:#1f1f1f;overflow-x: hidden;font-family:"Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Hiragino Sans", "Apple SD Gothic Neo",  "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;letter-spacing:-0.15px;}
#membership-container *, #membership-container *::before, #membership-container *::after {box-sizing:border-box;}
#membership-container img, #membership-container video, #membership-container svg, #membership-container picture {display:block;height:auto;max-width:100%;}
#membership-container a {text-decoration:none;cursor:pointer;}
#membership-container button {border:none;cursor:pointer;background-color:transparent;}
#membership-container sup {line-height:1;vertical-align:0px;}
#membership-container ul, ol, li {list-style:none;}
:root {
    --membership-lv1: #98B220;
    --membership-lv2: #004098;
    --membership-lv3: #A01749;
    --membership-lv4: #999999;
}

/* ====================== */
/* Layout */
/* ====================== */
.membership-section {margin-bottom:120px;}
.membership-section#join {padding-top:50px;}
.membership-section#join .join-tit-section {display: flex; justify-content: space-between;}
.membership-section#join .join-title {font-size:24px;font-weight:500;margin-bottom:14px; line-height: 1.4;}
.membership-section#join .join-title strong {color:var(--membership-lv3);font-weight:700;}
.membership-section#join .join-description {color:#555;line-height:1.5;font-size:12px;position:relative;margin-bottom:3px;}
.membership-section#join .join-description span {color: #999;}
.membership-section#join .membership-test {border-radius: 10px;background:var(--membership-lv3);color:#fff; padding:20px;width:300px;}
.membership-section#join .membership-test .membership-test-content {display:flex;gap:14px;align-items:center;margin-bottom: 10px;}
.membership-section#join .membership-test .membership-test-content strong {font-weight:600;}
.membership-section#join .membership-test .membership-test-content p {color:#333;font-size:14px;margin-top:2px;}
.membership-section#join .membership-test .membership-test-button {background-color:#F8F2F2;font-weight:500;padding:11px 18px;border-radius:6px;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;}
.membership-section#join .membership-test .membership-test-button:hover {opacity:.8;}
.membership-section#join .scroll-button {width:36px;height:36px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/join/membership/images/scroll_btn.svg) no-repeat center/contain;margin:0 auto 60px;display:block;}
.membership-section#join .membership-list {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
.membership-section#join .membership-item {border-radius: 16px;background: #FFF;box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.12);padding:24px 18px 18px;display:flex;flex-direction:column;min-height:330px;transition:all .3s ease;}
.membership-section#join .membership-item:hover {transform:translateY(-8px);}
.membership-section#join .membership-item .membership-info {flex:1;}
.membership-section#join .membership-item .membership-name {font-size:20px;font-weight:700;display:block;margin-bottom:10px;color:var(--membership-lv1);}
.membership-section#join .membership-item .membership-description {color:#333;line-height:1.5;word-break:keep-all;}
.membership-section#join .membership-item .membership-description strong {font-weight:600;}
.membership-section#join .membership-item .membership-fees .membership-fee-item {display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.membership-section#join .membership-item .membership-fees .membership-fee-item span {color:#999;font-weight:500;}
.membership-section#join .membership-item .membership-fees .membership-fee-item strong {font-size:18px;font-weight:500;}
.membership-section#join .membership-item .membership-fees .membership-fee-item strong em {font-weight:700; font-style: normal;}
.membership-section#join .membership-item .join-button {display:block;width:100%;text-align:center;color:#fff;padding:12px;background-color:var(--membership-lv1);border-radius:6px;font-weight:500;margin-top:15px;}
.membership-section#join .membership-item.lv2 .join-button {background-color:var(--membership-lv2);}
.membership-section#join .membership-item.lv2 .membership-name {color:var(--membership-lv2);}
.membership-section#join .membership-item.lv3 .join-button {background-color:var(--membership-lv3);}
.membership-section#join .membership-item.lv3 .membership-name {color:var(--membership-lv3);}
.membership-section#join .membership-item.lv4 .join-button {background-color:var(--membership-lv4);}
.membership-section#join .membership-item.lv4 .membership-name {color:var(--membership-lv4);}
.membership-section#benefit .benefit-title {font-size:24px;font-weight:600;display:block;margin-bottom:26px;}
.membership-section#benefit .benefit-title span {font-size: 12px; padding-left: 10px;}
.membership-section#benefit .benefit-table {border-radius: 14px;border: 1px solid #DEDEDE;overflow:hidden;}
.membership-section#benefit .benefit-table table {width:100%;border-collapse:collapse;table-layout:fixed;}
.membership-section#benefit .benefit-table thead th {background-color:var(--membership-lv3);color:#fff;font-weight:600;padding:13px 0;}
.membership-section#benefit .benefit-table tbody th {text-align:center;font-weight:600;}
.membership-section#benefit .benefit-table tbody td {padding:13px 10px;font-size:14px;}
.membership-section#benefit .benefit-table tbody td ul li {position:relative;padding-left:14px;margin-bottom:3px;word-break:keep-all;color:#333;line-height:1.5;}
.membership-section#benefit .benefit-table tbody td ul li:last-child {margin-bottom:0;}
.membership-section#benefit .benefit-table tbody td ul li:before {content:'';display:inline-block;width:4px;height:4px;border-radius:100px;overflow:hidden;background-color:#333;position:absolute;left:2px;top:9px;}
.membership-section#benefit .benefit-table tbody td ul li strong {font-weight:600;}
.membership-section#benefit .benefit-table tbody tr {border-top: 1px solid #dedede;}
.membership-section#introduction .booklet + .booklet {padding-top:60px;margin-top:70px;border-top:1px solid #dedede;}
.membership-section#introduction .booklet.lv2 {background-color: #f9f9f9;padding:60px 20px}
.membership-section#introduction .booklet .booklet-title {display:block;font-size:20px;margin-bottom:18px;background-color: var(--membership-lv1);font-weight:600;color: #fff;padding: 12px 15px;border-radius: 14px 14px 0 0;}
.membership-section#introduction .booklet .booklet-overview {display:flex;gap:40px;align-items:center;margin-bottom:60px;}
.membership-section#introduction .booklet .booklet-overview > p {flex:1;line-height:1.8;font-size:16px;}
.membership-section#introduction .booklet .booklet-overview > p strong {font-weight:500;}
.membership-section#introduction .booklet .booklet-overview .overview-slogan {display:flex;align-items:end;height:307px;width:660px;border-radius:14px;padding: 30px;overflow:hidden;background:url(/join/membership/images/lv1_booklet_slogan.png) no-repeat center/cover;}
.membership-section#introduction .booklet .booklet-overview .overview-slogan p {font-size:20px;font-weight:500;color:#fff;line-height:1.5;}
.membership-section#introduction .booklet .booklet-overview .overview-slogan p strong {font-weight:700;color:#F5FFC8;}
.membership-section#introduction .booklet .booklet-recommend {display:grid;gap:40px;margin-bottom:60px;grid-template-columns:repeat(2, 1fr);}
.membership-section#introduction .booklet .recommend-title {font-size:18px;font-weight:600;color:var(--membership-lv1);display:block;margin-bottom:14px;}
.membership-section#introduction .booklet .recommend-box ul li {margin-bottom:10px;line-height:1.6;word-break:keep-all;position:relative;padding-left:26px;}
.membership-section#introduction .booklet .recommend-box ul li strong {font-weight:600;}
.membership-section#introduction .booklet .recommend-box ul li:before {position:absolute;left:0;top:2px;content:'';width:20px;height:20px;display:inline-block;background:url(/join/membership/images/lv1_booklet_recommend_check.svg) no-repeat center/contain;flex:none;}
.membership-section#introduction .booklet .booklet-outro {margin-bottom:20px;}
.membership-section#introduction .booklet .booklet-outro p {font-size:22px;font-weight:500;line-height:1.5;}
.membership-section#introduction .booklet .booklet-outro p strong {color:var(--membership-lv1);font-weight:600;}
.membership-section#introduction .booklet .booklet-slide .swiper-slide {height:260px;overflow:hidden;border-radius:10px;}
.membership-section#introduction .booklet .booklet-slide .swiper-slide img {height:100%;width:100%;object-fit:cover;transition:all .5s ease;}
.membership-section#introduction .booklet .booklet-slide .swiper-slide:hover img {transform:scale(1.05);}
.membership-section#introduction .booklet .booklet-slide .swiper-button-next,
.membership-section#introduction .booklet .booklet-slide .swiper-button-prev {width:44px;height:44px;border-radius:100px;background-color:rgba(0, 0, 0, 0.30);color:#fff;top:50%;transform:translateY(-50%);margin:0;}
.membership-section#introduction .booklet .booklet-slide .swiper-button-prev {left:18px;}
.membership-section#introduction .booklet .booklet-slide .swiper-button-next {right:18px;}
.membership-section#introduction .booklet .booklet-slide .swiper-button-next:after,
.membership-section#introduction .booklet .booklet-slide .swiper-button-prev:after {font-size:15px;font-weight:bold;}
.membership-section#introduction .booklet.lv2 .booklet-title {background-color: var(--membership-lv2);}
.membership-section#introduction .booklet.lv2 .booklet-overview .overview-slogan {background-image:url(/join/membership/images/lv2_booklet_slogan.png);}
.membership-section#introduction .booklet.lv2 .booklet-overview .overview-slogan p strong {color: #D3E1FF;}
.membership-section#introduction .booklet.lv2 .recommend-title {color: var(--membership-lv2);}
.membership-section#introduction .booklet.lv2 .recommend-box ul li:before {background-image: url(/join/membership/images/lv2_booklet_recommend_check.svg);}
.membership-section#introduction .booklet.lv2 .booklet-outro p strong {color:var(--membership-lv2);}
.membership-section#introduction .booklet.lv3 .booklet-title {background-color: var(--membership-lv3);}
.membership-section#introduction .booklet.lv3 .recommend-title {color: var(--membership-lv3);}
.membership-section#introduction .booklet.lv3 .booklet-outro p strong {color:var(--membership-lv3);}
.membership-section#introduction .booklet.lv3 .recommend-box ul li:before {background-image: url(/join/images/lv3_booklet_recommend_check.svg);}

@media screen and (max-width:764px) {
    #membership-container {max-width:540px;font-size:14px;}
    
/* ====================== */
/* Layout */
/* ====================== */
.membership-section {padding:36px 0;margin: 0;}
.membership-section .size {padding:0 14px;overflow:visible;}
#membership-tab {display:flex;position:relative;background-color:#fff;max-width:540px;width:100%;z-index:10;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
#membership-tab.fixed {position: fixed;top: 0;}
#membership-tab .membership-tab-btn {width:100%;text-align:center;padding:13px 0 10px;border-bottom: 3px solid #fff;font-weight:500;color:#707070;}
#membership-tab .membership-tab-btn.active {border-bottom:3px solid var(--membership-lv3);color:var(--membership-lv3);font-weight:600;}
.membership-section#join .join-tit-section {flex-direction: column;}
.membership-section#join .join-top {background-color:#fff;padding-bottom:30px;margin-bottom:46px;}
.membership-section#join .join-title {font-size:20px;font-weight:500;margin-bottom:10px;text-align: left;}
.membership-section#join .join-title strong {color:var(--membership-lv3);font-weight:700;}
.membership-section#join .join-description {line-height:1.6;margin-bottom:34px;word-break:keep-all;color:#333;text-align: left;}
.membership-section#join .join-description strong {font-weight:600;}
.membership-section#join .membership-test {padding:14px;width:100%;margin:0 auto 16px;}
.membership-section#join .membership-test .membership-test-content {display:flex;gap:10px;align-items:center;}
.membership-section#join .membership-test .membership-test-content img {width:30px;}
.membership-section#join .membership-test .membership-test-content strong {font-weight:600;}
.membership-section#join .membership-test .membership-test-content p {color:#333;font-size:13px;margin-top:2px;}
.membership-section#join .membership-test .membership-test-button {margin-top:14px;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;width:100%;}
.membership-section#join .membership-test .membership-test-button:hover {opacity:.8;}
.membership-section#join .membership-notice {width:100%;}
.membership-section#join .membership-notice li {color:#666;line-height:1.5;font-size:13px;position:relative;padding-left:12px;margin-bottom:3px;word-break:keep-all;}
.membership-section#join .membership-notice li:last-child {margin-bottom:0;;}
.membership-section#join .membership-notice li:before {content:'';display:inline-block;width:3px;height:3px;border-radius:100px;overflow:hidden;background-color:#777;position:absolute;left:2px;top:9px;}
.membership-section#join .membership-notice li span {color:#9f9f9f;}
.membership-section#join .scroll-button {width:36px;height:36px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/join/images/scroll_btn.svg) no-repeat center/contain;margin:0 auto;display:block;}
.membership-section#join .membership-list {display:grid;gap:20px;grid-template-columns: auto;}
.membership-section#join .membership-item {min-height: auto;}
.membership-section#join .membership-item .membership-info {margin-bottom:20px;}
.membership-section#join .membership-item .membership-name {font-size:18px;font-weight:700;display:block;margin-bottom:6px;color:var(--membership-lv1);}
.membership-section#join .membership-item .membership-description {color:#333;line-height:1.5;word-break:keep-all;}
.membership-section#join .membership-item .membership-description strong {font-weight:600;}
.membership-section#join .membership-item .membership-fees .membership-fee-item {display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.membership-section#join .membership-item .membership-fees .membership-fee-item:last-child {margin-bottom:0;}
.membership-section#join .membership-item .membership-fees .membership-fee-item span {color:#999;font-weight:500;}
.membership-section#join .membership-item .membership-fees .membership-fee-item strong {font-size:16px;font-weight:500;}
.membership-section#join .membership-item .membership-fees .membership-fee-item strong em {font-weight:800;}
.membership-section#join .membership-item .membership-register-button {display:block;width:100%;text-align:center;color:#fff;padding:11px;background-color:var(--membership-lv1);border-radius:6px;font-weight:500;margin-top:15px;}
.membership-section#join .membership-item.lv2 .membership-register-button {background-color:var(--membership-lv2);}
.membership-section#join .membership-item.lv2 .membership-name {color:var(--membership-lv2);}
.membership-section#join .membership-item.lv3 .membership-register-button {background-color:var(--membership-lv3);}
.membership-section#join .membership-item.lv3 .membership-name {color:var(--membership-lv3);}
.membership-section#join .membership-item.lv4 .membership-register-button {background-color:var(--membership-lv4);}
.membership-section#join .membership-item.lv4 .membership-name {color:var(--membership-lv4);}
.membership-section#benefit {background-color:#fff;}
.membership-section#benefit .benefit-title {font-size:20px;font-weight:600;display:block;margin-bottom:7px;}
.membership-section#benefit .benefit-description {display:block;margin-bottom:20px;color:#555;}
.membership-section#benefit .benefit-tab {display:flex;flex-wrap:wrap;border-radius:14px 14px 0 0;border: 1px solid #DEDEDE;overflow:hidden;border-bottom:0;}
.membership-section#benefit .benefit-tab .benefit-tab-btn {padding:11px 0;font-weight:500;width:50%;text-align:center;border-left: 1px solid #FFF;border-bottom: 1px solid #FFF;background: #E8E8E8;color:#505050;}
.membership-section#benefit .benefit-tab .benefit-tab-btn.active {background-color:var(--membership-lv3);color:#fff;}
.membership-section#benefit .benefit-tab .benefit-tab-btn.active:before {content:'';display:inline-block;width:11px;height:11px;background:url(/join/images/benefit_tab_active.svg) no-repeat center/contain;margin-right:5px;vertical-align:0px;}
.membership-section#benefit .benefit-table {border-radius:0 0 14px 14px;border: 1px solid #DEDEDE;overflow:hidden;border-top:0;display:none;}
.membership-section#benefit .benefit-table table {width:100%;border-collapse:collapse;table-layout:fixed;}
.membership-section#benefit .benefit-table thead th {background-color:var(--membership-lv3);color:#fff;font-weight:600;padding:13px 0;}
.membership-section#benefit .benefit-table tbody th {text-align:center;font-weight:600;}
.membership-section#benefit .benefit-table tbody td {padding:13px 10px;font-size:13 px;}
.membership-section#benefit .benefit-table tbody td ul li {position:relative;padding-left:14px;margin-bottom:3px;word-break:keep-all;color:#333;line-height:1.5;}
.membership-section#benefit .benefit-table tbody td ul li:last-child {margin-bottom:0;}
.membership-section#benefit .benefit-table tbody td ul li:before {content:'';display:inline-block;width:4px;height:4px;border-radius:100px;overflow:hidden;background-color:#333;position:absolute;left:2px;top:9px;}
.membership-section#benefit .benefit-table tbody td ul li strong {font-weight:600;}
.membership-section#benefit .benefit-table tbody tr {border-top: 1px solid #dedede;}
.membership-section#benefit .benefit-table tbody tr:first-child {border-top:0;}
.membership-section#introduction .booklet + .booklet {padding-top:40px;margin-top:40px;border-top:1px solid #dedede;}
.membership-section#introduction .booklet .booklet-overview {margin-bottom:40px; display: block;}
.membership-section#introduction .booklet .booklet-overview > p {flex:1;line-height:1.8;}
.membership-section#introduction .booklet .booklet-overview > p strong {font-weight:500;}
.membership-section#introduction .booklet .booklet-overview .overview-slogan {display:flex;align-items:end;height:160px;width:100%;border-radius:12px;padding:20px;overflow:hidden;background:url(/join/images/lv1_booklet_slogan.png) no-repeat center/cover;margin-bottom:20px;}
.membership-section#introduction .booklet .booklet-overview .overview-slogan p {font-size:16px;font-weight:500;color:#fff;line-height:1.5;}
.membership-section#introduction .booklet .booklet-overview .overview-slogan p strong {font-weight:700;color:#F5FFC8;}
.membership-section#introduction .booklet .booklet-recommend {display:grid;gap:24px;margin-bottom:40px;grid-template-columns:repeat(1, 1fr);}
.membership-section#introduction .booklet .recommend-title {font-size:16px;font-weight:600;color:var(--membership-lv1);display:block;margin-bottom:12px;}
.membership-section#introduction .booklet .recommend-box ul li {margin-bottom:10px;line-height:1.6;word-break:keep-all;font-size:13px;position:relative;padding-left:22px;}
.membership-section#introduction .booklet .recommend-box ul li strong {font-weight:500;}
.membership-section#introduction .booklet .recommend-box ul li:before {position:absolute;left:0;top:2px;content:'';width:16px;height:16px;display:inline-block;background:url(/join/images/lv1_booklet_recommend_check.svg) no-repeat center/contain;flex:none;}
.membership-section#introduction .booklet .booklet-outro {margin-bottom:20px;}
.membership-section#introduction .booklet .booklet-outro p {font-size:16px;font-weight:500;line-height:1.5;}
.membership-section#introduction .booklet .booklet-outro p strong {color:var(--membership-lv1);font-weight:600;}
.membership-section#introduction .booklet .booklet-slide {overflow:visible;}
.membership-section#introduction .booklet .booklet-slide .swiper-slide {height:168px;overflow:hidden;border-radius:10px;width:auto;}
.membership-section#introduction .booklet .booklet-slide .swiper-slide img {height:100%;transition:all .5s ease;}
.membership-section#introduction .booklet.lv2 .booklet-overview .overview-slogan {background-image:url(/join/images/lv2_booklet_slogan.png);}
.membership-section#introduction .booklet.lv2 .booklet-overview .overview-slogan p strong {color: #D3E1FF;}
.membership-section#introduction .booklet.lv2 .recommend-title {color: var(--membership-lv2);}
.membership-section#introduction .booklet.lv2 .recommend-box ul li:before {background-image: url(/join/images/lv2_booklet_recommend_check.svg);}
.membership-section#introduction .booklet.lv2 .booklet-outro p strong {color:var(--membership-lv2);}
}