<form class="cm-register-step step-2" method="post" action="/web/member/member_join_proc" enctype="multipart/form-data">
<input type="hidden" name="social_id" id="social_id">
<input type="hidden" name="is_mobile_auth" id="is_mobile_auth">
<input type="hidden" name="mobile_CI" id="mobile_CI">
<input type="hidden" name="email_check" id="email_check">
<input type="hidden" name="member_gender" id="member_gender">
<input type="hidden" name="is_under14" id="is_under14">
<input type="hidden" name="member_name" id="member_name">
<input type="hidden" name="sns_profile_img" id="sns_profile_img">
<div id="member_join3_layer" class="register-step step-2">
    <div class="popup_wrap">
        <div class="popupbox">
            <div class="popuptop2 ">
                <div class="logo" style="text-align:center"><a href="/"><img
                            src="<?php echo THEME_FOLDER; ?>/img/logo-b.gif" alt="크로스맵"></a></div>
            </div>
            <div class="popupbody">
                <div class="info_forms">
                    <div id="crossmap_join">
                        <div class="form-group">
                            <label>아이디<span class="form_info" style="padding-left:34px">5~20자의 영문 대 소문자, 숫자와
                                    (_),(-)만 사용 가능합니다.</span></label>
                            <input type="text" class="form-control" name="member_id" id="member_id"
                                placeholder="아이디를 입력해주세요.">
                            <button type="button" class="btn btn-default br5 cm-verify-username"
                                style="width: 70px;text-align: center;height: 42px;padding-left: 7px;">중복확인</button>
                        </div>
                        <div class="form-group">
                            <label>비밀번호<span class="form_info" style="padding-left:34px">6-16자 영문 대 소문자, 숫자, 특수
                                    문자를 사용하세요</span></label>
                            <input type="password" id="member_pwd" name="member_pwd" class="form-control mybutton_off"
                                placeholder="비밀번호를 입력해주세요(6자 이상)" style="width:97%; ">
                            <input type="password" id="re_member_pwd" name="re_member_pwd"
                                class="form-control mybutton_off" placeholder="비밀번호를 한번 더 입력해주세요."
                                style="width:97%; margin-top:10px;">
                        </div>
                    </div>
                    <div class="form-group">
                        <label>성별 </label>
                        <button type="button" class="btn btn-default br5 cm-gender-select" id="gender_1"
                            style="width:47%; margin-top:10px; margin-right:7px;padding:9px ">남자 </button>
                        <button type="button" class="btn btn-default br5 cm-gender-select" id="gender_2"
                            style="width:47%; margin-top:10px; padding:9px ">여자 </button>
                    </div>
                    <div class="form-group">
                        <label>생년월일</label>
                        <span class="slct" style="width:100px;">
                            <select id="birth_year" name="birth_year" onchange="birth_change()">
                                <option value="">출생연도 </option>
                                <option value="1920">1920</option>
                                <option value="1921">1921</option>
                                <option value="1922">1922</option>
                                <option value="1923">1923</option>
                                <option value="1924">1924</option>
                                <option value="1925">1925</option>
                                <option value="1926">1926</option>
                                <option value="1927">1927</option>
                                <option value="1928">1928</option>
                                <option value="1929">1929</option>
                                <option value="1930">1930</option>
                                <option value="1931">1931</option>
                                <option value="1932">1932</option>
                                <option value="1933">1933</option>
                                <option value="1934">1934</option>
                                <option value="1935">1935</option>
                                <option value="1936">1936</option>
                                <option value="1937">1937</option>
                                <option value="1938">1938</option>
                                <option value="1939">1939</option>
                                <option value="1940">1940</option>
                                <option value="1941">1941</option>
                                <option value="1942">1942</option>
                                <option value="1943">1943</option>
                                <option value="1944">1944</option>
                                <option value="1945">1945</option>
                                <option value="1946">1946</option>
                                <option value="1947">1947</option>
                                <option value="1948">1948</option>
                                <option value="1949">1949</option>
                                <option value="1950">1950</option>
                                <option value="1951">1951</option>
                                <option value="1952">1952</option>
                                <option value="1953">1953</option>
                                <option value="1954">1954</option>
                                <option value="1955">1955</option>
                                <option value="1956">1956</option>
                                <option value="1957">1957</option>
                                <option value="1958">1958</option>
                                <option value="1959">1959</option>
                                <option value="1960">1960</option>
                                <option value="1961">1961</option>
                                <option value="1962">1962</option>
                                <option value="1963">1963</option>
                                <option value="1964">1964</option>
                                <option value="1965">1965</option>
                                <option value="1966">1966</option>
                                <option value="1967">1967</option>
                                <option value="1968">1968</option>
                                <option value="1969">1969</option>
                                <option value="1970">1970</option>
                                <option value="1971">1971</option>
                                <option value="1972">1972</option>
                                <option value="1973">1973</option>
                                <option value="1974">1974</option>
                                <option value="1975">1975</option>
                                <option value="1976">1976</option>
                                <option value="1977">1977</option>
                                <option value="1978">1978</option>
                                <option value="1979">1979</option>
                                <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                                <option value="2016">2016</option>
                                <option value="2017">2017</option>
                                <option value="2018">2018</option>
                                <option value="2019">2019</option>
                            </select>
                        </span>
                        <span class="slct" style="width:73px;">
                            <select id="birth_month" name="birth_month" onchange="birth_change()">
                                <option value="">월</option>
                                <option value="01">1</option>
                                <option value="02">2</option>
                                <option value="03">3</option>
                                <option value="04">4</option>
                                <option value="05">5</option>
                                <option value="06">6</option>
                                <option value="07">7</option>
                                <option value="08">8</option>
                                <option value="09">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                            </select>
                        </span>
                        <span class="slct" style="width:73px;">
                            <select id="birth_day" name="birth_day" onchange="birth_change()">
                                <option value="">일</option>
                                <option value="01">1</option>
                                <option value="02">2</option>
                                <option value="03">3</option>
                                <option value="04">4</option>
                                <option value="05">5</option>
                                <option value="06">6</option>
                                <option value="07">7</option>
                                <option value="08">8</option>
                                <option value="09">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>
                                <option value="19">19</option>
                                <option value="20">20</option>
                                <option value="21">21</option>
                                <option value="22">22</option>
                                <option value="23">23</option>
                                <option value="24">24</option>
                                <option value="25">25</option>
                                <option value="26">26</option>
                                <option value="27">27</option>
                                <option value="28">28</option>
                                <option value="29">29</option>
                                <option value="30">30</option>
                                <option value="31">31</option>
                            </select>
                        </span>
                        <span class="slct" style="width:80px;">
                            <select id="member_calendar" name="member_calendar">
                                <option value="1">양력</option>
                                <option value="2">음력</option>
                            </select>
                        </span>
                    </div>

                </div>
                <!-- 만 14세 미만 -->
                <div id="under14_form" style="display: none;">
                    <div class="form-group" style="margin:10px 0;">
                        <p style="font-size:13px; color:#ff2c2c; padding-bottom:10px;">만 14세 미만의 어린이는 보호자 동의가
                            필요합니다. </p>
                        <button type="button" class="next btn br5" style="width:97%" disabled>보호자 모바일폰
                            인증</button>
                    </div>
                    <div class="info_forms" style="margin-bottom:50px">
                        <div class="form-group">
                            <input type="text" name="parent_name" id="parent_name" class="form-control"
                                placeholder="보호자 이름" style="width:97%;">
                        </div>
                        <div class="form-group">
                            <span class="slct" style="font-size:16px;margin-top:10px;width:87px;margin-right: 3px;">
                                <select id="parent_mobile_company" name="parent_mobile_company">
                                    <option value="">선택 </option>
                                    <option value="SKT">SKT </option>
                                    <option value="KT">KT </option>
                                    <option value="LGU+">LGU+ </option>
                                </select>
                            </span>
                            <input type="text" name="parent_mobile" id="parent_mobile" class="form-control"
                                placeholder=" 휴대전화번호('숫자만'입력)"
                                style="padding:0px 0; font-size:16px;margin-top:10px;width:207px;">
                            <button type="button" class="btn btn-default_bb br5 mobile_auth_btn"
                                style="padding:9px 0; font-size:16px;margin-top:10px;width:60px;"
                                onclick="parent_mobile_auth()">인증 </button>
                        </div>

                        <div class="form-group" style="margin:10px 0;">
                            <p style="font-size:13px; padding-bottom:10px;">인증비용은 크로스맵에서 부담합니다. </p>
                            <p style="font-size:13px; padding-bottom:10px;color:#ff2c2c; ">만 14세미만 회원인 경우, 가입 후
                                부모명의 인증 휴대폰번호의 변경이 불가한 점, 양해 부탁 드리겠습니다. </p>
                        </div>
                        <div class="form-group">
                            <input type="text" name="under14_member_name" id="under14_member_name" class="form-control"
                                placeholder="본인 이름" style="width:97%;">
                        </div>
                        <div class="form-group" style="margin-top:10px;">
                            <input type="text" class="form-control" name="under14_member_email"
                                id="under14_member_email" placeholder="본인확인 이메일"
                                style="width:74%;float:left; margin-right:5px;">
                            <button type="button" onclick="under14_email_overlap_check();" class="btn btn-default br5"
                                style="width: 70px;text-align: center;float: right;height: 42px;padding-left: 11px;">중복확인
                            </button>
                        </div>


                        <div class="form-group" style="margin:20px 0 30px;  text-align:center">
                            <button type="button" class="btn btn-success br5"
                                style="padding: 15px 40px;font-size: 16px; width: 100%;"
                                onclick="under14_member_join();"><span class="current">가입하기 </span></button>
                        </div>
                    </div>
                </div>
                <div id="more14_form">
                    <div class="form-group" style="margin:30px 0; text-align:center">
                        <button type="button" class="canceljoin btn  br5 cm-register-nav-prev">뒤로가기</button>
                        <button type="button" class="next btn br5 cm-register-nav-next">다음 </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</form>