| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- <!DOCTYPE html>
- <html lang="ko"
- xmlns:th="http://www.thymeleaf.org">
- <!--
- *******************************************************************************
- * @source : InaccessMob.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="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("/ux/fonts/NotoSansKR-Thin.woff2") format('woff2');src: url("/ux/fonts/NotoSansKR-Thin.woff") format('woff');src: url("/ux/fonts/NotoSansKR-Thin.otf") format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 200;src: url("/ux/fonts/NotoSansKR-Light.woff2") format('woff2');src: url("/ux/fonts/NotoSansKR-Light.woff") format('woff');src: url("/ux/fonts/NotoSansKR-Light.otf") format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url("/ux/fonts/NotoSansKR-Regular.woff2") format('woff2');src: url("/ux/fonts/NotoSansKR-Regular.woff") format('woff');src: url("/ux/fonts/NotoSansKR-Regular.otf") format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url("/ux/fonts/NotoSansKR-Medium.woff2") format('woff2');src: url("/ux/fonts/NotoSansKR-Medium.woff") format('woff');src: url("/ux/fonts/NotoSansKR-Medium.otf") format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 600;src: url("/ux/fonts/NotoSansKR-Bold.woff2") format('woff2');src: url("/ux/fonts/NotoSansKR-Bold.woff") format('woff');src: url("/ux/fonts/NotoSansKR-Bold.otf") format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url("/ux/fonts/NotoSansKR-Black.woff2") format('woff2');src: url("/ux/fonts/NotoSansKR-Black.woff") format('woff');src: url("/ux/fonts/NotoSansKR-Black.otf") format('opentype');} @font-face {font-family: 'LATO';src: url("/ux/fonts/Lato-Light.eot") format('eot'),url("/ux/fonts/Lato-Light.woff") format('woff'),url("/ux/fonts/Lato-Light.ttf") format('ttf');font-weight: 200;font-style: normal;}@font-face {font-family: 'LATO';src: url("/ux/fonts/Lato-Regular.eot") format('eot'),url("/ux/fonts/Lato-Regular.woff") format('woff'),url("/ux/fonts/Lato-Regular.ttf") format('ttf');font-weight: 300;font-style: normal;}@font-face {font-family: 'LATO';src: url("/ux/fonts/Lato-Medium.eot") format('eot'),url("/ux/fonts/Lato-Medium.woff") format('woff'),url("/ux/fonts/Lato-Medium.ttf") format('ttf');font-weight: 500;font-style: normal;}@font-face {font-family: 'LATO';src: url("/ux/fonts/Lato-Semibold.eot") format('eot'),url("/ux/fonts/Lato-Semibold.woff") format('woff'),url("/ux/fonts/Lato-Semibold.ttf") format('ttf');font-weight: 600;font-style: normal;}@font-face {font-family: 'LATO';src: url("/ux/fonts/Lato-Bold.eot") format('eot'),url("/ux/fonts/Lato-Bold.woff") format('woff'),url("/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 notfind system inspect"><!-- 페이지 특정 클래스 -->
- <div class="contGrp">
- <h2>접근 불가</h2>
- <p th:text="${inaccessibleMsg}"></p>
- </div>
- <div class="btn_group">
- <button class="btn btn_default" th:if="${loginYn == 'Y'}" onclick="fnGoToHome();"><span>홈으로 이동</span></button>
- <button class="btn btn_dark" onclick="javascript:history.back(-1);"><span>목록으로 이동</span></button>
- <button class="btn btn_default" th:if="${loginYn == 'N'}" onclick="fnGoToLogin();"><span>로그인</span></button>
- </div>
- </div>
- </div>
- <!-- // container -->
- <script type="text/javascript">
- let fnGoToHome = function() {
- document.location.href = '/';
- }
- let fnGoToLogin = function() {
- document.location.href = '/signin';
- }
- </script>
- </body>
- </html>
|
