<![CDATA[
<p><span data-ke-size="size23">Login2<span style="color: #333333; background-color: #ffffff;" data-ke-size="size23">.java</span> </span></p><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%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div></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:#a71d5d">package</span>&nbsp;study.j0428;</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%"><span style="color:#a71d5d">import</span>&nbsp;java.io.IOException;</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%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.RequestDispatcher;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.ServletException;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.annotation.WebServlet;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.http.Cookie‎;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.http.HttpServlet;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.http.HttpServletRequest;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.http.HttpServletResponse;</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%">@WebServlet(<span style="color:#63a35c">"/j0428/Login2"</span>)</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">public</span>&nbsp;<span style="color:#a71d5d">class</span>&nbsp;Login2&nbsp;<span style="color:#a71d5d">extends</span>&nbsp;HttpServlet{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;@Override</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">protected</span>&nbsp;<span style="color:#a71d5d">void</span>&nbsp;service(HttpServletRequest&nbsp;request,&nbsp;HttpServletResponse&nbsp;response)&nbsp;<span style="color:#a71d5d">throws</span>&nbsp;ServletException,&nbsp;IOException&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:#066de2">String</span>&nbsp;fid&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;request.getParameter(<span style="color:#63a35c">"fid"</span>)&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">null</span>&nbsp;?&nbsp;<span style="color:#63a35c">""</span>&nbsp;:request.getParameter(<span style="color:#63a35c">"fid"</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">String</span>&nbsp;fpw&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;request.getParameter(<span style="color:#63a35c">"fpw"</span>)&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">null</span>&nbsp;?&nbsp;<span style="color:#63a35c">""</span>&nbsp;:request.getParameter(<span style="color:#63a35c">"fpw"</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">String</span>&nbsp;saveId&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;request.getParameter(<span style="color:#63a35c">"saveId"</span>)&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">null</span>&nbsp;?&nbsp;<span style="color:#63a35c">"no"</span>&nbsp;:request.getParameter(<span style="color:#63a35c">"saveId"</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;request.setAttribute(<span style="color:#63a35c">"fid"</span>,&nbsp;fid);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;request.setAttribute(<span style="color:#63a35c">"fpw"</span>,&nbsp;fpw);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;request.setAttribute(<span style="color:#63a35c">"saveId"</span>,&nbsp;saveId);</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:#066de2">String</span>&nbsp;viewPage&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><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;<span style="color:#066de2">String</span>&nbsp;mid<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><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;</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:#0086b3"></span><span style="color:#a71d5d">!</span>fid.<span style="color:#066de2">equals</span>(<span style="color:#63a35c">"admin"</span>)&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">|</span><span style="color:#0086b3"></span><span style="color:#a71d5d">|</span>&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">!</span>fpw.<span style="color:#066de2">equals</span>(<span style="color:#63a35c">"asdf1234"</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;request.setAttribute(<span style="color:#63a35c">"loginFlag"</span>,&nbsp;<span style="color:#63a35c">"NO"</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;request.setAttribute(<span style="color:#63a35c">"mid"</span>,&nbsp;<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;viewPage&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">"/study/0428/login.jsp"</span>;&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;</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;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;request.setAttribute(<span style="color:#63a35c">"loginFlag"</span>,&nbsp;<span style="color:#63a35c">"OK"</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;viewPage&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">"/study/0428/res.jsp"</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">if</span>&nbsp;(saveId.<span style="color:#066de2">equals</span>(<span style="color:#63a35c">"yes"</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;Cookie&nbsp;cookieFid&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#a71d5d">new</span>&nbsp;Cookie(<span style="color:#63a35c">"cFid"</span>,&nbsp;fid);</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;cookieFid.setMaxAge(<span style="color:#0099cc">60</span>&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">*</span>&nbsp;<span style="color:#0099cc">60</span>&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">*</span>&nbsp;<span style="color:#0099cc">24</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;response.addCookie(cookieFid);</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;</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;Cookie&nbsp;cookieFpw&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#a71d5d">new</span>&nbsp;Cookie(<span style="color:#63a35c">"cFpw"</span>,&nbsp;fpw);</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;cookieFpw.setMaxAge(<span style="color:#0099cc">60</span>&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">*</span>&nbsp;<span style="color:#0099cc">60</span>&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">*</span>&nbsp;<span style="color:#0099cc">24</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;response.addCookie(cookieFpw);</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;</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">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;Cookie[]&nbsp;cookies&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;request.getCookies();</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">for</span>(<span style="color:#066de2">int</span>&nbsp;i<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><span style="color:#0099cc">0</span>;&nbsp;i<span style="color:#0086b3"></span><span style="color:#a71d5d">&lt;</span>cookies.<span style="color:#066de2">length</span>;&nbsp;i<span style="color:#0086b3"></span><span style="color:#a71d5d">+</span><span style="color:#0086b3"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cookies[i].setMaxAge(<span style="color:#0099cc">0</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;response.addCookie(cookies[i]);</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;}</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;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;request.setAttribute(<span style="color:#63a35c">"mid"</span>,&nbsp;mid);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;RequestDispatcher&nbsp;dispatcher&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>request.getRequestDispatcher(viewPage);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dispatcher.forward(request,&nbsp;response);</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;}</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%">}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</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"><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 style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div></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:#a71d5d">package</span> study.j0428;</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">import</span> java.io.IOException;</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">import</span> javax.servlet.RequestDispatcher;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span> javax.servlet.ServletException;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span> javax.servlet.annotation.WebServlet;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span> javax.servlet.http.Cookie‎;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span> javax.servlet.http.HttpServlet;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span> javax.servlet.http.HttpServletRequest;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span> javax.servlet.http.HttpServletResponse;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%">@WebServlet(<span style="color:#63a35c">"/j0428/Login2"</span>)</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">public</span> <span style="color:#a71d5d">class</span> Login2 <span style="color:#a71d5d">extends</span> HttpServlet{</div><div style="padding:0 6px; white-space:pre; line-height:130%"> @Override</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">protected</span> <span style="color:#a71d5d">void</span> service(HttpServletRequest request, HttpServletResponse response) <span style="color:#a71d5d">throws</span> ServletException, IOException {</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:#066de2">String</span> fid <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> request.getParameter(<span style="color:#63a35c">"fid"</span>) <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">null</span> ? <span style="color:#63a35c">""</span> :request.getParameter(<span style="color:#63a35c">"fid"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">String</span> fpw <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> request.getParameter(<span style="color:#63a35c">"fpw"</span>) <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">null</span> ? <span style="color:#63a35c">""</span> :request.getParameter(<span style="color:#63a35c">"fpw"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">String</span> saveId <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> request.getParameter(<span style="color:#63a35c">"saveId"</span>) <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">null</span> ? <span style="color:#63a35c">"no"</span> :request.getParameter(<span style="color:#63a35c">"saveId"</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%"> request.setAttribute(<span style="color:#63a35c">"fid"</span>, fid);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> request.setAttribute(<span style="color:#63a35c">"fpw"</span>, fpw);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> request.setAttribute(<span style="color:#63a35c">"saveId"</span>, saveId);</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:#066de2">String</span> viewPage <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">String</span> mid<span style="color:#0086b3"></span><span style="color:#a71d5d">=</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:#a71d5d">if</span> (<span style="color:#0086b3"></span><span style="color:#a71d5d">!</span>fid.<span style="color:#066de2">equals</span>(<span style="color:#63a35c">"admin"</span>) <span style="color:#0086b3"></span><span style="color:#a71d5d">|</span><span style="color:#0086b3"></span><span style="color:#a71d5d">|</span> <span style="color:#0086b3"></span><span style="color:#a71d5d">!</span>fpw.<span style="color:#066de2">equals</span>(<span style="color:#63a35c">"asdf1234"</span>)) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> request.setAttribute(<span style="color:#63a35c">"loginFlag"</span>, <span style="color:#63a35c">"NO"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> request.setAttribute(<span style="color:#63a35c">"mid"</span>, <span style="color:#63a35c">""</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> viewPage <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">"/study/0428/login.jsp"</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">else</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%"> request.setAttribute(<span style="color:#63a35c">"loginFlag"</span>, <span style="color:#63a35c">"OK"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> viewPage <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">"/study/0428/res.jsp"</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">if</span> (saveId.<span style="color:#066de2">equals</span>(<span style="color:#63a35c">"yes"</span>)) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> Cookie cookieFid <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> <span style="color:#a71d5d">new</span> Cookie(<span style="color:#63a35c">"cFid"</span>, fid);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> cookieFid.setMaxAge(<span style="color:#0099cc">60</span> <span style="color:#0086b3"></span><span style="color:#a71d5d">*</span> <span style="color:#0099cc">60</span> <span style="color:#0086b3"></span><span style="color:#a71d5d">*</span> <span style="color:#0099cc">24</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> response.addCookie(cookieFid);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> Cookie cookieFpw <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> <span style="color:#a71d5d">new</span> Cookie(<span style="color:#63a35c">"cFpw"</span>, fpw);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> cookieFpw.setMaxAge(<span style="color:#0099cc">60</span> <span style="color:#0086b3"></span><span style="color:#a71d5d">*</span> <span style="color:#0099cc">60</span> <span style="color:#0086b3"></span><span style="color:#a71d5d">*</span> <span style="color:#0099cc">24</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> response.addCookie(cookieFpw);</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">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> Cookie[] cookies <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> request.getCookies();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">for</span>(<span style="color:#066de2">int</span> i<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><span style="color:#0099cc">0</span>; i<span style="color:#0086b3"></span><span style="color:#a71d5d"><</span>cookies.<span style="color:#066de2">length</span>; i<span style="color:#0086b3"></span><span style="color:#a71d5d">+</span><span style="color:#0086b3"></span><span style="color:#a71d5d">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> cookies[i].setMaxAge(<span style="color:#0099cc">0</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> response.addCookie(cookies[i]);</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%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> request.setAttribute(<span style="color:#63a35c">"mid"</span>, mid);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> RequestDispatcher dispatcher <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>request.getRequestDispatcher(viewPage);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> dispatcher.forward(request, response);</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%"> </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><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></div><p> </p><p><span data-ke-size="size23"> </span></p><p><span data-ke-size="size23">login.jsp</span></p><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%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div><div style="line-height:130%">94</div><div style="line-height:130%">95</div><div style="line-height:130%">96</div><div style="line-height:130%">97</div><div style="line-height:130%">98</div><div style="line-height:130%">99</div><div style="line-height:130%">100</div><div style="line-height:130%">101</div><div style="line-height:130%">102</div><div style="line-height:130%">103</div><div style="line-height:130%">104</div><div style="line-height:130%">105</div><div style="line-height:130%">106</div><div style="line-height:130%">107</div><div style="line-height:130%">108</div><div style="line-height:130%">109</div><div style="line-height:130%">110</div><div style="line-height:130%">111</div><div style="line-height:130%">112</div><div style="line-height:130%">113</div><div style="line-height:130%">114</div><div style="line-height:130%">115</div><div style="line-height:130%">116</div><div style="line-height:130%">117</div><div style="line-height:130%">118</div><div style="line-height:130%">119</div><div style="line-height:130%">120</div><div style="line-height:130%">121</div><div style="line-height:130%">122</div><div style="line-height:130%">123</div><div style="line-height:130%">124</div><div style="line-height:130%">125</div><div style="line-height:130%">126</div><div style="line-height:130%">127</div><div style="line-height:130%">128</div><div style="line-height:130%">129</div><div style="line-height:130%">130</div><div style="line-height:130%">131</div><div style="line-height:130%">132</div><div style="line-height:130%">133</div><div style="line-height:130%">134</div><div style="line-height:130%">135</div><div style="line-height:130%">136</div><div style="line-height:130%">137</div><div style="line-height:130%">138</div><div style="line-height:130%">139</div><div style="line-height:130%">140</div><div style="line-height:130%">141</div><div style="line-height:130%">142</div><div style="line-height:130%">143</div><div style="line-height:130%">144</div><div style="line-height:130%">145</div><div style="line-height:130%">146</div><div style="line-height:130%">147</div><div style="line-height:130%">148</div><div style="line-height:130%">149</div><div style="line-height:130%">150</div><div style="line-height:130%">151</div><div style="line-height:130%">152</div><div style="line-height:130%">153</div><div style="line-height:130%">154</div><div style="line-height:130%">155</div><div style="line-height:130%">156</div><div style="line-height:130%">157</div><div style="line-height:130%">158</div><div style="line-height:130%">159</div><div style="line-height:130%">160</div><div style="line-height:130%">161</div><div style="line-height:130%">162</div><div style="line-height:130%">163</div><div style="line-height:130%">164</div><div style="line-height:130%">165</div><div style="line-height:130%">166</div><div style="line-height:130%">167</div><div style="line-height:130%">168</div><div style="line-height:130%">169</div><div style="line-height:130%">170</div><div style="line-height:130%">171</div><div style="line-height:130%">172</div><div style="line-height:130%">173</div><div style="line-height:130%">174</div><div style="line-height:130%">175</div><div style="line-height:130%">176</div><div style="line-height:130%">177</div><div style="line-height:130%">178</div><div style="line-height:130%">179</div><div style="line-height:130%">180</div><div style="line-height:130%">181</div><div style="line-height:130%">182</div><div style="line-height:130%">183</div><div style="line-height:130%">184</div><div style="line-height:130%">185</div><div style="line-height:130%">186</div><div style="line-height:130%">187</div><div style="line-height:130%">188</div><div style="line-height:130%">189</div><div style="line-height:130%">190</div><div style="line-height:130%">191</div><div style="line-height:130%">192</div><div style="line-height:130%">193</div><div style="line-height:130%">194</div><div style="line-height:130%">195</div><div style="line-height:130%">196</div><div style="line-height:130%">197</div><div style="line-height:130%">198</div><div style="line-height:130%">199</div><div style="line-height:130%">200</div><div style="line-height:130%">201</div><div style="line-height:130%">202</div><div style="line-height:130%">203</div><div style="line-height:130%">204</div><div style="line-height:130%">205</div><div style="line-height:130%">206</div><div style="line-height:130%">207</div><div style="line-height:130%">208</div><div style="line-height:130%">209</div><div style="line-height:130%">210</div><div style="line-height:130%">211</div><div style="line-height:130%">212</div><div style="line-height:130%">213</div><div style="line-height:130%">214</div><div style="line-height:130%">215</div><div style="line-height:130%">216</div><div style="line-height:130%">217</div><div style="line-height:130%">218</div><div style="line-height:130%">219</div><div style="line-height:130%">220</div><div style="line-height:130%">221</div></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:#010101">&lt;</span><span style="color:#066de2">%@</span>&nbsp;<span style="color:#0a9989">page</span>&nbsp;<span style="color:#0a9989">language</span>=<span style="color:#df5000">"java"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">contentType</span>=<span style="color:#df5000">"text/html;&nbsp;charset=UTF-8"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">pageEncoding</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;</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>&nbsp;<span style="color:#0a9989">lang</span>=<span style="color:#df5000">"ko"</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">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">meta</span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"viewport"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">content</span>=<span style="color:#df5000">"width=device-width,&nbsp;initial-scale=1.0"</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>Login<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;</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><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;body</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;display</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;flex</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;justify-content</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;center</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;align-items</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;center</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;100vh</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;linear-gradient(to&nbsp;right,&nbsp;#E2E0B9,#e2c075,&nbsp;#C2D3AF&nbsp;)</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.grid-container&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;white</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;opacity</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;0.8</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;800px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-radius</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;1cm</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;display</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;grid</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;grid-template-columns</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;auto&nbsp;1fr</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;box-shadow</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;4px&nbsp;7px&nbsp;15px&nbsp;2px&nbsp;#d09e2b</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.logo&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;15px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.form</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-top</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;90px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-left</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;15px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;input</span>[<span style="color:#4DA51B">type</span><span style="color:#ff3399">=</span><span style="color:#4DA51B">"text"</span>]<span style="color:#ff3399"></span>,<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;input</span>[<span style="color:#4DA51B">type</span><span style="color:#ff3399">=</span><span style="color:#4DA51B">"password"</span>]<span style="color:#ff3399"></span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;280px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;32px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-top</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;5px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;16px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-top</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;none</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-left</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;none</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-right</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;none</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#BCD3AD</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;input</span>[<span style="color:#4DA51B">type</span><span style="color:#ff3399">=</span><span style="color:#4DA51B">"text"</span>]<span style="color:#ff3399"></span><span style="color:#4DA51B">:focus</span><span style="color:#ff3399"></span>,<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;input</span>[<span style="color:#4DA51B">type</span><span style="color:#ff3399">=</span><span style="color:#4DA51B">"password"</span>]<span style="color:#ff3399"></span><span style="color:#4DA51B">:focus</span><span style="color:#ff3399"></span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;outline</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;none</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;input</span>[<span style="color:#4DA51B">type</span><span style="color:#ff3399">=</span><span style="color:#4DA51B">"text"</span>]<span style="color:#ff3399"></span><span style="color:#4DA51B">::placeholder</span><span style="color:#ff3399"></span>,<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;input</span>[<span style="color:#4DA51B">type</span><span style="color:#ff3399">=</span><span style="color:#4DA51B">"password"</span>]<span style="color:#ff3399"></span><span style="color:#4DA51B">::placeholder</span><span style="color:#ff3399"></span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#CF7D4D</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.loginbtn</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;280px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;37px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-top</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;10px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;none</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#CF7D4D</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;white</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-radius</span><span style="color:#ff3399">:</span><span style="color:#0066cc">4px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;17px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cursor</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;pointer</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.loginbtn</span><span style="color:#4DA51B">:hover</span><span style="color:#ff3399"></span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#8F913C</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.btn</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-right</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;80px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-top</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;3px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;right</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.cancelbtn</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;none</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background</span><span style="color:#ff3399">:</span><span style="color:#0066cc">transparent</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cursor</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;pointer</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#6F7A32</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.err-msg</span>,<span style="color:#ff3399">&nbsp;.perr-msg&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;display</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;block</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;rgb(245,&nbsp;22,&nbsp;22)</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;13px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-style</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;italic</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;position</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;relative</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;46px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.v-msg</span>,<span style="color:#ff3399">&nbsp;.pv-msg&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;display</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;block</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-style</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;italic</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;13px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;green</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.saveId</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size&nbsp;</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;17px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#6F7A32</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;right</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-right</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;80px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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;<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;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><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;idV&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;pwV&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;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">document</span>.<span style="color:#066de2">addEventListener</span>(<span style="color:#63a35c">'DOMContentLoaded'</span>,&nbsp;<span style="color:#a71d5d">function</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:#a71d5d">const</span>&nbsp;fid&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">'fid'</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;fpw&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">'fpw'</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;fid.<span style="color:#066de2">addEventListener</span>(<span style="color:#63a35c">'input'</span>,&nbsp;<span style="color:#a71d5d">function</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;input&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;fid.value.trim();</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;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;err_msg&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.err-msg'</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">const</span>&nbsp;v_msg&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.v-msg'</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;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(input&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">=</span>&nbsp;<span style="color:#63a35c">''</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;v_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><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;err_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'아이디를&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;idV&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;</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;<span style="color:#a71d5d">if</span>&nbsp;(input.<span style="color:#066de2">indexOf</span>(<span style="color:#63a35c">'&nbsp;'</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">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span><span style="color:#0099cc">1</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;v_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><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;err_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<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;idV&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;</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;<span style="color:#a71d5d">if</span>&nbsp;(input.<span style="color:#066de2">length</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span>&nbsp;<span style="color:#0099cc">5</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;v_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><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;err_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'아이디는&nbsp;최소&nbsp;5자&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;idV&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;</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;v_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'유효한&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;err_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><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;idV&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;&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;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fpw.<span style="color:#066de2">addEventListener</span>(<span style="color:#63a35c">'input'</span>,&nbsp;<span style="color:#a71d5d">function</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;input&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;fpw.value.trim();</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;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">const</span>&nbsp;perr_msg&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.perr-msg'</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">const</span>&nbsp;pv_msg&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.pv-msg'</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;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(input&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">=</span>&nbsp;<span style="color:#63a35c">''</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;pv_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><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;perr_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'비밀번호를&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;pwV&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;</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;<span style="color:#a71d5d">if</span>&nbsp;(input.<span style="color:#066de2">indexOf</span>(<span style="color:#63a35c">'&nbsp;'</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">=</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span><span style="color:#0099cc">1</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;pv_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><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;perr_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<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;pwV&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;</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;<span style="color:#a71d5d">if</span>&nbsp;(input.<span style="color:#066de2">length</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span>&nbsp;<span style="color:#0099cc">5</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;pv_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><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;perr_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'비밀번호는&nbsp;최소&nbsp;5자&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;pwV&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;</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;pv_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'유효한&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;perr_msg.innerText&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><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;pwV&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;&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;});</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;<span style="color:#a71d5d">function</span>&nbsp;msgClear()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.perr-msg'</span>).innerHTML<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"&amp;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:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.pv-msg'</span>).innerText<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><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;<span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.err-msg'</span>).innerText<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><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;<span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.v-msg'</span>).innerHTML<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"&amp;nbsp"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pwV&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;idV&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;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>(<span style="color:#63a35c">'${loginFlag}'</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">'NO'</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:#066de2">alert</span>(<span style="color:#63a35c">"아이디와&nbsp;비밀번호를&nbsp;다시&nbsp;확인해주세요."</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;</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%">&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">"grid-container"</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">"logo"</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">img</span>&nbsp;<span style="color:#0a9989">src</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#df5000">"&lt;%=request.getContextPath()%&gt;/images/logo.PNG"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">width</span>=<span style="color:#df5000">"400px"</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:#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>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#df5000">"form"</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">form</span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"myform"</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">"&lt;%=request.getContextPath()%&gt;/j0428/Login2"</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">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"fid"</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">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">"fid"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"fid"</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">required</span>&nbsp;<span style="color:#0a9989">minlength</span>=<span style="color:#df5000">"5"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"${mid}"</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:#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;&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">"v-msg"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>&amp;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;&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">"err-msg"</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:#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">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"fpw"</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">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"password"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"fpw"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"fpw"</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">required</span>&nbsp;<span style="color:#0a9989">minlength</span>=<span style="color:#df5000">"5"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"${mpw}"</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;&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">"pv-msg"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>&amp;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;&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">"perr-msg"</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:#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">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"saveId"</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">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">name</span>=<span style="color:#df5000">"saveId"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"yes"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">${remember}</span>&nbsp;<span style="color:#0a9989">/</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;&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;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">button</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"submit"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"loginbtn"</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>로&nbsp;&nbsp;그&nbsp;&nbsp;인<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">button</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">class</span>=<span style="color:#df5000">"btn"</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">button</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">"cancelbtn"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxxxonclick</span>=<span style="color:#df5000">"msgClear()"</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">button</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">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:#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;&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%"><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"><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 style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div><div style="line-height:130%">94</div><div style="line-height:130%">95</div><div style="line-height:130%">96</div><div style="line-height:130%">97</div><div style="line-height:130%">98</div><div style="line-height:130%">99</div><div style="line-height:130%">100</div><div style="line-height:130%">101</div><div style="line-height:130%">102</div><div style="line-height:130%">103</div><div style="line-height:130%">104</div><div style="line-height:130%">105</div><div style="line-height:130%">106</div><div style="line-height:130%">107</div><div style="line-height:130%">108</div><div style="line-height:130%">109</div><div style="line-height:130%">110</div><div style="line-height:130%">111</div><div style="line-height:130%">112</div><div style="line-height:130%">113</div><div style="line-height:130%">114</div><div style="line-height:130%">115</div><div style="line-height:130%">116</div><div style="line-height:130%">117</div><div style="line-height:130%">118</div><div style="line-height:130%">119</div><div style="line-height:130%">120</div><div style="line-height:130%">121</div><div style="line-height:130%">122</div><div style="line-height:130%">123</div><div style="line-height:130%">124</div><div style="line-height:130%">125</div><div style="line-height:130%">126</div><div style="line-height:130%">127</div><div style="line-height:130%">128</div><div style="line-height:130%">129</div><div style="line-height:130%">130</div><div style="line-height:130%">131</div><div style="line-height:130%">132</div><div style="line-height:130%">133</div><div style="line-height:130%">134</div><div style="line-height:130%">135</div><div style="line-height:130%">136</div><div style="line-height:130%">137</div><div style="line-height:130%">138</div><div style="line-height:130%">139</div><div style="line-height:130%">140</div><div style="line-height:130%">141</div><div style="line-height:130%">142</div><div style="line-height:130%">143</div><div style="line-height:130%">144</div><div style="line-height:130%">145</div><div style="line-height:130%">146</div><div style="line-height:130%">147</div><div style="line-height:130%">148</div><div style="line-height:130%">149</div><div style="line-height:130%">150</div><div style="line-height:130%">151</div><div style="line-height:130%">152</div><div style="line-height:130%">153</div><div style="line-height:130%">154</div><div style="line-height:130%">155</div><div style="line-height:130%">156</div><div style="line-height:130%">157</div><div style="line-height:130%">158</div><div style="line-height:130%">159</div><div style="line-height:130%">160</div><div style="line-height:130%">161</div><div style="line-height:130%">162</div><div style="line-height:130%">163</div><div style="line-height:130%">164</div><div style="line-height:130%">165</div><div style="line-height:130%">166</div><div style="line-height:130%">167</div><div style="line-height:130%">168</div><div style="line-height:130%">169</div><div style="line-height:130%">170</div><div style="line-height:130%">171</div><div style="line-height:130%">172</div><div style="line-height:130%">173</div><div style="line-height:130%">174</div><div style="line-height:130%">175</div><div style="line-height:130%">176</div><div style="line-height:130%">177</div><div style="line-height:130%">178</div><div style="line-height:130%">179</div><div style="line-height:130%">180</div><div style="line-height:130%">181</div><div style="line-height:130%">182</div><div style="line-height:130%">183</div><div style="line-height:130%">184</div><div style="line-height:130%">185</div><div style="line-height:130%">186</div><div style="line-height:130%">187</div><div style="line-height:130%">188</div><div style="line-height:130%">189</div><div style="line-height:130%">190</div><div style="line-height:130%">191</div><div style="line-height:130%">192</div><div style="line-height:130%">193</div><div style="line-height:130%">194</div><div style="line-height:130%">195</div><div style="line-height:130%">196</div><div style="line-height:130%">197</div><div style="line-height:130%">198</div><div style="line-height:130%">199</div><div style="line-height:130%">200</div><div style="line-height:130%">201</div><div style="line-height:130%">202</div><div style="line-height:130%">203</div><div style="line-height:130%">204</div><div style="line-height:130%">205</div><div style="line-height:130%">206</div><div style="line-height:130%">207</div><div style="line-height:130%">208</div><div style="line-height:130%">209</div><div style="line-height:130%">210</div><div style="line-height:130%">211</div><div style="line-height:130%">212</div><div style="line-height:130%">213</div><div style="line-height:130%">214</div><div style="line-height:130%">215</div><div style="line-height:130%">216</div><div style="line-height:130%">217</div><div style="line-height:130%">218</div><div style="line-height:130%">219</div><div style="line-height:130%">220</div><div style="line-height:130%">221</div></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:#010101"><</span><span style="color:#066de2">%@</span> <span style="color:#0a9989">page</span> <span style="color:#0a9989">language</span>=<span style="color:#df5000">"java"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">contentType</span>=<span style="color:#df5000">"text/html; charset=UTF-8"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">pageEncoding</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%"> </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:#0a9989">lang</span>=<span style="color:#df5000">"ko"</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">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">meta</span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"viewport"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">content</span>=<span style="color:#df5000">"width=device-width, initial-scale=1.0"</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>Login<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%"> </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><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> body</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> display</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> flex</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> justify-content</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> center</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> align-items</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> center</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> height</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 100vh</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> linear-gradient(to right, #E2E0B9,#e2c075, #C2D3AF )</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .grid-container </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> white</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> opacity</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 0.8</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> width</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 800px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border-radius</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 1cm</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> display</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> grid</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> grid-template-columns</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> auto 1fr</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> box-shadow</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 4px 7px 15px 2px #d09e2b</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .logo </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 15px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .form</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-top</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 90px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-left</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 15px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> </span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> input</span>[<span style="color:#4DA51B">type</span><span style="color:#ff3399">=</span><span style="color:#4DA51B">"text"</span>]<span style="color:#ff3399"></span>,<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> input</span>[<span style="color:#4DA51B">type</span><span style="color:#ff3399">=</span><span style="color:#4DA51B">"password"</span>]<span style="color:#ff3399"></span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> width</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 280px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> height</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 32px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-top</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 5px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> font-size</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 16px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border-top</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> none</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border-left</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> none</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border-right</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> none</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #BCD3AD</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> input</span>[<span style="color:#4DA51B">type</span><span style="color:#ff3399">=</span><span style="color:#4DA51B">"text"</span>]<span style="color:#ff3399"></span><span style="color:#4DA51B">:focus</span><span style="color:#ff3399"></span>,<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> input</span>[<span style="color:#4DA51B">type</span><span style="color:#ff3399">=</span><span style="color:#4DA51B">"password"</span>]<span style="color:#ff3399"></span><span style="color:#4DA51B">:focus</span><span style="color:#ff3399"></span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> outline</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> none</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> input</span>[<span style="color:#4DA51B">type</span><span style="color:#ff3399">=</span><span style="color:#4DA51B">"text"</span>]<span style="color:#ff3399"></span><span style="color:#4DA51B">::placeholder</span><span style="color:#ff3399"></span>,<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> input</span>[<span style="color:#4DA51B">type</span><span style="color:#ff3399">=</span><span style="color:#4DA51B">"password"</span>]<span style="color:#ff3399"></span><span style="color:#4DA51B">::placeholder</span><span style="color:#ff3399"></span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #CF7D4D</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .loginbtn</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> width</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 280px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> height</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 37px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-top</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 10px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> none</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #CF7D4D</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> white</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border-radius</span><span style="color:#ff3399">:</span><span style="color:#0066cc">4px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> font-size</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 17px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> cursor</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> pointer</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .loginbtn</span><span style="color:#4DA51B">:hover</span><span style="color:#ff3399"></span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #8F913C</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .btn</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-right</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 80px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-top</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 3px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> text-align</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> right</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .cancelbtn</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> none</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background</span><span style="color:#ff3399">:</span><span style="color:#0066cc">transparent</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> cursor</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> pointer</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #6F7A32</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .err-msg</span>,<span style="color:#ff3399"> .perr-msg </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> display</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> block</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> rgb(245, 22, 22)</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> font-size</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 13px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> font-style</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> italic</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> position</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> relative</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 46px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .v-msg</span>,<span style="color:#ff3399"> .pv-msg </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> display</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> block</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> font-style</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> italic</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> font-size</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 13px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> green</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> </span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> </span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .saveId</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> font-size </span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 17px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #6F7A32</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> text-align</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> right</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-right</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 80px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </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:#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%"> </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> idV <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> pwV <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:#066de2">document</span>.<span style="color:#066de2">addEventListener</span>(<span style="color:#63a35c">'DOMContentLoaded'</span>, <span style="color:#a71d5d">function</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">const</span> fid <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">'fid'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> fpw <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">'fpw'</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%"> fid.<span style="color:#066de2">addEventListener</span>(<span style="color:#63a35c">'input'</span>, <span style="color:#a71d5d">function</span>(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> input <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> fid.value.trim();</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">const</span> err_msg <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.err-msg'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> v_msg <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.v-msg'</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">if</span> (input <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:#63a35c">''</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> v_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> err_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'아이디를 입력하세요.'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> idV <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:#a71d5d">else</span> <span style="color:#a71d5d">if</span> (input.<span style="color:#066de2">indexOf</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:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">-</span><span style="color:#0099cc">1</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> v_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> err_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'아이디는 공백을 포함할 수 없습니다.'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> idV <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:#a71d5d">else</span> <span style="color:#a71d5d">if</span> (input.<span style="color:#066de2">length</span> <span style="color:#ff3399"></span><span style="color:#a71d5d"><</span> <span style="color:#0099cc">5</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> v_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> err_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'아이디는 최소 5자 이상입니다.'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> idV <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:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> v_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'유효한 형식입니다.'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> err_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> idV <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%"> });</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> fpw.<span style="color:#066de2">addEventListener</span>(<span style="color:#63a35c">'input'</span>, <span style="color:#a71d5d">function</span>(){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> input <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> fpw.value.trim();</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">const</span> perr_msg <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.perr-msg'</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">const</span> pv_msg <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.pv-msg'</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">if</span> (input <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:#63a35c">''</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pv_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> perr_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'비밀번호를 입력하세요.'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pwV <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:#a71d5d">else</span> <span style="color:#a71d5d">if</span> (input.<span style="color:#066de2">indexOf</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:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">-</span><span style="color:#0099cc">1</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pv_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> perr_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'비밀번호는 공백을 포함할 수 없습니다.'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pwV <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:#a71d5d">else</span> <span style="color:#a71d5d">if</span> (input.<span style="color:#066de2">length</span> <span style="color:#ff3399"></span><span style="color:#a71d5d"><</span> <span style="color:#0099cc">5</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pv_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> perr_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'비밀번호는 최소 5자 이상입니다.'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pwV <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:#a71d5d">else</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pv_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'유효한 형식입니다.'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> perr_msg.innerText <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pwV <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%"> });</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">function</span> msgClear() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.perr-msg'</span>).innerHTML<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"&nbsp"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.pv-msg'</span>).innerText<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.err-msg'</span>).innerText<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">""</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">document</span>.querySelector(<span style="color:#63a35c">'.v-msg'</span>).innerHTML<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"&nbsp"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pwV <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%"> idV <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%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span>(<span style="color:#63a35c">'${loginFlag}'</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">'NO'</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%"> }</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:#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:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"grid-container"</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">"logo"</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">img</span> <span style="color:#0a9989">src</span> <span style="color:#0a9989"></span>=<span style="color:#df5000">"<%=request.getContextPath()%>/images/logo.PNG"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">width</span>=<span style="color:#df5000">"400px"</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:#0a9989"></span>=<span style="color:#df5000">"form"</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">"myform"</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">"<%=request.getContextPath()%>/j0428/Login2"</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">"fid"</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">id</span>=<span style="color:#df5000">"fid"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"fid"</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">required</span> <span style="color:#0a9989">minlength</span>=<span style="color:#df5000">"5"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"${mid}"</span><span style="color:#0a9989"></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">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"v-msg"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>&nbsp;<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">"err-msg"</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">"fpw"</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">"password"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"fpw"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"fpw"</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">required</span> <span style="color:#0a9989">minlength</span>=<span style="color:#df5000">"5"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"${mpw}"</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">class</span>=<span style="color:#df5000">"pv-msg"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>&nbsp;<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">"perr-msg"</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">"saveId"</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">name</span>=<span style="color:#df5000">"saveId"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"yes"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">${remember}</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">button</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"submit"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"loginbtn"</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">button</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">"btn"</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">button</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">"cancelbtn"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxxxonclick</span>=<span style="color:#df5000">"msgClear()"</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">button</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:#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">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></table></div></div></div><p><span data-ke-size="size23">res.jsp</span></p><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%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div></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%">&lt;%@&nbsp;page&nbsp;language="java"&nbsp;contentType="text/html;&nbsp;charset=UTF-8"</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;pageEncoding="UTF-8"%&gt;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&lt;!DOCTYPE&nbsp;html&gt;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&lt;html&gt;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&lt;head&gt;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&lt;meta&nbsp;charset="UTF-8"&gt;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&lt;title&gt;Insert&nbsp;title&nbsp;here&lt;/title&gt;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&lt;script&gt;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;'use&nbsp;strict';</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;if('${loginFlag}'=="OK")&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(‎"${fid}님&nbsp;로그인&nbsp;되셨습니다.");</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;location.href=location.href&nbsp;=&nbsp;'&lt;%=request.getContextPath()%&gt;/study/0428/main.jsp?fid=${fid}&amp;loginFlag=${loginFlag}';</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;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&lt;/script&gt;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&lt;/head&gt;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&lt;body&gt;</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%">&lt;/body&gt;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&lt;/html&gt;</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"><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 style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div></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%"><%@ page language="java" contentType="text/html; charset=UTF-8"</div><div style="padding:0 6px; white-space:pre; line-height:130%"> pageEncoding="UTF-8"%></div><div style="padding:0 6px; white-space:pre; line-height:130%"><!DOCTYPE html></div><div style="padding:0 6px; white-space:pre; line-height:130%"><html></div><div style="padding:0 6px; white-space:pre; line-height:130%"><head></div><div style="padding:0 6px; white-space:pre; line-height:130%"><meta charset="UTF-8"></div><div style="padding:0 6px; white-space:pre; line-height:130%"><title>Insert title here</title></div><div style="padding:0 6px; white-space:pre; line-height:130%"><script></div><div style="padding:0 6px; white-space:pre; line-height:130%"> 'use strict';</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> if('${loginFlag}'=="OK") {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> alert(‎"${fid}님 로그인 되셨습니다.");</div><div style="padding:0 6px; white-space:pre; line-height:130%"> location.href=location.href = '<%=request.getContextPath()%>/study/0428/main.jsp?fid=${fid}&loginFlag=${loginFlag}';</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%"></script></div><div style="padding:0 6px; white-space:pre; line-height:130%"></head></div><div style="padding:0 6px; white-space:pre; line-height:130%"><body></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"></body></div><div style="padding:0 6px; white-space:pre; line-height:130%"></html></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></div><p><span data-ke-size="size23">main.jsp</span></p><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%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div></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:#010101">&lt;</span><span style="color:#066de2">%@</span>&nbsp;<span style="color:#0a9989">page</span>&nbsp;<span style="color:#0a9989">language</span>=<span style="color:#df5000">"java"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">contentType</span>=<span style="color:#df5000">"text/html;&nbsp;charset=UTF-8"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">pageEncoding</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%"><span style="color:#010101">&lt;</span><span style="color:#066de2">%</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">String</span>&nbsp;<span style="color:#0a9989">fid</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;request.getParameter(<span style="color:#df5000">"fid"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">String</span>&nbsp;<span style="color:#0a9989">loginFlag</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#0a9989"></span>&nbsp;request.getParameter(<span style="color:#df5000">"loginFlag"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><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%"><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%"><span style="color:#010101">&lt;</span><span style="color:#066de2">title</span><span style="color:#010101">&gt;</span>Insert&nbsp;title&nbsp;here<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%"><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;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>&nbsp;(<span style="color:#63a35c">'&lt;%=loginFlag%&gt;'</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">'OK'</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:#066de2">alert</span>(‎<span style="color:#63a35c">"로그인&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:#066de2">location</span>.href&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">'&lt;%=request.getContextPath()%&gt;/study/0428/login.jsp'</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:#a71d5d">function</span>&nbsp;logout()&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">var</span>&nbsp;ans&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;confirm‎‎(<span style="color:#63a35c">"로그아웃&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;(ans)&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:#066de2">alert</span>(‎<span style="color:#63a35c">'&lt;%=fid%&gt;'</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#63a35c">"님&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:#066de2">location</span>.href&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">"&lt;%=request.getContextPath()%&gt;/j0428/Logout"</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;}</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:#066de2">style</span><span style="color:#010101">&gt;</span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;body</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;display</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;flex</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;flex-direction</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;column</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;justify-content</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;center</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;align-items</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;center</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;100vh</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;linear-gradient(to&nbsp;right,&nbsp;#E2E0B9,#e2c075,&nbsp;#C2D3AF&nbsp;)</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;</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">style</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%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">hr/</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">p</span><span style="color:#010101">&gt;</span><span style="color:#0a9989">&lt;%</span>=<span style="color:#0a9989">fid%</span><span style="color:#010101">&gt;</span>님&nbsp;안녕하세요.<span style="color:#010101">&lt;</span><span style="color:#010101">/</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></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">img</span>&nbsp;<span style="color:#0a9989">src</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#df5000">"&lt;%=request.getContextPath()%&gt;/images/123.jpg"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">height</span>&nbsp;<span style="color:#0a9989"></span>=<span style="color:#df5000">'500px'</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;</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">hr/</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;<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">a</span>&nbsp;<span style="color:#0a9989">href</span>=<span style="color:#df5000">"xxxxxxxxjavascript:logout()"</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">a</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>&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%"><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"><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 style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div></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:#010101"><</span><span style="color:#066de2">%@</span> <span style="color:#0a9989">page</span> <span style="color:#0a9989">language</span>=<span style="color:#df5000">"java"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">contentType</span>=<span style="color:#df5000">"text/html; charset=UTF-8"</span><span style="color:#0a9989"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">pageEncoding</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">%</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">String</span> <span style="color:#0a9989">fid</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> request.getParameter(<span style="color:#df5000">"fid"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989"></span> <span style="color:#0a9989">String</span> <span style="color:#0a9989">loginFlag</span> <span style="color:#0a9989"></span>=<span style="color:#0a9989"></span> request.getParameter(<span style="color:#df5000">"loginFlag"</span><span style="color:#0a9989">);</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><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>Insert title here<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:#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%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (<span style="color:#63a35c">'<%=loginFlag%>'</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">'OK'</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:#066de2">location</span>.href <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">'<%=request.getContextPath()%>/study/0428/login.jsp'</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">function</span> logout() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">var</span> ans <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> confirm‎‎(<span style="color:#63a35c">"로그아웃 하시겠습니까?"</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span> (ans) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">alert</span>(‎<span style="color:#63a35c">'<%=fid%>'</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#63a35c">"님 안녕히가세요."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">location</span>.href <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">"<%=request.getContextPath()%>/j0428/Logout"</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%"> }</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:#066de2">style</span><span style="color:#010101">></span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> body</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> display</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> flex</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> flex-direction</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> column</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> justify-content</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> center</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> align-items</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> center</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> height</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 100vh</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> linear-gradient(to right, #E2E0B9,#e2c075, #C2D3AF )</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </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:#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:#010101"><</span><span style="color:#066de2">hr/</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:#0a9989"><%</span>=<span style="color:#0a9989">fid%</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><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">img</span> <span style="color:#0a9989">src</span> <span style="color:#0a9989"></span>=<span style="color:#df5000">"<%=request.getContextPath()%>/images/123.jpg"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">height</span> <span style="color:#0a9989"></span>=<span style="color:#df5000">'500px'</span><span style="color:#0a9989">/</span><span style="color:#010101">></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:#010101"><</span><span style="color:#066de2">hr/</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">p</span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#066de2">a</span> <span style="color:#0a9989">href</span>=<span style="color:#df5000">"xxxxxxxxjavascript:logout()"</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">a</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%"> </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></table></div></div></div><p><span data-ke-size="size23">Logout.java</span></p><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%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div></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:#a71d5d">package</span>&nbsp;study.j0428;</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%"><span style="color:#a71d5d">import</span>&nbsp;java.io.IOException;</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%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.ServletException;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.annotation.WebServlet;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.http.Cookie‎;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.http.HttpServlet;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.http.HttpServletRequest;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span>&nbsp;javax.servlet.http.HttpServletResponse;</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%">@WebServlet(<span style="color:#63a35c">"/j0428/Logout"</span>)</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">public</span>&nbsp;<span style="color:#a71d5d">class</span>&nbsp;Logout&nbsp;<span style="color:#a71d5d">extends</span>&nbsp;HttpServlet{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;@Override</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">protected</span>&nbsp;<span style="color:#a71d5d">void</span>&nbsp;service(HttpServletRequest&nbsp;request,&nbsp;HttpServletResponse&nbsp;response)&nbsp;<span style="color:#a71d5d">throws</span>&nbsp;ServletException,&nbsp;IOException&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:#066de2">String</span>&nbsp;remember&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;<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;Cookie[]&nbsp;cookies&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;request.getCookies();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">String</span>&nbsp;mid<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;<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;<span style="color:#066de2">String</span>&nbsp;mpw<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;<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;<span style="color:#a71d5d">if</span>(cookies&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">!</span><span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">null</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">for</span>(<span style="color:#066de2">int</span>&nbsp;i<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><span style="color:#0099cc">0</span>;&nbsp;i<span style="color:#0086b3"></span><span style="color:#a71d5d">&lt;</span>cookies.<span style="color:#066de2">length</span>;&nbsp;i<span style="color:#0086b3"></span><span style="color:#a71d5d">+</span><span style="color:#0086b3"></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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">if</span>(cookies[i].getName().<span style="color:#066de2">equals</span>(<span style="color:#63a35c">"cFid"</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;mid&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;cookies[i].getValue();</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;remember&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">"checked"</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;}</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">if</span>(cookies[i].getName().<span style="color:#066de2">equals</span>(<span style="color:#63a35c">"cFpw"</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;mpw&nbsp;<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span>&nbsp;cookies[i].getValue();</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;}</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;</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;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;request.setAttribute(<span style="color:#63a35c">"remember"</span>,&nbsp;remember);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;request.setAttribute(<span style="color:#63a35c">"mid"</span>,&nbsp;mid);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;request.setAttribute(<span style="color:#63a35c">"mpw"</span>,&nbsp;mpw);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;request.getRequestDispatcher(<span style="color:#63a35c">"/study/0428/login.jsp"</span>).forward(request,&nbsp;response);</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;</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%">}</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;</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"><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 style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div></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:#a71d5d">package</span> study.j0428;</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">import</span> java.io.IOException;</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">import</span> javax.servlet.ServletException;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span> javax.servlet.annotation.WebServlet;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span> javax.servlet.http.Cookie‎;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span> javax.servlet.http.HttpServlet;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span> javax.servlet.http.HttpServletRequest;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">import</span> javax.servlet.http.HttpServletResponse;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%">@WebServlet(<span style="color:#63a35c">"/j0428/Logout"</span>)</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#a71d5d">public</span> <span style="color:#a71d5d">class</span> Logout <span style="color:#a71d5d">extends</span> HttpServlet{</div><div style="padding:0 6px; white-space:pre; line-height:130%"> @Override</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">protected</span> <span style="color:#a71d5d">void</span> service(HttpServletRequest request, HttpServletResponse response) <span style="color:#a71d5d">throws</span> ServletException, IOException {</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:#066de2">String</span> remember <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> Cookie[] cookies <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> request.getCookies();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">String</span> mid<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">String</span> mpw<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span>(cookies <span style="color:#0086b3"></span><span style="color:#a71d5d">!</span><span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">null</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">for</span>(<span style="color:#066de2">int</span> i<span style="color:#0086b3"></span><span style="color:#a71d5d">=</span><span style="color:#0099cc">0</span>; i<span style="color:#0086b3"></span><span style="color:#a71d5d"><</span>cookies.<span style="color:#066de2">length</span>; i<span style="color:#0086b3"></span><span style="color:#a71d5d">+</span><span style="color:#0086b3"></span><span style="color:#a71d5d">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">if</span>(cookies[i].getName().<span style="color:#066de2">equals</span>(<span style="color:#63a35c">"cFid"</span>)){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> mid <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> cookies[i].getValue();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> remember <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">"checked"</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">if</span>(cookies[i].getName().<span style="color:#066de2">equals</span>(<span style="color:#63a35c">"cFpw"</span>)){</div><div style="padding:0 6px; white-space:pre; line-height:130%"> mpw <span style="color:#0086b3"></span><span style="color:#a71d5d">=</span> cookies[i].getValue();</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%"> }</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%"> request.setAttribute(<span style="color:#63a35c">"remember"</span>, remember);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> request.setAttribute(<span style="color:#63a35c">"mid"</span>, mid);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> request.setAttribute(<span style="color:#63a35c">"mpw"</span>, mpw);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> request.getRequestDispatcher(<span style="color:#63a35c">"/study/0428/login.jsp"</span>).forward(request, response);</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%"> </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%"> </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></div><p><span data-ke-size="size23">예전 과제 로그인페이지 만들었던걸로 했어요</span></p><div class="figure-video" data-ke-type="video" data-video-url="https://kakaotv.daum.net/embed/player/cliplink/rv3tsthw8ulvtad5ng4iqo5vw@my?service=daum_cafe" data-video-host="kakaotv" data-video-play-service="daum_cafe" data-video-width="712" data-video-height="400" data-ke-style="alignCenter" data-video-thumbnail="https://thumb.kakaocdn.net/dna/kamp/source/rv3tsthw8ulvtad5ng4iqo5vw/thumbs/2.jpg?credential=TuMuFGKUIcirOSjFzOpncbomGFEIdZWK&expires=33271251807&signature=7vrH5OdvaMWJQzJop8szpz49UXA%3D" data-ke-mobile-mobileStyle="widthFull" data-video-origin-width="712" data-video-origin-height="400"><iframe src="https://kakaotv.daum.net/embed/player/cliplink/rv3tsthw8ulvtad5ng4iqo5vw@my?service=daum_cafe&ptoken=v2_b8696d37ffd7a1c785a4acd0880610bd3a711ffdaee3d6101621805e47cddbc19d05f1e4f526b3326c36b8f335507965c286c811dfabc59722f76fe9f3" width="712" height="400" frameborder="0" scrolling="no" allowfullscreen="" allow="encrypted-media"></iframe><div class="figcaption"></div></div><p> </p><p> </p>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
윤서경
240426 (쿠키 과제)
윤서경
추천 0
조회 20
24.04.29 00:10
댓글 1
다음검색
첫댓글 서블릿에서의 쿠키저장처리 좋아요.. 수고하셨습니다.