로그인 페이지를 레이어 팝업으로 만드려고 하는데요.

안녕하세요? 글을 읽어 주셔서 감사합니다.

다름이 아니라 그누보드는 로그인을 할때 페이지가 넘어가는데요.

이것을 팝업으로 만들고 싶어서요.

그래서 여기저기 소스를 보고 따라 해봤는데요.

닫히는건 잘 됩니다.

오픈을 누르면 그냥 다시 되버려요;;;

혹시몰라서 오픈3을 만들어서 눌렀더니 그것도 되더라구요.

아래는 소스입니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
 #pop{
  width:300px; height:400px; background:#3d3d3d; color:#fff;
  position:absolute; top:10px; left:100px; text-align:center;
  border:2px solid #000;
   }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
      $('#close').click(function() {
        $('#pop').hide();
        $('#dark').hide();
      });
    });
 </script>
</head>
<body>
<div id="dark" style="width: 100%; height: 100%; background-color: red;position: fixed;"></div>
<div id="pop">
  <div style="height:370px;">
     홈페이지 초보입니다.
  </div>
  <div>
    <div id="close" style="width:100px; margin:auto;">close</div>
  </div>
</div>
<div id="" style="width:100px; margin:auto;"><a href="">open</a></div>
<a href="">open3</a>
</body>
</html>

어디를 수정해야할지 좀 알려주시면 안될까요?

오늘 유난히 많이 춥습니다. 감기 조심하셔요~!