콜아웃 제목과 기본 아이콘 정리

components/admin/AdminEditorBlockPanel.vue

@@ -138,7 +138,7 @@ const panelMeta = computed(() => {
   }
 
   if (props.panel.kind === 'callout') {
-    return '아이콘·배경색'
+    return '제목·아이콘·배경색'
   }
 
   if (props.panel.kind === 'code') {
@@ -246,6 +246,17 @@ const onPanelFocusOut = (event) => {
 
         <template v-else-if="panel.kind === 'callout'">
           <div class="admin-editor-block-panel__callout-settings grid gap-5">
+            <label class="admin-editor-block-panel__field grid gap-2 text-sm">
+              <span class="font-semibold text-[#394047]">제목</span>
+              <input
+                class="rounded border border-[#d7dde2] bg-[#eff1f2] px-3 py-2 text-sm text-[#15171a] outline-none transition-colors focus:border-[#8e9cac]"
+                :value="panel.title"
+                type="text"
+                placeholder="주의사항"
+                @input="emit('update-callout-options', { title: $event.target.value })"
+              >
+            </label>
+
             <label class="flex cursor-pointer items-center justify-between gap-3 rounded border border-[#edf0f2] bg-[#fafafa] px-3 py-3 text-sm font-semibold text-[#394047]">
               <span>아이콘 표시</span>
               <input