<!DOCTYPE html>
<html lang="ko">
<head>
	<!--
		Pick&Deal 자동 redirect — body 렌더링 전에 즉시 처리해서 중간 화면이 깜빡이지 않게.
		signin 직후 첫 페이지(indexUsrView)에서 sessSeqUsr가 생긴 상태에서 pickdealReturn=1 이면 즉시 gateway로 이동.
		현재 페이지가 gateway나 signin 경로면 무한루프 방지로 스킵.
	-->
	<script>
		(function() {
			var __isLogged = false;
			try {
				if (__isLogged
				    && sessionStorage.getItem('pickdealReturn') === '1'
				    && !/\/v1\/(fapp\/pickdeal\/gateway|infra\/member\/signin)/.test(location.pathname)) {
					sessionStorage.removeItem('pickdealReturn');
					location.replace('/v1/fapp/pickdeal/gateway');
				}
			} catch (e) { /* sessionStorage 비활성 환경은 무시 */ }
		})();
	</script>

	<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-N9G2DV6J');</script>
	<!-- End Google Tag Manager -->
	<title>Kryx</title>
	<meta name="title" lang="ko" content="KRYX">
	<meta name="description" content="스마트한 IP 계약 플랫폼 크릭스. 캐릭터 라이선스를 AI로 간편하게 탐색하고, 쉽고 빠르게 결제하세요.">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="format-detection" content="telephone=no">
	<meta name="keywords" content="Kryx,kryx,크릭스,Ip,캐릭터,콘텐츠">
<!-- 	<meta name="robots" content="noindex,nofollow"> -->
	<meta name="naver-site-verification" content="8339e793d246b816c6a90c175aaff9efc26edbf5" />
	<meta name="naver-site-verification" content="25a27213f04ff75f0d66f2718e577fc52382cfdd" />
	<!-- Load a CSS file -->
	
	<link rel="stylesheet" href="/usr/v1/template/kryx/v1/assets/css/common.css?v=2">
	<link rel="stylesheet" href="/usr/v1/template/kryx/v1/assets/css/layout.css?v=2">
	<link rel="stylesheet" href="/usr/v1/template/kryx/v1/assets/css/components.css?v=2">
	<link rel="stylesheet" href="/usr/v1/template/kryx/v1/assets/css/pages.css?v=2">
	<link rel="stylesheet" href="/usr/v1/template/kryx/v1/assets/css/pretendar.css?v=2">
	<link rel="stylesheet" href="/usr/v1/template/kryx/v1/assets/css/new.css?v=2">
<!-- 	<link rel="stylesheet" id="mobile" href="/usr/v1/template/kryx/v1/assets/css/mobile.css?v=2"> -->
<!-- 	<link rel="stylesheet" id="tablet" href="/usr/v1/template/kryx/v1/assets/css/tablet.css?v=2"> -->
<!-- 	<link rel="stylesheet" id="mobile" href=""> -->
<!-- 	<link rel="stylesheet" id="tablet" href=""> -->
	
<script>
	const now = new Date();
	const version = now.getFullYear().toString()
	              + (now.getMonth() + 1).toString().padStart(2, '0')
	              + now.getDate().toString().padStart(2, '0')
	              + now.getHours().toString().padStart(2, '0')
	              + now.getMinutes().toString().padStart(2, '0')
	              + now.getSeconds().toString().padStart(2, '0');
	
	// ✅ 모바일용 CSS 동적 로드
	const mobileCss = document.createElement('link');
	mobileCss.rel = 'stylesheet';
// 	mobileCss.href = 'https://stylesheet.co.kr/projects/kryx/new/mobile.css?v=' + version;
	mobileCss.href = '/usr/v1/template/kryx/v1/assets/css/mobile.css?v=' + version;
	document.head.appendChild(mobileCss);
	
	// ✅ 태블릿용 CSS 동적 로드
	const tabletCss = document.createElement('link');
	tabletCss.rel = 'stylesheet';
	tabletCss.media = '(min-width: 768px) and (max-width: 1024px)';
// 	tabletCss.href = 'https://stylesheet.co.kr/projects/kryx/new/tablet.css?v=' + version;
	tabletCss.href = '/usr/v1/template/kryx/v1/assets/css/tablet.css?v=' + version;
	document.head.appendChild(tabletCss);
</script>
	
<!-- 	by developer -->
<link href="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.snow.css" rel="stylesheet">
<!-- naver search advisor -->
<meta property="og:title" content="Kryx">
<meta property="og:url" content="https://www.kryx.io/">
<meta property="og:description" content="스마트한 IP 계약 플랫폼 크릭스. 캐릭터 라이선스를 AI로 간편하게 탐색하고, 쉽고 빠르게 결제하세요.">
<meta property="og:image" content="/usr/v1/img/kryx_og_thumbnail.jpg">
<!-- for toss payment -->
<script src="https://js.tosspayments.com/v1/payment-widget"></script>

	<!-- Load a JS file -->
	<script src="/usr/v1/template/kryx/v1/assets/js/jquery-3.6.0.min.js"></script>
	
	<script src="/usr/v1/template/kryx/v1/assets/js/script.js"></script>
<!-- 	<script id="newScript" src="/usr/v1/template/kryx/v1/assets/js/new_script.js"></script> -->
	
<!-- 	<script src="https://stylesheet.co.kr/projects/kryx/new/script.js"></script> -->
	<script id="newScript" src=""></script>
	<script>
	
	const oldScript = document.getElementById("newScript");
	if (oldScript) {
	  oldScript.remove();
	}
	
	const newScript = document.createElement("script");
// 	newScript.src = "https://stylesheet.co.kr/projects/kryx/new/new_script.js?v=" + version;
	newScript.src = "/usr/v1/template/kryx/v1/assets/js/new_script.js?v=" + version;
	
	document.head.appendChild(newScript);
	
	</script>
	<!-- Slick Slider -->
	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
	
	<link rel="icon" href="/usr/v1/img/icon.svg?38c64f1ccd3f6353" type="image/svg+xml" sizes="any"/>
</head>
<body id="errorUsrView">

	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N9G2DV6J " height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->

<div id="modal-container">
	<div id="ajax-modal-content"></div>
</div>
<header id="header">
	<div id="spinnerModal" class="modal-overlay hidden">
	    <!-- 회전하는 스피너 -->
	    <div class="spinner"></div>
	</div>
	<div class="container">
		<div id="header__logo" class="header__col">
			<a href="/v1/fapp/work/homeUsrList"><img src="/usr/v1/template/kryx/v1/assets/img/logo.png" alt="KRYX logo"></a>
		</div>
		<nav id="header__nav" class="header__col">
<!-- 2025.06.20 추가 -->
		    <div id="header__nav-close" class="none-pc">
			    <button id="btn_menu_close">메뉴닫기</button>
		    </div>
		    <div id="header__nav-top" class="none-pc">
<!-- 			    로그인 후 -->
			    
			    
<!-- 			    /로그인 후 -->
			    
<!-- 			    로그인 전 -->
			    <div class="col fluid">
				    <a href="/v1/infra/member/signinUsrForm"><img src="/usr/v1/template/kryx/v1/assets/img/ico_login.png"><span>로그인</span></a>
			    </div>
<!-- 			    /로그인 전 -->
		    </div>
		    
<!-- / 2025.06.20 추가 -->
			<ul>
				<!-- <li><a th:href="@{/v1/fapp/work/recommendAiUsrForm}">AI추천</a></li> -->
				<li><a href="/v1/fapp/work/workUsrList">캐릭터 찾기</a></li>
				<li><a href="/v1/fapp/work/licensingUsrList">포트폴리오</a></li>
				<li><a href="/v1/infra/rule/guideUsrView">작가 가이드</a></li>
				<li><a href="/v1/infra/rule/faqUsrView">자주묻는질문</a></li>
				<!-- Pick&Deal: 우측 하단 플로팅 버튼으로 이동 -->
				<!-- <li><a th:href="@{/v1/fapp/destiny/destinyMain}">캐릭터 운명상담소</a></li> -->
			</ul>
		</nav>
		<div id="header__aside" class="header__col">
			<a href="/v1/fapp/work/workStep1UsrForm" class="btn btn-primary btn-small">콘텐츠 등록하기</a>
			<div class="icon-group">
				<a href="/v1/infra/member/signinUsrForm" class="txt">로그인</a>
				<a href="/v1/infra/member/signupUsrForm" class="txt">회원가입</a>
				<a href="javascript:void(0);" class="ico_lang">언어</a>
			</div>
			
		</div>
	<!-- 2025.06.20 추가 -->
	<button type="button" id="btn_toggle">메뉴열기</button>
<!-- / 2025.06.20 추가 -->
	</div>
</header>

<style>
	#errorUsrView #body { background: #ffffff; }
	.error-page {
		max-width: 720px;
		margin: 0 auto;
		padding: 96px 32px 160px;
		text-align: center;
	}
	.error-page__title {
		font-size: 32px;
		font-weight: 800;
		color: #111827;
		margin: 0 0 16px;
		letter-spacing: -0.8px;
	}
	.error-page__message {
		font-size: 17px;
		color: #4b5563;
		line-height: 1.6;
		margin: 0 0 12px;
	}
	.error-page__hint {
		font-size: 14px;
		color: #6b7280;
		margin: 0 0 40px;
	}
	.error-page__actions {
		display: flex;
		gap: 12px;
		justify-content: center;
		flex-wrap: wrap;
	}
	.error-page__btn {
		display: inline-block;
		padding: 12px 28px;
		border-radius: 8px;
		font-size: 15px;
		font-weight: 600;
		text-decoration: none;
		border: 0;
		cursor: pointer;
	}
	.error-page__btn--primary {
		background: #6c5ce7;
		color: #ffffff;
	}
	.error-page__btn--ghost {
		background: #f3f4f6;
		color: #111827;
	}
</style>

<section class="error-page">
	<h1 class="error-page__title">일시적인 오류가 발생했습니다</h1>
	<p class="error-page__message">잠시 후 다시 시도해 주세요. 문제가 계속되면 고객센터로 문의 부탁드립니다.</p>
	<p class="error-page__hint">입력 데이터는 안전하게 차단되어 손상되지 않았습니다.<br>마이페이지에서 다시 시도해 주세요.</p>
	<div class="error-page__actions">
		<a href="/v1/fapp/work/workMyIpUsrList" class="error-page__btn error-page__btn--primary">마이페이지로 이동</a>
		<a href="/" class="error-page__btn error-page__btn--ghost">홈으로</a>
	</div>
</section>

<footer id="footer">
<input type="hidden" id="terms" value = "1">
<input type="hidden" id="private" value = "2">
	<div class="container">
		<div class="flex">
			<div class="flex__col">
				<strong>(주)크릭스</strong>
				<ul id="companyInfo">
					<li>
						<strong>대표</strong>
						<span>송준용</span>
					</li>
					<li>
						<strong>사업자번호</strong>
						<span>762-81-03410</span>
					</li>
					<li>
						<strong>통신판매업 신고번호</strong>
						<span>2025-서울성동-0215</span>
					</li>
					<li>
						<strong>주소</strong>
						<span>서울특별시 성동구 왕십리로 222,<br class="only-mb">
						HIT B2층 B214호(사근동, 한양대학교)</span>
					</li>
					<li>
						<strong>문의</strong>
<!-- 						<span>contact@kryx.io</span> -->
						<span>contact@kryx.io  &nbsp;|&nbsp; 070-8983-9624</span>
					</li>
				</ul>
			</div>
			<div class="flex__col">
				<nav class="nav" id="footer__nav">
					<ul>
						<li><a href="javascript:void(0);" onclick="modal('/v1/infra/rule/modalRuleUsrView',document.getElementById('terms').value);">이용약관</a></li>
						<li><a href="javascript:void(0);"  onclick="modal('/v1/infra/rule/modalRuleUsrView',document.getElementById('private').value);">개인정보처리방침</a></li>
					</ul>
				</nav>
			</div>
		</div>
		<div id="copyright">© 2024. 크릭스 Inc. all rights reserved.</div>
	</div>

	<!-- Pick&Deal 플로팅 버튼 — 위. PD 로고 동그라미 + 호버 시 'IP 협업 바로가기' 알약 확장 -->
	<a href="javascript:void(0);" id="pickdeal-fab" title="Pick&Deal · IP 협업 바로가기"
	   data-logged="false"
	   onclick="pickdealFabClick(event)">
		<span id="pickdeal-fab-text">IP 협업 바로가기</span>
		<span id="pickdeal-fab-logo" aria-hidden="true">
			<img src="/usr/v1/template/kryx/v1/assets/img/pickdeal_logo.svg" alt="">
		</span>
	</a>

	<!-- 우측 하단 scroll-to-top 버튼 — 픽앤딜 FAB 아래에 배치 (마이페이지 제외) -->
	<button type="button" id="scroll-to-top-btn" aria-label="맨 위로" title="맨 위로">
		<img src="/usr/v1/template/kryx/v1/assets/img/ico_scroll_top.svg" alt="맨 위로">
	</button>

	<style>
		/* ===== Pick&Deal FAB (위쪽) — PD 로고 동그라미, 호버 시 'IP 협업 바로가기' 알약 ===== */
		#pickdeal-fab {
			position: fixed;
			bottom: 110px;
			right: 32px;
			height: 64px;
			width: 64px;
			background: #0c65f5;
			border-radius: 999px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			z-index: 9999;
			text-decoration: none;
			color: #fff;
			overflow: hidden;
			padding: 0;
			transition: width 0.28s cubic-bezier(.4,0,.2,1), padding 0.28s cubic-bezier(.4,0,.2,1);
			/* gap 사용 X — width 0인 text가 있어도 logo 사이에 간격이 생기는 문제 회피.
			   대신 호버 시 text의 padding-right로 간격 처리 */
			gap: 0;
		}
		#pickdeal-fab:hover {
			width: 240px;
			padding: 0 22px;
			background: #0c65f5;
		}
		/* 호버 X 시 — 로고가 동그라미 정중앙. text는 width 0이라 차지 X */
		#pickdeal-fab-logo {
			flex-shrink: 0;
			width: 32px;
			height: 32px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			order: 2;
		}
		#pickdeal-fab-logo img {
			width: 100%;
			height: 100%;
			display: block;
			object-fit: contain;
		}
		#pickdeal-fab-text {
			color: #fff;
			font-size: 17px;
			font-weight: 800;
			white-space: nowrap;
			max-width: 0;
			padding: 0;
			overflow: hidden;
			opacity: 0;
			transition: max-width 0.28s cubic-bezier(.4,0,.2,1), padding-right 0.28s cubic-bezier(.4,0,.2,1), opacity 0.2s 0.05s;
			letter-spacing: -0.3px;
			order: 1;
		}
		#pickdeal-fab:hover #pickdeal-fab-text {
			max-width: 200px;
			padding-right: 14px;
			opacity: 1;
		}

		/* ===== scroll-to-top (아래쪽) — #eaeaea 동그라미 + 흰색 ↑ 화살표 ===== */
		#scroll-to-top-btn {
			position: fixed;
			bottom: 32px;
			right: 32px;
			width: 56px;
			height: 56px;
			background: #eaeaea;
			border: none;
			border-radius: 50%;
			display: none;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			z-index: 9998;
			transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
			box-shadow: 0 2px 8px rgba(0,0,0,0.08);
		}
		#scroll-to-top-btn img {
			width: 22px;
			height: 13px;
			display: block;
		}
		#scroll-to-top-btn:hover {
			background: #d4d4d4;
			transform: translateY(-2px);
			box-shadow: 0 4px 12px rgba(0,0,0,0.12);
		}
		#scroll-to-top-btn.visible { display: flex; }

		@media (max-width: 640px) {
			#pickdeal-fab { bottom: 88px; right: 20px; height: 56px; width: 56px; }
			#pickdeal-fab:hover { width: 56px; padding: 0; }
			#pickdeal-fab:hover #pickdeal-fab-text { max-width: 0; opacity: 0; }
			#pickdeal-fab-logo { width: 28px; height: 28px; }
			#scroll-to-top-btn { bottom: 20px; right: 20px; width: 48px; height: 48px; }
			#scroll-to-top-btn img { width: 20px; height: 12px; }
		}
	</style>

	<script>
		(function() {
			// Pick&Deal 자동 redirect는 head.html로 이전 (body 렌더 전 즉시 처리, 깜빡임 방지)

			// ===== scroll-to-top: 마이페이지는 제외 =====
			var MYPAGE_RE = /\/(workMyIp|myLike|workStep|characterStep|myMobile|myInfo|draft|signupOwner|signupUsr|signinUsr|workRegistrationComplete|myCharacterUsr)/i;
			var isMypage = MYPAGE_RE.test(location.pathname);
			var topBtn = document.getElementById('scroll-to-top-btn');
			if (topBtn) {
				if (isMypage) {
					topBtn.remove();
				} else {
					var onScroll = function() {
						if (window.scrollY > 240) topBtn.classList.add('visible');
						else topBtn.classList.remove('visible');
					};
					window.addEventListener('scroll', onScroll, { passive: true });
					topBtn.addEventListener('click', function() {
						window.scrollTo({ top: 0, behavior: 'smooth' });
					});
					onScroll();
				}
			}
		})();

		// ===== Pick&Deal FAB 클릭 핸들러 =====
		function pickdealFabClick(e) {
			if (e && e.preventDefault) e.preventDefault();
			var fab = document.getElementById('pickdeal-fab');
			var logged = fab && fab.getAttribute('data-logged') === 'true';
			if (!logged) {
				try { sessionStorage.setItem('pickdealReturn', '1'); } catch (_) {}
				location.href = '/v1/infra/member/signinUsrForm';
				return;
			}
			location.href = '/v1/fapp/pickdeal/gateway';
		}
	</script>
</footer>
</body>
</html>
