Merge branch 'dev-modify-css' into dev

src/main/webapp/WEB-INF/jsp/fims/biz/common/popup/fimsTotal_popup.jsp

@@ -154,7 +154,7 @@
 						</tr>
 					</table>
 				</div>
-				<div class="topBtnArea" style="width: 900px;">
+				<div class="topBtnArea-a" style="/*width: 900px;*/ min-width: 420px; width:75%;">
 					<ul class="btnList" <%--style="margin-top: -24px;"--%>>
 						<li>
 							<button class="style_btn delete" type="button" id="del_btn">삭제</button>
@@ -259,13 +259,13 @@
 				</div>
 			<div id="tabs_2">
 				<div class="w_fix05">
-					<div class="w_fix03 gridGroup">
+<%--					<div class="w_fix03 gridGroup">
 						<div style="width: 100%; border:0px solid black">
 							<p class="title deco_01">처리상태 변동이력</p>
 							<div id="grid_t0"></div>
-							<%--삭제조심--%>
+							&lt;%&ndash;삭제조심&ndash;%&gt;
 						</div>
-					</div>
+					</div>--%>
 					<div class="w_fix04 gridGroup">
 							<p class="title deco_01">감경처리</p>
 							<table class="basics_F mTB_02">
@@ -336,7 +336,12 @@
 					</div>
 				</div>
 				<%--box_01--%>
-
+				<div class="w_fix06 gridGroup">
+					<p class="title deco_02">처리상태 변동이력</p>
+					<div style="display: flex; width: 100%; border:0px solid chocolate; margin-bottom: 5px;">
+						<div id="grid_t0" style="width:100%;"></div>
+					</div>
+				</div>
 				<div class="w_fix06 gridGroup">
 					<p class="title deco_02">주소 변동이력</p>
 					<div style="display: flex; width: 100%; border:0px solid chocolate; margin-bottom: 5px;">
@@ -350,7 +355,7 @@
 					</div>
 				</div>
 
-				<div class="topBtnArea" style="width: 990px;">
+				<div class="topBtnArea-a" style="/*width: 990px;*/ width:75%; min-width: 430px;">
 					<ul class="btnList">
 						<li>
 							<button class="style_btn delete" type="button" id="del_btn">삭제</button>
@@ -362,7 +367,7 @@
 
 				</div>
 			<div id="tabs_3">
-				<div class="w_fix05 gridGroup">
+				<div class="w_fix05-a gridGroup">
 					<div style="width: 100%; border:0px solid black">
 						<p class="title deco_01">민원내역</p>
 						<div id="grid_m1"></div>
@@ -375,16 +380,16 @@
 							<%--<div id="grid"></div>--%>
 						</div>
 					</div>
-					<div class="topBtnArea" style="display: flex; align-items: flex-end;">
-						<ul class="btnList" style="padding-left:10px;">
-							<li>
-								<button class="style_btn delete" type="button" id="del_btn">삭제</button>
-								<button class="style_btn modify" type="button" id="upd_btn">변경</button>
-								<button class="style_btn cancel" id="btn_cancel">취소</button>
-							</li>
-						</ul>
-					</div>
 				</div><%--box--%>
+				<div class="topBtnArea-a" style="min-width: 440px; width:75%;">
+					<ul class="btnList" style="padding-left:10px;">
+						<li>
+							<button class="style_btn delete" type="button" id="del_btn">삭제</button>
+							<button class="style_btn modify" type="button" id="upd_btn">변경</button>
+							<button class="style_btn cancel" id="btn_cancel">취소</button>
+						</li>
+					</ul>
+				</div>
 			</div>
 
 		</div><!--popupTabs -->
@@ -505,8 +510,8 @@
 			};
 			const tab0Options = {
 				el: 'grid_t0',
-				minBodyHeight: 250,
+				minBodyHeight: 100,
-				bodyHeight: 250,              //[선택]Grid 높이 (number(단위: px)|'auto'|'fitToParent')
+				bodyHeight: 100,              //[선택]Grid 높이 (number(단위: px)|'auto'|'fitToParent')
 				rowHeaders: ['rowNum'],
 				pageOptions: {
 					perPage: 100,

src/main/webapp/resources/biz/common/css/index.css

@@ -812,29 +812,45 @@ header {
   margin-right: 15px; }
 
 .w_fix01 {
-  width: 900px;
+  width: 75%;
-  height: 670px; }
+  min-width:700px;
+  height: 670px;
+}
 
 .w_fix02 {
-  width: 600px;
+  /*width: 600px;*/
-  height: 630px; }
+  width:75%;
+  min-width:500px;
+  height: 630px;
+}
 
 .w_fix03 {
   width: 380px;
   height: 345px; }
 
 .w_fix04 {
-  width: 280px;
+  width: 400px;
   height: 345px; }
 
 .w_fix05 {
-  width: 990px;
+  width: 75%;
+  min-width: 700px;
   height: 360px;
+  gap:1em;
   display: flex;
-  justify-content: space-between; }
+}
+
+.w_fix05-a {
+  width: 75%;
+  height: 360px;
+  min-width: 700px;
+}
 
 .w_fix06 {
-  width: 990px; }
+  /*width: 990px;*/
+  width: 75%;
+  min-width:700px;
+}
 
 .box {
   display: flex; }
@@ -848,7 +864,7 @@ header {
   /*margin-top: 12px;*/ }
 
 #popupTabs {
-  height: 915px;
+  /*height: 915px;*/
   border: 1px solid #979797; }
 
 .gridGroup {
@@ -1561,9 +1577,10 @@ header {
 .bottomBtnArea,
 .topBtnArea {
   line-height: 0;
-  display: block;
+  /*display: block;*/
   padding: 10px 0;
   text-align: right;
+  border: 0px solid red;
 /*  padding-top:35px;*/
   /*2021.09.24 박소영 새로추가*/ }
   .bottomBtnArea > .list,
@@ -1573,6 +1590,22 @@ header {
     padding-top: 18px;
     /*font-family: 'notokr-bold'; */ }
 
+.bottomBtnArea,
+.topBtnArea-a {
+  line-height: 0;
+  /*display: block;*/
+  padding: 10px 0;
+  text-align: right;
+  border: 0px solid red;
+  /*  padding-top:35px;*/
+  /*2021.09.24 박소영 새로추가*/ }
+.bottomBtnArea > .list,
+.topBtnArea-a > .list {
+  float: left;
+  font-size: 12px;
+  padding-top: 18px;
+  /*font-family: 'notokr-bold'; */ }
+
 .centerBtnArea {
   display: block;
   min-height: 22px;
@@ -2231,3 +2264,30 @@ button {
       position: static; } }
 
 /*# sourceMappingURL=index.css.map */
+
+/*2022.11.18 박소영 반응형 미디어쿼리 추가*/
+@media screen and (max-width: 1000px){
+  .w_fix01 col:nth-child(2){
+    border:0px solid red;
+    width:13%!important;
+  }
+
+  #tabs_1{
+    flex-direction: column;
+  }
+  .w_fix02 textarea[rows]{
+    border:1px solid #ababab;
+    height:100px;
+  }
+  .w_fix02{
+    height:470px;
+  }
+  .w_fix02:nth-child(2){
+    height: 300px;
+    margin-top: 11px;
+  }
+  .w_fix02:nth-child(2) col:nth-child(1){
+    border:0px solid red;
+    width:12%!important;
+  }
+}