#vip[data-v-c8a38ad2]{padding:40px 16px;position:relative}#vip[data-v-c8a38ad2]:before{background-color:var(--gray-bg);background-image:url(../img/vip/vip_bg.png);background-position:top;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:0;mix-blend-mode:color-burn;position:absolute;top:0;width:100%}.vip-container[data-v-c8a38ad2]{margin:0 auto;max-width:1308px;position:relative}.vip-info[data-v-c8a38ad2]{margin-top:44px}.vip-bg[data-v-c8a38ad2]{background-color:var(--gray-w);border-radius:12px;padding:24px 16px}.vip-title[data-v-c8a38ad2]{align-items:center;color:var(--primary-main);display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:32px;text-transform:uppercase}.vip-content[data-v-c8a38ad2]{color:#4c4c4c;font-size:14px;font-weight:500;line-height:21px}.vip-content span[data-v-c8a38ad2]{color:var(--primary-main);display:block}.vip-content-item+.vip-content-item[data-v-c8a38ad2]{margin-top:32px}.vip-content ul[data-v-c8a38ad2]{list-style:disc;margin-top:16px;padding-left:20px}.vip-content ul li[data-v-c8a38ad2]{line-height:1.6;margin-bottom:12px}.vip-content ul li[data-v-c8a38ad2]:last-child{margin-bottom:0}.vip-title img[data-v-c8a38ad2]{height:24px;width:24px}.vip-table table[data-v-c8a38ad2]{border-radius:12px;overflow:hidden;width:100%}.vip-table-title[data-v-c8a38ad2]{margin-bottom:36px;margin-top:28px;text-align:center}.vip-table-container[data-v-c8a38ad2]{border:1px solid var(--primary-sec);border-radius:12px;border-top:0}.vip-table th[data-v-c8a38ad2]{background:linear-gradient(180deg,#eebd41,#c97247);color:var(--gray-w);font-size:16px;font-weight:700;height:52px;text-transform:uppercase}.vip-table th+th[data-v-c8a38ad2]{border-left:1px solid var(--gray-bg)}.vip-table tbody tr[data-v-c8a38ad2]{background:var(--gray-w)}.vip-table tbody tr td[data-v-c8a38ad2]:first-child{background:var(--primary-sec);border-left:0;color:var(--primary-b)}.vip-table tbody tr td[data-v-c8a38ad2]:last-child{border-right:0}.vip-table tbody tr:last-child td[data-v-c8a38ad2]{border-bottom:0}.vip-table td[data-v-c8a38ad2]{border:2px solid var(--gray-bg);color:var(--gray-b);font-size:16px;font-weight:500;height:55px;text-align:center}.vip-table tr.highlight td[data-v-c8a38ad2]{color:#f0c46b}.vip-rules[data-v-c8a38ad2]{margin-top:28px}.vip-carousel[data-v-c8a38ad2]{margin:0 auto;max-width:1084px}.vip-carousel h2[data-v-c8a38ad2]{color:var(--primary-b);font-size:2rem;font-weight:700;letter-spacing:.02em;margin-bottom:24px;margin-top:44px;text-align:center;text-transform:uppercase}.vip-card[data-v-c8a38ad2]{background-image:url(../img/vip/vip_card_bg.png);background-size:contain;border-radius:12px;color:var(--gray-w);font-size:10px;padding:13px 20px;text-align:center;text-transform:capitalize}.vip-card-title[data-v-c8a38ad2]{margin-bottom:18px}.vip-card-content[data-v-c8a38ad2]{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:6px}.vip-card-content p[data-v-c8a38ad2]{background:linear-gradient(180deg,#7fbbffa3,#0860c5a3 63.46%,#278afca3);border-radius:8px;border-top:1px solid #97e7ff;padding:4px 0;width:calc(50% - 2px)}.vip-card-content img[data-v-c8a38ad2]{display:block;height:36px;margin:0 auto 6px;width:36px}.vip-card-content span[data-v-c8a38ad2]{color:#ffea00;display:block;font-size:14px;font-weight:700}.vip-card-item[data-v-c8a38ad2]{padding:0}.vip-carousel-nav[data-v-c8a38ad2]{margin-top:16px}.active-buttons[data-v-c8a38ad2],.vip-carousel-nav[data-v-c8a38ad2]{align-items:center;display:flex;gap:30px;justify-content:center}.vip-carousel-btn[data-v-c8a38ad2]{color:var(--gray-b);font-size:16px;line-height:11px}.vip-carousel-nav .active-buttons[data-v-c8a38ad2]{background:var(--gray-w);border:1px solid var(--vip-2);border-radius:8px;padding:6px 14px}.vip-carousel-nav .active-buttons .vip-carousel-btn[data-v-c8a38ad2]{color:var(--vip-2)}.vip-carousel-content[data-v-c8a38ad2]{position:relative}.carousel-btn[data-v-c8a38ad2]{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.carousel-prev[data-v-c8a38ad2]{left:-42px}.carousel-next[data-v-c8a38ad2]{right:-42px}.vip-overlay[data-v-c8a38ad2]{background-color:var(--gray-bg);border:1px solid #fcdc67;border-radius:8px;overflow:hidden}.vip-overlay-header[data-v-c8a38ad2]{align-items:center;background:var(--primary-main);display:flex;justify-content:space-between;padding:20px 16px}.vip-overlay-header h2[data-v-c8a38ad2]{color:var(--gray-w);font-size:28px;font-weight:500;line-height:26px}.vip-overlay-header h2 span[data-v-c8a38ad2]{color:#ffea00}.vip-overlay-content[data-v-c8a38ad2]{display:flex;flex-direction:column;gap:20px;min-width:468px;padding:16px}.vip-overlay-info[data-v-c8a38ad2]{background:linear-gradient(0deg,#26a9e1 0 56px,#aedff6 0,#e4f8ff);border:1px solid #ffe381;border-radius:16px;box-shadow:0 4px 4px #07405a1a,inset 0 6px 16px #edfbff;display:flex;flex-direction:column;gap:16px;overflow:hidden;position:relative;z-index:0}.vip-overlay-info-header[data-v-c8a38ad2]{justify-content:space-between;padding-right:16px}.vip-overlay-info-header[data-v-c8a38ad2],.vip-overlay-info-header-left[data-v-c8a38ad2]{align-items:center;display:flex;gap:16px}.vip-overlay-info-header-left-text[data-v-c8a38ad2]{color:var(--gray-b);display:flex;flex-direction:column;font-size:18px;font-weight:500;gap:4px;line-height:26px}.vip-overlay-info-content[data-v-c8a38ad2]{display:flex;flex-direction:column;gap:16px;padding:0 16px}.vip-overlay-progress[data-v-c8a38ad2]{align-items:center;display:flex;gap:16px;justify-content:center}.vip-overlay-progress-bar[data-v-c8a38ad2]{background-color:var(--primary-sec);border-radius:999px;height:8px;position:relative;width:100%}.vip-overlay-progress-bar span[data-v-c8a38ad2]{background-color:#fff700;border-bottom-left-radius:999px;border-top-left-radius:999px;content:"";height:100%;left:0;position:absolute;top:0}.vip-overlay-info-content p[data-v-c8a38ad2]{color:var(--primary-b);font-size:18px;line-height:26px}.vip-overlay-info-content p span[data-v-c8a38ad2]{color:var(--gray-b)}.vip-overlay-detail-button[data-v-c8a38ad2]{align-items:center;color:var(--gray-w);display:flex;font-size:16px;font-weight:500;gap:8px;height:56px;justify-content:flex-end;line-height:24px;padding:16px;width:100%}@media screen and (max-width:1023px){#vip[data-v-c8a38ad2]{background-color:var(--gray-bg);padding:0 0 60px}#vip[data-v-c8a38ad2]:before{content:none}.vip-header[data-v-c8a38ad2]{align-items:center;background-color:var(--primary-main);display:flex;height:42px;justify-content:space-between;padding:0 14px}.vip-header .back-btn[data-v-c8a38ad2]{height:20px;width:20px}.vip-header .vip-logo[data-v-c8a38ad2]{width:169px}.vip-header .vip-btn[data-v-c8a38ad2]{cursor:pointer;height:26px;width:44px}.vip-bg[data-v-c8a38ad2]{border-radius:0;padding:20px 16px}.vip-carousel[data-v-c8a38ad2]{background:linear-gradient(180deg,#e4f8ff 26.96%,#50b3e5 158.26%);padding:12px 0}.vip-carousel h2[data-v-c8a38ad2]{font-size:16px;margin:0 0 16px}.vip-table-container[data-v-c8a38ad2]{border-left:0;border-radius:0;border-right:0}.vip-table table[data-v-c8a38ad2]{border-radius:0}.vip-table-title[data-v-c8a38ad2]{color:var(--primary-b);font-size:18px;font-weight:500;margin-bottom:16px;margin-top:24px}.vip-table th[data-v-c8a38ad2]{font-size:12px;height:44px;padding:0 4px}.vip-table td[data-v-c8a38ad2]{font-size:12px;height:39px}.vip-table .table--col5 th[data-v-c8a38ad2]{width:20%}.vip-table .table--col4 th[data-v-c8a38ad2]{width:25%}.vip-content[data-v-c8a38ad2]{font-size:12px}.vip-content ul[data-v-c8a38ad2]{list-style:none;margin-top:0;padding-left:0}.vip-content ul li[data-v-c8a38ad2]{margin-bottom:0}.vip-content-item+.vip-content-item[data-v-c8a38ad2]{margin-top:16px}.vip-card[data-v-c8a38ad2]{margin:0 auto;width:256px}.carousel-btn[data-v-c8a38ad2]{height:24px;width:24px}.carousel-prev[data-v-c8a38ad2]{left:12px}.carousel-next[data-v-c8a38ad2]{right:12px}.vip-carousel-nav[data-v-c8a38ad2]{gap:8px}.vip-carousel-btn[data-v-c8a38ad2]{color:var(--primary-main);font-size:10px}.vip-carousel-btn.active[data-v-c8a38ad2]{color:var(--primary-b);font-size:14px}.vip-info[data-v-c8a38ad2]{margin-top:0}.vip-overlay-content[data-v-c8a38ad2]{min-width:100%;padding:16px 8px}.vip-overlay-header h2[data-v-c8a38ad2]{font-size:24px}.vip-overlay-info-content[data-v-c8a38ad2]{font-size:16px}}.vip-card[data-v-c8a38ad2]{background-image:url(../img/vip/my_vip_card_bg.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;max-width:100%;width:100%}@media screen and (max-width:1023px){.vip-card[data-v-c8a38ad2]{background-image:url(../img/vip/my_vip_card_bg_sp.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}}