<![CDATA[
<div class="figure-html" data-ke-type="html" data-source="<div class="colorscripter-code" style="color:#010101;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#fafafa;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #e5e5e5"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#666;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#010101;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&lt;%</span><span style="color:#0086b3">@</span>&nbsp;<span style="color:#0086b3">page</span>&nbsp;<span style="color:#0086b3">import</span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"java.util.Date"</span><span style="color:#ff3399">%&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&lt;%</span><span style="color:#0086b3">@</span>&nbsp;<span style="color:#0086b3">page</span>&nbsp;language<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"java"</span>&nbsp;contentType<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"text/html;&nbsp;charset=UTF-8"</span>&nbsp;pageEncoding<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"UTF-8"</span><span style="color:#ff3399">%&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&lt;%</span><span style="color:#0086b3">@</span>&nbsp;taglib&nbsp;uri<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"http://java.sun.com/jsp/jstl/core"</span>&nbsp;prefix<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"c"</span>&nbsp;<span style="color:#ff3399">%&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&lt;%</span><span style="color:#0086b3">@</span>&nbsp;taglib&nbsp;uri<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"http://java.sun.com/jsp/jstl/functions"</span>&nbsp;prefix<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"fn"</span>&nbsp;<span style="color:#ff3399">%&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&lt;%</span><span style="color:#0086b3">@</span>&nbsp;taglib&nbsp;uri<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"http://java.sun.com/jsp/jstl/fmt"</span>&nbsp;prefix<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"fmt"</span>&nbsp;<span style="color:#ff3399">%&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#066de2">c:set</span>&nbsp;<span style="color:#0a9989">var</span>=<span style="color:#df5000">"ctxPath"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"${pageContext.request.contextPath}"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#066de2">!DOCTYPE</span>&nbsp;<span style="color:#0a9989">html</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#066de2">html</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#066de2">head</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">meta</span>&nbsp;<span style="color:#0a9989">charset</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">title</span><span style="color:#010101">&gt;</span>memberJoin.jsp<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">title</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399">&lt;%</span><span style="color:#0086b3">@</span>&nbsp;include&nbsp;file<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"/include/bs4.jsp"</span>&nbsp;<span style="color:#ff3399">%&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">&lt;!--&nbsp;daum웹사이트에서&nbsp;제공하는&nbsp;script&nbsp;open&nbsp;예제소스&nbsp;--&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">script</span>&nbsp;<span style="color:#0a9989">src</span>=<span style="color:#df5000">"https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"</span><span style="color:#066de2"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">script</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">script</span>&nbsp;<span style="color:#0a9989">src</span>=<span style="color:#df5000">"${ctxPath}/js/post.js"</span><span style="color:#066de2"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">script</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">style</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">style</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">script</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#63a35c">'use&nbsp;strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;idChkFlg&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;nickNameChkFlg&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//아이디&nbsp;중복&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;idCheck()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;url&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'${ctxPath}/memberIdCheck.mbr'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">window</span>.open(url,<span style="color:#63a35c">"idCheckWin"</span>,<span style="color:#63a35c">"width=580px,height=200px"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//닉네임&nbsp;중복&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;nickNameCheck()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;url&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'${ctxPath}/memberNickNameCheck.mbr'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">window</span>.open(url,<span style="color:#63a35c">"nickNameCheckWin"</span>,<span style="color:#63a35c">"width=580px,height=200px"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//DB에&nbsp;저장될&nbsp;각각의&nbsp;필드길이&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;regexCheck()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;regexMid&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>^[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z]<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>[<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span>9_<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z_<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>[<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>]([a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z0<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>9_<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>){<span style="color:#0099cc">20</span>}$<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g;&nbsp;<span style="color:#999999">//아이디체크(영문자1자리이상,&nbsp;숫자나&nbsp;특수기호&nbsp;조합&nbsp;2~20자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;regexPass&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>([a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z][<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>][@#$%<span style="color:#ff3399"></span><span style="color:#a71d5d">&amp;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>?^~<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>_.]<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>][a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z][@#$%<span style="color:#ff3399"></span><span style="color:#a71d5d">&amp;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>?^~<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>_.]<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[@#$%<span style="color:#ff3399"></span><span style="color:#a71d5d">&amp;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>?^~<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>_.][a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z][<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>]<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[@#$%<span style="color:#ff3399"></span><span style="color:#a71d5d">&amp;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>?^~<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>_.][<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>][a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z])<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g;<span style="color:#999999">//비밀번호체크(영문자,숫자,특수기호&nbsp;@#$%&amp;!?^~*+-_.&nbsp;조합&nbsp;3~20자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;regexNickName&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>[가<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>힣a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z]{<span style="color:#0099cc">3</span>,<span style="color:#0099cc">10</span>}([<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>])<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g;&nbsp;<span style="color:#999999">//닉네임체크(한글or영문에&nbsp;필요하면&nbsp;숫자포함&nbsp;조합&nbsp;3~20자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;regexName&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>[가<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>힣a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z]{<span style="color:#0099cc">3</span>,<span style="color:#0099cc">10</span>}([<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>])<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g;&nbsp;<span style="color:#999999">//이름체크(한글or영문에&nbsp;필요하면&nbsp;숫자포함&nbsp;조합&nbsp;3~20자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;regexEmail&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>^[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z]{<span style="color:#0099cc">2</span>}[<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span>9_<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z]([a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z0<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>9_<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>){<span style="color:#0099cc">25</span>}$<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g;<span style="color:#999999">//이메일체크(영문자으로&nbsp;시작하여&nbsp;특수기호&nbsp;_+-.&nbsp;또는&nbsp;숫자&nbsp;또는&nbsp;문자&nbsp;조합&nbsp;3~25자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;regexTel2&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>\d{<span style="color:#0099cc">3</span>,<span style="color:#0099cc">4</span>}$<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g;&nbsp;<span style="color:#999999">//전화번호2체크(숫자&nbsp;3~4자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;regexTel3&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>\d{<span style="color:#0099cc">4</span>}$<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g;&nbsp;<span style="color:#999999">//전화번호3체크(숫자&nbsp;4자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;regexDetailAddress&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z0<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>9가<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>힣#<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.&nbsp;]{<span style="color:#0099cc">1</span>,<span style="color:#0099cc">15</span>}<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g;&nbsp;<span style="color:#999999">//상세주소체크(문자or숫자or특수문자(&nbsp;.-#)&nbsp;1~15자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;regexHomepage&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>^(http(s)?:\<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>\<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>)[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z0<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>9_<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.\<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>]<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g;&nbsp;<span style="color:#999999">//홈페이지체크(영문자,숫자,특수문자(/_-.)&nbsp;조합&nbsp;50자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;regexContent&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>^[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z0<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>9가<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>힣]([&nbsp;]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[@#$%^<span style="color:#ff3399"></span><span style="color:#a71d5d">&amp;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>?]<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[~()<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">&gt;</span>_<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>]<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[,.:;\<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>]){<span style="color:#0099cc">1</span>,<span style="color:#0099cc">200</span>}$<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>gm;&nbsp;<span style="color:#999999">//자기소개&nbsp;체크(숫자,문자,특수문자체크(~!?@#$%^&amp;*()&lt;&gt;_+=-,.:;/&nbsp;)&nbsp;조합&nbsp;200자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;regexFName&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z0<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>9가<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>힣_<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>~()<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>][.](JPG<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>JPEG<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>GIF<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>jpg<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>jpeg<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>gif)$<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g;&nbsp;<span style="color:#999999">//화일명&nbsp;체크(문자,숫자,특수문자(~()&lt;&gt;_*+-)&nbsp;50자리의&nbsp;화일명과&nbsp;.JPG&nbsp;또는&nbsp;.JPEG&nbsp;또는&nbsp;.GIF확장자만&nbsp;가능합니다)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#a71d5d">true</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//회원아이디&nbsp;정규식&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>&nbsp;$(<span style="color:#63a35c">"#mid"</span>).val().match(regexMid)&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#mid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#midInValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#midInValid"</span>).text(<span style="color:#63a35c">"영문자로&nbsp;시작하여&nbsp;숫자1자리&nbsp;이상&nbsp;포함하는&nbsp;영문,숫자,특수기호(_+-.)의&nbsp;조합&nbsp;2~20자리로&nbsp;입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#mid"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#mid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#midInValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#midInValid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#pass"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//비밀번호&nbsp;정규식&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>&nbsp;$(<span style="color:#63a35c">"#pass"</span>).val().match(regexPass)&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#pass"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#passInvalid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#passInvalid"</span>).text(<span style="color:#63a35c">"영문자,&nbsp;숫자,&nbsp;특수기호(~!?@#$%^&amp;*_+-.)&nbsp;조합&nbsp;3~20자리로&nbsp;입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#pass"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#pass"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#passInvalid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#passInvalid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#nickName"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//닉네임&nbsp;정규식&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>&nbsp;$(<span style="color:#63a35c">"#nickName"</span>).val().match(regexNickName)&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#nickName"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#nickNameInvalid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#nickNameInvalid"</span>).text(<span style="color:#63a35c">"한글&nbsp;또는&nbsp;영문&nbsp;3자리&nbsp;이상으로&nbsp;필요하면&nbsp;숫자&nbsp;조합&nbsp;3~20자리로&nbsp;입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#nickName"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#nickName"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#nickNameInvalid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#nickNameInvalid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#name"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//이름&nbsp;정규식&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>&nbsp;$(<span style="color:#63a35c">"#name"</span>).val().match(regexName)&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#name"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#nameInvalid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#nameInvalid"</span>).text(<span style="color:#63a35c">"한글&nbsp;또는&nbsp;영문&nbsp;3자리&nbsp;이상으로&nbsp;필요하면&nbsp;숫자&nbsp;조합&nbsp;3~20자리로&nbsp;입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#name"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#name"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#nameInvalid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#nameInvalid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#email1"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//이메일&nbsp;정규식&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>&nbsp;$(<span style="color:#63a35c">"#email1"</span>).val().match(regexEmail)&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#email1"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#email1Invalid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#email1Invalid"</span>).text(<span style="color:#63a35c">"영문자&nbsp;3자리&nbsp;이상으로&nbsp;필요하면&nbsp;특수기호(_+-.),&nbsp;숫자,&nbsp;영문&nbsp;조합&nbsp;3~25자리로&nbsp;입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#email1"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#email1"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#email1Invalid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#email1Invalid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel2"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(<span style="color:#63a35c">''</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">"#tel3"</span>).val())&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//전화번호&nbsp;정규식&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>&nbsp;$(<span style="color:#63a35c">"#tel3"</span>).val().match(regexTel3)&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel3"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel3InValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel3InValid"</span>).text(<span style="color:#63a35c">"숫자&nbsp;4자리로&nbsp;입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel3"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel3"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel3InValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel3InValid"</span>).text(<span style="color:#63a35c">''</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(<span style="color:#63a35c">''</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">"#tel2"</span>).val())&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//전화번호&nbsp;정규식&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>&nbsp;$(<span style="color:#63a35c">"#tel2"</span>).val().match(regexTel2)&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel2"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel2InValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel2InValid"</span>).text(<span style="color:#63a35c">"숫자&nbsp;3자리~4자리로&nbsp;입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel2"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel2"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel2InValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#tel2InValid"</span>).text(<span style="color:#63a35c">''</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//우편번호&nbsp;공란&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#63a35c">''</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="postcode"]'</span>).val()</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">&amp;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">&amp;</span>&nbsp;<span style="color:#63a35c">''</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="detailAddress"]'</span>).val()&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="detailAddress"]'</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#detailAddressInValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#detailAddressInValid"</span>).text(<span style="color:#63a35c">"주소는&nbsp;우편번호찾기로&nbsp;검색&nbsp;후&nbsp;입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="detailAddress"]'</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="detailAddress"]'</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#detailAddressInValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#detailAddressInValid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#btnPostCode"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#63a35c">''</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="postcode"]'</span>).val()&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">&amp;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">&amp;</span>&nbsp;<span style="color:#63a35c">''</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="detailAddress"]'</span>).val()&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//상세주소&nbsp;정규식&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="detailAddress"]'</span>).val().match(regexDetailAddress)&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="detailAddress"]'</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#detailAddressInValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#detailAddressInValid"</span>).text(<span style="color:#63a35c">"문자,&nbsp;숫자,&nbsp;특수문자(&nbsp;.-#)&nbsp;1~15자리로&nbsp;입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="detailAddress"]'</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="detailAddress"]'</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#detailAddressInValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#detailAddressInValid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#homepage"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(<span style="color:#63a35c">''</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">"#homepage"</span>).val()&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//홈페이지주소&nbsp;정규식&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>&nbsp;$(<span style="color:#63a35c">"#homepage"</span>).val().match(regexHomepage)&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#homepage"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#homepageInValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#homepageInValid"</span>).text(<span style="color:#63a35c">"문자나&nbsp;숫자나&nbsp;특수문자(/_-.)&nbsp;11~50자리로&nbsp;입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#homepage"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#homepage"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#homepageInValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#homepageInValid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#content"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(<span style="color:#63a35c">''</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">"#content"</span>).val())&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//자기소개&nbsp;정규식&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>&nbsp;$(<span style="color:#63a35c">"#content"</span>).val().match(regexContent)&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#content"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#contentInValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#contentInValid"</span>).text(<span style="color:#63a35c">"문자&nbsp;1자리&nbsp;이상으로&nbsp;필요하면&nbsp;숫자,&nbsp;특수문자(~!?@#$%^&amp;*()&lt;&gt;_+=-,.:;/&nbsp;)의&nbsp;조합&nbsp;200자리로&nbsp;입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#content"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#content"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#contentInValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#contentInValid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#fName"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(<span style="color:#63a35c">''</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">"#fName"</span>).val().trim()&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//화일명&nbsp;정규식&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>&nbsp;$(<span style="color:#63a35c">"#fName"</span>).val().match(regexFName)&nbsp;)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#fName"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#fNameInValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#fNameInValid"</span>).text(<span style="color:#63a35c">"문자,숫자,특수문자(_-~()+)&nbsp;50자리의&nbsp;화일명과&nbsp;.jpg&nbsp;또는&nbsp;.jpeg&nbsp;또는&nbsp;.gif확장자만&nbsp;가능합니다"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#fName"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;regexFlag&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#fName"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#fNameInValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#fNameInValid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#entry"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(&nbsp;regexFlag&nbsp;)&nbsp;<span style="color:#a71d5d">return</span>&nbsp;<span style="color:#a71d5d">true</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">else</span>&nbsp;<span style="color:#a71d5d">return</span>&nbsp;<span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//회원가입폼&nbsp;파라미터&nbsp;편집후&nbsp;서버로&nbsp;요청하기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;editForm(flag)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>&nbsp;flag)&nbsp;<span style="color:#a71d5d">return</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//생일&nbsp;체크(18년&nbsp;이전&nbsp;출생일&nbsp;부터&nbsp;가능)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;birthday&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;joinForm.birthday.value;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//이메일&nbsp;편집</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#email"</span>).val($(<span style="color:#63a35c">"#email1"</span>).val()&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#63a35c">'@'</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;$(<span style="color:#63a35c">'#emailGroup&nbsp;select[name="email2"]&nbsp;option:selected'</span>).val());</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//전화번호&nbsp;편집</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;tel2&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">'#telGroup&nbsp;input[name="tel2"]'</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;tel3&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">'#telGroup&nbsp;input[name="tel3"]'</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(<span style="color:#63a35c">''</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>tel2&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">&amp;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">&amp;</span>&nbsp;<span style="color:#63a35c">''</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>tel3)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#telNo"</span>).val(</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">'#telGroup&nbsp;select[name="tel1"]&nbsp;option:selected'</span>).val()&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#63a35c">'-'</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;tel2&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#63a35c">'-'</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;tel3);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//주소&nbsp;편집</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#address"</span>).val($(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="postcode"]'</span>).val()&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#63a35c">'/'</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="roadAddress"]'</span>).val()&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#63a35c">'/'</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="extraAddress"]'</span>).val()</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#63a35c">'/'</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;$(<span style="color:#63a35c">'#addressGroup&nbsp;input[name="detailAddress"]'</span>).val());</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//취미&nbsp;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;arrHobby&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;[];</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">'#hobbyGroup&nbsp;input[name="hobby"]:checked'</span>).each(<span style="color:#a71d5d">function</span>(idx,&nbsp;item){</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;arrHobby.push($(item).val());</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#checkedHobbies"</span>).val(arrHobby.<span style="color:#066de2">join</span>(<span style="color:#63a35c">'/'</span>));</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//사진upload&nbsp;체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(<span style="color:#63a35c">''</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">"#fName"</span>).val().trim())&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#photo"</span>).val(<span style="color:#63a35c">'noimage'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<span style="color:#a71d5d">else</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;fName&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">"#fName"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#photo"</span>).val(fName);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span><span style="color:#0099cc">1</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span>&nbsp;fName.<span style="color:#066de2">indexOf</span>(<span style="color:#63a35c">"&nbsp;"</span>))&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">alert</span>(<span style="color:#63a35c">'화일명에는&nbsp;공백을&nbsp;사용할&nbsp;수&nbsp;없습니다'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#fName"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">return</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;maxSize&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">1024</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>&nbsp;<span style="color:#0099cc">1024</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>&nbsp;<span style="color:#0099cc">2</span>;<span style="color:#999999">//업로드&nbsp;회원사진&nbsp;최대용량&nbsp;=&nbsp;2MB</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;fileSize&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;$(<span style="color:#63a35c">"#fName"</span>)[<span style="color:#0099cc">0</span>].files[<span style="color:#0099cc">0</span>].size;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(maxSize&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span>&nbsp;fileSize)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">alert</span>(<span style="color:#63a35c">'업로드&nbsp;파일의&nbsp;크기는&nbsp;2MByte를&nbsp;초과할&nbsp;수&nbsp;없습니다.'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span style="color:#63a35c">"#fName"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">return</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;joinForm.submit();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">script</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">head</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#066de2">body</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&lt;%</span><span style="color:#0086b3">@</span>&nbsp;include&nbsp;file<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"/include/header_home.jsp"</span>&nbsp;<span style="color:#ff3399">%&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&lt;%</span><span style="color:#0086b3">@</span>&nbsp;include&nbsp;file<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"/include/nav.jsp"</span>&nbsp;<span style="color:#ff3399">%&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"container"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">style</span>=<span style="color:#df5000">"padding:30px"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">form</span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"joinForm"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">method</span>=<span style="color:#df5000">"post"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">action</span>=<span style="color:#df5000">"${ctxPath}/memberJoinOk.mbr"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"was-validated"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">enctype</span>=<span style="color:#df5000">"Multipart/form-data"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">h2</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"text-center"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>회&nbsp;원&nbsp;가&nbsp;입<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">h2</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">br/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"mid"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>아이디&nbsp;:&nbsp;&amp;nbsp;&nbsp;&amp;nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"아이디&nbsp;중복체크"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-info"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxxxonclick</span>=<span style="color:#df5000">"idCheck()"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"mid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"mid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"아이디를&nbsp;입력하세요."</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">20</span>&nbsp;<span style="color:#0a9989">required</span>&nbsp;<span style="color:#0a9989">autofocus/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"midInValid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>아이디는&nbsp;필수&nbsp;입력사항입니다.<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"pass"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>비밀번호&nbsp;:<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"pass"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"pass"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"비밀번호를&nbsp;입력하세요."</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">20</span>&nbsp;<span style="color:#0a9989">required</span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"passInvalid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>비밀번호는&nbsp;필수&nbsp;입력사항입니다.<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"nickName"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>닉네임&nbsp;:&nbsp;&amp;nbsp;&nbsp;&amp;nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"닉네임&nbsp;중복체크"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-info"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxxxonclick</span>=<span style="color:#df5000">"nickNameCheck()"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"nickName"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"nickName"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"별명을&nbsp;입력하세요."</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">20</span>&nbsp;<span style="color:#0a9989">required</span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"nickNameInvalid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>닉네임은&nbsp;필수&nbsp;입력사항입니다.<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"name"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>성명&nbsp;:<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"name"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"name"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"성명을&nbsp;입력하세요."</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">20</span>&nbsp;<span style="color:#0a9989">required</span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"nameInvalid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>성명은&nbsp;필수&nbsp;입력사항입니다.<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"emailGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"email"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>Email&nbsp;address&nbsp;:<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group&nbsp;mb-3"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"email1"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"email1"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"Email을&nbsp;입력하세요."</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">25</span>&nbsp;<span style="color:#0a9989">required</span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">font</span>&nbsp;<span style="color:#0a9989">size</span>=<span style="color:#df5000">"5pt"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"text-center&nbsp;text-success"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#066de2">b</span><span style="color:#010101">&gt;</span>@<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">b</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">font</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group-append"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">select</span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"email2"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"custom-select"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"naver.com"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">selected</span><span style="color:#010101">&gt;</span>naver.com<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"hanmail.net"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>hanmail.net<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"hotmail.com"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>hotmail.com<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"gmail.com"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>gmail.com<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"nate.com"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>nate.com<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"yahoo.com"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>yahoo.com<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">select</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"hidden"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"email"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"email"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"email1Invalid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>이메일은&nbsp;필수&nbsp;입력사항입니다.<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"genderGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>&nbsp;성별&nbsp;:&amp;nbsp;&nbsp;&amp;nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"radio"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"gender1"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"gender"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"남자"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">checked</span><span style="color:#010101">&gt;</span>남자</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"radio"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"gender2"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"gender"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"여자"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>여자</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"birthday"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>생일&nbsp;:<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">fmt:formatDate</span>&nbsp;<span style="color:#0a9989">var</span>=<span style="color:#df5000">"now"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"&lt;%=&nbsp;new&nbsp;java.util.Date()&nbsp;%&gt;"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">pattern</span>=<span style="color:#df5000">"yyyy-MM-dd"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"date"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"birthday"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"birthday"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"${now}"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"telGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>전화번호&nbsp;:<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span>&nbsp;&amp;nbsp;&amp;nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group-prepend"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">select</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"tel1"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"tel1"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"custom-select"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"010"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">selected</span><span style="color:#010101">&gt;</span>010<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"02"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>서울<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"031"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>경기<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"032"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>인천<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"041"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>충남<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"042"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>대전<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"043"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>충북<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"051"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>부산<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"052"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>울산<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"061"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>전북<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"062"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>광주<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">select</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"tel2"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"tel2"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">size</span>=<span style="color:#0a9989">4</span>&nbsp;<span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">4</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"tel3"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"tel3"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">size</span>=<span style="color:#0a9989">4</span>&nbsp;<span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">4</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"blank"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"is-invalid"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"tel2InValid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"tel3InValid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span>&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"hidden"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"telNo"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"telNo"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">13</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span>&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"addressGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"address"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>주소&nbsp;:&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group-prepend"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"sample6_postcode"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"postcode"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">size</span>=<span style="color:#df5000">"10"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"우편번호"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">disabled</span><span style="color:#010101">&gt;</span>&amp;nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-info"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"btnPostCode"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxxxonclick</span>=<span style="color:#df5000">"sample6_execDaumPostcode()"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"우편번호&nbsp;찾기"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>&amp;nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"sample6_address"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"roadAddress"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">size</span>=<span style="color:#df5000">"52"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"주소"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>&amp;nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"sample6_extraAddress"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"extraAddress"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">size</span>=<span style="color:#df5000">"20"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"참고항목"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>&nbsp;&nbsp;&nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control&nbsp;mt-2"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"sample6_detailAddress"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"detailAddress"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"상세주소"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"detailAddressInValid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"hidden"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"address"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"address"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"homepage"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>홈페이지&nbsp;주소&nbsp;:<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"homepage"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"homepage"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"'http://'없이&nbsp;홈페이지를&nbsp;입력하세요."</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">20</span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"homepageInValid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"jobGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"name"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>직업&nbsp;:&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">select</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"job"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"job"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"학생"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>학생<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"회사원"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>회사원<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"공무원"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>공무원<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"군인"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>군인<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"의사"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>의사<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"법조인"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>법조인<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"세무인"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>세무인<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"자영업"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>자영업<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"기타"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>기타<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">select</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"hobbyGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>취미&nbsp;:&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span>&nbsp;&amp;nbsp;&nbsp;&amp;nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"checkbox"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"수영"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"hobby"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span>수영</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"checkbox"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"독서"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"hobby"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span>독서</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"checkbox"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"영화감상"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"hobby"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span>영화감상</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"checkbox"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"축구"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"hobby"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span>축구</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"checkbox"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"기타"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"hobby"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">checked/</span><span style="color:#010101">&gt;</span>기타</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"hidden"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"checkedHobbies"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"checkedHobbies"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"content"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>자기소개&nbsp;:&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">textarea</span>&nbsp;<span style="color:#0a9989">rows</span>=<span style="color:#df5000">"5"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"content"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"content"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"자기소개를&nbsp;입력하세요"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">200</span>&nbsp;<span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">textarea</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"contentInValid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"userInfoGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>정보공개&nbsp;:&nbsp;&amp;nbsp;&amp;nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"radio"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"userInfo"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"공개"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">checked/</span><span style="color:#010101">&gt;</span>공개</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"radio"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"userInfo"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"비공개"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span>비공개</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;회원&nbsp;사진(파일용량:2MByte이내)&nbsp;:</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"file"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"fName"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"fName"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control-file&nbsp;border&nbsp;btn-lg&nbsp;p-0&nbsp;mt-2"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"fNameInValid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group&nbsp;text-center"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-info"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"entry"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"회원가입"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxxxonclick</span>=<span style="color:#df5000">"editForm(regexCheck())"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"reset"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-info"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"다시작성"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span>&amp;nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-info"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"돌아가기"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxxxonclick</span>=<span style="color:#df5000">"location.href='${ctxPath}/memberLogin.mbr';"</span><span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#066de2">br</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"hidden"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"photo"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"photo"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">form</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">p</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#066de2">br/</span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">p</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#066de2">br/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&lt;%</span><span style="color:#0086b3">@</span>&nbsp;include&nbsp;file<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"/include/footer.jsp"</span>&nbsp;<span style="color:#ff3399">%&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">body</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">html</span><span style="color:#010101">&gt;</span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5text-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#e5e5e5;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div>"><div data-ke-class="article"><div class="colorscripter-code" style="color:#010101;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#fafafa;border-radius:4px;" cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:6px;border-right:2px solid #e5e5e5"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#666;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#010101;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"><%</span><span style="color:#0086b3">@</span> <span style="color:#0086b3">page</span> <span style="color:#0086b3">import</span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"java.util.Date"</span><span style="color:#ff3399">%></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"><%</span><span style="color:#0086b3">@</span> <span style="color:#0086b3">page</span> language<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"java"</span> contentType<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"text/html; charset=UTF-8"</span> pageEncoding<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"UTF-8"</span><span style="color:#ff3399">%></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"><%</span><span style="color:#0086b3">@</span> taglib uri<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"http://java.sun.com/jsp/jstl/core"</span> prefix<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"c"</span> <span style="color:#ff3399">%></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"><%</span><span style="color:#0086b3">@</span> taglib uri<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"http://java.sun.com/jsp/jstl/functions"</span> prefix<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"fn"</span> <span style="color:#ff3399">%></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"><%</span><span style="color:#0086b3">@</span> taglib uri<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"http://java.sun.com/jsp/jstl/fmt"</span> prefix<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"fmt"</span> <span style="color:#ff3399">%></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#066de2">c:set</span> <span style="color:#0a9989">var</span>=<span style="color:#df5000">"ctxPath"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"${pageContext.request.contextPath}"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#066de2">!DOCTYPE</span> <span style="color:#0a9989">html</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#066de2">html</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#066de2">head</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">meta</span> <span style="color:#0a9989">charset</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">title</span><span style="color:#010101">></span>memberJoin.jsp<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">title</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399"><%</span><span style="color:#0086b3">@</span> include file<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"/include/bs4.jsp"</span> <span style="color:#ff3399">%></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999"><!-- daum웹사이트에서 제공하는 script open 예제소스 --></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">script</span> <span style="color:#0a9989">src</span>=<span style="color:#df5000">"https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"</span><span style="color:#066de2"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">script</span> <span style="color:#0a9989">src</span>=<span style="color:#df5000">"${ctxPath}/js/post.js"</span><span style="color:#066de2"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">style</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">style</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#63a35c">'use strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> idChkFlg <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> nickNameChkFlg <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//아이디 중복 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> idCheck() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> url <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'${ctxPath}/memberIdCheck.mbr'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">window</span>.open(url,<span style="color:#63a35c">"idCheckWin"</span>,<span style="color:#63a35c">"width=580px,height=200px"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//닉네임 중복 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> nickNameCheck() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> url <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'${ctxPath}/memberNickNameCheck.mbr'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">window</span>.open(url,<span style="color:#63a35c">"nickNameCheckWin"</span>,<span style="color:#63a35c">"width=580px,height=200px"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//DB에 저장될 각각의 필드길이 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> regexCheck() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> regexMid <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>^[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z]<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>[<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span>9_<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z_<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>[<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>]([a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z0<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>9_<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>){<span style="color:#0099cc">20</span>}$<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g; <span style="color:#999999">//아이디체크(영문자1자리이상, 숫자나 특수기호 조합 2~20자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> regexPass <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>([a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z][<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>][@#$%<span style="color:#ff3399"></span><span style="color:#a71d5d">&</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>?^~<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>_.]<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>][a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z][@#$%<span style="color:#ff3399"></span><span style="color:#a71d5d">&</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>?^~<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>_.]<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[@#$%<span style="color:#ff3399"></span><span style="color:#a71d5d">&</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>?^~<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>_.][a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z][<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>]<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[@#$%<span style="color:#ff3399"></span><span style="color:#a71d5d">&</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>?^~<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>_.][<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>][a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z])<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g;<span style="color:#999999">//비밀번호체크(영문자,숫자,특수기호 @#$%&!?^~*+-_. 조합 3~20자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> regexNickName <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>[가<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>힣a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z]{<span style="color:#0099cc">3</span>,<span style="color:#0099cc">10</span>}([<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>])<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g; <span style="color:#999999">//닉네임체크(한글or영문에 필요하면 숫자포함 조합 3~20자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> regexName <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>[가<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>힣a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z]{<span style="color:#0099cc">3</span>,<span style="color:#0099cc">10</span>}([<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span><span style="color:#0099cc">9</span>])<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g; <span style="color:#999999">//이름체크(한글or영문에 필요하면 숫자포함 조합 3~20자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> regexEmail <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>^[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z]{<span style="color:#0099cc">2</span>}[<span style="color:#0099cc">0</span><span style="color:#a71d5d">-</span>9_<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z]([a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z0<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>9_<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>){<span style="color:#0099cc">25</span>}$<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g;<span style="color:#999999">//이메일체크(영문자으로 시작하여 특수기호 _+-. 또는 숫자 또는 문자 조합 3~25자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> regexTel2 <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>\d{<span style="color:#0099cc">3</span>,<span style="color:#0099cc">4</span>}$<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g; <span style="color:#999999">//전화번호2체크(숫자 3~4자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> regexTel3 <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>\d{<span style="color:#0099cc">4</span>}$<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g; <span style="color:#999999">//전화번호3체크(숫자 4자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> regexDetailAddress <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z0<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>9가<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>힣#<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>. ]{<span style="color:#0099cc">1</span>,<span style="color:#0099cc">15</span>}<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g; <span style="color:#999999">//상세주소체크(문자or숫자or특수문자( .-#) 1~15자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> regexHomepage <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>^(http(s)?:\<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>\<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>)[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z0<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>9_<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>.\<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>]<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g; <span style="color:#999999">//홈페이지체크(영문자,숫자,특수문자(/_-.) 조합 50자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> regexContent <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>^[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z0<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>9가<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>힣]([ ]<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[@#$%^<span style="color:#ff3399"></span><span style="color:#a71d5d">&</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>?]<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[~()<span style="color:#ff3399"></span><span style="color:#a71d5d"><</span><span style="color:#ff3399"></span><span style="color:#a71d5d">></span>_<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span><span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">-</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>]<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>[,.:;\<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>]){<span style="color:#0099cc">1</span>,<span style="color:#0099cc">200</span>}$<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>gm; <span style="color:#999999">//자기소개 체크(숫자,문자,특수문자체크(~!?@#$%^&*()<>_+=-,.:;/ ) 조합 200자리)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> regexFName <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>[a<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>zA<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>Z0<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>9가<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>힣_<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>~()<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>][.](JPG<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>JPEG<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>GIF<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>jpg<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>jpeg<span style="color:#ff3399"></span><span style="color:#a71d5d">|</span>gif)$<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g; <span style="color:#999999">//화일명 체크(문자,숫자,특수문자(~()<>_*+-) 50자리의 화일명과 .JPG 또는 .JPEG 또는 .GIF확장자만 가능합니다)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#a71d5d">true</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//회원아이디 정규식 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span> $(<span style="color:#63a35c">"#mid"</span>).val().match(regexMid) ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#mid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#midInValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#midInValid"</span>).text(<span style="color:#63a35c">"영문자로 시작하여 숫자1자리 이상 포함하는 영문,숫자,특수기호(_+-.)의 조합 2~20자리로 입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#mid"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#mid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#midInValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#midInValid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#pass"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//비밀번호 정규식 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span> $(<span style="color:#63a35c">"#pass"</span>).val().match(regexPass) ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#pass"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#passInvalid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#passInvalid"</span>).text(<span style="color:#63a35c">"영문자, 숫자, 특수기호(~!?@#$%^&*_+-.) 조합 3~20자리로 입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#pass"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#pass"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#passInvalid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#passInvalid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#nickName"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//닉네임 정규식 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span> $(<span style="color:#63a35c">"#nickName"</span>).val().match(regexNickName) ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#nickName"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#nickNameInvalid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#nickNameInvalid"</span>).text(<span style="color:#63a35c">"한글 또는 영문 3자리 이상으로 필요하면 숫자 조합 3~20자리로 입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#nickName"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#nickName"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#nickNameInvalid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#nickNameInvalid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#name"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//이름 정규식 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span> $(<span style="color:#63a35c">"#name"</span>).val().match(regexName) ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#name"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#nameInvalid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#nameInvalid"</span>).text(<span style="color:#63a35c">"한글 또는 영문 3자리 이상으로 필요하면 숫자 조합 3~20자리로 입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#name"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#name"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#nameInvalid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#nameInvalid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#email1"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//이메일 정규식 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span> $(<span style="color:#63a35c">"#email1"</span>).val().match(regexEmail) ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#email1"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#email1Invalid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#email1Invalid"</span>).text(<span style="color:#63a35c">"영문자 3자리 이상으로 필요하면 특수기호(_+-.), 숫자, 영문 조합 3~25자리로 입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#email1"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#email1"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#email1Invalid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#email1Invalid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel2"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (<span style="color:#63a35c">''</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">"#tel3"</span>).val()) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//전화번호 정규식 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span> $(<span style="color:#63a35c">"#tel3"</span>).val().match(regexTel3) ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel3"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel3InValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel3InValid"</span>).text(<span style="color:#63a35c">"숫자 4자리로 입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel3"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel3"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel3InValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel3InValid"</span>).text(<span style="color:#63a35c">''</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (<span style="color:#63a35c">''</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">"#tel2"</span>).val()) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//전화번호 정규식 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span> $(<span style="color:#63a35c">"#tel2"</span>).val().match(regexTel2) ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel2"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel2InValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel2InValid"</span>).text(<span style="color:#63a35c">"숫자 3자리~4자리로 입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel2"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel2"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel2InValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#tel2InValid"</span>).text(<span style="color:#63a35c">''</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//우편번호 공란 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#63a35c">''</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">'#addressGroup input[name="postcode"]'</span>).val()</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399"></span><span style="color:#a71d5d">&</span><span style="color:#ff3399"></span><span style="color:#a71d5d">&</span> <span style="color:#63a35c">''</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">'#addressGroup input[name="detailAddress"]'</span>).val() ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">'#addressGroup input[name="detailAddress"]'</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#detailAddressInValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#detailAddressInValid"</span>).text(<span style="color:#63a35c">"주소는 우편번호찾기로 검색 후 입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">'#addressGroup input[name="detailAddress"]'</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">'#addressGroup input[name="detailAddress"]'</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#detailAddressInValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#detailAddressInValid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#btnPostCode"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#63a35c">''</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">'#addressGroup input[name="postcode"]'</span>).val() </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399"></span><span style="color:#a71d5d">&</span><span style="color:#ff3399"></span><span style="color:#a71d5d">&</span> <span style="color:#63a35c">''</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">'#addressGroup input[name="detailAddress"]'</span>).val() ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//상세주소 정규식 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span> $(<span style="color:#63a35c">'#addressGroup input[name="detailAddress"]'</span>).val().match(regexDetailAddress) ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">'#addressGroup input[name="detailAddress"]'</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#detailAddressInValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#detailAddressInValid"</span>).text(<span style="color:#63a35c">"문자, 숫자, 특수문자( .-#) 1~15자리로 입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">'#addressGroup input[name="detailAddress"]'</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">'#addressGroup input[name="detailAddress"]'</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#detailAddressInValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#detailAddressInValid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#homepage"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (<span style="color:#63a35c">''</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">"#homepage"</span>).val() ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//홈페이지주소 정규식 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span> $(<span style="color:#63a35c">"#homepage"</span>).val().match(regexHomepage) ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#homepage"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#homepageInValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#homepageInValid"</span>).text(<span style="color:#63a35c">"문자나 숫자나 특수문자(/_-.) 11~50자리로 입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#homepage"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#homepage"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#homepageInValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#homepageInValid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#content"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (<span style="color:#63a35c">''</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">"#content"</span>).val()) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//자기소개 정규식 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span> $(<span style="color:#63a35c">"#content"</span>).val().match(regexContent) ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#content"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#contentInValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#contentInValid"</span>).text(<span style="color:#63a35c">"문자 1자리 이상으로 필요하면 숫자, 특수문자(~!?@#$%^&*()<>_+=-,.:;/ )의 조합 200자리로 입력하세요"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#content"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#content"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#contentInValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#contentInValid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#fName"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (<span style="color:#63a35c">''</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">"#fName"</span>).val().trim() ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//화일명 정규식 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( <span style="color:#ff3399"></span><span style="color:#a71d5d">!</span> $(<span style="color:#63a35c">"#fName"</span>).val().match(regexFName) ) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#fName"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#fNameInValid"</span>).addClass(<span style="color:#63a35c">"is-invalid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#fNameInValid"</span>).text(<span style="color:#63a35c">"문자,숫자,특수문자(_-~()+) 50자리의 화일명과 .jpg 또는 .jpeg 또는 .gif확장자만 가능합니다"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#fName"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> regexFlag <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#fName"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#fNameInValid"</span>).addClass(<span style="color:#63a35c">"is-valid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#fNameInValid"</span>).text(<span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#entry"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> ( regexFlag ) <span style="color:#a71d5d">return</span> <span style="color:#a71d5d">true</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">else</span> <span style="color:#a71d5d">return</span> <span style="color:#0099cc">false</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//회원가입폼 파라미터 편집후 서버로 요청하기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> editForm(flag) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span> flag) <span style="color:#a71d5d">return</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//생일 체크(18년 이전 출생일 부터 가능)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> birthday <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> joinForm.birthday.value;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//이메일 편집</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#email"</span>).val($(<span style="color:#63a35c">"#email1"</span>).val() <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#63a35c">'@'</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> $(<span style="color:#63a35c">'#emailGroup select[name="email2"] option:selected'</span>).val());</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//전화번호 편집</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> tel2 <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">'#telGroup input[name="tel2"]'</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> tel3 <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">'#telGroup input[name="tel3"]'</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (<span style="color:#63a35c">''</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>tel2 <span style="color:#ff3399"></span><span style="color:#a71d5d">&</span><span style="color:#ff3399"></span><span style="color:#a71d5d">&</span> <span style="color:#63a35c">''</span><span style="color:#ff3399"></span><span style="color:#a71d5d">!</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>tel3) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#telNo"</span>).val(</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">'#telGroup select[name="tel1"] option:selected'</span>).val() </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#63a35c">'-'</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> tel2 </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#63a35c">'-'</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> tel3);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//주소 편집</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#address"</span>).val($(<span style="color:#63a35c">'#addressGroup input[name="postcode"]'</span>).val() </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#63a35c">'/'</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> $(<span style="color:#63a35c">'#addressGroup input[name="roadAddress"]'</span>).val() </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#63a35c">'/'</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> $(<span style="color:#63a35c">'#addressGroup input[name="extraAddress"]'</span>).val()</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#63a35c">'/'</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> $(<span style="color:#63a35c">'#addressGroup input[name="detailAddress"]'</span>).val());</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//취미 </span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> arrHobby <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> [];</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">'#hobbyGroup input[name="hobby"]:checked'</span>).each(<span style="color:#a71d5d">function</span>(idx, item){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> arrHobby.push($(item).val());</div><div style="padding:0 6px; white-space:pre; line-height:130%"> });</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#checkedHobbies"</span>).val(arrHobby.<span style="color:#066de2">join</span>(<span style="color:#63a35c">'/'</span>));</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">//사진upload 체크</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (<span style="color:#63a35c">''</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">"#fName"</span>).val().trim()) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#photo"</span>).val(<span style="color:#63a35c">'noimage'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> } <span style="color:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> fName <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">"#fName"</span>).val();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#photo"</span>).val(fName);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span><span style="color:#0099cc">1</span> <span style="color:#ff3399"></span><span style="color:#a71d5d"><</span> fName.<span style="color:#066de2">indexOf</span>(<span style="color:#63a35c">" "</span>)) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">alert</span>(<span style="color:#63a35c">'화일명에는 공백을 사용할 수 없습니다'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#fName"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">return</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> maxSize <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">1024</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">*</span> <span style="color:#0099cc">1024</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">*</span> <span style="color:#0099cc">2</span>;<span style="color:#999999">//업로드 회원사진 최대용량 = 2MB</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> fileSize <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> $(<span style="color:#63a35c">"#fName"</span>)[<span style="color:#0099cc">0</span>].files[<span style="color:#0099cc">0</span>].size;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (maxSize <span style="color:#ff3399"></span><span style="color:#a71d5d"><</span> fileSize) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">alert</span>(<span style="color:#63a35c">'업로드 파일의 크기는 2MByte를 초과할 수 없습니다.'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> $(<span style="color:#63a35c">"#fName"</span>).focus();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">return</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> joinForm.submit();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">head</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#066de2">body</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"><%</span><span style="color:#0086b3">@</span> include file<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"/include/header_home.jsp"</span> <span style="color:#ff3399">%></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"><%</span><span style="color:#0086b3">@</span> include file<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"/include/nav.jsp"</span> <span style="color:#ff3399">%></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"container"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">style</span>=<span style="color:#df5000">"padding:30px"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">form</span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"joinForm"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">method</span>=<span style="color:#df5000">"post"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">action</span>=<span style="color:#df5000">"${ctxPath}/memberJoinOk.mbr"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"was-validated"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">enctype</span>=<span style="color:#df5000">"Multipart/form-data"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">h2</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"text-center"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>회 원 가 입<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">h2</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">br/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"mid"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>아이디 : &nbsp; &nbsp;<span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"아이디 중복체크"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-info"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxxxonclick</span>=<span style="color:#df5000">"idCheck()"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"mid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"mid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"아이디를 입력하세요."</span><span style="color:#0a9989"></span> <span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">20</span> <span style="color:#0a9989">required</span> <span style="color:#0a9989">autofocus/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"midInValid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>아이디는 필수 입력사항입니다.<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"pass"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>비밀번호 :<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"pass"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"pass"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"비밀번호를 입력하세요."</span><span style="color:#0a9989"></span> <span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">20</span> <span style="color:#0a9989">required</span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"passInvalid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>비밀번호는 필수 입력사항입니다.<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"nickName"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>닉네임 : &nbsp; &nbsp;<span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"닉네임 중복체크"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-info"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxxxonclick</span>=<span style="color:#df5000">"nickNameCheck()"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"nickName"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"nickName"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"별명을 입력하세요."</span><span style="color:#0a9989"></span> <span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">20</span> <span style="color:#0a9989">required</span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"nickNameInvalid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>닉네임은 필수 입력사항입니다.<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"name"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>성명 :<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"name"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"name"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"성명을 입력하세요."</span><span style="color:#0a9989"></span> <span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">20</span> <span style="color:#0a9989">required</span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"nameInvalid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>성명은 필수 입력사항입니다.<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"emailGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"email"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>Email address :<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group mb-3"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"email1"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"email1"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"Email을 입력하세요."</span><span style="color:#0a9989"></span> <span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">25</span> <span style="color:#0a9989">required</span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">font</span> <span style="color:#0a9989">size</span>=<span style="color:#df5000">"5pt"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"text-center text-success"</span><span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#066de2">b</span><span style="color:#010101">></span>@<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">b</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">font</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group-append"</span><span style="color:#0a9989"></span> <span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">select</span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"email2"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"custom-select"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"naver.com"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">selected</span><span style="color:#010101">></span>naver.com<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"hanmail.net"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>hanmail.net<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"hotmail.com"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>hotmail.com<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"gmail.com"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>gmail.com<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"nate.com"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>nate.com<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"yahoo.com"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>yahoo.com<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">select</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"hidden"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"email"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"email"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"email1Invalid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>이메일은 필수 입력사항입니다.<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"genderGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">></span> 성별 :&nbsp; &nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"radio"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"gender1"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"gender"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"남자"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">checked</span><span style="color:#010101">></span>남자</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"radio"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"gender2"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"gender"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"여자"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>여자</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"birthday"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>생일 :<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">fmt:formatDate</span> <span style="color:#0a9989">var</span>=<span style="color:#df5000">"now"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"<%= new java.util.Date() %>"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">pattern</span>=<span style="color:#df5000">"yyyy-MM-dd"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"date"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"birthday"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"birthday"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"${now}"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"telGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989"></span><span style="color:#010101">></span>전화번호 :<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span> &nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group-prepend"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">select</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"tel1"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"tel1"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"custom-select"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"010"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">selected</span><span style="color:#010101">></span>010<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"02"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>서울<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"031"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>경기<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"032"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>인천<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"041"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>충남<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"042"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>대전<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"043"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>충북<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"051"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>부산<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"052"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>울산<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"061"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>전북<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"062"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>광주<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">select</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> _<span style="color:#010101"><</span><span style="color:#066de2">div</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"tel2"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"tel2"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">size</span>=<span style="color:#0a9989">4</span> <span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">4</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> _<span style="color:#010101"><</span><span style="color:#066de2">div</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"tel3"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"tel3"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">size</span>=<span style="color:#0a9989">4</span> <span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">4</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"blank"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"is-invalid"</span><span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"tel2InValid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"tel3InValid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"hidden"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"telNo"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"telNo"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">13</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"addressGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"address"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>주소 : <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group-prepend"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"sample6_postcode"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"postcode"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">size</span>=<span style="color:#df5000">"10"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"우편번호"</span><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">disabled</span><span style="color:#010101">></span>&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-info"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"btnPostCode"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxxxonclick</span>=<span style="color:#df5000">"sample6_execDaumPostcode()"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"우편번호 찾기"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"sample6_address"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"roadAddress"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">size</span>=<span style="color:#df5000">"52"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"주소"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"sample6_extraAddress"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"extraAddress"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">size</span>=<span style="color:#df5000">"20"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"참고항목"</span><span style="color:#0a9989"></span><span style="color:#010101">></span> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"input-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control mt-2"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"sample6_detailAddress"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"detailAddress"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"상세주소"</span><span style="color:#0a9989"></span> <span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"detailAddressInValid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"hidden"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"address"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"address"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"homepage"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>홈페이지 주소 :<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"text"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"homepage"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"homepage"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"'http://'없이 홈페이지를 입력하세요."</span><span style="color:#0a9989"></span> <span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">20</span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"homepageInValid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"jobGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"name"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>직업 : <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">select</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"job"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"job"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"학생"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>학생<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"회사원"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>회사원<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"공무원"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>공무원<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"군인"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>군인<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"의사"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>의사<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"법조인"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>법조인<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"세무인"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>세무인<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"자영업"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>자영업<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"기타"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>기타<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">select</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"hobbyGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989"></span><span style="color:#010101">></span>취미 : <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span> &nbsp; &nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"checkbox"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"수영"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"hobby"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span>수영</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"checkbox"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"독서"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"hobby"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span>독서</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"checkbox"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"영화감상"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"hobby"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span>영화감상</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"checkbox"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"축구"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"hobby"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span>축구</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"checkbox"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"기타"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"hobby"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">checked/</span><span style="color:#010101">></span>기타</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"hidden"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"checkedHobbies"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"checkedHobbies"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"content"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>자기소개 : <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">textarea</span> <span style="color:#0a9989">rows</span>=<span style="color:#df5000">"5"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"content"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"content"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">placeholder</span>=<span style="color:#df5000">"자기소개를 입력하세요"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">maxlength</span>=<span style="color:#0a9989">200</span> <span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">textarea</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"contentInValid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"userInfoGroup"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>정보공개 : &nbsp;&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"radio"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"userInfo"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"공개"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">checked/</span><span style="color:#010101">></span>공개</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-inline"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-label"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"radio"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-check-input"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"userInfo"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"비공개"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span>비공개</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> 회원 사진(파일용량:2MByte이내) :</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"file"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"fName"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"fName"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control-file border btn-lg p-0 mt-2"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"fNameInValid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"invalid-feedback"</span><span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group text-center"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-info"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"entry"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"회원가입"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxxxonclick</span>=<span style="color:#df5000">"editForm(regexCheck())"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"reset"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-info"</span><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"다시작성"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span>&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-info"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"돌아가기"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxxxonclick</span>=<span style="color:#df5000">"location.href='${ctxPath}/memberLogin.mbr';"</span><span style="color:#0a9989">/</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#066de2">br</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"hidden"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"photo"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"photo"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">form</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">p</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#066de2">br/</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">p</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#066de2">br/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"><%</span><span style="color:#0086b3">@</span> include file<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"/include/footer.jsp"</span> <span style="color:#ff3399">%></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">body</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">html</span><span style="color:#010101">></span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5text-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#e5e5e5;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></tbody></table></div></div></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1YqmY/29fbe37c829385f5ef674af590ca94eca78faa8c" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1YqmY/29fbe37c829385f5ef674af590ca94eca78faa8c" data-origin-width="711" data-origin-height="945"></div><p> </p><p>invalid-feedback 클래스에 모두 메세지 출력이 되는데요, 다만 외곽선 색깔이 녹색입니다.ㅜㅜ</p><p>CSS 잘하시는분께서 혹시 시간되시면, 외곽선 색깔도 red로 바꾸는 방법 아시면 공유부탁드려요^^</p>
<!-- -->
]]>
카페 게시글
김흰별
regexCheck - bs4 css 에서 전화번호 invalid-feedback 클래스에 메세지 출력 ^^
김흰별
추천 0
조회 86
22.05.22 00:06
댓글 1
다음검색
첫댓글 css 는 border: 1px solid red ; 입니다