.content.cardlist { max-width: 996px; }
.cardlist .content-title-wrap .cardlist-title { font-size: 36px; font-weight: 700; line-height: 48.24px; letter-spacing: -1.44px; color: var(--white); }
/* .cardlist-wrap .cardlist-tab { position: sticky; top: 0; z-index: 10; }
.cardlist-wrap .cardlist-tab::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid var(--alpha-wt10); z-index: 10; }
.cardlist-wrap .tab-box { text-align: center; background-color: var(--gray-900); }
.cardlist-wrap .tab-box ._tabs-main { display: flex; justify-content: center; gap: 0; }
.cardlist-wrap .tab-box ._tabs-main::after { content: none; }
.cardlist-wrap .tab-box .tab-item { max-width: 199px; }
.cardlist-wrap .tab-box .tab-item a { font-size: 18px; font-weight: 500; line-height: 27px; letter-spacing: -0.72px; color: var(--gray-200); }
.cardlist-wrap .tab-box .tab-item.is-on a { color: var(--white); }
.cardlist-wrap .tab-box .tab-item.is-on a::after { background-color: var(--white); } */

.card-list-wrap {padding-bottom: 30px; }
.card-list-wrap .card-list { display: flex; gap: 20px 0; flex-wrap: wrap; margin-top: 36px; }
.card-list-wrap .card-item { width: 33.33%; text-align: center; background: transparent; border-radius: 20px; overflow: hidden; transition: .3s ease-out;}
.card-list-wrap .card-item a { position: relative; display: block; height: 411px; padding: 40px 0;}
.card-list-wrap .card-item a .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; transition: opacity .3s;}
.card-list-wrap .card-item .card-img {position: relative; height: 243px; z-index: 2;}
.card-list-wrap .card-item .card-img img {max-width: unset; height: 100%; position: relative; transition: .3s ease-out;}
.card-list-wrap .card-item .card-cont { position: relative; margin-top: 24px; color: var(--white); padding: 0 24px; z-index: 2;}
.card-list-wrap .card-item .card-cont .card-title { font-size: 24px; font-weight: 700; line-height: 36px; letter-spacing: -0.96px;}
.card-list-wrap .card-item .card-cont .card-desc { font-size: 20px; line-height: 24px; letter-spacing: -0.64px; color: var(--gray-100); margin-top: 4px;}

@media (hover: hover) {
    .card-list-wrap .card-item:hover a .bg {opacity: 1;}
    .card-list-wrap .card-item.infinite:hover a .bg {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.79%, rgba(0, 0, 0, 0.50) 100%), url(/static/images/card/list_bg_infinite.jpg) no-repeat center center/cover;}
    .card-list-wrap .card-item.diamond:hover a .bg {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.79%, rgba(0, 0, 0, 0.50) 100%), url(/static/images/card/list_bg_diamond.jpg) no-repeat center center/cover;}
    .card-list-wrap .card-item.platinum:hover a .bg {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.79%, rgba(0, 0, 0, 0.50) 100%), url(/static/images/card/list_bg_platinum.jpg) no-repeat center center/cover;}
    .card-list-wrap .card-item.bliss7:hover a .bg {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.79%, rgba(0, 0, 0, 0.50) 100%), url(/static/images/card/list_bg_bliss7.jpg) no-repeat center center/cover;}
    .card-list-wrap .card-item.bliss5:hover a .bg {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.79%, rgba(0, 0, 0, 0.50) 100%), url(/static/images/card/list_bg_bliss5.jpg) no-repeat center center/cover;}
    .card-list-wrap .card-item.ePlatinum:hover a .bg {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.79%, rgba(0, 0, 0, 0.50) 100%), url(/static/images/card/list_bg_eplatinum.jpg) no-repeat center center/cover;}
    .card-list-wrap .card-item:hover .card-img img {transform: translateY(-12px);}
}

@media (max-width: 1023px) {
    .content.cardlist { margin-top: 0; }
    .cardlist .content-title-wrap { display: none; }
    /* .cardlist-wrap .cardlist-tab { top: 56px; }
    .cardlist-wrap .tab-box { text-align: left; }
    .cardlist-wrap .tab-box ._tabs-main { justify-content: left; padding: 0 20px; }
    .cardlist-wrap .tab-box .tab-item { max-width: fit-content; }
    .cardlist-wrap .tab-box .tab-item:not(:last-of-type) { margin-right: 24px; } */

    .card-list-wrap { padding: 40px 0; border-bottom: 1px solid var(--alpha-wt5); scroll-margin-top: 88px; }
    .card-list-wrap .card-list {gap: 16px 12px; margin-top: 24px;}
    .card-list-wrap .card-item { width: calc((100% - 12px)/ 2);}
    
    .card-list-wrap .card-item a .bg {opacity: 1;}
    .card-list-wrap .card-item.infinite a .bg {background:  linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.79%, rgba(0, 0, 0, 0.50) 100%), url(/static/images/card/list_bg_infinite.jpg) no-repeat center center/cover;}
    .card-list-wrap .card-item.diamond a .bg {background:  linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.79%, rgba(0, 0, 0, 0.50) 100%), url(/static/images/card/list_bg_diamond.jpg) no-repeat center center/cover;}
    .card-list-wrap .card-item.platinum a .bg {background:  linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.79%, rgba(0, 0, 0, 0.50) 100%), url(/static/images/card/list_bg_platinum.jpg) no-repeat center center/cover;}
    .card-list-wrap .card-item.bliss7 a .bg {background:  linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.79%, rgba(0, 0, 0, 0.50) 100%), url(/static/images/card/list_bg_bliss7.jpg) no-repeat center center/cover;}
    .card-list-wrap .card-item.bliss5 a .bg {background:  linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.79%, rgba(0, 0, 0, 0.50) 100%), url(/static/images/card/list_bg_bliss5.jpg) no-repeat center center/cover;}
    .card-list-wrap .card-item.ePlatinum a .bg {background:  linear-gradient(180deg, rgba(0, 0, 0, 0.00) 34.79%, rgba(0, 0, 0, 0.50) 100%), url(/static/images/card/list_bg_eplatinum.jpg) no-repeat center center/cover;}
    footer.footer { margin-top: 100px; }
    .card-list-wrap .card-item:hover .card-img img {transform: none;}
}

@media (max-width: 767px) {
    /* .cardlist-wrap .tab-box ._tabs-main { display: inline-flex; } */
    .card-list-wrap .card-list {gap: 16px 12px; margin-top: 24px;}
    .card-list-wrap .card-item { width: 100%;}
}