<!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/thumbnail.jpg">
	<meta property="og:title" content="G-DRAGON x NEMOZ">
	<meta property="og:type" content="website">

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

	<!--title-->
	<title>G-DRAGON 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: #7FB2BC !important;
		}

		.work-process-list li:hover .process-icon-2 i {
			color: #7FB2BC !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: #7FB2BC !important;
		}
		
		.nav-link:hover{
			color: #7FB2BC !important;
		}
		.dropdown-link:hover{
			color: #7FB2BC !important;
		}
		a:hover .drop-title{
			color:  #7FB2BC !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_logo.png" alt="logo"
							style="max-height:30px;max-width: calc(100vw - 160px);" class="img-fluid" />
					</a>
					<div class="clearfix"></div>
					<div class="collapse navbar-collapse justify-content-center">

					</div>

					<div class="text-end me-3 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" 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/o9DhvbqYzns?autoplay=1&mute=1&loop=1&controls=0&color=white&moodstbranding=0&rel=0&playsinline=1&enablejsapi=1&playlist=o9DhvbqYzns"
					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">WELCOME</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/>G-DRAGON x NEMOZ</span></h3>
										<span style="overflow-x: hidden;word-break: break-all;">One Of A Kind cultural icon, 오직 G-DRAGON만을 위한 플랫폼 앨범 서비스 G-DRAGON x NEMOZ에 오신 여러분을 환영합니다!<br/><br/>스마트폰에 G-DRAGON x NEMOZ 앱을 설치하고, NFC로 앨범을 인증하세요! G-DRAGON의 뮤직 라이브러리를 내 계정에 소장하고, 이미지와 함께 다양한 방식으로 즐길 수 있습니다.<br/><br/>G-DRAGON x NEMOZ에서는 모든 콘텐츠가 고품질로 제공됩니다. 무손실로 제공되는 음원으로 G-DRAGON의 음악을 더 세세하게 느끼실 수 있으며, 고화질 사진도 다운로드할 수 있습니다. 또한, 전 세계의 팬들이 함께 G-DRAGON의 음악을 즐길 수 있도록 다국어로도 콘텐츠를 제공합니다.<br/><br/>G-DRAGON x NEMOZ와 함께 Übermensch의 세계에 한 걸음 더 다가갈 수 있기를 기원합니다. </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">GET READY</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/gd_logo_square.png"
										style="height: 80px; width: 80px; border: 1px solid #262626;">
								</div>
								<div class="text-white">
									<h5 class="mb-0 h5 text-white">G-DRAGON x NEMOZ</h5>
									<p class="mb-0">THE ULTIMATE G-DRAGON MUSIC EXPERIENCE</p>
								</div>
							</div>

							<!-- 설명 텍스트 -->
							<p class="text-white mt-3" style="min-height: 55px;">Step into the world of Übermensch with G-DRAGON x NEMOZ- this is more than music, it’s a movement.</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.gdragon">
											<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/id6742087211" 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">INTO THE WORLD OF Übermensch </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>G-DRAGON 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">Turn on the NFC function</h3>
									<span>등록을 위해 NFC 기능을 켜주세요.<br/>아이폰은 따로 기능을 켜지 않아도 됩니다.</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">Tag your card or NFC DISC</h3>
									<span>NFC PHOTOCARD 혹은 NFC DISC를 스마트폰의 후면 혹은 카메라 부근에 가볍게 태그하세요.</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">Step in</h3>
									<span>G-DRAGON x NEMOZ를 통해 G-DRAGON의 Übermensch에 다가가 보세요. </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">NEED SOME HELP?</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>- 가입 인증 메일이 오지 않는다면 스팸 메일함을 확인하세요.</span><br />
											<span>- 등록이 되지 않는다면, NFC 기능이 켜져있는지 확인하고, 켜진 상태에서도 등록되지 않는다면, 1:1 문의 기능으로 문의해주세요.</span><br />
											<span>- 재생이 되지 않는다면, 데이터 환경을 확인하세요. 첫 1회 등록시 Wi-Fi 혹은 데이터가 연결되어 있어야 합니다. 이후에는 오프라인 모드를 사용할 수 있습니다. </span><br />
											<span>- 안드로이드에서 등록 시도 시 오류가 있다면 아래 이미지를 참고하여 세부 메뉴에서 NFC 태그 읽기/쓰기를 활성화 해주세요. 활성화 이후에도 등록이 되지 않는다면 앱 내의 1:1 문의하기 메뉴에서 문의해주시기 바랍니다.</span><br /><br />
											<img src="../assets/image/registSITEMAP.XML.jpg"
												style="width:100%;">
										</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 문의하기 기능을 이용해주시기 바랍니다. NEMOZ에서 생산하는 모든 제품의 결함에 대해 번거로운 절차 없이 빠르고 신속하게 문제를 해결해드릴 것을 약속합니다.  </span><br/>
											<span>- 일반 JEWEL VER. 은 G-DRAGON x NEMOZ에 등록할 수 없습니다.</span><br />
											<span>- 5mm 미만의 미세한 스크래치는 제작 공정 상 발생할 수 있으며 이는 교환 및 환불의 사유가 되지 않습니다.</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>
	<!--endbuild-->
</body>

</html>