<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : SystemCheckMob.html
 * @desc    : 시스템점검중 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.03.29   gagamel     최초 작성
 *******************************************************************************
 -->
<head>
	<meta charset="utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 
	<meta name="Title" th:content="${metaInfo.browserTitle}" content="한세공식몰 스타일24"/>
	<meta name="description" th:content="${metaInfo.ogDesc}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
	<meta name="keywords" th:content="${metaInfo.keywords}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
	<meta property="og:type" content="website"/>
	<meta property="og:image" th:content="${metaInfo.ogImage}" content="/image/web/common/og_style24.png"/>
	<meta property="og:url" th:content="${@environment.getProperty('domain.front')}" content="http://www.style24.com"/>
	<meta property="og:title" th:content="${metaInfo.browserTitle}" content="스타일24"/>
	<meta property="og:description" th:content="${metaInfo.ogDesc}" content="한세공식몰,TBJ,FRJ,NBA,NBA KIDS,LPGA,PGATOUR,컬리수,모이몰른,MOIMOLN,리카앤,리바이스키즈,ANDEW,BUCKAROO,나이키키즈"/>
	<meta property="og:locale" content="ko_KR"/>
	<meta property="og:site_name" th:content="${metaInfo.browserTitle}" content="한세공식몰 스타일24"/>
	
	<title th:text="${metaInfo.browserTitle}">한세공식몰 스타일24</title>
	<link rel="icon" th:href="@{/images/favicon.ico}" href="/images/favicon.ico" type="image/x-icon"/>
	<link rel="apple-touch-icon" href="/images/apple-touch-icon.png" sizes="180x180"/>
	<link rel="icon" href="/images/favicon-32x32.png" sizes="32x32" type="image/png"/>
	<link rel="icon" href="/images/favicon-16x16.png" sizes="16x16" type="image/png"/>
</head>

<body>
	<style>
	/* font setting */@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Thin.woff2") format('woff2');src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Thin.woff") format('woff');src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Thin.otf") format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 200;src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Light.woff2") format('woff2');src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Light.woff") format('woff');src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Light.otf") format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Regular.woff2") format('woff2');src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Regular.woff") format('woff');src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Regular.otf") format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Medium.woff2") format('woff2');src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Medium.woff") format('woff');src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Medium.otf") format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 600;src:  url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Bold.woff2") format('woff2');src:  url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Bold.woff") format('woff');src:  url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Bold.otf") format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Black.woff2") format('woff2');src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Black.woff") format('woff');src: url("//image.istyle24.com/Style24/ux/fonts/NotoSansKR-Black.otf") format('opentype');} @font-face {font-family: 'LATO';src: url("//image.istyle24.com/Style24/ux/fonts/Lato-Light.eot") format('eot'),url("//image.istyle24.com/Style24/ux/fonts/Lato-Light.woff") format('woff'),url("//image.istyle24.com/Style24/ux/fonts/Lato-Light.ttf") format('ttf');font-weight: 200;font-style: normal;}@font-face {font-family: 'LATO';src: url("//image.istyle24.com/Style24/ux/fonts/Lato-Regular.eot") format('eot'),url("//image.istyle24.com/Style24/ux/fonts/Lato-Regular.woff") format('woff'),url("//image.istyle24.com/Style24/ux/fonts/Lato-Regular.ttf") format('ttf');font-weight: 300;font-style: normal;}@font-face {font-family: 'LATO';src: url("//image.istyle24.com/Style24/ux/fonts/Lato-Medium.eot") format('eot'),url("//image.istyle24.com/Style24/ux/fonts/Lato-Medium.woff") format('woff'),url("//image.istyle24.com/Style24/ux/fonts/Lato-Medium.ttf") format('ttf');font-weight: 500;font-style: normal;}@font-face {font-family: 'LATO';src: url("//image.istyle24.com/Style24/ux/fonts/Lato-Semibold.eot") format('eot'),url("//image.istyle24.com/Style24/ux/fonts/Lato-Semibold.woff") format('woff'),url("//image.istyle24.com/Style24/ux/fonts/Lato-Semibold.ttf") format('ttf');font-weight: 600;font-style: normal;}@font-face {font-family: 'LATO';src: url("//image.istyle24.com/Style24/ux/fonts/Lato-Bold.eot") format('eot'),url("//image.istyle24.com/Style24/ux/fonts/Lato-Bold.woff") format('woff'),url("//image.istyle24.com/Style24/ux/fonts/Lato-Bold.ttf") format('ttf');font-weight: 700;font-style: normal;}
	/* page setting */body{min-width: 1380px;padding:0;margin:0;font-family:'LATO','Noto Sans kr', 'LATO', sans-serif;font-weight: 200;}h1,h2,h3,h4,h5,h6 {font-family:'LATO','Noto Sans kr', 'LATO', sans-serif; color:#666666;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {color: #222222;padding: 0px;margin: 0px;line-height:1;}h1,.h1 {margin-top: 15px;margin-bottom: 15px;font-weight: 300;}h2,.h2 {margin-bottom: 15px;font-weight: 500;}h3,.h3 {margin-bottom: 10px;font-weight: 500;}h3 small,.h3 small {line-height: 19px;}h4,.h4 {margin-bottom: 10px;font-weight: 500;}h5,.h5 {margin-bottom: 10px;margin-top: 5px;font-weight: 500;}h6,.h6 {margin-bottom: 5px;font-weight: 500; }
	/* 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;} 
	/* 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="err"><!-- error page 클래스 -->
		<div id="header"><h1>STYLE24</h1></div>
		<div class="wrap inspect"><!--  페이지 특정 클래스 -->
			<div class="contGrp">
				<h2>시스템 점검 중입니다.</h2>
				<p>
					더 좋은 서비스를 제공해 드리기 위해 시스템 점검 중입니다<br/>
					서비스 이용에 불편을 드려 죄송합니다.
				</p>
			</div>
			<div class="infoGrp">
				<p class="tit">점검일시</p>
				<p class="acc">2021.03.03 (24:00 ~ 09:00)</p>
				<p>작업 시간에 따라 변동될 수 있습니다.</p>
			</div>
		</div>
	</div>
	<!-- // container -->
</body>
</html>