<!DOCTYPE html>
<html lang="en" data-bs-theme="light">

<head>
	<!--required meta tags-->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">


	<!--facebook og-->
	<meta property="og:image:type" content="image/jpeg">
	<meta property="og:image:width" content="800">
	<meta property="og:image:height" content="400">
	<meta property="og:image" content="../assets/image/thumbnail2.png">
	<meta property="og:title" content="THEBLACKLABEL x NEMOZ">
	<meta property="og:type" content="website">

	<!--favicon icon-->
	<link rel="icon" href="../assets/image/theblacklabel_icon.ico" type="image/png" sizes="16x16">

	<!--title-->
	<title>THEBLACKLABEL x NEMOZ</title>

	<!--build:css-->
	<link rel="stylesheet" href="../assets/tagvideo/css/main.css">
	<!-- endbuild -->

	<!--custom css start-->
	<link rel="stylesheet" href="../assets/tagvideo/css/custom.css">
	<link type="text/css" rel="stylesheet" href="../assets/css/style.css?v=202503051008" />
	<!--custom css end-->
	<style>
		body {
			background-color: black;
			margin: 0;
			padding: 0;
		}

		.app-box {
			margin: 20px;
		}

		.app-content {
			padding: 50px 70px 50px 70px;
		}

		.pri-color {
			color: #848484 !important;
		}

		.work-process-list li:hover .process-icon-2 i {
			color: #848484 !important;
		}

		.shadow-box {
			box-shadow: 0px 0px 70px 30px rgb(219 219 219 / 8%) !important;
		}


		.bg-deep-black {
			background-color: black;
		}

		*:not(.ic) {
			font-family: 'Noto Sans Cjk Kr' !important;
		}

		@media only screen and(max-width: 991.98px) {
			.app-box {
				margin: 0px;
			}

			.app-content {
				padding: 10px 20px 10px 20px;
			}

			.mmt {
				height: 100%;
			}

			.mt {
				margin-top: 20px !important;
			}
		}

		.process-icon-2 i {
			border: 2px solid #262626;
			border-radius: 15px;
		}

		.navbar-light.sticky-header.affix,
		.navbar-dark.sticky-header.affix {
			background-color: black !important;
		}

		.yt-embed-holder {
			width: 100%;
			overflow: hidden;
			aspect-ratio: 16 / 9;
			pointer-events: none;
		}

		.yt-embed-holder iframe {
			width: 300%;
			height: 100%;
			margin-left: -100%;
		}

		.storelink ul li a {

			font-size: 13px;
			font-weight: 600;
			color: #0c0800;
			padding: 10px 23px;
			line-height: 40px;
			transition: all .3s;
		}

		.storelink ul li a>span {
			line-height: 20px;
			font-weight: 500;
			text-align: left;
		}

		.storelink ul li a i {
			font-size: 30px;
			-webkit-transition: all .3s;
			transition: all .3s;
		}

		.storelinkhover:hover {
			background-color: #848484 !important;
		}
		
		.nav-link:hover{
			color: black !important;
		}
		.dropdown-link:hover{
			color: black !important;
		}
		a:hover .drop-title{
			color:  black !important;
		}

		.mt {
			margin-top: 20px !important;
		}

		@media (min-width: 768px) {
			.mmt {
				height: 30%;
			}

			.mt {
				margin-top: 0px !important;
			}
		}
	</style>
	<script>
		document.addEventListener("DOMContentLoaded", function () {
			var player = document.getElementById("ytbPlayer");
			player.src += "&autoplay=1"; // 자동재생 트리거
		});
	</script>
</head>

<body>

	<!--main content wrapper start-->
	<div class="main-wrapper">

		<!--header section start-->
		<header class="main-header w-100 z-10">
			<nav class="navbar navbar-expand-xl navbar-light sticky-header">
				<div class="container d-flex align-items-center justify-content-lg-between position-relative">
					<a href="/" class="navbar-brand d-flex align-items-center mb-md-0 text-decoration-none">
						<img src="/assets/image/site_logo2.png?v=123123" alt="logo"
							style="max-height:20px;max-width: calc(100vw - 250px);" class="img-fluid" />
					</a>
					<div class="clearfix"></div>
					<div class="collapse navbar-collapse justify-content-center">

					</div>

					<div class="text-end me-lg-0 d-md-block d-lg-block">
						<ul class="nav col-12 col-md-auto justify-content-center main-menu">
							<li class="nav-item dropdown">
								<a class="nav-link dropdown-toggle" style="color: #737373 !important;" href="#" role="button" data-bs-toggle="dropdown"
									aria-expanded="false">SITEMAP.XML</a>
								<div class="dropdown-menu border-0 rounded-custom shadow py-0 bg-white">
									<div class="dropdown-grid rounded-custom">
										<div class="dropdown-grid-item bg-white">
											<a href="/en" class="dropdown-link px-0">
												<div class="drop-title">EN</div>
											</a>
											<a href="/" class="dropdown-link px-0">
												<div class="drop-title">KR</div>
											</a>
											<a href="/jp" class="dropdown-link px-0">
												<div class="drop-title">JP</div>
											</a>
											<a href="/sc" class="dropdown-link px-0">
												<div class="drop-title">简</div>
											</a>
											<a href="/tc" class="dropdown-link px-0">
												<div class="drop-title">繁</div>
											</a>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</nav>

		</header>
		<!--header section end-->

		<!--hero section start-->
		<section class="hero-section" style="background-color: black;">
			<div class="yt-embed-holder">
				<iframe id="ytbPlayer"
					src="https://www.youtube.com/embed/sL0pCS6K9bc?autoplay=1&mute=1&loop=1&controls=0&color=white&modestbranding=1&rel=0&cc_load_policy=0&playsinline=1&enablejsapi=1&playlist=sL0pCS6K9bc&cc_lang_pref="
					title="YouTube video player" frameborder="0"
					allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
					referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
			</div>
		</section> <!--hero section end-->
		<section id="welcome" style="height: 30px"></section>
		<!-- app two feature start -->
		<section class="app-two-feature ptb-60">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-12 col-md-10">
						<div class="section-heading text-center" data-aos="fade-up">
							<h2 class="text-white">INTRODUCTION</h2>
						</div>
					</div>
				</div>
				<div class="row justify-content-center mt-5">
					<div class="col-12 col-xl-10">
						<div class="row">
							<div class="col-xl-12 col-lg-12 col-md-12">
								<div class="app-two-single-feature bg-deep-black d-md-flex align-items-start mb-30 fix-content shadow-box"
									data-aos="fade-up">
									<div class="app-two-single-feature-content">
										<h3 class="h5 text-white"><span>TAG & PLAY!<br/>THEBLACKLABEL x NEMOZ</span></h3>
										<span style="overflow-x: hidden;word-break: break-all;">Welcome to THEBLACKLABEL x NEMOZ, the platform album service only for THEBLACKLABEL's artists!<br/><br/>Install THEBLACKLABEL x NEMOZ and activate albums with QR code or the NFC function! You just need to press the check button to own THEBLACKLABEL artists' high-quality music library, and enjoy the music with images in various formats!<br/><br/>With THEBLACKLABEL x NEMOZ, you can explore your favorite artist through exclusive content in the language that suits you best. You'll gain a deeper understanding of the artist and feel even more connected.<br/><br/>Get one step closer to your beloved artists with THEBLACKLABEL x NEMOZ! </span>
										
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- app two feature end -->
		<section id="store" style="height: 30px"></section>
		<!--integration section start-->
		<section class="integration-section ptb-60" data-aos="fade-up">
			<div class="container">
				<h2 class="h2 text-center text-white">DOWNLOAD LINK</h2>
				<div class="row justify-content-center mt-5">
					<div class="col-lg-6 col-md-10">
						<div class="section-heading p-4 app-content"
							style="border: 2px solid #262626; border-radius: 12px; background-color: black; max-width: 600px; margin: auto;">

							<!-- 로고 & 텍스트 -->
							<div class="d-flex align-items-center app-logo text-center text-lg-start">
								<div class="pe-3">
									<img src="../assets/image/theblacklabel_logo_square.png"
										style="height: 80px; width: 80px; border: 1px solid #262626;">
								</div>
								<div class="text-white">
									<h5 class="mb-0 h5 text-white">THEBLACKLABEL x NEMOZ</h5>
									<p class="mb-0">The platform album service only for THEBLACKLABEL&#39;s artists</p>
								</div>
							</div>

							<!-- 설명 텍스트 -->
							<p class="text-white mt-3" style="min-height: 55px;">Get one step closer to your beloved artists with THEBLACKLABEL x NEMOZ!</p>

							<!-- 스토어 버튼 -->
							<div class="storelink mt-4">
								<ul class="list-unstyled d-flex flex-row flex-wrap justify-content-center gap-3 m-0">
									<li class="bg-deep-black w-auto">
										<a class="d-flex align-items-center text-decoration-none rounded shadow-lg storelinkhover p-2"
											style="background-color: black;"
											href="https://play.google.com/store/apps/details?id=io.nemoz.theblacklabel">
											<i class="fab fa-google-play pe-2 text-white ic"></i>
											<span class="text-white">
												Get it on<span class="d-block fw-semi-bold text-white">Google
													Play</span>
											</span>
										</a>
									</li>
									<li class="w-auto">
										<a class="d-flex align-items-center text-decoration-none rounded shadow-lg storelinkhover p-2"
											href="https://apps.apple.com/app/id6744578061" style="background:black;">
											<i class="fab fa-apple pe-2 text-white ic"></i>
											<span class="text-white">
												Download on the<span class="d-block fw-medium text-white">App
													Store</span>
											</span>
										</a>
									</li>
								</ul>
							</div>

						</div>
					</div>
				</div>
			</div>
		</section> <!--integration section end-->
		<section id="step" style="height: 30px"></section>

		<!--our work process start-->
		<section class="work-process ptb-60">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-12 col-md-10">
						<div class="section-heading text-center" data-aos="fade-up">
							<h2 class="text-white">USER GUIDE</h2>
						</div>
					</div>
				</div>
				<div class="row justify-content-between">
					<div class="col-lg-6 col-md-12 order-0 order-lg-1">
						<ul class="work-process-list list-unstyled">
							<li class="d-flex align-items-start mb-4" data-aos="fade-up" data-aos-delay="50">
								<div class="process-icon-2 border border-2 rounded-custom me-4 mt-2">
									<i class="fa-solid fa-mobile-screen fa-2x ic"></i>
								</div>
								<div class="icon-content">
									<span class="text-primary h6 pri-color">Step 1</span>
									<h3 class="h5 mb-2 text-white">Install</h3>
									<span>Install THEBLACKLABEL x NEMOZ.</span>
								</div>
							</li>
							<li class="d-flex align-items-start mb-4" data-aos="fade-up" data-aos-delay="100">
								<div class="process-icon-2 border border-2 rounded-custom me-4 mt-2">
									<i class="fa-solid fa-user-plus fa-2x ic"></i>
								</div>
								<div class="icon-content">
									<span class="text-primary h6 pri-color">Step 2</span>
									<h3 class="h5 mb-2 text-white">Sign Up</h3>
									<span>Follow the instructions and sign up with your email. <br/>It only takes a minute. Once you signed up, you’ll be logged in automatically.</span>
								</div>
							</li>
							<li class="d-flex align-items-start mb-4" data-aos="fade-up" data-aos-delay="150">
								<div class="process-icon-2 border border-2 rounded-custom me-4 mt-2">
									<i class="fa-solid fa-tower-broadcast fa-2x ic"></i>
								</div>
								<div class="icon-content">
									<span class="text-primary h6 pri-color">Step 3</span>
									<h3 class="h5 mb-2 text-white">Take Out the QR Card</h3>
									<span>Take out the QR Card from your album package.</span>
								</div>
							</li>

						</ul>
					</div>
					<div class="col-lg-6 col-md-12 order-0 order-lg-1">
						<ul class="work-process-list list-unstyled">
							<li class="d-flex align-items-start mb-4" data-aos="fade-up" data-aos-delay="50">
								<div class="process-icon-2 border border-2 rounded-custom me-4 mt-2">
									<i class="fa-brands fa-nfc-symbol fa-2x ic"></i>
								</div>
								<div class="icon-content">
									<span class="text-primary h6 pri-color">Step 4</span>
									<h3 class="h5 mb-2 text-white">Scan the QR CARD</h3>
									<span>Press the ‘+’ button and then select the ‘QR’ button to scan the QR card.  </span>
								</div>
							</li>
							<li class="d-flex align-items-start mb-4" data-aos="fade-up" data-aos-delay="100">
								<div class="process-icon-2 border border-2 rounded-custom me-4 mt-2">
									<i class="fas fa-check fa-2x ic"></i>
								</div>
								<div class="icon-content">
									<span class="text-primary h6 pri-color">Step 5</span>
									<h3 class="h5 mb-2 text-white">Activate</h3>
									<span>Press the check button to activate your album.</span>
								</div>
							</li>
							<li class="d-flex align-items-start mb-4" data-aos="fade-up" data-aos-delay="100">
								<div class="process-icon-2 border border-2 rounded-custom me-4 mt-2">
									<i class="fa-solid fa-rocket fa-2x ic"></i>
								</div>
								<div class="icon-content">
									<span class="text-primary h6 pri-color">Step 6</span>
									<h3 class="h5 mb-2 text-white">Enjoy</h3>
									<span>Get one step closer to your beloved artists with THEBLACKLABEL x NEMOZ!  </span>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section> <!--our work process end-->

		<section id="faq" style="height: 30px"></section>
		<section class="work-process ptb-60">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-12 col-md-10">
						<div class="section-heading text-center" data-aos="fade-up">
							<h2 class="text-white">FREQUENTLY ASKED QUESTIONS</h2>
						</div>
					</div>
					<div class="row justify-content-between" data-aos="fade-up">
						<div class="col-lg-12 col-md-10">
							<div class="counter-box mb-5 mb-lg-0">
								<div class="row">
									<div class="col-lg-6 col-md-6">
										<div class="single-counter-box bg-soft-black mb-3 mb-md-0"
											style="height: 100%;">
											<h5 class="h4">APP</h5>
											<span>1. I didn’t get the verification email.<br/>Please check your spam mailbox if you don’t get the email.</span><br /><br />
											<span>2. I scanned my QR card but couldn’t activate the album.<br/>Please send us 1:1 inquiry if you have problems activating the album. </span><br /><br />
											<span>3. I activated my album but can’t play the music.<br/>If you can't play the music, please check your network connection. You must be connected to either cellular data or Wi-Fi when activating the album for the first time. After the initial download, you can use offline mode." </span><br /><br />
											<span>4.  Can I enjoy the music with images?<br/>Of course. Tap the Mood Player button on the top left of the screen to enjoy the music along with seamlessly connected visuals.</span><br /><br />
											<span>5. Can I use Nemoz App only on one device? <br/>You can register up to 2 devices per account.<br/>You can disconnect and change your registered device once a month.</span><br /><br />
											<span>6. Do I have to carry the QR card all the time?<br/>Once you activate the album on your THEBLACKLABEL x NEMOZ account, you won’t need to carry the QR card with you anymore. Enjoy the album anytime, anywhere!</span><br />
										</div>
									</div>
									<div class="col-lg-6 col-md-6">
										<div class="single-counter-box bg-soft-black mmt mt">
											<h5 class="h4">PRODUCT</h5>
											<span>- If anything is missing from your package, or if you receive a damaged or defective product, please email us at cs@nemoz.io or use the 1:1 inquiry on the app. However, we are not responsible for the photo card gifts and products from other stores.</span>
										</div>
										<div style="height:5%;"></div>
										<div class="single-counter-box bg-soft-black mmt">
											<h5 class="h4">OPINION</h5>
											<span>For any questions or suggestions about the app and product, feel free to email us at cs@nemoz.io or use the 1:1 inquiry feature. If you have any thoughts on albums or services, let us know—we’ll make sure to review them carefully!</span>
										</div>
										<div style="height:5%;"></div>
										<div class="single-counter-box bg-soft-black mmt">
											<h5 class="h4">ETC.</h5>
											<span>- If you have any questions that don’t fit into the categories above or just need more info, feel free to email us at cs@nemoz.io or use the 1:1 inquiry on our app!</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
		</section>




		<!--footer section start-->
		<footer class="footer-section">

			<!--footer bottom start-->
			<div class="footer-bottom footer-light py-4">
				<div class="container">
					<div class="row justify-content-between align-items-center" style="text-align: center;">
						<div class="col-md-12 col-lg-12">
							<div class="copyright-text">
								<p class="mb-lg-0 mb-md-0">&copy; 2025 Nemoz Lab. All Rights Reserved.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--footer bottom end-->
		</footer> <!--footer section end-->

	</div>



	<!--build:js-->
	<script src="../assets/tagvideo/js/vendors/jquery-3.6.0.min.js"></script>
	<script src="../assets/tagvideo/js/vendors/bootstrap.bundle.min.js"></script>
	<script src="../assets/tagvideo/js/vendors/swiper-bundle.min.js"></script>
	<script src="../assets/tagvideo/js/vendors/jquery.magnific-popup.min.js"></script>
	<script src="../assets/tagvideo/js/vendors/parallax.min.js"></script>
	<script src="../assets/tagvideo/js/vendors/aos.js"></script>
	<script src="../assets/tagvideo/js/vendors/massonry.min.js"></script>
	<script src="../assets/tagvideo/js/app.js"></script>
	<script>
		var tag = document.createElement('script');
		tag.src = "https://www.youtube.com/iframe_api";
		var firstScriptTag = document.getElementsByTagName('script')[0];
		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

		var player;

		function onYouTubeIframeAPIReady() {
			player = new YT.Player('ytbPlayer', {
				events: {
					'onReady': onPlayerReady
				}
			});
		}

		function onPlayerReady(event) {
			// 자막 끄기
			event.target.unloadModule("captions");
		}
	</script>
	<!--endbuild-->


</body>

</html>