diff --git a/frontend/public/assets/img/full_coin_green.png b/frontend/public/assets/img/full_coin_green.png
new file mode 100644
index 0000000..7471e14
Binary files /dev/null and b/frontend/public/assets/img/full_coin_green.png differ
diff --git a/frontend/public/assets/img/one_coin_yellow.png b/frontend/public/assets/img/one_coin_yellow.png
new file mode 100644
index 0000000..ea0b67a
Binary files /dev/null and b/frontend/public/assets/img/one_coin_yellow.png differ
diff --git a/frontend/public/assets/img/three_out_red.png b/frontend/public/assets/img/three_out_red.png
new file mode 100644
index 0000000..d2729d1
Binary files /dev/null and b/frontend/public/assets/img/three_out_red.png differ
diff --git a/frontend/public/assets/img/two_coin_yellow.png b/frontend/public/assets/img/two_coin_yellow.png
new file mode 100644
index 0000000..80650f2
Binary files /dev/null and b/frontend/public/assets/img/two_coin_yellow.png differ
diff --git a/frontend/src/Attendance.jsx b/frontend/src/Attendance.jsx
index 36cff96..79650f7 100644
--- a/frontend/src/Attendance.jsx
+++ b/frontend/src/Attendance.jsx
@@ -39,13 +39,13 @@ const Attendance = () => {
       )}
       <div className={styles.attend_img_container}>
         <div className={styles.boom_icon}>
-          <img src="assets/img/tabler--boom.png" />
+          <img src="/assets/img/tabler--boom.png" />
         </div>
         <div className={styles.boom_icon}>
-          <img src="assets/img/tabler--boom.png" />
+          <img src="/assets/img/tabler--boom.png" />
         </div>
         <div className={styles.boom_icon}>
-          <img src="assets/img/tabler--boom.png" />
+          <img src="/assets/img/tabler--boom.png" />
         </div>
       </div>
       <div className={styles.attend_week_container}>
diff --git a/frontend/src/components/AttendanceWeekInfo.jsx b/frontend/src/components/AttendanceWeekInfo.jsx
index 4f80431..2bae09c 100644
--- a/frontend/src/components/AttendanceWeekInfo.jsx
+++ b/frontend/src/components/AttendanceWeekInfo.jsx
@@ -5,6 +5,15 @@ const AttendanceWeekInfo = ({ week }) => {
   return (
     <div className="eachWeekInfo">
       <p className="weekInfo">{week}주차</p>
+      <div className="coin_img_container">
+        <img src="/assets/img/full_coin_green.png" />
+      </div>
+      <div className="coin_img_container">
+        <img src="/assets/img/two_coin_yellow.png" />
+      </div>
+      <div className="coin_img_container">
+        <img src="/assets/img/one_coin_yellow.png" />
+      </div>
     </div>
   );
 };
diff --git a/frontend/src/components/componentsCss/AttendanceWeekInfo.css b/frontend/src/components/componentsCss/AttendanceWeekInfo.css
index 23216da..458de9d 100644
--- a/frontend/src/components/componentsCss/AttendanceWeekInfo.css
+++ b/frontend/src/components/componentsCss/AttendanceWeekInfo.css
@@ -2,11 +2,12 @@
   width: 270px;
   padding: 14px;
   border-radius: 20px;
-  background-color: #6e6e6e;
+  background-color: #434343;
   border: 1px solid #d9d9d9;
   margin-block: 20px;
   display: flex;
   align-items: center;
+  justify-content: space-around;
 }
 .weekInfo {
   font-weight: 600;
@@ -14,3 +15,11 @@
   color: #ffffff;
   font-family: "Inter", sans-serif;
 }
+.coin_img_container {
+  width: 30px;
+  height: 30px;
+}
+.coin_img_container > img {
+  width: 100%;
+  height: 100%;
+}