로그인 팝업 창 추가

src/main/webapp/mobile/app/login.html

@@ -62,7 +62,8 @@
       </form>
     </div>
   <script src="../js/app/login.js?version=20210826"></script>
-  <div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
+  <footer id="ITP_FOOTER">
+  <div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal" style="display:block;">
     <div class="modal-dialog modal-sm">
       <div class="modal-content">
         <div class="modal-header">
@@ -78,5 +79,6 @@
       </div>
     </div>
   </div>
+  </footer>
 </html>
 

src/main/webapp/mobile/css/style.css

@@ -6,7 +6,7 @@
 }
 * {margin: 0; padding: 0; box-sizing: border-box; text-align: center; font-family: 'GmarketSansMedium', 'serif'; list-style: none;}
 section {}
-body{background: #fff; position: relative; width: 100%; height: auto; font-family: 'GmarketSansMedium';}
+body{background: #fff; position: fixed; width: 100%; height: auto; font-family: 'GmarketSansMedium';}
 .color-gray {color:#aaa;}
 /* 팝업 */
 section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
@@ -496,8 +496,65 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 	.content .line div.date_to input {width:45%}
 	.content .line {margin:-5px 3%;}
 	.content .line .float_left.name {width:76%;}
-	
+	.modal-dialog {margin:auto 20% !important; }
 }
 /* 알림 팝업 추가 */
 .modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0;}
 .itp_modal {z-index: 10000;}
+.modal-dialog {
+    position: relative;
+    width: auto;
+    top:30%;
+    margin: 10px;
+}
+.modal-content {
+    position: relative;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid #999;
+    border: 1px solid rgba(0,0,0,.2);
+    border-radius: 6px;
+    outline: 0;
+    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
+}
+.modal-header {
+    min-height: 16.43px;
+    padding: 15px;
+    border-bottom: 1px solid #e5e5e5;
+    padding: 12px 15px 12px 15px;
+    background: #337ab7;
+    cursor: move;
+}
+.modal-header .close {
+    margin-top: -2px;
+    color: #fff;
+    opacity: 1;
+}
+button.close {
+    -webkit-appearance: none;
+    padding: 0;
+    cursor: pointer;
+    background: 0 0;
+    border: 0;
+}
+.close {
+    float: right;
+    font-size: 21px;
+    font-weight: 700;
+    line-height: 1;
+    text-shadow: 0 1px 0 #fff;
+}
+.modal-body {
+    position: relative;
+    padding: 15px;
+}
+.modal-footer {
+    padding: 15px;
+    text-align: right;
+    border-top: 1px solid #e5e5e5;
+}
+.modal-footer .btn {
+	border-radius:6px;
+    padding: 6px 12px;
+}
+