get_header(); ?>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Syncopate:wght@400;700&display=swap"
    rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

<style>
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background: #060d1a;
    font-weight: 400;
    color: #fff;
    overflow-x: hidden;
}

/* ══ LP SCOPED FONTS — does not affect footer ══ */
.lp-loyalty h1,
.lp-loyalty h2 {
    font-family: "Syncopate", sans-serif;
}

.lp-loyalty p {
    font-family: "Inter", sans-serif;
}

.lp-loyalty a {
    font-family: "Syncopate", sans-serif;
}


.lp-loyalty .tcs {
    font-family: "PP Telegraf", sans-serif;
}

.lp-loyalty .tcs-cta {
    font-family: "PP Telegraf", sans-serif;
}

.lp-loyalty .day-label {
    font-family: "Inter", sans-serif;
}

.lp-loyalty .step-badge {
    font-family: "Inter", sans-serif;
}

.lp-loyalty .step-title {
    font-family: "Syncopate", sans-serif;
}

.lp-loyalty .card-hint {
    font-family: "Inter", sans-serif !important;


}

/* ══ FOOTER RESET — force site default font ══ */
.site-footer,
.site-footer * {
    font-family: "PP Telegraf", sans-serif !important;
}

/* ══ HERO ══ */
.hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 25% center;
    z-index: 0;
}

.hero-bg-mobile {
    display: none;
}

@media(max-width:768px) {
    .hero-bg-desktop {
        display: none;
    }

    .hero-bg-mobile {
        display: block;
        object-position: center center;
    }
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(4, 9, 20, .88) 0%, rgba(4, 9, 20, .70) 25%, rgba(4, 9, 20, .20) 50%, rgba(4, 9, 20, 0) 100%);
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    padding: 0 0 0 5%;
    max-width: 70%;
    width: 100%;
    margin-top: 15rem;
}

.hero-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 1.05;
    margin-bottom: 1.2rem;
}

.hero-subtitle {
    font-size: 27px;
    font-weight: 400;
    color: rgba(255, 255, 255, .88);
    line-height: 30px;
    margin-bottom: 1.8rem;
}

.btn-participate {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6.434px;
    border-radius: 120.874px;
    background: #7AFF32;
    color: #000A1A;
    text-align: center;
    font-family: Syncopate;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 13.51px 36.671px 11px 36.671px;
}

.hero-cta-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}

.tcs {
    font-size: 15px;
    color: rgba(196, 196, 196, 1);
    display: block;
}

/* ══ SECTIONS WRAP ══ */
.sections-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.sections-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    z-index: 0;
}

.sections-overlay {
    position: absolute;
    inset: 0;
    background: rgba(4, 10, 24, .78);
    z-index: 1;
}

/* ══ WHAT IS ══ */
.what-is {
    position: relative;
    z-index: 2;
    padding: 80px 2rem 60px;
    text-align: center;
}

.what-is-title {
    font-size: 48px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.what-is-title .white {
    color: #fff;
}

.what-is-title .green {
    color: #39ff5a;
    text-shadow: 0 0 30px rgba(57, 255, 90, .4);
}

.what-is-sub {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, .82);
    line-height: 1.6;
    max-width: 31%;
    margin: 0 auto 2.5rem;
}

.days-widget {
    display: inline-flex;
    align-items: center;
    gap: 1.2rem;
    border: 1px solid rgba(57, 255, 90, .25);
    border-radius: 50px;
    padding: 1.2rem 2.5rem;
    margin-bottom: 2.5rem;
    backdrop-filter: blur(6px);
}

.day-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
}

.day-circle {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(122, 255, 50, 0.99);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 900;
    color: #000;
    box-shadow: 0 0 20px rgba(57, 255, 90, .45);
}

.day-label {
    font-size: .72rem;
    font-weight: 500;
    color: rgba(255, 255, 255, .6);
    letter-spacing: .03em;
}

.day-pct {
    font-size: .9rem;
    font-weight: 700;
    color: #39ff5a;
}

.days-arrow {
    color: rgba(255, 255, 255, .5);
    margin-top: -46px;
}

.day-note {
    font-size: 32px;
}

/* ══ HOW IT WORKS ══ */
.how-it-works {
    position: relative;
    z-index: 2;
    padding: 60px 2rem 80px;
    text-align: center;
}

.how-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: .8rem;
}

.how-sub {
    font-size: 24px;
    color: rgba(255, 255, 255, .75);
    margin-bottom: 3rem;
}

.step-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 2.5rem;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
}

.step-dot {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0d1f38;
    border: 2px solid #5163EC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    z-index: 1;
}

.step-line {
    flex: 1;
    height: 4px;
    background: #7aff32;
    box-shadow: 0 0 8px rgba(57, 255, 90, .5);
}

.steps-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 0;
    max-width: 65%;
    margin: 0 auto 3rem;
}

.step-card {
    background: rgba(10, 20, 48, .75);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    padding: 2rem 1.5rem 1.8rem;
    text-align: center;
    backdrop-filter: blur(4px);
    position: relative;
    height: 100%;
}

.step-badge {
    display: inline-block;
    color: #39ff5a;
    background: #112325;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 2px 11px;
    border-radius: 20px;
    margin-bottom: 1.4rem;
    border: 2px solid #1d2e30;
}

.step-icon-wrap {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.4rem;
    border-radius: 50%;
    border: var(--stroke-weight-1, 0.999px) solid #2235C5;
    background: #161A3E;
    box-shadow: 0 0 16.5px 0 rgba(255, 255, 255, 0.30);
}

.step-icon-wrap img {
    height: auto;
    width: auto;
}

.step-title {
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: .5rem;
}

.step-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, .55);
    line-height: 1.55;
}

.step-arrow {
    font-size: 1.4rem;
    color: rgba(100, 150, 255, .7);
    padding: 0 1rem;
    flex-shrink: 0;
}

.how-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.how-cta .btn-join {
    display: flex;
    padding: 13.51px 36.671px 11px 36.671px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6.434px;
    border-radius: 120.874px;
    background: #7AFF32;
    color: #000A1A;
    text-align: center;
    font-family: Syncopate;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.mobile-left .tcs {
    display: block;
    font-size: 12px;
    color: rgba(196, 196, 196, 1);
    margin-top: 0;
}

.how-cta .tcs {
    display: block;
    font-size: 12px;
    color: rgba(196, 196, 196, 1);
    margin-top: 0px;
}

.section-divider {
    display: none;
}


.days-note {
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 16.992px rgba(0, 0, 0, 0.50);
    font-family: "PP Telegraf";
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
    /* 33.6px */
    letter-spacing: 0.48px;

}

/* ══ REDEEM / REWARDS SLIDER ══ */
.redeem {
    position: relative;
    width: 100%;
    padding: 80px 0 70px;
    text-align: center;
    background: radial-gradient(118.2% 118.2% at 50% 104.77%, #3d6fe3 0%, #010a19 53.03%);
}

.redeem::before {
    left: 0;
    background: linear-gradient(to right, #010a19 0%, #010a19 20%, transparent 100%);
}

.redeem-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: 1rem;
    padding: 0 2rem;
}

.redeem-sub {
    font-size: 28px;
    font-weight: 400;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 3rem;
    padding: 0 2rem;
}

.redeem-slider-wrapper {
    position: relative;
    width: 100%;
    padding: 10px 0 30px;
}

.redeem-swiper {
    width: 100%;
    padding: 10px 20px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
}

.redeem-swiper .swiper-slide {
    height: auto;
    display: flex;
}

.reward-card {
    background: rgb(6, 11, 35);
    border-radius: 16px;
    overflow: hidden;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex: 1;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
    cursor: grab;
}

.reward-card:active {
    cursor: grabbing;
}

.reward-card:hover {
    transform: translateY(-6px);
    border-color: rgba(122, 255, 50, .3);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .4);
}

.reward-card.featured {
    border-color: rgba(255, 255, 255, .18);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .35);
}

.card-img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
}

.card-body {
    padding: 1.2rem 1.2rem 1.4rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.card-name {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: .3rem;
}

.reward-card .card-desc {
    font-size: 12px;
    color: rgba(255, 255, 255, .42);
    line-height: 1.55;
    flex: 1;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-coins {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .95rem;
    font-weight: 700;
    color: #39ff5a;
}

.coin-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #ffe066, #f5a623);
    flex-shrink: 0;
    display: inline-block;
}

.redeem-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .7rem;
    padding: 0 2rem;
    margin-top: 1.5rem;
}

.redeem-cta .tcs {
    display: block;
    font-size: 12px;
    color: rgba(196, 196, 196, 1);
    margin-top: 0;
    padding: 0;
}

.btn-earn {
    display: flex;
    padding: 13.51px 36.671px 11px 36.671px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6.434px;
    border-radius: 120.874px;
    background: #7AFF32;
    color: #000A1A;
    text-align: center;
    font-family: Syncopate;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

/* ══ COINS SECTION ══ */
.coins-section {
    width: 100%;
    overflow: visible;
    padding: 90px 2rem 100px;
    text-align: center;
}

.coins-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .01em;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 1.2rem;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.coins-sub {
    font-size: 20px;
    font-weight: 400;
    color: rgba(255, 255, 255, .7);
    line-height: 1.6;
    margin-bottom: 4rem;
}

.coins-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.4rem;
    max-width: 1060px;
    margin: 0 auto;
    padding: 10px;
}

.coin-card {
    background: rgba(8, 15, 40, .7);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    padding: 2rem 1.8rem;
    text-align: left;
    backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.coins-section .coins-grid>.coin-card:nth-child(2) {
    border-color: rgba(61, 111, 227, .55) !important;
    box-shadow: 0 0 0 1px rgba(61, 111, 227, .55), 0 0 30px rgba(61, 111, 227, .3), 0 0 60px rgba(61, 111, 227, .15) !important;
}

.coin-card:hover {
    transform: translateY(-4px);
}

.coin-card.featured {
    background: rgba(10, 20, 55, .75);
}

.card-header {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin-bottom: 1.6rem;
}

.card-icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
    flex-shrink: 0;
}

.coin-card .card-type {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #7AFF32;
    margin-bottom: 1rem;
}

.coin-card .card-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, .65);
    line-height: 1.6;
    flex: 1;
}

/* ══ MOBILE APP SECTION ══ */
.mobile-section {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.mobile-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
}

.mobile-overlay {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 18, .45);
    z-index: 1;
}

.mobile-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 6%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.mobile-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.05;
    margin-bottom: 1.6rem;
}

.mobile-title .white {
    display: block;
    color: #fff;
}

.mobile-title .green {
    display: block;
    color: #39ff5a;
    text-shadow: 0 0 30px rgba(57, 255, 90, .4);
}

.mobile-desc {
    font-size: 18px;
    color: rgba(255, 255, 255, .75);
    line-height: 1.65;
    max-width: 460px;
    margin-bottom: 2.2rem;
}

.features-list {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    margin-bottom: 2.5rem;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.feature-icon-wrap {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1rem;
}

.feature-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: .2rem;
    text-transform: none !important;
}

.feature-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    text-transform: none !important;
}

.store-badges {
    display: flex;
    gap: 1rem;
    margin-top: 3rem;
}

.store-badge {
    display: flex;
    align-items: center;
    gap: .6rem;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    transition: border-color .2s ease;
    min-width: 140px;
}

.store-badge:hover {
    border-color: rgba(255, 255, 255, .5);
}

.mobile-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.phone-img {
    width: 100%;
    max-width: 380px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 40px 60px rgba(0, 0, 0, .6));
}

/* ══ SOCIAL SECTION ══ */
.social-section {
    width: 100%;
    padding: 80px 2rem 90px;
    text-align: center;
    background: rgba(1, 10, 25, 1);
}

.social-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: .75rem;
}

.social-sub {
    font-size: 24px;
    font-weight: 400;
    color: rgba(255, 255, 255, .55);
    margin-bottom: 3.5rem;
}

.social-grid {
    display: flex;
    justify-content: center;
    gap: 1rem;
    max-width: 1060px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.social-card {
    background: rgba(8, 14, 35, .95);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    padding: 2rem 1.2rem 1.6rem;
    width: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.4rem;
    cursor: pointer;
    transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}

.card-body {
    margin-top: 4px;
}

.social-card:hover {
    transform: translateY(-5px);
}

.social-card.fb:hover {
    border-color: rgba(24, 119, 242, .5);
    box-shadow: 0 10px 30px rgba(24, 119, 242, .15);
}

.social-card.yt:hover {
    border-color: rgba(255, 0, 0, .5);
    box-shadow: 0 10px 30px rgba(255, 0, 0, .15);
}

.social-card.li:hover {
    border-color: rgba(10, 102, 194, .5);
    box-shadow: 0 10px 30px rgba(10, 102, 194, .15);
}

.social-card.x:hover {
    border-color: rgba(255, 255, 255, .3);
    box-shadow: 0 10px 30px rgba(255, 255, 255, .08);
}

.social-card.ig:hover {
    border-color: rgba(225, 48, 108, .5);
    box-shadow: 0 10px 30px rgba(225, 48, 108, .15);
}

.social-icon {
    width: 90px;
    height: 90px;
    object-fit: contain;
    border-radius: 22px;
}

.card-hint {
    font-size: 10px;
    color: rgba(255, 255, 255, .3);
    font-weight: 400;
}

/* ══ CTA SECTION ══ */
.cta-section {
    position: relative;
    width: 100%;
    padding: 100px 2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 340px;
}

.cta-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
}

.cta-overlay {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 20, .45);
    z-index: 1;
}

.cta-inner {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 65%;
}

.cta-title {
    font-size: 44px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .01em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.cta-sub {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, .75);
    margin-bottom: 2.2rem;
}

.btn-join {
    display: inline-block;
    padding: 1rem 4.5rem;
    background: linear-gradient(180deg, #7AFF32 0%, #57D712 100%);
    color: #000;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 120.874px !important;
    border: none;
    cursor: pointer;
    transition: all .25s ease;
    margin-bottom: 1rem;
}

.tcs-cta {
    display: block;
    font-size: 12px;
    color: rgba(196, 196, 196, 1);
    margin-top: 0;
    padding: 0;
}

/* ══ FAQ SECTION ══ */
.faq-wrap {
    background: #010a19;
    padding: 60px 15% 80px;
}

.faq-eyebrow {
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-bottom: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

.faq-title {
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: "Syncopate", sans-serif;
    margin-bottom: 36px;
}

.cat-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 40px;
}

.cat-tab {
    padding: 8px 22px;
    border-radius: 6px;
    border: 1px solid #0E1539;
    background: transparent;
    color: #757da3;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.18s ease;
    font-family: "Inter", sans-serif;
}



.cat-tab.active {
    background: #1f31bb;
    border-color: #1f31bb;
    color: #757da3;
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {

    border-radius: 12px;
    background: #060b23;
    border: 1px solid #0f163b;
    overflow: hidden;
    transition: border-color 0.2s ease;

}



.faq-item.open {
    border-color: rgba(255, 255, 255, 0.12);
}

.faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    cursor: pointer;
    gap: 16px;
    user-select: none;
}

.faq-q-text {
    font-size: 15px;
    font-weight: 500;
    color: #757da3;
    transition: color 0.15s;
    flex: 1;
    font-family: "Inter", sans-serif;
}

.faq-item.open .faq-q-text {
    color: #757da3;
}



.faq-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.22s ease;
    background: transparent;
}

.faq-item.open .faq-icon {
    background: rgba(79, 142, 247, 0.15);
    border-color: #4f8ef7;
    transform: rotate(45deg);
}

.faq-icon svg {
    width: 14px;
    height: 14px;
    stroke: rgba(255, 255, 255, 0.6);
    stroke-width: 2;
    fill: none;
}

.faq-item.open .faq-icon svg {
    stroke: #4f8ef7;
}

.faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.32s cubic-bezier(0.4, 0, 0.2, 1), padding 0.22s;
    padding: 0 24px;
}

.faq-item.open .faq-a {
    max-height: 300px;
    padding: 0 24px 20px;
}

.faq-a p {
    font-size: 16px;
    line-height: 1.75;
    color: #e1e3eb;
}

/* ══════════════════════════════
   MOBILE RESPONSIVE
══════════════════════════════ */

/* Tablet — 1024px */
@media (max-width: 1024px) {
    .hero-content {
        max-width: 70%;
    }

    .hero-title {
        font-size: 48px;
    }

    .what-is-sub {
        max-width: 60%;
    }

    .steps-grid {
        max-width: 90%;
    }

    .coins-title {
        max-width: 80%;
    }
}

/* Large mobile / small tablet — 768px */
@media (max-width: 768px) {

    /* Hero */
    .hero-content {
        max-width: 90%;
        margin-top: 8rem;
        text-align: center;
    }

    .hero-title {
        font-size: 36px;
    }

    .hero-subtitle {
        font-size: 18px;
        line-height: 1.5;
    }

    .btn-participate {
        padding: .85rem 2rem;
        width: 100%;
        max-width: 276px;
    }

    .tcs {
        padding: 0 1rem;
        font-size: 12px;
    }

    /* What is */
    .what-is {
        padding: 50px 1.5rem 40px;
    }

    .what-is-title {
        font-size: 28px;
    }

    .what-is-sub {
        max-width: 100%;
        font-size: 15px;
    }

    .days-widget {
        flex-wrap: wrap;
        justify-content: center;
        padding: 1rem 1.5rem;
        gap: .8rem;
    }

    .day-note {
        font-size: 20px;
    }

    /* How it works */
    .how-it-works {
        padding: 40px 1.5rem 60px;
    }

    .how-title {
        font-size: 28px;
    }

    .how-sub {
        font-size: 16px;
    }

    .steps-grid {
        grid-template-columns: 1fr;
        max-width: 100%;
        gap: 1rem;
    }

    .step-arrow {
        display: none;
    }

    .step-progress {
        max-width: 100%;
    }

    /* Redeem */
    .redeem {
        padding: 50px 0 50px;
    }

    .redeem-title {
        font-size: 28px;
        padding: 0 1rem;
    }

    .redeem-sub {
        font-size: 16px;
        padding: 0 1rem;
        margin-bottom: 2rem;
    }

    .redeem::before,
    .redeem::after {
        width: 50px;
    }

    .redeem::before {
        background: linear-gradient(to right, #010a19 0%, transparent 100%);
    }

    .redeem::after {
        background: linear-gradient(to left, #010a19 0%, transparent 100%);
    }

    /* Coins */
    .coins-section {
        padding: 50px 1.5rem 60px;
    }

    .coins-title {
        font-size: 28px;
        max-width: 100%;
    }

    .coins-sub {
        font-size: 16px;
    }

    .coins-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    /* Mobile app section */
    .mobile-inner {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 60px 5%;
        text-align: center;
    }

    .mobile-title {
        font-size: 30px;
    }

    .mobile-desc {
        font-size: 15px;
        max-width: 100%;
    }

    .btn-join {
        margin: 0 auto .7rem;
        width: 100%;
        max-width: 300px;
    }

    .store-badges {
        justify-content: center;
        flex-wrap: wrap;
    }

    .mobile-right {
        display: none;
    }

    .mobile-left .tcs {
        padding: 0 1rem;
    }

    /* Social */
    .social-section {
        padding: 50px 1rem 60px;
    }

    .social-title {
        font-size: 28px;
    }

    .social-sub {
        font-size: 16px;
        margin-bottom: 2rem;
    }

    .social-grid {
        gap: .7rem;
    }

    .social-card {
        width: 140px;
        padding: 1.5rem .8rem 1.2rem;
    }

    .social-icon {
        width: 60px;
        height: 60px;
    }

    /* CTA */
    .cta-section {
        padding: 60px 1.5rem;
    }

    .cta-inner {
        max-width: 100%;
    }

    .cta-title {
        font-size: 28px;
    }

    .cta-sub {
        font-size: 15px;
    }

    .btn-join {
        padding: 1rem 2rem;
        width: 100%;
        max-width: 300px;
    }

    /* FAQ */
    .faq-wrap {
        padding: 40px 5% 60px;
    }

    .faq-title {
        font-size: 32px;
    }

    .faq-q {
        padding: 16px 16px;
    }

    .faq-a {
        padding: 0 16px;
    }

    .faq-item.open .faq-a {
        padding: 0 16px 16px;
    }
}

/* Small mobile — 480px */
@media (max-width: 480px) {
    .hero-title {
        font-size: 28px;
    }

    .hero-subtitle {
        font-size: 15px;
    }

    .what-is-title {
        font-size: 22px;
    }

    .how-title {
        font-size: 22px;
    }

    .redeem-title {
        font-size: 22px;
    }

    .coins-title {
        font-size: 22px;
    }

    .social-title {
        font-size: 22px;
    }

    .cta-title {
        font-size: 22px;
    }

    .mobile-title {
        font-size: 24px;
    }

    .days-widget {
        border-radius: 20px;
    }

    .social-card {
        width: calc(50% - .35rem);
    }

    .redeem::before,
    .redeem::after {
        width: 30px;
    }

    .faq-title {
        font-size: 24px;
    }
}

html[lang="ar"] .hero-content,
html[dir="rtl"] .hero-content {
    margin-right: 2rem;
    padding-left: 0;
    padding-right: 5%;
}
</style>

<div class="lp-loyalty">
            <!-- 1st Section - Hero Section -->
            <section class="hero">
                <img class="hero-bg hero-bg-desktop" src="https://m4markets.site/wp-content/uploads/2026/07/AR-514x387-1.png" alt="" />
                        <img class="hero-bg hero-bg-mobile" src="https://m4markets.site/wp-content/uploads/2026/07/JA-514x387-1.png" alt="" />
                <div class="hero-overlay"></div>
        <div class="hero-content">
            <h1 class="hero-title">M4MARKETS <br><span style="color:#78fc31">로열티 프로그램</span></h1>
            <p class="hero-subtitle">거래 활동에 따라 리워드를 적립하고 M4 Coins, M4 <br> Points, 독점 혜택을 잠금 해제하세요.</p>
            <div class="hero-cta-wrap">
                <a href="https://secure.m4marketscrm.com/ko/register" class="btn-participate">참여하기</a>
                <a class="tcs" href="https://m4markets.site/ko/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">T&amp;Cs가 적용됩니다. 원금 손실 위험이 있습니다.</a>
            </div>
        </div>
    </section>
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
            <div class="sections-wrap">
                <div class="sections-overlay"></div>

                                <section class="what-is">
            <h2 class="what-is-title"><span>M4Markets  <br><span style="color:#78fc31">로열티 프로그램이란</span>?</span></h2>
            <p class="what-is-sub">M4Markets 로열티 프로그램은 거래 활동에 따른 리워드 프로그램입니다<br> 거래할수록 M4 Coins, M4 Points, 독점 혜택을 적립할 수 있습니다.</p>
                        <div class="days-widget">
                                <div class="day-item">
                    <div class="day-circle">5</div>
                    <span class="day-label">날</span>
                    <span class="day-pct">+5%</span>
                </div>
                <span class="days-arrow">→</span>                                <div class="day-item">
                    <div class="day-circle">10</div>
                    <span class="day-label">날</span>
                    <span class="day-pct">+10%</span>
                </div>
                <span class="days-arrow">→</span>                                <div class="day-item">
                    <div class="day-circle">15</div>
                    <span class="day-label">날</span>
                    <span class="day-pct">+15%</span>
                </div>
                                            </div>
                        <p class="days-note">더 많이 거래할수록,  더 많이 잠금 해제</p>
        </section>
                
                                <section class="how-it-works">
            <h2 class="how-title">이용 방법</h2>
            <p class="how-sub">거래를 시작하고, 리워드를 적립하고, 진행할수록 더 많은 혜택을 잠금 해제하세요.</p>
                        <div class="step-progress">
                                <div class="step-dot">1</div>
                <div class="step-line"></div>                                <div class="step-dot">2</div>
                <div class="step-line"></div>                                <div class="step-dot">3</div>
                                            </div>
            <div class="steps-grid">
                                <div class="step-card">
                    <div class="step-badge">1단계</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/PT-300x300-1.png"
                            alt="프로그램 참여" />                    </div>
                                        <div class="step-title">프로그램 참여</div>
                    <p class="step-desc">가입하거나 로그인하여 시작하세요.</p>
                </div>
                <div class="step-arrow">→</div>                                <div class="step-card">
                    <div class="step-badge">2단계</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/MS-514x387-1.png"
                            alt="거래하고 적립" />                    </div>
                                        <div class="step-title">거래하고 적립</div>
                    <p class="step-desc">대상 활동을 통해 M4 Coins, M4 Points, M4 Diamonds를 적립하세요</p>
                </div>
                <div class="step-arrow">→</div>                                <div class="step-card">
                    <div class="step-badge">3단계</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/MS-300x300-1.png"
                            alt="리워드 잠금 해제" />                    </div>
                                        <div class="step-title">리워드 잠금 해제</div>
                    <p class="step-desc">M4Markets Rewards Store에서 독점 리워드로 교환하세요</p>
                </div>
                                            </div>
                        <div class="how-cta">
                <a href="https://secure.m4marketscrm.com/ko/register"
                    class="btn-join">지금 참여</a>
                <a class="tcs"
                    href="https://m4markets.site/ko/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">T&Cs가 적용됩니다. 원금 손실 위험이 있습니다.</a>
            </div>
        </section>
                    </div>
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
            <section class="redeem">
        <h2 class="redeem-title">독점 리워드 교환</h2>
        <p class="redeem-sub">M4 Coins를 독점 프리미엄 리워드와 경험으로 교환하세요</p>

                <div class="redeem-slider-wrapper">
            <div class="swiper redeem-swiper">
                <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <div class="card-body">
                                <div class="card-name">iPhone 17</div>
                                                                <p class="card-desc">M4 Coins를 교환하고 iPhone 17로 혁신과 가치의 완벽한 균형을 경험하세요. 최신...</p>
                                                                                            </div>
                        </div>
                    </div>
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <img class="card-img" src="https://m4markets.site/wp-content/uploads/2026/08/Banner-5.png"
                                alt="Samsung OLED TV KQ48SF90AEXKR 48-inch 4K (Stand)" loading="lazy" />
                                                        <div class="card-body">
                                <div class="card-name">Samsung OLED TV KQ48SF90AEXKR 48-inch 4K (Stand)</div>
                                                                <p class="card-desc">세련되고 고급스러운 디자인에 압도적인 화질과 몰입감 넘치는 엔터테인먼트를 갖춘 삼성 48인치 OLED 4K TV로 최상의 럭셔리를 경험해 보세요.</p>
                                                                                            </div>
                        </div>
                    </div>
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <img class="card-img" src="https://m4markets.site/wp-content/uploads/2026/07/ID-514x387-1.png"
                                alt="AirPods 4" loading="lazy" />
                                                        <div class="card-body">
                                <div class="card-name">AirPods 4</div>
                                                                <p class="card-desc">무선 오디오의 미래가 왔습니다. M4 Coins를 교환하여 새로운 AirPods 4를 받을 기회를...</p>
                                                                                            </div>
                        </div>
                    </div>
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <div class="card-body">
                                <div class="card-name">Macbook Air M4 - 15 Inch</div>
                                                                <p class="card-desc">더 큰 화면, 그대로의 초슬림 디자인. 15인치 MacBook Air M4로 넓은 디스플레이와 긴 배터리 사용 시간...</p>
                                                                                            </div>
                        </div>
                    </div>
                                    </div>
            </div>
        </div>
        
        <div class="redeem-cta">
            <a href="https://secure.m4marketscrm.com/ko/register" class="btn-earn">리워드 적립 시작</a>
            <a class="tcs" href="https://m4markets.site/ko/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">T&Cs가 적용됩니다. 원금 손실 위험이 있습니다.</a>
        </div>
    </section>
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
            <section class="coins-section">
        <h2 class="coins-title">M4 Coins, <br>PM4 Points 및 M4 Diamonds 이해하기</h2>
        <p class="coins-sub">M4Markets 로열티 프로그램에서 적립하는 각 리워드 유형의 차이를 확인하세요</p>
                <div class="coins-grid">
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Coins</span>                </div>
                <div class="card-type">사용 가능한 통화</div>                <p class="card-desc">대상 활동을 통해 적립되며 리워드를 잠금 해제하는 데 사용할 수 있습니다.</p>            </div>
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Diamonds</span>                </div>
                <div class="card-type">프리미엄 통화</div>                <p class="card-desc">다른 통화로는 이용할 수 없는 독점 리워드를 잠금 해제합니다. 엘리트 트레이더를 위한 궁극의 지위 상징입니다.</p>            </div>
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Points</span>                </div>
                <div class="card-type">누적 포인트</div>                <p class="card-desc">진행 상황을 추적하고 티어 상승을 돕습니다. 순위표와 대회에 사용됩니다.</p>            </div>
                    </div>
            </section>
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
            <section class="mobile-section">
        <img class="mobile-bg" src="https://m4markets.site/wp-content/uploads/2026/07/August_MarketHolidays.png" />
        <div class="mobile-overlay"></div>
        <div class="mobile-inner">
            <div class="mobile-left">
                <h2 class="mobile-title">모바일 앱 어디서나 M4 Coins 적립</h2>
                <p class="mobile-desc">M4 Coins를 추적하고, 퀘스트를 완료하고, 독점 리워드를 잠금 해제하세요. M4Markets Loyalty App을 다운로드하고 리워드 기회를 놓치지 마세요.</p>
                <div class="features-list">
                                                            <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">즉시 액세스</div>
                            <div class="feature-desc">어디서나 클라이언트 포털에 접속</div>
                        </div>
                    </div>
                                        <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">이동 중 퀘스트 완료</div>
                            <div class="feature-desc">일일 퀘스트나 보너스를 놓치지 마세요</div>
                        </div>
                    </div>
                                        <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">소셜 퀘스트</div>
                            <div class="feature-desc">모바일 기기에서 소셜 퀘스트를 쉽게 완료</div>
                        </div>
                    </div>
                                                        </div>
                <a href="https://secure.m4marketscrm.com/ko/register"
                    class="btn-join">시작할</a>
                <a class="tcs"
                    href="https://m4markets.site/ko/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">T&Cs가 적용됩니다. 원금 손실 위험이 있습니다.</a>
                <div class="store-badges">
                    <a href="https://apps.apple.com/cy/app/m4markets/id6633427594" class="store-badge"><img class="badge-icon"
                            src="https://m4markets.site/wp-content/uploads/2026/07/TMGL_Privacy-and-Confidentiality-Policy_2026-pdf.jpg" alt="App Store" /></a>
                    <a href="https://play.google.com/store/apps/details?id=com.m4marketsclient.mobile" class="store-badge"><img class="badge-icon"
                            src="" alt="Google Play" /></a>
                </div>
            </div>
            <div class="mobile-right">
                <img class="phone-img" src="https://m4markets.site/wp-content/uploads/2026/07/IconArrow.svg" alt="M4Markets Mobile App" />
            </div>
        </div>
    </section>
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
            <section class="social-section">
        <h2 class="social-title">소셜 퀘스트</h2>
        <p class="social-sub">소셜 미디어에서 팔로우하고 참여하세요</p>
                <div class="social-grid">
                        <a href="https://www.facebook.com/M4MarketsOfficial" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/deloitte.svg" />                <div class="card-body">
                    <div class="card-name">Facebook</div>
                </div>
            </a>
                        <a href="https://www.youtube.com/@m4markets" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/lloyds.svg" />                <div class="card-body">
                    <div class="card-name">YouTube</div>
                </div>
            </a>
                        <a href="https://www.linkedin.com/company/m4markets" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/card-section-4.png" />                <div class="card-body">
                    <div class="card-name">LinkedIn</div>
                </div>
            </a>
                        <a href="https://x.com/m4markets_Group" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/card-section-3.svg" />                <div class="card-body">
                    <div class="card-name">X</div>
                </div>
            </a>
                        <a href="https://www.instagram.com/m4markets/" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/card-section-2.svg" />                <div class="card-body">
                    <div class="card-name">Instagram</div>
                </div>
            </a>
                    </div>
            </section>
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
            <section class="cta-section">
        <img class="cta-bg" src="https://m4markets.site/wp-content/uploads/2026/07/card-section-1.png" alt="Starfield background" />
        <div class="cta-overlay"></div>
        <div class="cta-inner">
            <h2 class="cta-title">오늘부터 리워드를 잠금 해제하세요</h2>
            <p class="cta-sub">M4Markets 로열티 프로그램으로 거래 활동을 더 보람 있게 만드세요.</p>
            <a href="https://secure.m4marketscrm.com/ko/register"
                class="btn-join">시작할</a>
            <a class="tcs-cta"
                href="https://m4markets.site/ko/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">T&Cs가 적용됩니다. 원금 손실 위험이 있습니다.</a>
        </div>
    </section>
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

        
    <div class="faq-wrap">

                <p class="faq-eyebrow">M4Markets 로열티 프로그램에 대해 알아야 할 모든 것</p>
        
                <h2 class="faq-title">자주 묻는 질문</h2>
        
        <div class="cat-tabs">
                        <button class="cat-tab active"
                data-cat="All">
                All            </button>
                        <button class="cat-tab "
                data-cat="프로그램 기본">
                프로그램 기본            </button>
                        <button class="cat-tab "
                data-cat="적립">
                적립            </button>
                        <button class="cat-tab "
                data-cat="티어 및 부스트">
                티어 및 부스트            </button>
                        <button class="cat-tab "
                data-cat="교환">
                교환            </button>
                        <button class="cat-tab "
                data-cat="퀘스트">
                퀘스트            </button>
                        <button class="cat-tab "
                data-cat="약관">
                약관            </button>
                    </div>

                <div class="faq-list">
                        <div class="faq-item" data-cat="프로그램 기본">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4Markets 로열티 프로그램이란 무엇인가요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4Markets 로열티 프로그램은 거래, 퀘스트 완료, M4Markets와의 참여 활동에 대해 M4 Coins와 M4 Points를 보상으로 제공합니다. 이후 M4 Coins를 독점 리워드와 경험으로 교환할 수 있습니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="프로그램 기본">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4 Coins란 무엇인가요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Coins는 사용할 수 있는 통화입니다. 거래, 퀘스트 완료, 마일스톤 달성을 통해 적립하고, M4Markets Rewards Store에서 아이템과 경험을 교환하는 데 사용할 수 있습니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="프로그램 기본">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4 Points란 무엇인가요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Points는 누적 포인트입니다. 사용할 수 없으며 순위, 리더보드, 대회 및 특정 퀘스트 참여 자격에 사용됩니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="프로그램 기본">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4 Coins와 M4 Points의 차이는 무엇인가요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Coins는 Rewards Store에서 사용할 수 있으며 리워드를 교환하면 잔액이 증가하거나 감소합니다. M4 Points는 증가만 하며 순위, 티어, 대회에 사용되고 리워드 구매에는 사용되지 않습니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="적립">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4 Coins와 M4 Points는 어떻게 적립하나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">거래, 마일스톤 퀘스트 완료, 미니게임 플레이, 소셜 미디어 퀘스트 수행, 로그인 및 거래 스트릭 유지, 리뷰 작성, M4Markets 신규 고객 추천을 통해 적립할 수 있습니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="적립">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">거래로 얼마나 많은 M4 Coins와 M4 Points를 적립하나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">명목 거래량 100,000 USD마다 100 M4 Coins와 100 M4 Points를 적립합니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="적립">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">거래에서 100,000 USD 명목가치는 무엇을 의미하나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">명목 가치 100,000 USD는 대략 주요 FX 페어 1 lot, XAUUSD 금 0.25 lots, 원유 17 lots, BTCUSD 1 lot, ETHUSD 33 lots, US100 4 lots 또는 SPX500 1.5 lots와 같습니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="적립">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">어떤 상품이 M4 Coins와 M4 Points에 반영되나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">명목 거래량을 발생시키는 모든 지원 M4Markets 상품, FX, 원자재, 지수, 크립토는 M4 Coins와 M4 Points 적립에 반영됩니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="적립">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">거래로 적립한 M4 Coins와 M4 Points는 언제 계정에 반영되나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">거래로 적립되는 M4 Coins와 M4 Points는 해당 일자의 거래량을 기준으로 계산되며 다음 날 지급됩니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="티어 및 부스트">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4Markets 로열티 티어란 무엇인가요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Loyalty Tiers인 Bronze, Silver, Gold, Platinum, Diamond, VIP는 rolling 90일 명목 거래량을 기준으로 합니다. 더 높은 티어는 더 큰 boost와 더 독점적인 리워드를 잠금 해제합니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="티어 및 부스트">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">내 티어는 어떻게 계산되나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">티어는 어제부터 과거 90일간의 명목 거래량을 기준으로 계산됩니다. 이 rolling 거래량이 증가하거나 감소하면 티어가 변경될 수 있습니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="티어 및 부스트">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">티어 부스트란 무엇인가요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Tier Boosts는 거래와 퀘스트에서 이미 적립한 것에 추가로 M4 Coins와 M4 Points를 제공합니다. Boost는 티어에 따라 Bronze의 0%부터 VIP의 25%까지입니다.</div>
</article>
<article class="faq-item is-open"></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="티어 및 부스트">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Balance Boosters란 무엇인가요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Balance Boosters는 M4Markets 계정 잔액을 기준으로, 해당 일자에 적립한 M4 Coins와 M4 Points에 일일 퍼센트 boost를 제공합니다. 잔액이 높을수록 boost가 커지며 최대 25%입니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="티어 및 부스트">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">티어 부스트와 Balance Boosters는 함께 적용되나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">예. Tier Boost와 Balance Booster는 중첩될 수 있어 기본 적립분에 더해 최대 50% 추가 M4 Coins와 M4 Points를 받을 수 있습니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="티어 및 부스트">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4 Coins를 사용하면 내 티어나 M4 Points에 영향을 주나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">아니요. M4 Coins를 사용하면 coin 잔액만 줄어듭니다. 티어와 M4 Points는 거래량과 누적 포인트를 기준으로 하며, 남은 coin 수량을 기준으로 하지 않습니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="교환">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4 Coins로 무엇을 교환할 수 있나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Coins는 M4Markets 굿즈, Apple 및 Samsung 전자제품, 럭셔리 휴가, F1 경험, 고급 시계, 금괴 및 기타 VIP 독점 혜택 등 다양한 리워드로 교환할 수 있습니다. 이용 가능 여부는 티어와 coin 잔액에 따라 달라집니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="교환">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">리워드는 어떻게 교환하나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">로열티 포털 내 M4Markets Rewards Store로 이동해 원하는 리워드를 선택하고 교환을 확인하세요. 필요한 M4 Coins가 잔액에서 차감됩니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="교환">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">리워드를 받는 데 얼마나 걸리나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">리워드를 교환한 후 M4Markets 담당자가 영업일 기준 3일 이내에 연락드립니다. 실물 상품은 물류 및 배송 사정으로 인해 최대 2주가 걸릴 수 있습니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="퀘스트">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">소셜 퀘스트란 무엇인가요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Social Quests는 M4Markets의 소셜 미디어 계정에 연결하고 참여하는 활동에 대해 보상합니다. Facebook, LinkedIn, X/Twitter, YouTube, Instagram 등의 플랫폼에서 계정 연결, 팔로우, 좋아요, 댓글, 리포스트를 통해 M4 Coins와 M4 Points를 적립할 수 있습니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="퀘스트">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Trading Streak Quest: The 1M Club이란 무엇인가요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">The 1M Club은 매일 명목 가치 1 million USD를 거래하고 스트릭을 유지하는 것에 대해 보상합니다. 스트릭이 10, 30, 60, 90, 180, 270, 365일로 늘어날수록 마일스톤 badge와 증가하는 M4 Coin 및 M4 Point 리워드를 잠금 해제합니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="퀘스트">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">그 밖에 어떤 퀘스트가 있나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Login Streak, Jack of All Trades 모든 자산군 거래, The Advocate 리뷰 작성, Trading Streaks, Million Dollar Clubs, Social Quests 등의 퀘스트에 참여할 수 있으며, 각각 고유한 badge와 리워드가 있습니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="퀘스트">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">다른 트레이더를 추천해 리워드를 받을 수 있나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">예. 신규 사용자를 M4Markets에 추천하고 그들이 가입해 거래를 시작하면 referral quest를 통해 추가 M4 Coins와 M4 Points를 적립할 수 있습니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="퀘스트">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">로열티 프로그램의 미니게임이란 무엇인가요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Spin-The-Wheel과 일일 챌린지 같은 미니게임은 일반 거래와 퀘스트 외에도 보너스 M4 Coins와 M4 Points를 재미있고 인터랙티브하게 적립할 수 있는 방법입니다.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="약관">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4 Coins 또는 M4 Points에 만료일이 있나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Coins와 M4 Points는 M4Markets 로열티 프로그램 약관의 적용을 받습니다. 최신 만료 규칙은 포털의 최신 T&amp;Cs를 확인하거나 M4Markets 지원팀에 문의하세요.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="약관">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">지역 또는 계정 유형 제한이 있나요?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><section id="faq" class="section faq desktop-only">
<div class="container">
<div id="faq-list" class="faq-list">
<article class="faq-item is-open">
<div class="faq-answer">일부 리워드 또는 기능은 현지 규정으로 인해 관할 지역 또는 계정 유형에 따라 제한될 수 있습니다. 자세한 내용은 현지 M4Markets 약관을 참고하거나 M4Markets 지원팀에 문의하세요.</div>
</article>
</div>
</div>
</section>
<footer class="desktop-footer desktop-only">
<nav id="footer-links" class="footer-links"></nav>
</footer>
</div>
                </div>
            </div>
                    </div>
        
    </div>

    <script>
    function toggleFaq(item) {
        const wasOpen = item.classList.contains('open');
        document.querySelectorAll('.faq-item.open').forEach(el => el.classList.remove('open'));
        if (!wasOpen) item.classList.add('open');
    }

    document.querySelectorAll('.cat-tab').forEach(btn => {
        btn.addEventListener('click', function() {
            document.querySelectorAll('.cat-tab').forEach(b => b.classList.remove('active'));
            this.classList.add('active');
            const cat = this.dataset.cat;
            document.querySelectorAll('.faq-item').forEach(item => {
                item.style.display = (cat === 'All' || item.dataset.cat === cat) ? '' : 'none';
            });
        });
    });
    </script>

    
        
</div>



<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    new Swiper('.redeem-swiper', {
        slidesPerView: 4,
        spaceBetween: 20,
        grabCursor: true,
        loop: true,
        autoplay: {
            delay: 3000,
            disableOnInteraction: false,
            pauseOnMouseEnter: true,
        },
        breakpoints: {
            0: {
                slidesPerView: 1.2,
                spaceBetween: 14
            },
            480: {
                slidesPerView: 1.8,
                spaceBetween: 16
            },
            640: {
                slidesPerView: 2.4,
                spaceBetween: 18
            },
            900: {
                slidesPerView: 3,
                spaceBetween: 20
            },
            1200: {
                slidesPerView: 4,
                spaceBetween: 20
            },
        },
    });
});
</script>

<style>
    /* Logo spacing */
.logo-en {
    margin-left: clamp(20px, 5vw, 100px);
}

.logo-ar {
    margin-right: clamp(20px, 8vw, 100px);
}

/* Deloitte logo */
.deloitte-logo {
    margin-top: clamp(-50px, -5vw, -15px);
}

/* Divider */
.logo-divider {
    border-bottom: 1px solid #ccc;
    margin-top: clamp(20px, 5vw, 40px);
}

/* Images */
.logo-en img,
.logo-ar img {
    max-width: 100%;
    height: auto;
}

/* Tablet */
@media (max-width: 991.98px) {
    .logo-en,
    .logo-ar {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    .deloitte-logo {
        margin-top: 20px;
    }

    .cls-lloyd-description,
    .cls-deloitte-description {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .logo-en,
    .logo-ar {
        margin: 20px auto;
        text-align: center;
    }

    .deloitte-logo {
        margin-top: 15px;
    }

    .logo-divider {
        margin-top: 40px;
    }

    .cls-lloyd-description,
    .cls-deloitte-description {
        padding: 0 15px;
    }
}

.logo-en img,
.logo-ar img {
    width: 100%;
    max-width: 220px;
    height: auto;
    display: block;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    .logo-en img,
    .logo-ar img {
        max-width: 200px;
    }
}

@media (max-width: 767.98px) {
    .logo-en img,
    .logo-ar img {
        max-width: 180px;
    }
}
</style>

<footer id="footer" class="footer">
    <div class="container">
        <div class="row justify-content-between">
			                <div class="col-12 d-flex justify-content-center footer-image__wrapper">
					<img width="636" height="106" src="https://m4markets.site/wp-content/uploads/2025/05/carlogo.png" class="footer-image" alt="sponsorship" decoding="async" />                </div>
			            <div class="col-12 col-lg-4 mb-5 mb-lg-3">
				        <a href="https://m4markets.site/ko/" class="custom-logo-link" rel="home"><img width="300" height="100" src="https://m4markets.site/wp-content/uploads/2025/11/Logo.svg" class="custom-logo" alt="엠포마켓 &#8211; 신뢰할 수 있는 CFD 트레이딩 브로커" loading="eager" decoding="async" /></a>            <span class="logo-title">엠포마켓 - 신뢰할 수 있는 CFD 트레이딩 브로커</span>
                    <div class="col-12 col-md-10 col-lg-8 mt-5 mb-5 mb-lg-3 text-center cls-lloyd-description">
        <p>Lloyd’s(런던 로이즈)를 통해 제공되는 이번 보험 보호는 고객 자금 보호 수준을 &lt;br&gt; 높이고, 더욱 안전하고 투명한 거래 환경을 구축하기 위한 &lt;br&gt; M4Markets의 지속적인 노력을 보여줍니다.</p>
    </div>

    <div class="col-12 col-lg-4 mb-5 mt-2 mb-lg-3 logo-en">
        <img width="1" height="1" src="https://m4markets.site/wp-content/uploads/2026/07/lloyds.svg" class="img-fluid" alt="" decoding="async" />        <div class="logo-divider"></div>
    </div>

    <div class="col-12 col-md-10 col-lg-8 mt-4 mb-lg-3 text-center cls-deloitte-description">
        <p><strong>외부 감사 기관</strong></p>
    </div>

    <div class="col-12 col-lg-4 mb-2 mb-lg-3 deloitte-logo logo-en">
        <img width="1" height="1" src="https://m4markets.site/wp-content/uploads/2026/07/deloitte.svg" class="img-fluid" alt="" decoding="async" />    </div>
            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu">
						<ul id="menu-footer-menu-korean" class="d-flex flex-column list-inline"><li id="menu-item-8634" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">거래</a><ul class="sub-menu">	<li id="menu-item-8635" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">시장</a><ul class="sub-menu">		<li id="menu-item-15053" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/forex-cfd/" class="menu-link sub-menu-link">외환 CFD</a></li>
		<li id="menu-item-15054" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/commodities-cfd/" class="menu-link sub-menu-link">원자재 CFD</a></li>
		<li id="menu-item-15055" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/indices-cfd/" class="menu-link sub-menu-link">지수 CFD</a></li>
		<li id="menu-item-15056" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/shares-cfd/" class="menu-link sub-menu-link">주식 CFD</a></li>
		<li id="menu-item-15057" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/crypto-cfd/" class="menu-link sub-menu-link">암호화폐 CFD</a></li>
	</ul>
</li>
	<li id="menu-item-8638" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">조건</a><ul class="sub-menu">		<li id="menu-item-15058" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/spreads-commisions/" class="menu-link sub-menu-link">스프레드 및 수수료</a></li>
		<li id="menu-item-15059" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/margin-leverage/" class="menu-link sub-menu-link">마진 및 레버리지</a></li>
		<li id="menu-item-15060" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/conditions/trading-hours/" class="menu-link sub-menu-link">거래 시간</a></li>
		<li id="menu-item-15061" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/swap-rates/" class="menu-link sub-menu-link">스왑 금리</a></li>
	</ul>
</li>
	<li id="menu-item-9698" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">플랫폼</a><ul class="sub-menu">		<li id="menu-item-13540" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/ko/platforms/mt4/" class="menu-link sub-menu-link">MT4</a></li>
		<li id="menu-item-13541" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/ko/platforms/mt5/" class="menu-link sub-menu-link">MT5</a></li>
		<li id="menu-item-13542" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/ko/platforms/mt4-vs-mt5/" class="menu-link sub-menu-link">MT4 대 MT5</a></li>
	</ul>
</li>
</ul>
</li>
<li id="menu-item-15052" class="main-menu-item  menu-item-even menu-item-depth-0 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/ko/markets/forex-cfd/" class="menu-link main-menu-link">외환 CFD</a></li>
</ul>                    </nav>
				            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu-second">
						<ul id="menu-footer-menu-second-korean" class="d-flex flex-column list-inline"><li id="menu-item-8695" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">도구 및 자료</a><ul class="sub-menu">	<li id="menu-item-8696" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">도구</a><ul class="sub-menu">		<li id="menu-item-15062" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/m4markets-app/" class="menu-link sub-menu-link">M4 모바일 앱</a></li>
		<li id="menu-item-15063" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/social-trading/" class="menu-link sub-menu-link">소셜 트레이딩</a></li>
		<li id="menu-item-15064" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/economic-calendar/" class="menu-link sub-menu-link">경제 캘린더</a></li>
		<li id="menu-item-15065" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/forex-calculators/" class="menu-link sub-menu-link">외환 계산기</a></li>
	</ul>
</li>
	<li id="menu-item-9707" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">자료</a><ul class="sub-menu">		<li id="menu-item-15066" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/ebooks/" class="menu-link sub-menu-link">거래 전자책</a></li>
		<li id="menu-item-15067" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/glossary/" class="menu-link sub-menu-link">용어집</a></li>
		<li id="menu-item-15068" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/video-courses/" class="menu-link sub-menu-link">동영상 강좌</a></li>
		<li id="menu-item-21201" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/media-kor/" class="menu-link sub-menu-link">미디어</a></li>
	</ul>
</li>
</ul>
</li>
</ul>                    </nav>
				            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu-third">
						<ul id="menu-footer-menu-third-korean" class="d-flex flex-column list-inline"><li id="menu-item-8737" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">파트너십</a><ul class="sub-menu">	<li id="menu-item-15069" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/introducing-brokers/" class="menu-link sub-menu-link">소개 브로커</a></li>
	<li id="menu-item-15070" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/mam-pamm/" class="menu-link sub-menu-link">MAM/PAMM</a></li>
</ul>
</li>
<li id="menu-item-8757" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 additional-margin menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">계정</a><ul class="sub-menu">	<li id="menu-item-15071" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/trading-accounts/" class="menu-link sub-menu-link">거래 계정</a></li>
	<li id="menu-item-23955" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/ko/cent-account/" class="menu-link sub-menu-link">Cent 계좌</a></li>
	<li id="menu-item-15072" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/islamic-account/" class="menu-link sub-menu-link">이슬람 계정</a></li>
	<li id="menu-item-15073" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/demo-account/" class="menu-link sub-menu-link">데모 계정</a></li>
	<li id="menu-item-15074" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/dynamic-leverage-account/" class="menu-link sub-menu-link">다이내믹 레버리지 계정</a></li>
	<li id="menu-item-15075" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/deposit-withdrawals/" class="menu-link sub-menu-link">입출금</a></li>
</ul>
</li>
</ul>                    </nav>
				            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu-fourth">
						<ul id="menu-footer-menu-fourth-korean" class="d-flex flex-column list-inline"><li id="menu-item-8776" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">회사 소개</a><ul class="sub-menu">	<li id="menu-item-15077" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/about/about-m4markets/" class="menu-link sub-menu-link">M4Markets 소개</a></li>
	<li id="menu-item-15078" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/about/licences/" class="menu-link sub-menu-link">라이선스</a></li>
	<li id="menu-item-15079" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/about/legal-documents/" class="menu-link sub-menu-link">법적 문서</a></li>
	<li id="menu-item-9721" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type_archive menu-item-object-news"><a href="https://m4markets.site/ko/blog/news/" class="menu-link sub-menu-link">뉴스</a></li>
	<li id="menu-item-15080" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/about/careers/" class="menu-link sub-menu-link">채용</a></li>
	<li id="menu-item-15081" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/about/contact-us/" class="menu-link sub-menu-link">문의하기</a></li>
	<li id="menu-item-15082" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/about/support-center/" class="menu-link sub-menu-link">지원 센터</a></li>
</ul>
</li>
<li id="menu-item-9725" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children"><a href="#" class="menu-link main-menu-link">프로모션</a><ul class="sub-menu">	<li id="menu-item-9726" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/ko/promotions/all-promotions/" class="menu-link sub-menu-link">모든 프로모션</a></li>
	<li id="menu-item-23904" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-23203 current_page_item"><a href="https://m4markets.site/ko/loyalty-program/" class="menu-link sub-menu-link">Loyalty Program</a></li>
	<li id="menu-item-12689" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/ko/promotions/credit-bonus/" class="menu-link sub-menu-link">크레딧 보너스</a></li>
	<li id="menu-item-15076" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ko/refer-a-friend/" class="menu-link sub-menu-link">친구 추천</a></li>
</ul>
</li>
</ul>                    </nav>
				            </div>
			                <div class="col-12 col-lg-8 offset-lg-4 social-media">
                        <span class="social-media__title">
                            팔로우하기                        </span>
                    <div class="social-media__wrapper">
													                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/facebook.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.facebook.com/M4MarketsOfficial"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img width="300" height="300" src="https://m4markets.site/wp-content/uploads/2025/05/X_icon.png" class="social-media__icon" alt="" decoding="async" />									<a href="https://x.com/m4markets_Group"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/instagram.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.instagram.com/m4markets/"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/linkedin.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.linkedin.com/company/m4markets"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/tiktok.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.tiktok.com/@m4markets_official"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/telegram.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.tiktok.com/@m4markets_official"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
													                    </div>
                </div>
			            <div class="col-12 text-center footer__info">
				                    <p class="footer__info-text">
												M4Markets는 다음을 포함한 여러 법인들이 공동으로 사용하는 공동 브랜드입니다:
<br></br>
Trinota Markets (Global) Limited – 등록번호 8425037-1, 세이셸 금융서비스청(Financial Services Authority of Seychelles)에 의해 증권 딜러로 규제되며, 라이선스 번호는 SD035입니다. 주소: JUC Building, Office No.F4, Providence Zone 18,
 Mahé, Seychelles. 
<br></br>
Oryx Finance Ltd – 두바이 금융서비스청(Dubai Financial Services Authority, DFSA)에 의해 인가 및 규제되며, 라이선스 번호는 F007051 (Prudential Category 4)입니다.
<br></br>
Harindale Ltd – 키프로스 증권거래위원회(Cyprus Securities and Exchange Commission, CySEC)에 의해 인가 및 규제되며, 라이선스 번호는 301/16입니다.<br /><br />                    </p>
								                    <div class="footer__info-text">
						<p><strong>위험 경고</strong> – CFD는 복잡한 금융 상품이며, 레버리지로 인해 빠르게 자금을 잃을 수 있는 높은 위험이 따릅니다. 귀하는 CFD가 어떻게 작동하는지 이해하고 있는지, 그리고 자금 손실의 높은 위험을 감수할 수 있는지 신중히 고려해야 합니다. 이 사이트의 정보는 미국, 쿠바, 북한 또는 해당 정보의 배포나 사용이 해당 국가 또는 관할권의 법률이나 규정에 위배되는 국가의 거주자를 대상으로 하지 않습니다.</p>
<p>이 사이트의 정보는 미국, 쿠바, 북한 또는 해당 정보의 배포나 사용이 해당 국가 또는 관할권의 법률이나 규정에 위배되는 국가의 거주자를 대상으로 하지 않습니다.</p>
<p data-start="34" data-end="61"><a href="https://m4markets.site/ko/legal-documents/privacy-policy/">당사의 개인정보 보호정책을 읽어주세요.</a></p>
                    </div>
				            </div>
        </div>
    </div>
									            <div id="popup_2" class="popup-modal">
                <div class="popup-modal-content background-9">
                    <h2 class="popup-modal-content-title">M4Markets 유럽 전욕 사이트로 자동 연결됩니다.</h2>
                    <span class="popup-modal-content-text">접속하려는 웹사이트는 Harindale Limited가 운영하며, 키프로스 증권거래위원회(CySEC)의 인가 및 규제를 받고 있습니다. 라이선스 번호는 301/16입니다.</span>
                    <div class="d-flex flex-column flex-lg-row align-items-center align-items-lg-start popup-buttons">
                        <a href="https://www.m4markets.eu/?no_redirect=1"
                           class="popup-buttons-link link__secondary">M4Markets 유럽 사이트로 이동</a>
                        <div>
                            <a href="#" class="popup-buttons-link link__four">M4Markets 세이셸 사이트에 계속 머무르기</a>
							                        </div>
                    </div>
                </div>
            </div>
								            <div id="popup_3" class="popup-modal">
                <div class="popup-modal-content background-9">
                    <h2 class="popup-modal-content-title">M4Markets 두바이 사이트로 리디렉션됩니다.</h2>
                    <span class="popup-modal-content-text">접속하려는 웹사이트는 Oryx Finance Limited가 운영하며, 본 회사는 두바이 금융서비스청(DFSA)의 인가 및 규제를 받은 법인입니다. 라이선스 번호는 F007051이며, 카테고리 3A 라이선스에 해당합니다.</span>
                    <div class="d-flex flex-column flex-lg-row align-items-center align-items-lg-start popup-buttons">
                        <a href="https://www.m4markets.ae/?no_redirect=1"
                           class="popup-buttons-link link__secondary">M4Markets 두바이 사이트로 이동하기</a>
                        <div>
                            <a href="#" class="popup-buttons-link link__four">M4Markets 세이셸 사이트에 계속 머무르기</a>
							                        </div>
                    </div>
                </div>
            </div>
				
		
</footer>
<svg display="none" xmlns="http://www.w3.org/2000/svg">
    <symbol id="arrow-down" viewBox="0 0 15 15">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2266 2.12095L3.61996 12.7276L1.49864 10.6062L12.1052 -0.000369257L14.2266 2.12095Z"  />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8981 14.2275L-0.0013628 14.2275L-0.00136254 11.2275L12.8981 11.2275L12.8981 14.2275Z"  />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.99866 1.32804L2.99866 14.2275L-0.0013628 14.2275L-0.00134165 1.32804L2.99866 1.32804Z"  />
    </symbol>
    <symbol id="arrow-up" viewBox="0 0 64 64">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M24.7734 36.879L35.38 26.2724L37.5014 28.3938L26.8948 39.0004L24.7734 36.879Z" />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M26.1019 24.7725L39.0014 24.7725L39.0014 27.7725L26.1019 27.7725L26.1019 24.7725Z" />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M36.0013 37.672L36.0013 24.7725L39.0014 24.7725L39.0013 37.672L36.0013 37.672Z" />
    </symbol>
    <symbol id="search" viewBox="0 0 16 16">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9566 10.9566C12.9873 8.92596 12.9873 5.6336 10.9566 3.60294C8.92596 1.57227 5.6336 1.57227 3.60294 3.60294C1.57227 5.6336 1.57227 8.92596 3.60294 10.9566C5.6336 12.9873 8.92596 12.9873 10.9566 10.9566ZM12.4274 12.4274C15.2703 9.58443 15.2703 4.97513 12.4274 2.1322C9.58443 -0.710733 4.97513 -0.710733 2.1322 2.1322C-0.710733 4.97513 -0.710733 9.58443 2.1322 12.4274C4.97513 15.2703 9.58443 15.2703 12.4274 12.4274Z"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0597 10.5889L15.7365 14.2658L14.2658 15.7365L10.5889 12.0597L12.0597 10.5889Z"/>
    </symbol>
    <symbol id="search" viewBox="0 0 16 16">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9566 10.9566C12.9873 8.92596 12.9873 5.6336 10.9566 3.60294C8.92596 1.57227 5.6336 1.57227 3.60294 3.60294C1.57227 5.6336 1.57227 8.92596 3.60294 10.9566C5.6336 12.9873 8.92596 12.9873 10.9566 10.9566ZM12.4274 12.4274C15.2703 9.58443 15.2703 4.97513 12.4274 2.1322C9.58443 -0.710733 4.97513 -0.710733 2.1322 2.1322C-0.710733 4.97513 -0.710733 9.58443 2.1322 12.4274C4.97513 15.2703 9.58443 15.2703 12.4274 12.4274Z"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0597 10.5889L15.7365 14.2658L14.2658 15.7365L10.5889 12.0597L12.0597 10.5889Z"/>
    </symbol>
    <symbol id="tab-arrow-down" viewBox="0 0 12 9">
        <path d="M6 8L11 1L0.999999 1L6 8Z" stroke-opacity="0.09" stroke-linecap="square" />
   </symbol>
    <symbol id="log-in" viewBox="0 0 10 16">
        <path d="M4.99666 6.33318C6.53086 6.33318 7.77458 5.08946 7.77458 3.55526C7.77458 2.02106 6.53086 0.777344 4.99666 0.777344C3.46246 0.777344 2.21875 2.02106 2.21875 3.55526C2.21875 5.08946 3.46246 6.33318 4.99666 6.33318Z"  />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10 11.333V14.6664C10 14.8136 9.94167 14.9553 9.83722 15.0592C9.73333 15.1636 9.59167 15.2219 9.44444 15.2219H0.555556C0.408333 15.2219 0.266666 15.1636 0.162777 15.0592C0.0583329 14.9553 0 14.8136 0 14.6664V11.333C0 9.18526 1.74111 7.44415 3.88889 7.44415H6.11111C8.25889 7.44415 10 9.18526 10 11.333Z"  />
    </symbol>
    <symbol id="address" viewBox="0 0 20 26">
        <path d="M10.0001 0C7.31199 0.0343612 4.74801 1.07743 2.87191 2.8998C0.997019 4.72212 -0.036512 7.17501 0.000985865 9.71897C0.000985865 14.0464 6.49981 22.464 9.02507 25.55C9.26178 25.8348 9.62387 26 10.0059 26C10.389 26 10.75 25.8348 10.9878 25.55C13.5002 22.464 19.999 14.0464 19.999 9.71897C20.0365 7.17507 19.003 4.72214 17.1281 2.8998C15.252 1.07749 12.6883 0.0343356 10.0001 0ZM10.0001 13.3603C8.65603 13.3414 7.37526 12.8193 6.43781 11.9082C5.50036 10.997 4.98358 9.77218 4.99999 8.50071C4.99999 6.81143 5.95385 5.24961 7.50062 4.40484C9.04739 3.56018 10.9528 3.56018 12.4995 4.40484C14.0463 5.24949 15.0002 6.81131 15.0002 8.50071C15.0166 9.77212 14.4998 10.997 13.5623 11.9082C12.6249 12.8193 11.3442 13.3414 10.0001 13.3603Z" />
    </symbol>
    <symbol id="icon-open" viewBox="0 0 28 28">
        <path d="M14 1L14 27" stroke-linecap="round" />
        <path d="M1 14L26.9982 14.3072" stroke-linecap="round" />
    </symbol>
</svg><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/ko/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/m4markets/*","/ko/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<!-- Userback -->
<script>
    Userback = window.Userback || {};
    Userback.access_token = "A-PICurirV5jrmkJWQlFxXut6Yt";
    (function(id) {
        var s = document.createElement("script");
        s.async = 1;s.src = "https://static.userback.io/widget/v1.js";
        var parent_node = document.head || document.body;parent_node.appendChild(s);
    })("userback-sdk");
</script>
<!-- END -->
<!-- Start of LiveAgent integration script: Chat button: FSA -->
<script type="text/javascript">
setTimeout(function() {
	(function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.defer=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document,
'https://m4markets.ladesk.com/scripts/track.js',
function(e){ LiveAgent.createButton('62aome3u', e); });

}, 4000);
</script>

<!-- Start cookieyes banner -->
<script id="cookieyes" type="text/javascript" defer
        src="https://cdn-cookieyes.com/client_data/bb8a7c99ab3d25d9fe19d70b/script.js">
</script> <!-- End cookieyes banner -->

<!-- For get UTM and other parameters -->
<script>
(function() {

  var domains = [
    'm4markets.com',
    'm4markets.ae',
    'm4markets.eu',
    'm4markets.ai',
    'm4marketscrm.com'
  ];

  var trackParams = [
    'utm_source',
    'utm_medium',
    'utm_campaign',
    'utm_term',
    'utm_content',
    'pid',
    'gclid',
    'fbclid'
  ];

  var params = new URLSearchParams(window.location.search);
  var collectedParams = {};

  params.forEach(function(value, key) {
    if (trackParams.indexOf(key) !== -1 && value.trim() !== '') {
      collectedParams[key] = value;
    }
  });

  function getCookie(name) {
    var value = '; ' + document.cookie;
    var parts = value.split('; ' + name + '=');
    if (parts.length === 2) return decodeURIComponent(parts.pop().split(';').shift());
  }

  // Store parameters in cookies immediately (needed for attribution)
  if (Object.keys(collectedParams).length > 0) {
    var expiryDays = 30;
    var expires = new Date(Date.now() + expiryDays * 24 * 60 * 60 * 1000).toUTCString();
    var currentDomain = window.location.hostname.split('.').slice(-2).join('.');
    for (var key in collectedParams) {
      document.cookie = key + '=' + encodeURIComponent(collectedParams[key]) + '; path=/; expires=' + expires + '; domain=.' + currentDomain;
    }
  }

  trackParams.forEach(function(key) {
    if (!collectedParams[key]) {
      var cookieVal = getCookie(key);
      if (cookieVal) collectedParams[key] = cookieVal;
    }
  });

  // Defer the expensive DOM traversal until the browser is idle
  function decorateLinks() {
    var links = document.querySelectorAll('a[href]');
    links.forEach(function(link) {
      try {
        var url = new URL(link.href);
        if (domains.some(function(domain) { return url.hostname.indexOf(domain) !== -1; })) {
          for (var k in collectedParams) {
            if (!url.searchParams.has(k)) {
              url.searchParams.set(k, collectedParams[k]);
            }
          }
          link.href = url.toString();
        }
      } catch (e) {}
    });
  }
  if ('requestIdleCallback' in window) {
    requestIdleCallback(decorateLinks, { timeout: 3000 });
  } else {
    setTimeout(decorateLinks, 2000);
  }
})();
</script>


</body>
</html>