공지사항 팝업 수정

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

@@ -110,22 +110,48 @@
 				<div class="itp_note_header">
 					<h1>> 공지사항</h1>
 				</div>
+				<div id="ITP_MODAL_NOTE_INFO" class="itp_note_popup modal itp_modal" style="display:block">
+					<div class="popup_note">
+						<div class="header">
+							<div class="header_left">
+								<label>매장</label>
+							</div>
+							<div class="header_right">
+								<button type="button" id="ITP_BTN_MAIN_POP_NOTE_CLOSE"><img src="../img/close.png"></button>
+							</div>
+						</div>
+						<div class="itp_pop_note_area">
+							<div class="itp_note_title">
+								<label>공지제목</label>
+								<span>:</span>
+								<div class="fnNoteNm">fasdddddddddddddddddddddddddddddddddddd</div>
+							</div>
+							<div class="itp_pop_note_content">
+								<div class="fnNote">fasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasd</div>
+							</div>
+						</div>
+					</div>
+				</div>
 				<div class="itp_note_bar" style="display: none;">
 					<h1>등록된 게시물이 없습니다.</h1>
 				</div>
-				<div class="itp_note_bar" style="display: block;">
-					<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 class="itp_note_bar">
+					<ul id="ITP_NOTE_ROW" class="mb_0 panel-group itp_nav">
+						<div id="ITP_NOTE_ROWCOPY" style="display: block;">
+							<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>
-					</li>
+					</ul>
 				</div>
 				<div class="itp_note_header">
 					<h1>> 운영정보</h1>

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

@@ -672,7 +672,26 @@ 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:220px; margin:5px;}
-#ITP_MAIN_CONTAINER .itp_graph_area .itp_graph_header label {width:80px; font-size:14pt;}
+#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 select {}
 #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;}
+.itp_note_popup .popup_note {position:relative; top:20px; width:96%; margin:0 2%;}
+.itp_note_popup .popup_note .header {position: relative; height: 40px; background: #f0831e; color:#eee; border: 1px solid #000; border-top-right-radius: 10px; border-top-left-radius: 10px;}
+.itp_note_popup .popup_note .header .header_left {padding-top: 12px;}
+.itp_note_popup .popup_note .header .header_left label {font-size: 16px; font-weight:100;} 
+.itp_note_popup .popup_note .header .header_right {float: right; padding-right: 10px; position:relative; top:-44px;}
+.itp_note_popup .popup_note .header .header_right button {border: none; background: transparent; margin:3px -5px;}
+.itp_note_popup .popup_note .header .header_right button img {width:22px;}
+.itp_note_popup .popup_note .itp_pop_note_area {background:#fff; height:70vh; border:1px solid #000; border-top:none;}
+.itp_note_popup .popup_note .itp_pop_note_area .itp_note_title { display:flex; padding:10px; width:85%; height:45px;}
+.itp_note_popup .popup_note .itp_pop_note_area .itp_note_title label {width:60px; font-size:12pt;}
+.itp_note_popup .popup_note .itp_pop_note_area .itp_note_title span {width:10px;}
+.itp_note_popup .popup_note .itp_pop_note_area .itp_note_title div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; width:calc(100% - 70px);}
+.itp_note_popup .popup_note .itp_pop_note_area .itp_pop_note_content {border:1px solid #aaa; width:98%; height:calc(100% - 60px); margin:0 1%; padding:8px;}
+.itp_note_popup .popup_note .itp_pop_note_area .itp_pop_note_content div {height:100%; word-break:break-all;}
+
+
+