diff --git a/assets/img/ic_caution.svg b/assets/img/ic_caution.svg
new file mode 100644
index 0000000..7c5bc93
--- /dev/null
+++ b/assets/img/ic_caution.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM11 14V6H13V14H11ZM11 18V16H13V18H11Z" fill="black"/>
+</svg>
diff --git a/components/recruitment/noticeBox.vue b/components/recruitment/noticeBox.vue
index 03656ab..e270116 100644
--- a/components/recruitment/noticeBox.vue
+++ b/components/recruitment/noticeBox.vue
@@ -1,8 +1,10 @@
 <template>
   <div class="noticeBox">
-    <h1 class="contentTitle">{{ boxTitle }}</h1>
+    <h1 class="contentTitle">
+      <img class="noticeIcon" src="~/assets/img/ic_caution.svg" />{{ boxTitle }}
+    </h1>
     <p v-for="content in contents" :key="content.id" class="content">
-      - {{ content.text }}
+      <span class="dot" />{{ content.text }}
     </p>
   </div>
 </template>
@@ -39,7 +41,24 @@ export default defineComponent({
   border-radius: 16px;
 
   .contentTitle {
-    font-style: bold;
+    font-weight: 700;
+
+    .noticeIcon {
+      vertical-align: top;
+      margin-top: 5px;
+      margin-right: 5px;
+    }
+  }
+
+  .dot {
+    display: inline-block;
+    width: 4px;
+    height: 4px;
+    border-radius: 2px;
+    margin-right: 5px;
+    background-color: #000000;
+    vertical-align: top;
+    margin-top: 10px;
   }
 }