Index: vue/src/assets/images/devops/DevSupport/github.png
===================================================================
diff -u -r5838243fd18c6cc74e73538e0e6eec9deea6d148 -rfceb15f8f3bd9605d3def934528d7c4af1b18c45
--- vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision 5838243fd18c6cc74e73538e0e6eec9deea6d148)
+++ vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision fceb15f8f3bd9605d3def934528d7c4af1b18c45)
@@ -4012,3 +4012,13 @@
 .chat-footer button {
 	margin-top: 0;
 }
+
+#chart-manpower-requirement, #chart-manpower-requirement-canvaswidget, #chart-manpower-requirement-canvas {
+	width: 100% !important;
+}
+
+#chart-manpower-requirement-label {
+	width: 100% !important;
+	position: relative !important;
+}
+
Index: arms/html/analysisResource/content-container.html
===================================================================
diff -u -rf452871ed407cdcbd1c9ee9267df64e5f766f642 -rfceb15f8f3bd9605d3def934528d7c4af1b18c45
--- arms/html/analysisResource/content-container.html	(.../content-container.html)	(revision f452871ed407cdcbd1c9ee9267df64e5f766f642)
+++ arms/html/analysisResource/content-container.html	(.../content-container.html)	(revision fceb15f8f3bd9605d3def934528d7c4af1b18c45)
@@ -540,7 +540,7 @@
 									<div
 										class="body"
 										id="chart-manpower-requirement"
-										style="height: 400px"></div>
+										style="height: 400px;"></div>
 								</div>
 							</section>
 						</div>
Index: arms/js/analysis/resource/treemap.js
===================================================================
diff -u -rf452871ed407cdcbd1c9ee9267df64e5f766f642 -rfceb15f8f3bd9605d3def934528d7c4af1b18c45
--- arms/js/analysis/resource/treemap.js	(.../treemap.js)	(revision f452871ed407cdcbd1c9ee9267df64e5f766f642)
+++ arms/js/analysis/resource/treemap.js	(.../treemap.js)	(revision fceb15f8f3bd9605d3def934528d7c4af1b18c45)
@@ -24,7 +24,7 @@
 
 function init(treeMapInfos) {
     const colorMapping = {};
-    // TODO: 요구사항의 가짓수가 많아지면 색상을 더 추가해야 함
+    // 현재 512개의 색상 지원
     let colors = dashboardColor.treeMapColor;
     function getColorForName(name) {
         if (!colorMapping[name]) {
@@ -160,16 +160,12 @@
         tm.out();
     });
 
-    let resizeTimeout;
-
-    function drawChart() {
-        tm.refresh();
-    }
-
-    function onResize() {
-        clearTimeout(resizeTimeout);
-        resizeTimeout = setTimeout(drawChart, 100);
-    }
-
-    window.addEventListener('resize', onResize);
+    window.addEventListener('resize', function() {
+        var charts = document.getElementById('chart-manpower-requirement');
+        var width = charts.offsetWidth;
+        var height = charts.offsetHeight;
+        // dashboard는 297px, 분석 페이지는 400px을 고정으로 사용하고 있음.
+        tm.canvas.resize(width, height);
+        tm.plot();
+    });
 }
\ No newline at end of file
Index: arms/js/dashboard/chart/colorPalette.js
===================================================================
diff -u -r13d78cb4ee180d289103813869709e43348b2794 -rfceb15f8f3bd9605d3def934528d7c4af1b18c45
--- arms/js/dashboard/chart/colorPalette.js	(.../colorPalette.js)	(revision 13d78cb4ee180d289103813869709e43348b2794)
+++ arms/js/dashboard/chart/colorPalette.js	(.../colorPalette.js)	(revision fceb15f8f3bd9605d3def934528d7c4af1b18c45)
@@ -55,17 +55,517 @@
 			'#e5db17'
 		],
 		treeMapColor: [
-			'#32de77',//InProgress
-			'#82de32',//Backlog
-			'#b3e299',//Closed
-			'#1774e5',//Open
-			'#17abe5',//완료됨
-			'#e2e299',//Resolved
-			'#bede32',//진행중
-			'#f8f4ff',//SelectedForDevelopment
-			'rgba(144,142,147,0.58)',//테스트1
-			'rgba(78,77,80,0.58)',//테스트2
-			'#6C567B'//요구사항
+			"#000020",
+			"#000040",
+			"#000060",
+			"#000080",
+			"#0000a0",
+			"#0000c0",
+			"#0000e0",
+			"#002000",
+			"#002020",
+			"#002040",
+			"#002060",
+			"#002080",
+			"#0020a0",
+			"#0020c0",
+			"#0020e0",
+			"#004000",
+			"#004020",
+			"#004040",
+			"#004060",
+			"#004080",
+			"#0040a0",
+			"#0040c0",
+			"#0040e0",
+			"#006000",
+			"#006020",
+			"#006040",
+			"#006060",
+			"#006080",
+			"#0060a0",
+			"#0060c0",
+			"#0060e0",
+			"#008000",
+			"#008020",
+			"#008040",
+			"#008060",
+			"#008080",
+			"#0080a0",
+			"#0080c0",
+			"#0080e0",
+			"#00a000",
+			"#00a020",
+			"#00a040",
+			"#00a060",
+			"#00a080",
+			"#00a0a0",
+			"#00a0c0",
+			"#00a0e0",
+			"#00c000",
+			"#00c020",
+			"#00c040",
+			"#00c060",
+			"#00c080",
+			"#00c0a0",
+			"#00c0c0",
+			"#00c0e0",
+			"#00e000",
+			"#00e020",
+			"#00e040",
+			"#00e060",
+			"#00e080",
+			"#00e0a0",
+			"#00e0c0",
+			"#00e0e0",
+			"#200000",
+			"#200020",
+			"#200040",
+			"#200060",
+			"#200080",
+			"#2000a0",
+			"#2000c0",
+			"#2000e0",
+			"#202000",
+			"#202020",
+			"#202040",
+			"#202060",
+			"#202080",
+			"#2020a0",
+			"#2020c0",
+			"#2020e0",
+			"#204000",
+			"#204020",
+			"#204040",
+			"#204060",
+			"#204080",
+			"#2040a0",
+			"#2040c0",
+			"#2040e0",
+			"#206000",
+			"#206020",
+			"#206040",
+			"#206060",
+			"#206080",
+			"#2060a0",
+			"#2060c0",
+			"#2060e0",
+			"#208000",
+			"#208020",
+			"#208040",
+			"#208060",
+			"#208080",
+			"#2080a0",
+			"#2080c0",
+			"#2080e0",
+			"#20a000",
+			"#20a020",
+			"#20a040",
+			"#20a060",
+			"#20a080",
+			"#20a0a0",
+			"#20a0c0",
+			"#20a0e0",
+			"#20c000",
+			"#20c020",
+			"#20c040",
+			"#20c060",
+			"#20c080",
+			"#20c0a0",
+			"#20c0c0",
+			"#20c0e0",
+			"#20e000",
+			"#20e020",
+			"#20e040",
+			"#20e060",
+			"#20e080",
+			"#20e0a0",
+			"#20e0c0",
+			"#20e0e0",
+			"#400000",
+			"#400020",
+			"#400040",
+			"#400060",
+			"#400080",
+			"#4000a0",
+			"#4000c0",
+			"#4000e0",
+			"#402000",
+			"#402020",
+			"#402040",
+			"#402060",
+			"#402080",
+			"#4020a0",
+			"#4020c0",
+			"#4020e0",
+			"#404000",
+			"#404020",
+			"#404040",
+			"#404060",
+			"#404080",
+			"#4040a0",
+			"#4040c0",
+			"#4040e0",
+			"#406000",
+			"#406020",
+			"#406040",
+			"#406060",
+			"#406080",
+			"#4060a0",
+			"#4060c0",
+			"#4060e0",
+			"#408000",
+			"#408020",
+			"#408040",
+			"#408060",
+			"#408080",
+			"#4080a0",
+			"#4080c0",
+			"#4080e0",
+			"#40a000",
+			"#40a020",
+			"#40a040",
+			"#40a060",
+			"#40a080",
+			"#40a0a0",
+			"#40a0c0",
+			"#40a0e0",
+			"#40c000",
+			"#40c020",
+			"#40c040",
+			"#40c060",
+			"#40c080",
+			"#40c0a0",
+			"#40c0c0",
+			"#40c0e0",
+			"#40e000",
+			"#40e020",
+			"#40e040",
+			"#40e060",
+			"#40e080",
+			"#40e0a0",
+			"#40e0c0",
+			"#40e0e0",
+			"#600000",
+			"#600020",
+			"#600040",
+			"#600060",
+			"#600080",
+			"#6000a0",
+			"#6000c0",
+			"#6000e0",
+			"#602000",
+			"#602020",
+			"#602040",
+			"#602060",
+			"#602080",
+			"#6020a0",
+			"#6020c0",
+			"#6020e0",
+			"#604000",
+			"#604020",
+			"#604040",
+			"#604060",
+			"#604080",
+			"#6040a0",
+			"#6040c0",
+			"#6040e0",
+			"#606000",
+			"#606020",
+			"#606040",
+			"#606060",
+			"#606080",
+			"#6060a0",
+			"#6060c0",
+			"#6060e0",
+			"#608000",
+			"#608020",
+			"#608040",
+			"#608060",
+			"#608080",
+			"#6080a0",
+			"#6080c0",
+			"#6080e0",
+			"#60a000",
+			"#60a020",
+			"#60a040",
+			"#60a060",
+			"#60a080",
+			"#60a0a0",
+			"#60a0c0",
+			"#60a0e0",
+			"#60c000",
+			"#60c020",
+			"#60c040",
+			"#60c060",
+			"#60c080",
+			"#60c0a0",
+			"#60c0c0",
+			"#60c0e0",
+			"#60e000",
+			"#60e020",
+			"#60e040",
+			"#60e060",
+			"#60e080",
+			"#60e0a0",
+			"#60e0c0",
+			"#60e0e0",
+			"#800000",
+			"#800020",
+			"#800040",
+			"#800060",
+			"#800080",
+			"#8000a0",
+			"#8000c0",
+			"#8000e0",
+			"#802000",
+			"#802020",
+			"#802040",
+			"#802060",
+			"#802080",
+			"#8020a0",
+			"#8020c0",
+			"#8020e0",
+			"#804000",
+			"#804020",
+			"#804040",
+			"#804060",
+			"#804080",
+			"#8040a0",
+			"#8040c0",
+			"#8040e0",
+			"#806000",
+			"#806020",
+			"#806040",
+			"#806060",
+			"#806080",
+			"#8060a0",
+			"#8060c0",
+			"#8060e0",
+			"#808000",
+			"#808020",
+			"#808040",
+			"#808060",
+			"#808080",
+			"#8080a0",
+			"#8080c0",
+			"#8080e0",
+			"#80a000",
+			"#80a020",
+			"#80a040",
+			"#80a060",
+			"#80a080",
+			"#80a0a0",
+			"#80a0c0",
+			"#80a0e0",
+			"#80c000",
+			"#80c020",
+			"#80c040",
+			"#80c060",
+			"#80c080",
+			"#80c0a0",
+			"#80c0c0",
+			"#80c0e0",
+			"#80e000",
+			"#80e020",
+			"#80e040",
+			"#80e060",
+			"#80e080",
+			"#80e0a0",
+			"#80e0c0",
+			"#80e0e0",
+			"#a00000",
+			"#a00020",
+			"#a00040",
+			"#a00060",
+			"#a00080",
+			"#a000a0",
+			"#a000c0",
+			"#a000e0",
+			"#a02000",
+			"#a02020",
+			"#a02040",
+			"#a02060",
+			"#a02080",
+			"#a020a0",
+			"#a020c0",
+			"#a020e0",
+			"#a04000",
+			"#a04020",
+			"#a04040",
+			"#a04060",
+			"#a04080",
+			"#a040a0",
+			"#a040c0",
+			"#a040e0",
+			"#a06000",
+			"#a06020",
+			"#a06040",
+			"#a06060",
+			"#a06080",
+			"#a060a0",
+			"#a060c0",
+			"#a060e0",
+			"#a08000",
+			"#a08020",
+			"#a08040",
+			"#a08060",
+			"#a08080",
+			"#a080a0",
+			"#a080c0",
+			"#a080e0",
+			"#a0a000",
+			"#a0a020",
+			"#a0a040",
+			"#a0a060",
+			"#a0a080",
+			"#a0a0a0",
+			"#a0a0c0",
+			"#a0a0e0",
+			"#a0c000",
+			"#a0c020",
+			"#a0c040",
+			"#a0c060",
+			"#a0c080",
+			"#a0c0a0",
+			"#a0c0c0",
+			"#a0c0e0",
+			"#a0e000",
+			"#a0e020",
+			"#a0e040",
+			"#a0e060",
+			"#a0e080",
+			"#a0e0a0",
+			"#a0e0c0",
+			"#a0e0e0",
+			"#c00000",
+			"#c00020",
+			"#c00040",
+			"#c00060",
+			"#c00080",
+			"#c000a0",
+			"#c000c0",
+			"#c000e0",
+			"#c02000",
+			"#c02020",
+			"#c02040",
+			"#c02060",
+			"#c02080",
+			"#c020a0",
+			"#c020c0",
+			"#c020e0",
+			"#c04000",
+			"#c04020",
+			"#c04040",
+			"#c04060",
+			"#c04080",
+			"#c040a0",
+			"#c040c0",
+			"#c040e0",
+			"#c06000",
+			"#c06020",
+			"#c06040",
+			"#c06060",
+			"#c06080",
+			"#c060a0",
+			"#c060c0",
+			"#c060e0",
+			"#c08000",
+			"#c08020",
+			"#c08040",
+			"#c08060",
+			"#c08080",
+			"#c080a0",
+			"#c080c0",
+			"#c080e0",
+			"#c0a000",
+			"#c0a020",
+			"#c0a040",
+			"#c0a060",
+			"#c0a080",
+			"#c0a0a0",
+			"#c0a0c0",
+			"#c0a0e0",
+			"#c0c000",
+			"#c0c020",
+			"#c0c040",
+			"#c0c060",
+			"#c0c080",
+			"#c0c0a0",
+			"#c0c0c0",
+			"#c0c0e0",
+			"#c0e000",
+			"#c0e020",
+			"#c0e040",
+			"#c0e060",
+			"#c0e080",
+			"#c0e0a0",
+			"#c0e0c0",
+			"#c0e0e0",
+			"#e00000",
+			"#e00020",
+			"#e00040",
+			"#e00060",
+			"#e00080",
+			"#e000a0",
+			"#e000c0",
+			"#e000e0",
+			"#e02000",
+			"#e02020",
+			"#e02040",
+			"#e02060",
+			"#e02080",
+			"#e020a0",
+			"#e020c0",
+			"#e020e0",
+			"#e04000",
+			"#e04020",
+			"#e04040",
+			"#e04060",
+			"#e04080",
+			"#e040a0",
+			"#e040c0",
+			"#e040e0",
+			"#e06000",
+			"#e06020",
+			"#e06040",
+			"#e06060",
+			"#e06080",
+			"#e060a0",
+			"#e060c0",
+			"#e060e0",
+			"#e08000",
+			"#e08020",
+			"#e08040",
+			"#e08060",
+			"#e08080",
+			"#e080a0",
+			"#e080c0",
+			"#e080e0",
+			"#e0a000",
+			"#e0a020",
+			"#e0a040",
+			"#e0a060",
+			"#e0a080",
+			"#e0a0a0",
+			"#e0a0c0",
+			"#e0a0e0",
+			"#e0c000",
+			"#e0c020",
+			"#e0c040",
+			"#e0c060",
+			"#e0c080",
+			"#e0c0a0",
+			"#e0c0c0",
+			"#e0c0e0",
+			"#e0e000",
+			"#e0e020",
+			"#e0e040",
+			"#e0e060",
+			"#e0e080",
+			"#e0e0a0",
+			"#e0e0c0",
+			"#e0e0e0"
 		],
 		nightingaleRose:[
 			"rgba(227,26,27,0.66)",