Index: arms/html/reportSWOT/content-container.html
===================================================================
diff -u -r652d16eccc7f5b9d00e79ac7b3ed02d5380708dc -r2da013e043fe851ba6355355bfc28b1cac0ce387
--- arms/html/reportSWOT/content-container.html	(.../content-container.html)	(revision 652d16eccc7f5b9d00e79ac7b3ed02d5380708dc)
+++ arms/html/reportSWOT/content-container.html	(.../content-container.html)	(revision 2da013e043fe851ba6355355bfc28b1cac0ce387)
@@ -67,7 +67,7 @@
                         </div>
 
                         <div class="timing">
-                            <div id="count-down" data-date="2024-09-30 00:00:00">
+                            <div id="count-down" data-date="2024-10-30 00:00:00">
 
                             </div>
                         </div>
@@ -202,8 +202,8 @@
 			</div>
 
 			<div class="row">
-				<div class="col-md-12">
-					<svg id="matrix" width="900" height="700"></svg>
+				<div id="matrix_wrapper" class="col-md-12">
+					<svg id="matrix" height="700"></svg>
 				</div>
 			</div>
 
Index: arms/js/reportSWOT.js
===================================================================
diff -u -r652d16eccc7f5b9d00e79ac7b3ed02d5380708dc -r2da013e043fe851ba6355355bfc28b1cac0ce387
--- arms/js/reportSWOT.js	(.../reportSWOT.js)	(revision 652d16eccc7f5b9d00e79ac7b3ed02d5380708dc)
+++ arms/js/reportSWOT.js	(.../reportSWOT.js)	(revision 2da013e043fe851ba6355355bfc28b1cac0ce387)
@@ -76,7 +76,9 @@
 
 			// 스크립트 실행 로직을 이곳에 추가합니다.
 			const svg = d3.select('#matrix');
-			const width = +svg.attr('width') - 100;
+			//const width = +svg.attr('width') - 100;
+			const width = $("#matrix_wrapper").width();
+			//const height = +svg.attr('height') - 100;
 			const height = +svg.attr('height') - 100;
 
 			const colors = [
@@ -125,8 +127,8 @@
 				.append('rect')
 				.attr('x', MATRIX_X)
 				.attr('y', MATRIX_Y)
-				.attr('width', 800)
-				.attr('height', 600)
+				.attr('width', width)
+				.attr('height', height)
 				.attr('rx', 8)
 				.attr('class', 'rectangle');