공지사항 수정

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

@@ -58,9 +58,6 @@
 					<label>사장님</label>
 					<div id="ITP_LOGIN_USER_ID" class="id"></div>
 				</div>
-				<div class="setting">
-					<button id="ITP_MOBILE_BTN_SETTING"><img src="../img/gear.png"></button>
-				</div>
 			</div>
 			<nav id="ITP_SIDEBAR" class="itp_open_nav">
 				<ul class="panel-group itp_nav"></ul>
@@ -152,6 +149,18 @@
 									<div class="fnNoteDt">2020.20.20</div>
 								</div>
 							</li>
+							<li>
+								<div class="itp_note_info">
+									<label>공지제목</label>
+									<span>:</span>
+									<div class="under fnNoteTitle">공지제목 테스트 ㅁㄴㅇㄻㄴㅇㄻ</div>
+								</div>
+								<div class="itp_note_info">
+									<label>공지일</label>
+									<span>:</span>
+									<div class="fnNoteDt">2020.20.20</div>
+								</div>
+							</li>
 						</div>
 					</ul>
 				</div>

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

@@ -260,8 +260,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 #ITP_WRAPPER header .header_wrap img.brand {float: right; height: 45px; margin: 5px; border-radius: 50%; border: 1px solid #666;}
 #ITP_WRAPPER header .header_wrap label{ margin-top: 15px; width: 50px; height: 25px; font-size: 1rem;float: left; color: #fff;}
 #ITP_WRAPPER header .header_wrap .name_info {width: calc(100% - 120px); height:49px; display:inline-flex;}
-#ITP_WRAPPER header .header_wrap .name_info .bn {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-top:0; text-align:right; width:115%; height:22px; font-size:18px;}
-#ITP_WRAPPER header .header_wrap .name_info div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:3px; padding-top:2px; text-align:left; width: 85%; font-size: 15px; color:#fff; margin-top:14px;}
+#ITP_WRAPPER header .header_wrap .name_info .bn {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-top:0; text-align:right; width:50%; height:22px; font-size:18px;}
+#ITP_WRAPPER header .header_wrap .name_info div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:3px; padding-top:2px; text-align:left; width: 50%; font-size: 15px; color:#fff; margin-top:14px;}
 
 #ITP_WRAPPER header .header_wrap .logout {float: right; width: 40px;}
 #ITP_WRAPPER header .header_wrap .logout button {margin-top: 15px; margin-right:20px; padding:0; width: 20px; height: 20px; border:none; font-size: 0.8rem;background: transparent;}
@@ -654,10 +654,10 @@ button.close {-webkit-appearance: none; padding: 0; cursor: pointer; background:
 
 /* 메인화면 공지사항 추가 */
 #ITP_MAIN_CONTAINER.itp_main_box{position:relative; height:calc(100vh - 49px); overflow:auto;}
-#ITP_MAIN_CONTAINER .itp_note_header {width:100%; height:46px; padding:10px; border-bottom:1px solid #aaa; border-top:1px solid #aaa; background:#dce6f2;}
+#ITP_MAIN_CONTAINER .itp_note_header {width:100%; height:46px; padding:10px; border-bottom:1px solid #aaa; background:#dce6f2;}
 #ITP_MAIN_CONTAINER .itp_note_header h1 {font-size:16pt; text-align:left; margin:0;}
-#ITP_MAIN_CONTAINER .itp_note_bar {height:180px;}
-#ITP_MAIN_CONTAINER .itp_note_bar h1 {position:relative; top:76px; font-weight:700; font-size:14pt; marign:0;}
+#ITP_MAIN_CONTAINER .itp_note_bar {height: auto; max-height:180px;}
+#ITP_MAIN_CONTAINER .itp_note_bar h1 {position:relative; font-weight:700; font-size:14pt; margin:0; height:60px; padding-top:20px; border-bottom:1px solid #aaa;}
 #ITP_MAIN_CONTAINER .itp_note_bar li {border-bottom:1px solid #aaa; padding:5px; height:60px;}
 /* #ITP_MAIN_CONTAINER .itp_note_bar li:first-child  {border-top:none;} */
 #ITP_MAIN_CONTAINER .itp_note_bar li .itp_note_info {display:flex; height:24px;}
@@ -672,8 +672,9 @@ button.close {-webkit-appearance: none; padding: 0; cursor: pointer; background:
 #ITP_MAIN_CONTAINER .itp_oper_info_area .itp_oper_info div{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align: right; width:calc(100% - 114px);}
 #ITP_MAIN_CONTAINER .itp_graph_area {width:98%; height:300px; border:1px solid #aaa; margin:5px 1%;}
 #ITP_MAIN_CONTAINER .itp_graph_area .itp_graph_header {width:160px; margin:5px;}
-#ITP_MAIN_CONTAINER .itp_graph_area .itp_graph_header label {width:80px; font-size:14pt; text-align:left;}
+#ITP_MAIN_CONTAINER .itp_graph_area .itp_graph_header label {width:80px; font-size:14pt; text-align:left; float:left;}
 #ITP_MAIN_CONTAINER .itp_graph_area .itp_graph_header select {}
+#ITP_MAIN_CONTAINER .mb_0 {margin-bottom:0;}
 #ITP_MAIN_CONTAINER #ITP_GRAPH_INFO {height:265px;}
 /* 공지사항 팝업추가 */
 .itp_note_popup {position: absolute; top:46px; width: 100%; height: calc(100vh - 49px); background: rgba(200, 200,200, 0.8); z-index: 11;}