<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="web/common/layout/DefaultLayoutWeb">
<!--
 *******************************************************************************
 * @source  : GoodsDetailFormWeb.html
 * @desc	: 상품상세 - 미확인 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE		 AUTHOR	  DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.07.08   eskim	   최초 작성
 *******************************************************************************
 -->
 <body>
<th:block layout:fragment="content">
	<style>
	/* page common  */#container{padding:0;margin:0;}#header {border-bottom: 1px solid #dddddd;height: 140px;line-height: 140px;margin-bottom: 160px;}#header {background: url(/images/ico_logo_err.png) no-repeat;background-position: 50% 50%;background-size: 162px 25px;}.wrap{max-width: 800px; margin:0 auto; text-align:center;}
	/* err ONLY css */.err {display: block;position: relative;}.err .notFind{display: block;position: relative;}.err .system{display: block;position: relative;}.err .inspect{display: block;position: relative;}.err .contGrp{padding-top: 160px;position: relative;}.err .notFind .contGrp::before{content: '';display: block;width: 120px;height: 120px;background: url(/images/ico_page_err.png) no-repeat;background-position: 50% 50%;background-size: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}.err .system .contGrp::before{content: '';display: block;width: 120px;height: 120px;background: url(/images/ico_page_err.png) no-repeat;background-position: 50% 50%;background-size: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}.err .inspect .contGrp::before{content: '';display: block;width: 120px;height: 120px;background: url(/images/ico_inspect_err.png) no-repeat;background-position: 50% 50%;background-size: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}.err h1{text-indent: -9999px;}.err h2{line-height: 1.3;}.err p{font-size: 16px;color: #666666;letter-spacing: -.025em;}.err p.tit{font-size: 18px;color: #222222;font-weight:400;letter-spacing: -.025em;}.err p.acc{font-size: 20px;color: #fd4802;font-weight:600;letter-spacing: -.025em;}.err p.ps{font-size: 14px;color: #fd4802;font-weight:600;letter-spacing: -.025em;}.err a{padding-bottom: 2px;border-bottom: 2px solid #fd4802;color: #fd4802;font-weight: 600;text-decoration: none;}.err .btn{display: inline-block;margin-bottom: 0;padding: 22px 67px;font-size: 16px;font-weight: 400;line-height: 20px;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;box-sizing: border-box;border-width: 1px;border-style: solid;border-color: rgba(225, 225, 225, 0.6);-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;cursor: pointer;}.err .btn_group{margin: 80px 0;}.err .btn_group::after {content: '';display: block;clear: both;}.err .btn_group .btn{color: #3d3d3d;background-color: rgb(255 255 255 / 0);border-color: rgb(221 221 221 / 0.6);}.err .btn_group .btn_dark{color: #ffffff;background-color: #222222;border-color: #222222;}.err .btn_group .btn_primary{color: #ffffff;background-color: #fd4802;border-color: #fd4802;}.err .infoGrp {margin: 80px 0; padding: 30px 0; border: 1px solid #eeeeee;box-sizing: border-box;width: 100%;}.err .btn_block {display: block;width: 100%;}.none_pc{display: none;} .none_m{display: inline-block;}
	p {margin-block-start: 1em; margin-block-end: 1em;  margin-inline-start: 0px;  margin-inline-end: 0px;}
	/* retina style */@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {body{min-width: 100%;}#container {margin: 0 auto;text-align: center;width: auto;}#header {margin-bottom: 180px;background-size: 270px 42px;}.wrap {margin: 0 auto;text-align: center;width: auto;padding: 0 6.0rem;}.contGrp{padding-top: 160px;}.err .notFind .contGrp::before{content: '';display: block;width: 120px;height: 120px;background: url(/images/ico_page_err.png) no-repeat;background-position: 50% 50%;background-size: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}.err .system .contGrp::before{content: '';display: block;width: 120px;height: 120px;background: url(/images/ico_page_err.png) no-repeat;background-position: 50% 50%;background-size: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}.err .inspect .contGrp::before{content: '';display: block;width: 120px;height: 120px;background: url(/images/ico_inspect_err.png) no-repeat;background-position: 50% 50%;background-size: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}.err h2{font-size:3rem;line-height: 1.3;}.err p{font-size: 1.8rem;}.err p.tit{font-size: 39px;color: #222222;font-weight:400;letter-spacing: -.025em;}.err p.acc{font-size: 39px;color: #fd4802;font-weight:600;letter-spacing: -.025em;}.err p.ps{font-size: 33px;color: #fd4802;font-weight:600;letter-spacing: -.025em;}.err a{border-bottom: 0.3rem solid #fd4802;}.err .btn{display: block;width: 100%;color: #ffffff;background-color: #222222;border-color: #222222;padding: 48px 0;font-size: 2.1rem;}.err .btn {display: block;width: 100%;}.err .btn_group{margin: 90px 0;}.err .btn_group{float: left;width: 100%;width: 100%;margin-left: 0px !important;margin-right: 0px !important;margin-bottom: 15px;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;}.err .infoGrp{margin: 90px 0;padding: 60px 0;}.none_pc{display: inline-block;}.none_m{display: none;}}
	</style>

	<!--  container -->
	<div id="container" class="container pd  err"><!-- error page 클래스 -->
		<div class="wrap notFind"><!--  페이지 특정 클래스 -->
			<div class="contGrp">
				<h2>죄송합니다.<br/> 요청하신 상품을 찾을 수 없습니다.</h2>
				<p class="none_m">서비스 이용에 불편을 드려 죄송합니다.
					<br/>현재 찾으시는 상품은 판매가 종료되었거나 상품정보 제공이 중지된 상품입니다.</p>
				<p>새로고침 하셔서 페이지를 다시 확인하거나, 브라우저의 URL이 유효한지 다시 한번 확인해 보시기 바랍니다.</p>
				<p class="none_m">
					동일한 문제가 지속적으로 발생할 경우, <a class="none_m"  href="javascript:void(0);" onclick="fnGoToFaq();">고객센터</a>로 문의 주시기 바랍니다.
				</p>
			</div>
			<div class="btn_group">
				<button class="btn btn_dark" onclick="fnGoToHome();"><span>홈으로 이동</span></button>
			</div>
		</div>
	</div>
	<!-- // container -->

<script type="text/javascript">
	let fnGoToHome = function() {
		document.location.href = '/';
	}
	
	let fnGoToFaq = function() {
		document.location.href = '/callcenter/faq/form';
	}
</script>
</th:block>
</body>
</html>