<!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;">THEBLACKLABEL 아티스트를 위한 플랫폼 앨범 서비스 THEBLACKLABEL x NEMOZ에 오신 팬 여러분을 환영합니다!<br/><br/>THEBLACKLABEL x NEMOZ 앱을 설치하고, QR 코드 또는 NFC로 앨범을 인증하세요! 체크 버튼 하나만 누르면 THEBLACKLABEL 아티스트들의 고음질 뮤직 라이브러리를 내 계정에 소장하고, 이미지와 함께 다양한 방식으로 즐길 수 있답니다!<br/><br/>THEBLACKLABEL x NEMOZ에서는 내 아티스트의 다양한 모습을 독점 콘텐츠를 통해 발견할 수도 있고, 내게 맞춘 다양한 언어로 즐길 수 있어요. 번역된 콘텐츠를 보며 아티스트를 더 잘 이해할 수 있게 될 거예요!<br/><br/>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>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>안내에 따라 이메일로 간편하게 가입해주세요. 가입 후 자동으로 로그인됩니다. </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>앨범 패키지 내의 QR 카드를 꺼내 주세요.</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>메인 화면의 ‘+’ 버튼을 누른 후 ‘QR’ 버튼을 눌러 QR 카드를 스캔하세요.</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>체크 버튼을 눌러 앨범을 등록하세요.</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>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. 가입 인증 이메일이 오지 않아요.<br/>가입 인증 메일이 오지 않는다면 스팸 메일함을 확인해 주세요.</span><br /><br />
											<span>2. QR카드를 스캔해도 등록이 되지 않아요.<br/>등록이 되지 않는다면, 1:1 문의 기능으로 문의해 주세요.</span><br /><br />
											<span>3. 등록을 했는데 재생을 할 수 없어요.<br/>재생이 되지 않는다면, 데이터 환경을 확인하세요. 첫 1회 등록 시 Wi-Fi 혹은 데이터가 연결되어 있어야 합니다. 이후에는 오프라인 모드를 사용할 수 있습니다.  </span><br /><br />
											<span>4.  음악과 이미지를 함께 볼 수 있나요? <br/>재생 화면 좌측 상단의 무드 플레이어 버튼을 누르면 음악을 자연스럽게 연결되는 비주얼과 함께 즐길 수 있습니다. </span><br /><br />
											<span>5. 하나의 기기에서만 사용할 수 있나요?<br/>최대 2개의 기기까지 등록할 수 있습니다. 매월 1회, 1대의 기기를 새로 변경할 수 있습니다. </span><br /><br />
											<span>6. QR 카드를 들고 다녀야 하나요?<br/>THEBLACKLABEL X NEMOZ 계정에 한번 등록하면 QR 카드를 들고 다니지 않아도 됩니다. 언제 어디서나 등록된 앨범을 즐겨보세요!</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>- 제품 구성품의 누락, 제품의 파손 및 불량 관련 문의는  cs@nemoz.io로 보내주시거나 1:1 문의하기 기능을 이용해주시기 바랍니다. 단, 타 판매처의 특전 포토카드 관련 문의와 제품 교환 문의 등은 구매하신 판매처로 문의해주시기 바랍니다.   </span>
										</div>
										<div style="height:5%;"></div>
										<div class="single-counter-box bg-soft-black mmt">
											<h5 class="h4">OPINION</h5>
											<span>- 앱과 제품에 대한 질문 및 건의 등은 cs@nemoz.io로 메일을 보내주시거나, 혹은 1:1 문의하기 기능을 이용해 주시기 바랍니다. 앨범과 서비스에 대한 궁금증 및 건의 사항을 남겨 주시면 적극적으로 검토하겠습니다.</span>
										</div>
										<div style="height:5%;"></div>
										<div class="single-counter-box bg-soft-black mmt">
											<h5 class="h4">ETC.</h5>
											<span>- 위 항목에 없는 카테고리의 질문이나, 더 궁금하신 점이 있다면 cs@nemoz.io로 메일을 보내주시거나, 혹은 1:1 문의하기 기능을 이용해주시기 바랍니다.  </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>