  <!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>Expocity</title>
    <link rel="stylesheet" type="text/css" href="/css/reset.css">
<link rel="stylesheet" type="text/css" href="/css/sub_header.css?ver=a1.02">
<link rel="stylesheet" type="text/css" href="/css/sub_footer.css?ver=a1.02">
<link rel="stylesheet" type="text/css" href="/css/title_code.css">

<!--사이트 구성 기본 파일-->

<script type="text/javascript" src="/js/jquery-1.11.3.min.js"></script>

<!--JSON-->
<script type="text/javascript" src="/js/jquery.json.js"></script>

<!--필요함수-->
<script type="text/javascript" src="/js/engine_js.js"></script>
<script type="text/javascript" src="/js/button_url_js.js?ver=0.11"></script>

<!--로그인-->
<script type="text/javascript" src="/js/login_js.js"></script>
<link rel="stylesheet" type="text/css" href="/css/login.css">

<!--회원가입-->
<script type="text/javascript" src="/js/sign_up_js.js"></script>
<link rel="stylesheet" type="text/css" href="/css/signup.css?ver=0.11">

<!--가입완료-->
<link rel="stylesheet" type="text/css" href="/css/complete.css">

<!--인증회원관리-->
<link rel="stylesheet" type="text/css" href="/css/expo_class_sel.css">
<link rel="stylesheet" type="text/css" href="/css/buyer_signup.css?ver=0.11">

<!--이미지업로드-->
<script type="text/javascript" src="/js/img_upload.js"></script>
<link rel="stylesheet" type="text/css" href="/css/img_upload.css">
    <link rel="shortcut icon" href="TemplateData/favicon.ico">
    <link rel="stylesheet" href="TemplateData/style.css">
  </head>
  <body class="dark">
    <div id="unity-container" class="unity-desktop">
      <canvas id="unity-canvas"></canvas>
    </div>
    <div id="loading-cover" style="display:none;">
      <div id="unity-loading-bar">
        <div id="unity-logo"><img src="logo.png"></div>
        <div id="unity-progress-bar-empty" style="display: none;">
          <div id="unity-progress-bar-full"></div>
        </div>
        <div class="spinner"></div>
      </div>
    </div>
    <div id="unity-fullscreen-button" style="display: none;"></div>
    <script>
      const hideFullScreenButton = "";
      const buildUrl = "Build";
      const loaderUrl = buildUrl + "/Light_On.loader.js";
      const config = {
        dataUrl: buildUrl + "/Light_On.data.unityweb",
        frameworkUrl: buildUrl + "/Light_On.framework.js.unityweb",
        codeUrl: buildUrl + "/Light_On.wasm.unityweb",
        streamingAssetsUrl: "StreamingAssets",
        companyName: "Expocity",
        productName: "Expocity",
        productVersion: "1.0",
      };

      const container = document.querySelector("#unity-container");
      const canvas = document.querySelector("#unity-canvas");
      const loadingCover = document.querySelector("#loading-cover");
      const progressBarEmpty = document.querySelector("#unity-progress-bar-empty");
      const progressBarFull = document.querySelector("#unity-progress-bar-full");
      const fullscreenButton = document.querySelector("#unity-fullscreen-button");
      const spinner = document.querySelector('.spinner');

      const canFullscreen = (function() {
        for (const key of [
            'exitFullscreen',
            'webkitExitFullscreen',
            'webkitCancelFullScreen',
            'mozCancelFullScreen',
            'msExitFullscreen',
          ]) {
          if (key in document) {
            return true;
          }
        }
        return false;
      }());

      /*if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
        container.className = "unity-mobile";
        config.devicePixelRatio = 1;
      }*/
      loadingCover.style.display = "";

      const script = document.createElement("script");
      script.src = loaderUrl;
      script.onload = () => {
        createUnityInstance(canvas, config, (progress) => {
          spinner.style.display = "none";
          progressBarEmpty.style.display = "";
          progressBarFull.style.width = `${100 * progress}%`;
        }).then((unityInstance) => {
          loadingCover.style.display = "none";
          if (canFullscreen) {
            if (!hideFullScreenButton) {
              fullscreenButton.style.display = "";
            }
            fullscreenButton.onclick = () => {
              window.vuplex.SetFullscreen(1)/*https://support.vuplex.com/articles/webgl-fullscreen*/;
            };
          }
        }).catch((message) => {
          alert(message);
        });
      };
      document.body.appendChild(script);
    </script>
  </body>
</html>
