https://mz2mo-client-r948.vercel.app/

1<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><meta name="theme-color" content="#00917C"/><link rel="icon" href="/favicon.ico"/><title>MZ2MO : 음악의 세계를 열다</title><meta name="next-head-count" content="5"/><link rel="preload" href="/_next/static/css/68fe8cc31e156bef.css" as="style"/><link rel="stylesheet" href="/_next/static/css/68fe8cc31e156bef.css" data-n-g=""/><noscript data-n-css=""></noscript>

1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>

1<script src="/_next/static/chunks/webpack-14a891bf35ecde1d.js" defer=""></script>

1<script src="/_next/static/chunks/framework-4556c45dd113b893.js" defer=""></script>

1<script src="/_next/static/chunks/main-98fcbb85a287ed3f.js" defer=""></script>

1<script src="/_next/static/chunks/pages/_app-509ed5b776f396ee.js" defer=""></script>

1<script src="/_next/static/chunks/105-594d7958ec0d8668.js" defer=""></script>

1<script src="/_next/static/chunks/287-b72ca0f604666eb8.js" defer=""></script>

1<script src="/_next/static/chunks/943-ea14e940f3f0ff22.js" defer=""></script>

1<script src="/_next/static/chunks/pages/index-0e201bae824d09b5.js" defer=""></script>

1<script src="/_next/static/qOHf9C_rFQiAEawUIdlzk/_buildManifest.js" defer=""></script>

1<script src="/_next/static/qOHf9C_rFQiAEawUIdlzk/_ssgManifest.js" defer=""></script>

1<style data-styled="" data-styled-version="5.3.6">html,body{padding:0;margin:0px auto;font-size:62.5%;-webkit-text-size-adjust:none;min-width:425px;}/*!sc*/
2a{color:inherit;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;}/*!sc*/
3*,*:before,*:after{font-family:Pretendard;box-sizing:border-box;}/*!sc*/
4:focus{outline:none;border:none;}/*!sc*/
5::-webkit-scrollbar{width:10px;height:10px;background:#ffffff;}/*!sc*/
6::-webkit-scrollbar-thumb{border-radius:4px;background-color:#ced4da;}/*!sc*/
7::-webkit-scrollbar-thumb:hover{background-color:#adb5bd;}/*!sc*/
8button{background:none;padding:0;border:none;cursor:pointer;}/*!sc*/
9data-styled.g1[id="sc-global-cpzpNF1"]{content:"sc-global-cpzpNF1,"}/*!sc*/
10.dhPpIZ{width:100%;left:0;position:fixed;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:65px;text-align:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:black;}/*!sc*/
11data-styled.g3[id="sc-gswNZR"]{content:"dhPpIZ,"}/*!sc*/
12.ekVqMr{width:200px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-left:3rem;}/*!sc*/
13data-styled.g4[id="sc-dkrFOg"]{content:"ekVqMr,"}/*!sc*/
14.gYFQEH{height:inherit;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:3rem;padding-left:1rem;}/*!sc*/
15data-styled.g5[id="sc-hLBbgP"]{content:"gYFQEH,"}/*!sc*/
16.coEDuj{width:100%;height:65px;

16display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;list-style:none;margin:0;}/*!sc*/
17data-styled.g6[id="sc-eDvSVe"]{content:"coEDuj,"}/*!sc*/
18.hnTkJo{width:auto;height:65px;padding:0;padding-right:3rem;}/*!sc*/
19data-styled.g7[id="sc-jSUZER"]{content:"hnTkJo,"}/*!sc*/
20.dStsfQ{-webkit-text-decoration:none;text-decoration:none;color:#7e7d85;line-height:65px;font-size:1.2rem;}/*!sc*/
21data-styled.g8[id="sc-gKPRtg"]{content:"dStsfQ,"}/*!sc*/
22.hjKjNu{padding-top:8px;color:#7e7d85;width:48px;height:48px;}/*!sc*/
23data-styled.g9[id="sc-iBYQkv"]{content:"hjKjNu,"}/*!sc*/
24.jMijJr{width:100%;height:78px;padding:0px 80px;position:-webkit-sticky;position:sticky;bottom:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#191919;}/*!sc*/
25data-styled.g10[id="sc-ftTHYK"]{content:"jMijJr,"}/*!sc*/
26.fqmUOR{height:40px;margin:18px 0px 16px 0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}/*!sc*/
27.fqmUOR .title{margin:0;color:#ffffff;font-size:18px;font-weight:600;}/*!sc*/
28.fqmUOR .singers{margin:0;color:#7D7C81;font-size:16px;}/*!sc*/
29data-styled.g11[id="sc-pyfCe"]{content:"fqmUOR,"}/*!sc*/
30.eiKbqs{height:36px;margin:auto 0px;padding:4px 0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0px 34px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
31.eiKbqs p{margin:auto 0px;font-size:24px;line-height:0.8;}/*!sc*/
32data-styled.g12[id="sc-jrcTuL"]{content:"eiKbqs,"}/*!sc*/
33.hmascC{width:99px;height:40px;margin:18px 0px 16px 0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
34.hmascC .playCircle{width:48px;height:48px;padding-left:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:48px;border:1px solid #3f3f44;cursor:pointer;}/*!sc*/
35data-styled.g13[id="sc-kDvujY"]{content:"hmascC,"}/*!sc*/
36.gSxQEm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/
37.gSxQEm > .content{min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
38data-styled.g14[id="sc-ipEyDJ"]{content:"gSxQEm,"}/*!sc*/
39.huQrQj{width:100%;min-height:calc(100vh - 85px);background-color:#030303;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
40data-styled.g15[id="sc-csuSiG"]{content:"huQrQj,"}/*!sc*/
41.cCfvuU{width:267px;height:245px;overflow:hidden;background-image:url('/assets/images/splashLogo.svg');}/*!sc*/
42data-styled.g16[id="sc-eDWCr"]{content:"cCfvuU,"}/*!sc*/
43.eeDoZr{margin-top:6.2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.5rem 7rem;font-size:20px;color:#FAFAFA;background-color:#1C1C1E;border-radius:60px;border:1px solid #2e2e30;box-shadow:0px 4px 4px rgba(0,0,0,0.25);}/*!sc*/
44data-styled.g17[id="sc-bqWxrE"]{content:"eeDoZr,"}/*!sc*/
45.gDSmjh{list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;margin:0;margin-top:2.8rem;}/*!sc*/
46.gDSmjh li:first-child{position:relative;}/*!sc*/
47.gDSmjh li:first-child::after{content:'';display:block;position:absolute;top:0;right:0;width:1px;height:100%;background-color:#fafafa;}/*!sc*/
48.gDSmjh li button{color:#fafafa;text-align:center;padding:0 18px;opacity:0.5;-webkit-transition:0.3s;transition:0.3s;}/*!sc*/
49.gDSmjh li button:hover{opacity:1;}/*!sc*/
50data-styled.g18[id="sc-ksBlkl"]{content:"gDSmjh,"}/*!sc*/
51</style></head><body><div id="modal"></div><div id="__next"><div class="sc-ipEyDJ gSxQEm"><div class="sc-gswNZR dhPpIZ"><div class="sc-dkrFOg ekVqMr"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;padding-top:26.143790849673206%"></span><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img sizes="100vw" srcSet="/icons/logo.svg 640w, /icons/logo.svg 750w, /icons/logo.svg 828w, /icons/logo.svg 1080w, /icons/logo.svg 1200w, /icons/logo.svg 1920w, /icons/logo.svg 2048w, /icons/logo.svg 3840w" src="/icons/logo.svg" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span></div><div class="sc-hLBbgP gYFQEH"><ul class="sc-eDvSVe coEDuj"><li class="sc-jSUZER hnTkJo"><a class="sc-gKPRtg dStsfQ">가입하기</a></li><li class="sc-jSUZER hnTkJo"><a class="sc-gKPRtg dStsfQ">|</a></li><li class="sc-jSUZER hnTkJo"><a class="sc-gKPRtg dStsfQ">로그인</a></li><div class="sc-iBYQkv hjKjNu"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;padding-top:100%"></span><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img sizes="100vw" srcSet="/icons/menu.svg 640w, /icons/menu.svg 750w, /icons/menu.svg 828w, /icons/menu.svg 1080w, /icons/menu.svg 1200w, /icons/menu.svg 1920w, /icons/menu.svg 2048w, /icons/menu.svg 3840w" src="/icons/menu.svg" decoding="async" data-nimg="responsive" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span></div></ul></div></div><div class="content"><main class="sc-csuSiG huQrQj"><div class="sc-eDWCr cCfvuU"></div><button class="sc-bqWxrE eeDoZr">체험하기</button><ul class="sc-ksBlkl gDSmjh"><li><button>가입하기</button></li><li><button>로그인하기</button></li></ul></main></div><div class="sc-ftTHYK jMijJr"><div class="sc-pyfCe fqmUOR"><p class="title">Welcome to MZ2MO</p><p class="singers">Web SDK Player</p></div><div class="sc-jrcTuL eiKbqs"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2736%27%20height=%2736%27/%3e"/></span><img alt="emojiCode" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="emojiCode" srcSet="/icons/player/emojiCode.svg 1x, /icons/player/emojiCode.svg 2x" src="/icons/player/emojiCode.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span>

51<p>🤩</p><p>🏃‍♂️</p><p>🤩</p><p>🏃‍♂️</p><p>🤩</p><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2736%27%20height=%2736%27/%3e"/></span><img alt="moreEmoji" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="moreEmoji" srcSet="/icons/player/moreEmoji.svg 1x, /icons/player/moreEmoji.svg 2x" src="/icons/player/moreEmoji.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span></div><div class="sc-kDvujY hmascC"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2710%27%20height=%2710%27/%3e"/></span><img alt="play" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="play" srcSet="/icons/player/skipPrev.svg 1x, /icons/player/skipPrev.svg 2x" src="/icons/player/skipPrev.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span><div class="playCircle"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2718%27%20height=%2718%27/%3e"/></span><img alt="play" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="play" srcSet="/icons/player/play.svg 1x, /icons/player/play.svg 2x" src="/icons/player/play.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span></div><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2710%27%20height=%2710%27/%3e"/></span><img alt="play" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="play" srcSet="/icons/player/skipNext.svg 1x, /icons/player/skipNext.svg 2x" src="/icons/player/skipNext.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span></div></div></div></div>

51<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"qOHf9C_rFQiAEawUIdlzk","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>

51</body></html>