sgc
/
sgc-portal


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
							<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="utf-8" />
	<title>SGC Mobile</title>
	<base href="./" />
	<meta name="color-scheme" content="light" />
	<meta name="viewport"
		content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="msapplication-tap-highlight" content="no" />
	<link rel="shortcut icon" type="image/x-icon" href="<%= BASE_URL %>img/icons/favicon.ico" />
	<style type="text/css">
		body {
			padding: 0;
			margin: 0;
		}

		#appLoading {
			pointer-events: none;
			z-index: 100;
			width: 100vw;
			height: 100vh;
			display: inline-block;
			background-color: #ed1c24;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}

		div#app[data-v-app]~#appLoading{
			display: none;
		}
		#appLoading div.loading-wraper {
			position: absolute;
			left: 50%;
			top: 50%;
			text-align: center;
			transform: translate(-50%, -50%);
		}

		#appLoading div.loading-wraper img {
			max-width: 50vw;
			max-height: 50vh;
			animation-name: loadingSpiner;
			animation-duration: 4000ms;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
		}

		#appLoading div.loading-wraper div {
			position: relative;
			color: white;
			font-size: 1rem;
			z-index: 100;
		}

		#appLoading div.loading-wraper button {
			z-index: 1;
			position: absolute;
			font-size: 1.5rem;
			padding: 5px 15px;
			border-radius: 10px;
			border:1px solid gray;
			pointer-events: all;
			background-color : rgba(0,0,0,0.7);
			width:10rem;
			margin-left: -5rem;
			left : 50%;
			top :50%;
			opacity: 0;
			animation: loadingButton 10s normal forwards ease-in-out;
		}
		@keyframes loadingButton {
			0% {
				opacity: 0;
			}
			70% {
				opacity: 0;
			}
			100% {
				opacity: 1;
			}
		}

		@keyframes loadingSpiner {
			from {
				transform: rotate(0deg);
			}
			to {
				transform: rotate(360deg);
			}
		}
	</style>
</head>
<body>
	<div id="app"></div>
	<div id="appLoading">
		<div class="loading-wraper">
			<img src="<%= BASE_URL %>img/icons/android-chrome-512x512.png">
			<div>loading........</div>
			<button type="button" onclick="window.location.reload()">Reload</button>
		</div>
	</div>
</body>
</html>