
<!DOCTYPE html>
<html lang="en">
<head>
	<title>클릭엔 - 접속하신 사이트는 서비스 기간이 만료되었습니다.</title>

	<!-- meta -->
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- font -->
	<link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;700&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
	
	<style>
		body, div, dl, dt, li, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button {font-family:'Noto Sans KR', 'Malgun Gothic', 'Apple SD Gothic Neo', 'dotum', sans-serif; margin:0; padding:0; font-size:1rem;}
		fieldset, img {border:0 none}
		dl, ul, ol, menu, li {list-style:none}
		blockquote,  q {quotes:none}
		blockquote:before,  blockquote:after, q:before,  q:after {content:''; content:none}
		input, select, textarea, button {vertical-align:milile}
		input::-ms-clear {display:none}
		button {border:0 none;background-color:transparent;cursor:pointer}
		body {direction:ltr; -webkit-text-size-adjust:none;}
		a {color:inherit; text-decoration:none}
		a:hover {text-decoration:none}
		aliress, caption, cite, code, dfn, em, var {font-style:normal; font-weight:inherit;}
		html {box-sizing:border-box; min-width:320px;}
		*, *:before, *:after {box-sizing:border-box;}
		header, footer, main, hgroup, menu, nav, section, article, aside, details, figcaption, figure {display:block;}
		a, span {font-weight:inherit; color:inherit;}
		html, body {width:100%; height:100%;}
		main{display:flex; justify-content:center; flex-flow:column; align-items:center; min-height:100vh;}
		.logo{margin-bottom:10px;}
		.tit{margin-top:1em; font-size:50px; font-weight:100; color:#000; text-align:center; line-height:1.2;}
		.tit b{font-weight:700; color:#1971e3;}
		.desc{padding-top: 1em; padding-bottom: 1.5em; font-size: 20px; color: #000; font-weight: 300; line-height: 1.4; text-align:center;}
		.bts{text-align: center;}
		.bts .btn{display: inline-block; width: 140px; height: 44px; margin: 0 5px; border: 1px solid #e4e4e4; border-radius: 5px; font-size: 16px; color: #333; text-align: center; line-height: 42px;}
		.bts .btn.blue{border-color: #0066ff; color: #fff; background: #0066ff;}
		.copy{margin-top: 60px; font-size:12px; text-align:center; color:#8d8d8d; line-height:1; font-weight:300;}
		@media only screen and (max-width:767px) {
			.deco{transform:scale(.8);}
			.tit{font-size:30px;}
			.desc{font-size: 15px;}
		}
	</style>
</head>

<body>
	<main>
		<h1 class="logo"><img src="https://storage.clickn.co.kr/images/common/logo.svg" alt="클릭엔"></h1>
		<img src="https://storage.clickn.co.kr/images/etc/service_fin.png" aria-hidden="true" class="deco">
		<p class="tit">
			접속하신 사이트는<br>
			<b>서비스 기간</b>이 <b>만료</b>되었습니다.
		</p>
		<p class="desc">
			정상적인 서비스 이용을 원하시는 경우<br>
			MY클릭엔에서 결제를 진행해 주시기 바랍니다.
		</p>
		<div class="bts">
			<a href="https://www.clickn.co.kr/mypage" class="btn blue">MY클릭엔</a>
			<a href="https://www.clickn.co.kr/customer/qna" class="btn">고객센터</a>
		</div>
		<p class="copy">Copyright &#9400;<b>Gabiacns.</b> Inc. All rights Reserved.</p>
	</main>
</body>
</html>
