join.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <!DOCTYPE html>
  2. <HTML lang="ko">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>UPRO</title>
  6. <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
  7. <meta name="format-detection" content="telephone=no">
  8. <link rel="stylesheet" type="text/css" href="/m/css/common.css">
  9. <link rel="stylesheet" type="text/css" href="/m/css/sub.css">
  10. <script type="text/javascript" charset="utf-8" src="/m/js/jquery-1.11.2.min.js"></script>
  11. <script type="text/javascript" charset="utf-8" src="/m/js/ui.js"></script>
  12. </head>
  13. <body>
  14. <!-- s : header -->
  15. <? include("inc/inc_header.html"); ?>
  16. <!-- // e : header -->
  17. <!-- s : container -->
  18. <section id="container" class="join_wrap">
  19. <h2>회원가입</h2>
  20. <p class="tit_sub">UPRO에 회원으로 가입하시고<br>UPRO만의 특별한 회원 혜택을 누리세요.</p>
  21. <div class="join">
  22. <h3>약관동의</h3>
  23. <div class="clause_chk_list">
  24. <p class="all"><span class="check_wrap"><input type="checkbox" id="all_agree"><i></i><label for="all_agree">전체 약관동의</label></span></p>
  25. <ul>
  26. <li>
  27. <span class="check_wrap"><input type="checkbox" id="agree1"><i></i><label for="agree1">[필수] 회원 이용약관</label></span>
  28. <span class="detail">자세히보기</span>
  29. <div>
  30. <textarea cols="100" rows="10"><? include("inc/clause_txt1.txt"); ?></textarea>
  31. </div>
  32. </li>
  33. <li>
  34. <span class="check_wrap"><input type="checkbox" id="agree2"><i></i><label for="agree2">[필수] 개인정보 수집이용</label></span>
  35. <span class="detail">자세히보기</span>
  36. <div>
  37. <textarea cols="100" rows="10"><? include("inc/clause_txt2.txt"); ?></textarea>
  38. </div>
  39. </li>
  40. <!--<li>
  41. <span class="check_wrap"><input type="checkbox" id="agree3"><i></i><label for="agree3">[선택] 마케팅 목적 개인정보 수집/이용</label></span>
  42. <span class="detail">자세히보기</span>
  43. <div>
  44. <textarea cols="100" rows="10"><? include("inc/clause_txt3.txt"); ?></textarea>
  45. </div>
  46. </li>-->
  47. <!--<li>
  48. <span class="check_wrap"><input type="checkbox" id="agree4"><i></i><label for="agree4">[선택] 개인정보 제3자 제공</label></span>
  49. <span class="detail">자세히보기</span>
  50. <div>
  51. <textarea cols="100" rows="10"><? include("inc/clause_txt4.txt"); ?></textarea>
  52. </div>
  53. </li>-->
  54. </ul>
  55. </div>
  56. <h3>기본정보 입력</h3>
  57. <table class="tbl_w">
  58. <tr>
  59. <td>
  60. <div class="id_wrap">
  61. <input type="text" class="inp_txt" style="width:50%;" placeholder="아이디"> @
  62. <select style="width:42%;">
  63. <option value="">직접입력</option>
  64. </select>
  65. <input type="submit" class="td_btn" title="아이디 확인" value="확인">
  66. </div>
  67. </td>
  68. </tr>
  69. <tr>
  70. <td>
  71. <input type="password" class="inp_txt" style="width:100%;" placeholder="비밀번호">
  72. <span class="td_txt">(8자~15자 영문, 숫자, 특수문자 조합)</span>
  73. </td>
  74. </tr>
  75. <tr>
  76. <td>
  77. <input type="password" class="inp_txt" style="width:100%;" placeholder="비밀번호 확인">
  78. <span class="td_txt">(8자~15자 영문, 숫자, 특수문자 조합)</span>
  79. </td>
  80. </tr>
  81. <tr>
  82. <td><input type="text" class="inp_txt" style="width:100%;" placeholder="이름"></td>
  83. </tr>
  84. <tr>
  85. <td>
  86. <input type="text" class="inp_txt" style="width:100%;" placeholder="휴대번호">
  87. <span class="td_txt">(숫자만 입력)</span>
  88. </td>
  89. </tr>
  90. <tr>
  91. <td>
  92. <div class="f_wrap">
  93. <select class="fl" style="width:49%;">
  94. <option value="">지역</option>
  95. </select>
  96. <select class="fr" style="width:49%;">
  97. <option value="">세부지역</option>
  98. </select>
  99. </div>
  100. </td>
  101. </tr>
  102. </table>
  103. <div class="btn_center">
  104. <a href="#" class="button">회원가입</a>
  105. </div>
  106. </div>
  107. </section>
  108. <!-- // e : container -->
  109. <!-- s : footer -->
  110. <? include("inc/inc_footer.html"); ?>
  111. <!-- // e : footer -->
  112. </body>
  113. </html>