<!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 APP，通過NFC登錄專輯吧！在帳戶中收藏G-DRAGON的專輯內容，還有圖片等多種豐富內容。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/>iPhone手機不需要另行開啟。</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 PHOTOxCARD或者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>- 如果無法播放，請確認數據環境。第一次登錄時需要連接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>