diff --git a/frontend/src/components/Board/BoardActions.jsx b/frontend/src/components/Board/BoardActions.jsx
index 69d94437..380e54bc 100644
--- a/frontend/src/components/Board/BoardActions.jsx
+++ b/frontend/src/components/Board/BoardActions.jsx
@@ -3,9 +3,11 @@ import styles from './BoardActions.module.css';
 import PlusIcon from '../../assets/board_plus.svg';
 import DropdownArrowIcon from '../../assets/boardSelectArrow.svg';
 
-const BoardActions = ({ sortOption, onSortChange, onWrite }) => {
+const BoardActions = ({ sortOption, onSortChange, onWrite, resultCount = 0 }) => {
   return (
     <div className={styles.boardActions}>
+      <div className={styles.resultCount}>{resultCount}건의 검색결과</div>
+
       <div className={styles.selectWrapper}>
         <select
           className={styles.sortSelect}
diff --git a/frontend/src/components/Board/BoardActions.module.css b/frontend/src/components/Board/BoardActions.module.css
index 051d799d..8bfaa78d 100644
--- a/frontend/src/components/Board/BoardActions.module.css
+++ b/frontend/src/components/Board/BoardActions.module.css
@@ -26,13 +26,20 @@
   box-sizing: border-box;
   display: flex;
   align-items: center;
-  justify-content: flex-end;
+  justify-content: flex-start;
   gap: var(--gap);
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 32px;
 }
 
+.resultCount {
+  font-size: 14px;
+  font-weight: 500;
+  color: #4b5563;
+  margin-right: auto;
+}
+
 .selectWrapper {
   position: relative;
   flex-shrink: 0;
diff --git a/frontend/src/components/Board/CategoryTabs.jsx b/frontend/src/components/Board/CategoryTabs.jsx
index 0a6aa347..f27821e7 100644
--- a/frontend/src/components/Board/CategoryTabs.jsx
+++ b/frontend/src/components/Board/CategoryTabs.jsx
@@ -1,7 +1,13 @@
 import React from 'react';
 import styles from './CategoryTabs.module.css';
 
-const CategoryTabs = ({ activeTab, onTabChange, tabs, onCreateSubBoard }) => {
+const CategoryTabs = ({
+  activeTab,
+  onTabChange,
+  tabs,
+  onCreateSubBoard,
+  canCreateSubBoard = false,
+}) => {
   return (
     <div className={styles.categoryTabsRow}>
       <div className={styles.tabsLeft}>
@@ -16,9 +22,14 @@ const CategoryTabs = ({ activeTab, onTabChange, tabs, onCreateSubBoard }) => {
         ))}
       </div>
 
-      <button className={styles.subBoardButton} onClick={onCreateSubBoard}>
-        하위 게시판 추가 +
-      </button>
+      {canCreateSubBoard && (
+        <button
+          className={styles.subBoardButton}
+          onClick={onCreateSubBoard}
+        >
+          하위 게시판 생성
+        </button>
+      )}
     </div>
   );
 };
diff --git a/frontend/src/components/Board/CategoryTabs.module.css b/frontend/src/components/Board/CategoryTabs.module.css
index 5c579b99..fa303541 100644
--- a/frontend/src/components/Board/CategoryTabs.module.css
+++ b/frontend/src/components/Board/CategoryTabs.module.css
@@ -70,3 +70,15 @@
   background: #f5f5f5;
   border-color: #a8a8a8;
 }
+
+.subBoardButton:disabled {
+  background: #ececec;
+  border-color: #d4d4d4;
+  color: #8a8a8a;
+  cursor: not-allowed;
+}
+
+.subBoardButton:disabled:hover {
+  background: #ececec;
+  border-color: #d4d4d4;
+}
diff --git a/frontend/src/components/Board/Modal.jsx b/frontend/src/components/Board/Modal.jsx
index e294189f..43cc5be5 100644
--- a/frontend/src/components/Board/Modal.jsx
+++ b/frontend/src/components/Board/Modal.jsx
@@ -1,3 +1,4 @@
+import { useRef, useState } from 'react';
 import styles from './Modal.module.css';
 import FolderIcon from '../../assets/boardFolder.svg';
 import CloseIcon from '../../assets/boardCloseIcon.svg';
@@ -8,33 +9,87 @@ const Modal = ({
   setTitle,
   content,
   setContent,
+  boardOptions,
+  selectedBoardId,
+  onBoardChange,
   selectedFiles,
   onFileChange,
   onRemoveFile,
   onSave,
   onClose,
+  isSaving,
 }) => {
+  const fileInputRef = useRef(null);
+  const [isDragOver, setIsDragOver] = useState(false);
+
+  const clearDragState = () => {
+    setIsDragOver(false);
+  };
+
+  const handleDragEnter = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragOver(true);
+  };
+
   const handleDragOver = (e) => {
     e.preventDefault();
     e.stopPropagation();
+    setIsDragOver(true);
+  };
+
+  const handleDragLeave = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (!e.currentTarget.contains(e.relatedTarget)) {
+      clearDragState();
+    }
   };
 
   const handleDrop = (e) => {
     e.preventDefault();
     e.stopPropagation();
+    clearDragState();
 
     const droppedFiles = Array.from(e.dataTransfer.files);
     onFileChange({ target: { files: droppedFiles } });
   };
 
+  const handleFileButtonClick = () => {
+    fileInputRef.current?.click();
+  };
+
   return (
     <div className={styles.overlay} onClick={onClose}>
       <div className={styles.modal} onClick={(e) => e.stopPropagation()}>
         <div className={styles.header}>
           <h2 className={styles.title}>게시글 작성</h2>
-          <button className={styles.closeButton} onClick={onClose}>
-            <img src={CloseIcon} alt="닫기" />
-          </button>
+          <div className={styles.headerRight}>
+            <div className={styles.sessionFieldHeader}>
+              <span className={styles.sessionLabel}>세션 선택</span>
+              <div className={styles.selectWrapper}>
+                <select
+                  className={styles.select}
+                  value={selectedBoardId}
+                  onChange={(e) => onBoardChange?.(e.target.value)}
+                >
+                  <option value="">세션 선택</option>
+                  {(boardOptions || []).map((board) => (
+                    <option key={board.id} value={board.id}>
+                      {board.name}
+                    </option>
+                  ))}
+                </select>
+                <div className={styles.selectIcon}>
+                  <img src={DropdownArrowIcon} alt="드롭다운 화살표" />
+                </div>
+              </div>
+            </div>
+            <button className={styles.closeButton} onClick={onClose}>
+              <img src={CloseIcon} alt="닫기" />
+            </button>
+          </div>
         </div>
 
         <div className={styles.form}>
@@ -50,72 +105,85 @@ const Modal = ({
           </div>
 
           <div className={styles.contentField}>
-            <label className={styles.label}>내용</label>
-            <div className={styles.contentContainer}>
+            <div className={styles.contentHeader}>
+              <label className={styles.label}>내용</label>
               <div
                 className={styles.fileSection}
-                onClick={() => document.getElementById('fileUpload').click()}
-                onDragOver={handleDragOver}
-                onDrop={handleDrop}
+                onClick={handleFileButtonClick}
+                role="button"
+                tabIndex={0}
+                onKeyDown={(e) => {
+                  if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    handleFileButtonClick();
+                  }
+                }}
               >
                 <img src={FolderIcon} alt="폴더" />
                 <span className={styles.fileText}>파일 추가</span>
-                <input
-                  type="file"
-                  id="fileUpload"
-                  className={styles.fileInput}
-                  style={{ display: 'none' }}
-                  multiple
-                  onChange={onFileChange}
-                />
               </div>
-              <div className={styles.divider}></div>
+              <input
+                ref={fileInputRef}
+                type="file"
+                id="fileUpload"
+                className={styles.fileInput}
+                style={{ display: 'none' }}
+                multiple
+                onChange={onFileChange}
+              />
+            </div>
+            <div
+              className={`${styles.contentContainer} ${isDragOver ? styles.contentContainerDragOver : ''}`}
+              onDragEnter={handleDragEnter}
+              onDragOver={handleDragOver}
+              onDragLeave={handleDragLeave}
+              onDrop={handleDrop}
+            >
+              {isDragOver && (
+                <div className={styles.dragOverlay}>
+                  파일을 업로드하려면 여기에 놓아주세요.
+                </div>
+              )}
+
               <textarea
                 className={styles.textarea}
                 placeholder="내용을 입력해주세요."
                 value={content}
                 onChange={(e) => setContent(e.target.value)}
+                onDragEnter={handleDragEnter}
+                onDragOver={handleDragOver}
+                onDragLeave={handleDragLeave}
+                onDrop={handleDrop}
               />
             </div>
-          </div>
 
-          {selectedFiles && selectedFiles.length > 0 && (
-            <div className={styles.fileList}>
-              <label className={styles.label}>
-                첨부 파일 ({selectedFiles.length})
-              </label>
-              {selectedFiles.map((file, index) => (
-                <div key={index} className={styles.fileItem}>
-                  <span className={styles.fileName}>
-                    {file.name} ({(file.size / 1024).toFixed(1)} KB)
-                  </span>
-                  <button
-                    type="button"
-                    className={styles.removeFileButton}
-                    onClick={() => onRemoveFile(index)}
-                  >
-                    ✕
-                  </button>
-                </div>
-              ))}
-            </div>
-          )}
-
-          <div className={styles.accessField}>
-            <label className={styles.accessLabel}>접근 권한</label>
-            <div className={styles.selectWrapper}>
-              <select className={styles.select} defaultValue="세션선택">
-                <option value="세션선택">세션선택</option>
-              </select>
-              <div className={styles.selectIcon}>
-                <img src={DropdownArrowIcon} alt="드롭다운 화살표" />
+            {selectedFiles && selectedFiles.length > 0 && (
+              <div className={styles.fileOutsideList}>
+                {selectedFiles.map((file, index) => (
+                  <div key={`${file.name}-${index}`} className={styles.fileOutsideItem}>
+                    <p className={styles.fileInlineName}>{file.name}</p>
+                    <button
+                      type="button"
+                      className={styles.fileRemoveButton}
+                      onClick={() => onRemoveFile?.(index)}
+                      aria-label={`${file.name} 삭제`}
+                    >
+                      X
+                    </button>
+                  </div>
+                ))}
               </div>
-            </div>
+            )}
           </div>
+
         </div>
 
-        <button className={styles.saveButton} onClick={onSave}>
-          게시글 작성
+        <button
+          className={styles.saveButton}
+          onClick={onSave}
+          disabled={isSaving}
+        >
+          {isSaving ? '게시글 작성 중...' : '게시글 작성'}
         </button>
       </div>
     </div>
diff --git a/frontend/src/components/Board/Modal.module.css b/frontend/src/components/Board/Modal.module.css
index af017752..44cd9284 100644
--- a/frontend/src/components/Board/Modal.module.css
+++ b/frontend/src/components/Board/Modal.module.css
@@ -46,6 +46,19 @@
   flex-shrink: 0;
 }
 
+.headerRight {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.sessionFieldHeader {
+  min-width: clamp(170px, 24vw, 260px);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
 .title {
   font-weight: 700;
   font-size: var(--font-lg);
@@ -101,6 +114,13 @@
   flex-direction: column;
 }
 
+.sessionLabel {
+  font-weight: 600;
+  font-size: var(--font-sm);
+  color: rgba(23, 23, 23, 1);
+  white-space: nowrap;
+}
+
 .label {
   font-weight: 700;
   font-size: var(--font-md);
@@ -138,9 +158,17 @@
   flex-direction: column;
 }
 
+.contentHeader {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--spacing-xs);
+}
+
 .contentContainer {
   width: 100%;
-  min-height: clamp(120px, 20vh, 162px);
+  min-height: clamp(260px, 42vh, 420px);
   border-radius: 8px;
   border: 0.4px solid rgba(175, 175, 175, 1);
   background: rgba(255, 255, 255, 1);
@@ -148,6 +176,29 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
+  position: relative;
+  transition: border-color 0.2s ease, background-color 0.2s ease;
+}
+
+.contentContainerDragOver {
+  border-color: rgba(29, 128, 244, 0.95);
+  background: rgba(237, 245, 255, 1);
+}
+
+.dragOverlay {
+  position: absolute;
+  inset: 0;
+  border: 1px dashed rgba(29, 128, 244, 0.95);
+  border-radius: 8px;
+  background: rgba(237, 245, 255, 0.85);
+  color: rgba(29, 128, 244, 1);
+  font-size: 14px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  z-index: 1;
 }
 
 .fileSection {
@@ -156,7 +207,14 @@
   gap: 8px;
   cursor: pointer;
   flex-shrink: 0;
-  margin-bottom: var(--spacing-xs);
+  border: 1px solid rgba(215, 215, 215, 1);
+  border-radius: 8px;
+  padding: 6px 10px;
+  user-select: none;
+}
+
+.fileSection:hover {
+  background: rgba(246, 246, 246, 1);
 }
 
 .fileText {
@@ -167,50 +225,6 @@
   flex-shrink: 0;
 }
 
-.fileList {
-  margin-top: 12px;
-}
-
-.fileItem {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 8px 12px;
-  background-color: #f5f5f5;
-  border-radius: 4px;
-  margin-bottom: 6px;
-}
-
-.fileName {
-  font-size: 14px;
-  color: #333;
-  flex: 1;
-  word-break: break-all;
-}
-
-.removeFileButton {
-  background: none;
-  border: none;
-  color: #999;
-  font-size: 16px;
-  cursor: pointer;
-  padding: 0 8px;
-  transition: color 0.2s;
-  flex-shrink: 0;
-}
-
-.removeFileButton:hover {
-  color: #ff4444;
-}
-
-.divider {
-  width: 100%;
-  height: 0px;
-  border: 0.4px solid rgba(175, 175, 175, 1);
-  margin-bottom: var(--spacing-xs);
-  flex-shrink: 0;
-}
-
 .textarea {
   border: none;
   outline: none;
@@ -227,7 +241,7 @@
   line-height: 140%;
   color: rgba(23, 23, 23, 1);
   background: transparent;
-  min-height: clamp(40px, 8vh, 50px);
+  min-height: clamp(200px, 30vh, 320px);
 }
 
 .textarea::placeholder {
@@ -237,20 +251,41 @@
   color: rgba(170, 170, 170, 1);
 }
 
-.accessField {
-  width: 100%;
-  max-width: clamp(200px, 40vw, 283px);
+.fileOutsideList {
+  margin-top: 8px;
+  padding-top: 6px;
+}
+
+.fileOutsideItem {
   display: flex;
-  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
 }
 
-.accessLabel {
+.fileInlineName {
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.5;
+  color: rgba(120, 120, 120, 1);
+  word-break: break-all;
+  flex: 1;
+}
+
+.fileRemoveButton {
+  border: none;
+  background: transparent;
+  color: rgba(130, 130, 130, 1);
+  font-size: 12px;
   font-weight: 700;
-  font-size: var(--font-md);
-  line-height: 146%;
-  color: rgba(23, 23, 23, 1);
-  margin: 0 0 var(--spacing-xs) 0;
-  display: block;
+  cursor: pointer;
+  padding: 2px 4px;
+  line-height: 1;
+  flex-shrink: 0;
+}
+
+.fileRemoveButton:hover {
+  color: rgba(231, 76, 60, 1);
 }
 
 .selectWrapper {
@@ -329,3 +364,9 @@
 .saveButton:active {
   transform: translateY(0);
 }
+
+.saveButton:disabled {
+  background: rgba(169, 169, 169, 1);
+  cursor: not-allowed;
+  transform: none;
+}
diff --git a/frontend/src/components/Board/PostDetail/FileAttachmentList.jsx b/frontend/src/components/Board/PostDetail/FileAttachmentList.jsx
index 9ee7c296..69492617 100644
--- a/frontend/src/components/Board/PostDetail/FileAttachmentList.jsx
+++ b/frontend/src/components/Board/PostDetail/FileAttachmentList.jsx
@@ -11,6 +11,11 @@ const FileAttachmentList = ({
 }) => {
   if (!files || files.length === 0) return null;
 
+  const handleDownload = (file) => {
+    if (isEditMode || !onDownload) return;
+    onDownload(file);
+  };
+
   return (
     <div className={styles.attachmentList}>
       {files.map((file, index) => {
@@ -21,12 +26,24 @@ const FileAttachmentList = ({
           : '';
 
         return (
-          <div key={key} className={styles.attachmentItem}>
+          <div
+            key={key}
+            className={`${styles.attachmentItem} ${!isEditMode ? styles.attachmentItemClickable : ''}`}
+            onClick={() => handleDownload(file)}
+            role={!isEditMode ? 'button' : undefined}
+            tabIndex={!isEditMode ? 0 : undefined}
+            onKeyDown={(e) => {
+              if (isEditMode) return;
+              if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                handleDownload(file);
+              }
+            }}
+          >
             <img
               src={FolderIcon}
               alt="파일"
               className={`${styles.attachmentIcon} ${!isEditMode ? styles.attachmentIconButton : ''}`}
-              onClick={() => !isEditMode && onDownload && onDownload(file)}
             />
             <span className={styles.attachmentName}>
               {fileName}{' '}
diff --git a/frontend/src/components/Board/PostDetail/PostEditForm.jsx b/frontend/src/components/Board/PostDetail/PostEditForm.jsx
index 3ff7821a..c167d9fc 100644
--- a/frontend/src/components/Board/PostDetail/PostEditForm.jsx
+++ b/frontend/src/components/Board/PostDetail/PostEditForm.jsx
@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { useRef, useState } from 'react';
 import styles from '../../../pages/PostDetail.module.css';
-import FileAttachmentList from './FileAttachmentList';
+import FolderIcon from '../../../assets/boardFolder.svg';
 
 const PostEditForm = ({
   title,
@@ -14,10 +14,59 @@ const PostEditForm = ({
   onAddNewFile,
   onSave,
   onCancel,
+  isSaving = false,
 }) => {
+  const fileInputRef = useRef(null);
+  const [isDragOver, setIsDragOver] = useState(false);
+
+  const handleFileButtonClick = () => {
+    if (fileInputRef.current) {
+      fileInputRef.current.value = '';
+    }
+    fileInputRef.current?.click();
+  };
+
+  const handleFileInputChange = (e) => {
+    onAddNewFile(e);
+
+    // Allow selecting the same file name again by resetting the input value.
+    e.target.value = '';
+  };
+
+  const handleDragEnter = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragOver(true);
+  };
+
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragOver(true);
+  };
+
+  const handleDragLeave = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!e.currentTarget.contains(e.relatedTarget)) {
+      setIsDragOver(false);
+    }
+  };
+
+  const handleDrop = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragOver(false);
+
+    const droppedFiles = Array.from(e.dataTransfer.files || []);
+    if (droppedFiles.length > 0) {
+      onAddNewFile({ target: { files: droppedFiles } });
+    }
+  };
+
   return (
     <div className={styles.editFormContainer}>
-      {/* 제목 */}
+      <label className={styles.label}>제목</label>
       <input
         type="text"
         className={styles.editTitleInput}
@@ -26,61 +75,119 @@ const PostEditForm = ({
         placeholder="제목을 입력하세요"
       />
 
-      {/* 구분선 */}
-      <div className={styles.editDivider} />
-
-      {/* 내용 */}
-      <textarea
-        className={styles.editContentTextarea}
-        value={content}
-        onChange={(e) => setContent(e.target.value)}
-        placeholder="내용을 입력하세요"
-      />
-
-      {/* 파일 영역 */}
-      <div className={styles.editFileSection}>
-        <h4 className={styles.attachmentTitle}>첨부파일 관리</h4>
-
-        {/* 기존 파일 */}
-        <FileAttachmentList
-          files={editFiles}
-          isEditMode={true}
-          onRemove={onRemoveExistingFile}
-        />
-
-        {/* 새 파일 */}
-        <FileAttachmentList
-          files={newFiles}
-          isEditMode={true}
-          isNew={true}
-          onRemove={onRemoveNewFile}
-        />
-
-        {/* 파일 추가 버튼 */}
-        <div className={styles.fileAddSection}>
+      <div className={styles.editContentSection}>
+        <div className={styles.editContentHeader}>
+          <label className={styles.label}>내용</label>
+          <div
+            className={styles.editFileAddButton}
+            onClick={handleFileButtonClick}
+            role="button"
+            tabIndex={0}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                handleFileButtonClick();
+              }
+            }}
+          >
+            <img src={FolderIcon} alt="파일" />
+            <span className={styles.editFileText}>파일 추가</span>
+          </div>
           <input
+            ref={fileInputRef}
             type="file"
             multiple
-            onChange={onAddNewFile}
+            onChange={handleFileInputChange}
             style={{ display: 'none' }}
-            id="file-upload"
           />
-          <label
-            htmlFor="file-upload"
-            className={styles.addFileButton}
-            style={{ display: 'block', textAlign: 'center' }}
-          >
-            + 파일 추가하기
-          </label>
+        </div>
+
+        <div
+          className={`${styles.editContentContainer} ${isDragOver ? styles.editContentContainerDragOver : ''}`}
+          onDragEnter={handleDragEnter}
+          onDragOver={handleDragOver}
+          onDragLeave={handleDragLeave}
+          onDrop={handleDrop}
+        >
+          {isDragOver && (
+            <div className={styles.editDragOverlay}>
+              파일을 업로드하려면 여기에 놓아주세요.
+            </div>
+          )}
+
+          <textarea
+            className={styles.editContentTextarea}
+            value={content}
+            onChange={(e) => setContent(e.target.value)}
+            placeholder="내용을 입력하세요"
+            onDragEnter={handleDragEnter}
+            onDragOver={handleDragOver}
+            onDragLeave={handleDragLeave}
+            onDrop={handleDrop}
+          />
         </div>
       </div>
 
-      {/* 버튼 */}
+      {(editFiles?.length > 0 || newFiles?.length > 0) && (
+        <div className={styles.editFileSection}>
+          <h4 className={styles.attachmentTitle}>
+            첨부 파일 ({(editFiles?.length || 0) + (newFiles?.length || 0)})
+          </h4>
+
+          <div className={styles.editFileOutsideList}>
+            {(editFiles || []).map((file) => (
+              <div
+                key={file.postAttachmentId}
+                className={styles.editFileOutsideItem}
+              >
+                <p className={styles.editFileInlineName}>{file.originalFilename}</p>
+                <button
+                  type="button"
+                  className={styles.editFileRemoveButton}
+                  onClick={() => onRemoveExistingFile(file.postAttachmentId)}
+                  aria-label={`${file.originalFilename} 삭제`}
+                >
+                  X
+                </button>
+              </div>
+            ))}
+
+            {(newFiles || []).map((file, index) => (
+              <div
+                key={`new-${file.name}-${index}`}
+                className={styles.editFileOutsideItem}
+              >
+                <p className={styles.editFileInlineName}>
+                  {file.name}
+                  <span className={styles.newBadge}>새파일</span>
+                </p>
+                <button
+                  type="button"
+                  className={styles.editFileRemoveButton}
+                  onClick={() => onRemoveNewFile(index)}
+                  aria-label={`${file.name} 삭제`}
+                >
+                  X
+                </button>
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+
       <div className={styles.editButtons}>
-        <button onClick={onSave} className={styles.saveButton}>
-          저장
+        <button
+          onClick={onSave}
+          className={styles.saveButton}
+          disabled={isSaving}
+        >
+          {isSaving ? '수정 중...' : '게시글 수정'}
         </button>
-        <button onClick={onCancel} className={styles.cancelButton}>
+        <button
+          onClick={onCancel}
+          className={styles.cancelButton}
+          disabled={isSaving}
+        >
           취소
         </button>
       </div>
diff --git a/frontend/src/components/Board/PostDetail/PostView.jsx b/frontend/src/components/Board/PostDetail/PostView.jsx
index 2f68f1fe..017a3b6b 100644
--- a/frontend/src/components/Board/PostDetail/PostView.jsx
+++ b/frontend/src/components/Board/PostDetail/PostView.jsx
@@ -8,11 +8,13 @@ import FileAttachmentList from './FileAttachmentList';
 
 const PostView = ({
   post,
+  boardName,
   showMenu,
   setShowMenu,
   onEdit,
   onDelete,
   onDownload,
+  onMoveToBoard,
 }) => {
   const authorName =
     post.author || post.user?.name || post.createdBy?.name || '운영진';
@@ -23,6 +25,16 @@ const PostView = ({
 
   return (
     <>
+      {boardName && (
+        <button
+          type="button"
+          className={styles.boardLink}
+          onClick={() => onMoveToBoard?.()}
+        >
+          {boardName}
+        </button>
+      )}
+
       <div className={styles.titleWrapper}>
         <h1 className={styles.title}>{post.title}</h1>
         <div className={styles.menuContainer}>
diff --git a/frontend/src/components/Board/PostItem.jsx b/frontend/src/components/Board/PostItem.jsx
index 188c243b..e2268884 100644
--- a/frontend/src/components/Board/PostItem.jsx
+++ b/frontend/src/components/Board/PostItem.jsx
@@ -7,12 +7,18 @@ import BookmarkFilledIcon from '../../assets/boardBookMark.fill.svg';
 import HeartIcon from '../../assets/boardHeart.svg';
 import HeartFilledIcon from '../../assets/boardHeart.fill.svg';
 import { getTimeAgo } from '../../utils/TimeUtils';
+import { toBoardRouteSegment } from '../../utils/boardRoute';
 
 const PostItem = ({ post, onLike, onBookmark }) => {
   const navigate = useNavigate();
   const { team } = useParams();
 
   const postId = post.postId || post.id;
+  const boardName = post.boardName || post.board?.boardName;
+  const authorName = post.user?.name || post.userName || '익명';
+  const createdAt = post.createdDate || post.createdAt || post.date;
+  const likeCount = Number(post.likeCount || 0);
+  const bookmarkCount = Number(post.bookmarkCount || 0);
 
   const handleCardClick = () => {
     if (!postId) {
@@ -21,27 +27,22 @@ const PostItem = ({ post, onLike, onBookmark }) => {
       return;
     }
 
-    const nameToPath = {
-      증권1팀: 'securities-1',
-      증권2팀: 'securities-2',
-      증권3팀: 'securities-3',
-      자산운용: 'asset-management',
-      금융IT: 'finance-it',
-      매크로: 'macro',
-      트레이딩: 'trading',
-    };
-
-    const boardName = post.boardName || post.board?.boardName;
-    const teamPath = nameToPath[boardName] || team;
+    const teamPath = team || toBoardRouteSegment(boardName);
 
     if (!teamPath) {
       alert('게시판 정보를 찾을 수 없습니다.');
       return;
     }
 
-    const path = `/board/${teamPath}/post/${postId}`;
+    const path = `/board/${encodeURIComponent(teamPath)}/post/${postId}`;
 
-    navigate(path, { state: { post } });
+    navigate(path, {
+      state: {
+        post,
+        originTeam: team || '',
+        originBoardId: post.boardId || post.board?.boardId || '',
+      },
+    });
   };
 
   const handleBookmarkClick = (e) => {
@@ -78,8 +79,8 @@ const PostItem = ({ post, onLike, onBookmark }) => {
         <div className={styles.contentSection}>
           <div className={styles.header}>
             <div className={styles.metaInfo}>
-              <span className={styles.author}>운영진</span>
-              <span className={styles.time}>{getTimeAgo(post.date)}</span>
+              <span className={styles.author}>{authorName}</span>
+              <span className={styles.time}>{getTimeAgo(createdAt)}</span>
             </div>
           </div>
           <div className={styles.title}>{post.title}</div>
@@ -96,7 +97,9 @@ const PostItem = ({ post, onLike, onBookmark }) => {
               src={post.isBookmarked ? BookmarkFilledIcon : BookmarkIcon}
               alt="북마크"
             />
-            {post.isBookmarked && <span className={styles.count}>1</span>}
+            {bookmarkCount > 0 && (
+              <span className={styles.count}>{bookmarkCount}</span>
+            )}
           </button>
           <button
             className={styles.actionButton}
@@ -107,9 +110,7 @@ const PostItem = ({ post, onLike, onBookmark }) => {
               src={post.isLiked ? HeartFilledIcon : HeartIcon}
               alt="좋아요"
             />
-            {post.likeCount > 0 && (
-              <span className={styles.count}>{post.likeCount}</span>
-            )}
+            {likeCount > 0 && <span className={styles.count}>{likeCount}</span>}
           </button>
         </div>
       </div>
diff --git a/frontend/src/components/Sidebar.jsx b/frontend/src/components/Sidebar.jsx
index 2671a619..44fb0294 100644
--- a/frontend/src/components/Sidebar.jsx
+++ b/frontend/src/components/Sidebar.jsx
@@ -5,44 +5,76 @@ import { useState, useEffect } from 'react';
 import { api } from '../utils/axios';
 import { toast } from 'react-toastify';
 import { useAuth } from '../contexts/AuthContext';
+import { getParentBoards } from '../utils/boardApi';
+import { isAllBoardName, toBoardPath } from '../utils/boardRoute';
+import DropdownArrowIcon from '../assets/boardSelectArrow.svg';
+
+const ADMIN_VISIBLE_ROLES = ['SYSTEM_ADMIN', 'PRESIDENT'];
 
 const Sidebar = ({ isOpen, isRoot, onClose }) => {
   const nav = useNavigate();
   const location = useLocation();
-
-  const boardList = [
-    { name: '전체 게시판', path: '/board' },
-    { name: '증권1팀 게시판', path: '/board/securities-1' },
-    { name: '증권2팀 게시판', path: '/board/securities-2' },
-    { name: '증권3팀 게시판', path: '/board/securities-3' },
-    { name: '자산운용팀 게시판', path: '/board/asset-management' },
-    { name: '금융IT팀 게시판', path: '/board/finance-it' },
-    { name: '매크로팀 게시판', path: '/board/macro' },
-    { name: '트레이딩팀 게시판', path: '/board/trading' },
-  ];
-
-  const currentBoard = boardList.find(
-    (item) => item.path === location.pathname
-  );
-  const [selectedBoard, setSelectedBoard] = useState(
-    currentBoard?.name || '전체 게시판'
-  );
+  const [boardList, setBoardList] = useState([]);
+  const [selectedBoard, setSelectedBoard] = useState('');
+  const [isBoardMenuOpen, setIsBoardMenuOpen] = useState(false);
   const { isLoggedIn, logout } = useAuth();
-  const [isPresident, setIsPresident] = useState(false);
+  const [canSeeAdminMenu, setCanSeeAdminMenu] = useState(false);
+
+  useEffect(() => {
+    const loadParentBoards = async () => {
+      try {
+        const boards = await getParentBoards();
+        const mappedBoards = (Array.isArray(boards) ? boards : []).map((board) => ({
+          name: isAllBoardName(board.boardName)
+            ? '전체 게시판'
+            : String(board.boardName || '').includes('게시판')
+              ? board.boardName
+              : `${board.boardName} 게시판`,
+          path: toBoardPath(board.boardName),
+        }));
+
+        const uniqueBoards = mappedBoards.filter(
+          (item, index, array) =>
+            item.path && array.findIndex((candidate) => candidate.path === item.path) === index
+        );
+
+        uniqueBoards.sort((a, b) => {
+          if (a.path === '/board') return -1;
+          if (b.path === '/board') return 1;
+          return 0;
+        });
+
+        setBoardList(uniqueBoards);
+      } catch {
+        setBoardList([{ name: '전체 게시판', path: '/board' }]);
+      }
+    };
+
+    loadParentBoards();
+  }, []);
+
+  useEffect(() => {
+    if (!boardList.length) return;
+    const currentPath = decodeURIComponent(location.pathname);
+    const currentBoard = boardList.find(
+      (item) => decodeURIComponent(item.path) === currentPath
+    );
+    setSelectedBoard(currentBoard?.name || '');
+  }, [boardList, location.pathname]);
 
   useEffect(() => {
     const checkAdminRole = async () => {
       if (!isLoggedIn) {
-        setIsPresident(false);
+        setCanSeeAdminMenu(false);
         return;
       }
 
       try {
         const { data } = await api.get('/api/user/details');
         const normalizedRole = String(data?.role || '').trim().toUpperCase();
-        setIsPresident(normalizedRole === 'PRESIDENT');
+        setCanSeeAdminMenu(ADMIN_VISIBLE_ROLES.includes(normalizedRole));
       } catch {
-        setIsPresident(false);
+        setCanSeeAdminMenu(false);
       }
     };
 
@@ -62,6 +94,27 @@ const Sidebar = ({ isOpen, isRoot, onClose }) => {
     }
   };
 
+  const handleBoardSelect = (board) => {
+    if (!board?.path) return;
+
+    setSelectedBoard(board.name);
+    setIsBoardMenuOpen(false);
+
+    const currentPath = decodeURIComponent(location.pathname);
+    const targetPath = decodeURIComponent(board.path);
+
+    if (currentPath === targetPath) {
+      nav(board.path, {
+        replace: false,
+        state: { boardSwitchAt: Date.now() },
+      });
+    } else {
+      nav(board.path);
+    }
+
+    handleNavLinkClick();
+  };
+
   return (
     <>
       {/* 모바일 오버레이 */}
@@ -78,29 +131,48 @@ const Sidebar = ({ isOpen, isRoot, onClose }) => {
       >
         <nav aria-label="사이드바">
           <div className={styles['menu-section']}>
-            <span className={styles['menu-title']}>게시판</span>
-
-            <select
-              className={styles.boardSelect}
-              value={selectedBoard}
-              onChange={(e) => {
-                const newBoard = e.target.value;
-                const selected = boardList.find(
-                  (item) => item.name === newBoard
-                );
-                if (selected) {
-                  setSelectedBoard(newBoard);
-                  nav(selected.path);
-                  handleNavLinkClick();
-                }
-              }}
+            <span className={styles['menu-title']}>Main</span>
+
+            <button
+              type="button"
+              className={styles.menuTitleToggle}
+              onClick={() => setIsBoardMenuOpen((prev) => !prev)}
+              aria-expanded={isBoardMenuOpen}
+              aria-controls="sidebar-board-list"
             >
-              {boardList.map((item) => (
-                <option key={item.name} value={item.name}>
-                  {item.name}
-                </option>
-              ))}
-            </select>
+              게시판
+              <span
+                className={`${styles.menuTitleToggleIcon} ${
+                  isBoardMenuOpen ? styles.menuTitleToggleIconOpen : ''
+                }`}
+              >
+                <img src={DropdownArrowIcon} alt="토글" />
+              </span>
+            </button>
+
+            {isBoardMenuOpen && (
+              <ul id="sidebar-board-list" className={styles.boardMenuList}>
+                {boardList.length > 0 ? (
+                  boardList.map((item) => (
+                    <li key={item.path}>
+                      <button
+                        type="button"
+                        className={`${styles.boardMenuItem} ${
+                          selectedBoard === item.name
+                            ? styles.boardMenuItemActive
+                            : ''
+                        }`}
+                        onClick={() => handleBoardSelect(item)}
+                      >
+                        {item.name}
+                      </button>
+                    </li>
+                  ))
+                ) : (
+                  <li className={styles.boardMenuLoading}>게시판 로딩 중...</li>
+                )}
+              </ul>
+            )}
           </div>
 
           <div className={styles['menu-section']}>
@@ -185,7 +257,7 @@ const Sidebar = ({ isOpen, isRoot, onClose }) => {
                 </NavLink>
               </li>
 
-              {isLoggedIn && isPresident && (
+              {isLoggedIn && canSeeAdminMenu && (
                 <li>
                   <NavLink
                     to="/admin"
diff --git a/frontend/src/components/Sidebar.module.css b/frontend/src/components/Sidebar.module.css
index 87643f85..371f5c35 100644
--- a/frontend/src/components/Sidebar.module.css
+++ b/frontend/src/components/Sidebar.module.css
@@ -5,7 +5,7 @@
   left: 0;
   width: 100vw;
   height: 100vh;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: transparent;
   z-index: 999;
   display: block;
 }
@@ -159,21 +159,137 @@
   height: 19px;
 }
 
-.boardSelect {
+.boardMenu {
+  position: relative;
+  width: 100%;
+  margin-top: 6px;
+}
+
+.menuTitleToggle {
   width: 100%;
+  margin-top: 0;
+  margin-bottom: 6px;
+  padding: 10px 8px;
+  border: none;
+  border-radius: 4px;
   background: transparent;
   color: #ffffff;
-  border: none;
+  font-size: 16px;
+  font-weight: 500;
+  text-align: left;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.menuTitleToggle:hover {
+  background-color: #d9d9d90d;
+}
+
+.menuTitleToggleIcon {
+  width: 14px;
+  height: 14px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transform: rotate(0deg);
+  transition: transform 0.2s ease;
+}
+
+.menuTitleToggleIcon img {
+  width: 10px;
+  height: 6px;
+  display: block;
+  opacity: 0.9;
+  filter: invert(1) brightness(0.88);
+}
+
+.menuTitleToggleIconOpen {
+  transform: rotate(180deg);
+}
+
+.boardMenuTrigger {
+  width: 100%;
+  background: transparent;
+  color: #ffffff;
+  border: 1px solid #2f3442;
   padding: 8px 3px;
   border-radius: 6px;
-  margin-top: 6px;
+  text-align: left;
   text-decoration: none;
   font-weight: 500;
-  font-size: 16px;
+  font-size: 15px;
   cursor: pointer;
 }
 
-.boardSelect option {
-  color: black;
-  background: white;
+.boardMenuList {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  background: transparent;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  max-height: 280px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-width: thin;
+  scrollbar-color: #4a4a4a #1f2330;
+}
+
+.boardMenuList::-webkit-scrollbar {
+  width: 8px;
+}
+
+.boardMenuList::-webkit-scrollbar-track {
+  background: #1f2330;
+  border-radius: 8px;
+}
+
+.boardMenuList::-webkit-scrollbar-thumb {
+  background: #4a4a4a;
+  border-radius: 8px;
+  border: 1px solid #1f2330;
+}
+
+.boardMenuList::-webkit-scrollbar-thumb:hover {
+  background: #5a5a5a;
+}
+
+.boardMenuItem {
+  width: 100%;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  padding: 8px 8px;
+  text-align: left;
+  color: #a3a3a3;
+  font-size: 15px;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+.boardMenuItem:hover {
+  background: transparent;
+  color: #d1d1d1;
+}
+
+.boardMenuItemActive {
+  color: #ffffff;
+  background: transparent;
+}
+
+.boardMenuItem.boardMenuItemActive:hover {
+  color: #ffffff;
+  background: transparent;
+}
+
+.boardMenuLoading {
+  color: #8a94a8;
+  font-size: 13px;
+  padding: 8px 6px;
 }
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 698daab6..dc4bd438 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -10,7 +10,7 @@ body {
   padding: 0;
   width: 100%;
   height: 100%;
-  background-color: white;
+  background-color: #ffffff !important;
 }
 
 body {
@@ -53,4 +53,5 @@ html {
 #root {
   min-height: 100vh;
   position: relative;
+  background-color: #ffffff !important;
 }
diff --git a/frontend/src/pages/Board.jsx b/frontend/src/pages/Board.jsx
index c2b34ccc..1646ffef 100644
--- a/frontend/src/pages/Board.jsx
+++ b/frontend/src/pages/Board.jsx
@@ -1,5 +1,5 @@
-import React, { useState, useEffect, useCallback, useRef } from 'react';
-import { useParams } from 'react-router-dom';
+import React, { useState, useEffect, useCallback, useRef, useMemo } from 'react';
+import { useLocation, useParams } from 'react-router-dom';
 import PostItem from '../components/Board/PostItem';
 import Modal from '../components/Board/Modal';
 import SearchBar from '../components/Board/SearchBar';
@@ -8,9 +8,33 @@ import CategoryTabs from '../components/Board/CategoryTabs';
 import CreateSubBoardModal from '../components/Board/CreateSubBoardModal';
 import styles from './Board.module.css';
 import * as boardApi from '../utils/boardApi';
+import { isAllBoardName, toBoardRouteSegment } from '../utils/boardRoute';
+import { api } from '../utils/axios';
+
+const ALL_TAB_ID = 'all';
+const SUB_BOARD_ADMIN_ROLES = ['SYSTEM_ADMIN', 'PRESIDENT', 'VICE_PRESIDENT'];
+
+const getPostId = (post) => post?.postId || post?.id;
+
+const mergePosts = (responses = []) => {
+  const map = new Map();
+
+  responses.forEach((response) => {
+    (response?.content || []).forEach((post) => {
+      const id = getPostId(post);
+      if (!id) return;
+      if (!map.has(id)) {
+        map.set(id, post);
+      }
+    });
+  });
+
+  return Array.from(map.values());
+};
 
 const Board = () => {
   const { team } = useParams();
+  const location = useLocation();
 
   const [boardIdMap, setBoardIdMap] = useState({});
   const [boardNameMap, setBoardNameMap] = useState({});
@@ -23,36 +47,38 @@ const Board = () => {
   const [sortOption, setSortOption] = useState('latest');
   const [loading, setLoading] = useState(false);
   const [boardsLoaded, setBoardsLoaded] = useState(false);
-  const [activeSubBoard, setActiveSubBoard] = useState('all');
+  const [activeSubBoard, setActiveSubBoard] = useState(ALL_TAB_ID);
   const [showSubBoardModal, setShowSubBoardModal] = useState(false);
   const [subBoardName, setSubBoardName] = useState('');
-  const [subBoardTabs, setSubBoardTabs] = useState([]);
+  const [subBoardTabs, setSubBoardTabs] = useState([{ id: ALL_TAB_ID, name: '전체 게시판' }]);
+  const [writeBoardId, setWriteBoardId] = useState('');
+  const [canCreateSubBoard, setCanCreateSubBoard] = useState(false);
+  const [isSavingPost, setIsSavingPost] = useState(false);
 
-  // 페이지네이션 state
   const [currentPage, setCurrentPage] = useState(1);
   const itemsPerPage = 4;
 
   const prevPostsRef = useRef(posts);
+  const requestedSubBoardId = useMemo(() => {
+    const params = new URLSearchParams(location.search);
+    return params.get('subBoardId') || '';
+  }, [location.search]);
 
-  const currentPath = team ? `/board/${team}` : '/board';
-  const currentBoardId = boardIdMap[currentPath];
-  const currentBoardName = boardNameMap[currentPath];
+  const currentSegment = team ? decodeURIComponent(team) : 'root';
+  const currentBoardId = boardIdMap[currentSegment];
+  const currentBoardName = boardNameMap[currentSegment] || '게시판';
 
   useEffect(() => {
     prevPostsRef.current = posts;
   }, [posts]);
 
-  useEffect(() => {
-    loadBoardList();
-  }, []);
-
-  const loadBoardList = async () => {
+  const loadBoardList = useCallback(async () => {
     try {
       const boards = await boardApi.getParentBoards();
 
       if (!boards || boards.length === 0) {
-        console.warn('게시판이 없습니다.');
-        alert('등록된 게시판이 없습니다.');
+        setBoardIdMap({});
+        setBoardNameMap({});
         setBoardsLoaded(true);
         return;
       }
@@ -60,25 +86,16 @@ const Board = () => {
       const idMap = {};
       const nameMap = {};
 
-      const nameToPath = {
-        증권1팀: 'securities-1',
-        증권2팀: 'securities-2',
-        증권3팀: 'securities-3',
-        자산운용: 'asset-management',
-        금융IT: 'finance-it',
-        매크로: 'macro',
-        트레이딩: 'trading',
-      };
-
       boards.forEach((board) => {
-        const boardName = board.boardName;
-        const path =
-          boardName === '전체' ? '/board' : `/board/${nameToPath[boardName]}`;
+        const boardName = String(board.boardName || '').trim();
+        const segment = isAllBoardName(boardName)
+          ? 'root'
+          : toBoardRouteSegment(boardName);
 
-        if (path) {
-          idMap[path] = board.boardId;
-          nameMap[path] = boardName;
-        }
+        if (!segment) return;
+
+        idMap[segment] = board.boardId;
+        nameMap[segment] = boardName;
       });
 
       setBoardIdMap(idMap);
@@ -88,150 +105,134 @@ const Board = () => {
       console.error('게시판 목록 불러오기 실패:', error);
       setBoardsLoaded(true);
     }
-  };
+  }, []);
+
+  useEffect(() => {
+    loadBoardList();
+  }, [loadBoardList]);
 
-  const fetchPosts = useCallback(async () => {
-    if (!currentBoardId) return;
+  useEffect(() => {
+    const fetchRole = async () => {
+      try {
+        const { data } = await api.get('/api/user/details');
+        const normalizedRole = String(data?.role || '').trim().toUpperCase();
+        setCanCreateSubBoard(SUB_BOARD_ADMIN_ROLES.includes(normalizedRole));
+      } catch {
+        setCanCreateSubBoard(false);
+      }
+    };
+
+    fetchRole();
+  }, []);
+
+  const fetchPostsByBoardIds = useCallback(async (boardIds, keyword = '') => {
+    const uniqueBoardIds = Array.from(new Set((boardIds || []).filter(Boolean)));
+
+    if (uniqueBoardIds.length === 0) {
+      setPosts([]);
+      setCurrentPage(1);
+      return;
+    }
 
     try {
       setLoading(true);
 
-      if (Array.isArray(currentBoardId)) {
-        const allPostsPromises = currentBoardId.map((id) =>
-          boardApi.getPosts(id).catch((err) => {
-            console.error(`게시판 ${id} 조회 실패:`, err);
-            return { content: [] };
-          })
-        );
-
-        const allPostsArrays = await Promise.all(allPostsPromises);
-        const allPosts = allPostsArrays.flatMap(
-          (response) => response.content || []
-        );
-
-        setPosts(allPosts);
-      } else {
-        const response = await boardApi.getPosts(currentBoardId);
-        const postsData = response.content || [];
-        setPosts(Array.isArray(postsData) ? postsData : []);
-      }
+      const requests = uniqueBoardIds.map((boardId) =>
+        keyword && keyword.trim()
+          ? boardApi.searchPosts(boardId, keyword).catch(() => ({ content: [] }))
+          : boardApi.getPosts(boardId).catch(() => ({ content: [] }))
+      );
 
-      // 게시글 로드 후 페이지를 1로 리셋
+      const responses = await Promise.all(requests);
+      const merged = mergePosts(responses);
+      setPosts(merged);
       setCurrentPage(1);
     } catch (error) {
-      console.error('게시글 불러오기 실패:', error);
+      console.error('게시글 조회 실패:', error);
       setPosts([]);
     } finally {
       setLoading(false);
     }
-  }, [currentBoardId]);
+  }, []);
 
-  const handleSearch = useCallback(
-    async (keyword) => {
-      if (!currentBoardId) return;
+  const getBoardIdsForTab = useCallback(
+    (tabId) => {
+      if (!currentBoardId) return [];
 
-      if (!keyword || !keyword.trim()) {
-        fetchPosts();
-        return;
+      if (tabId && tabId !== ALL_TAB_ID) {
+        return [tabId];
       }
 
-      try {
-        setLoading(true);
-
-        if (Array.isArray(currentBoardId)) {
-          const allPostsPromises = currentBoardId.map((id) =>
-            boardApi.searchPosts(id, keyword).catch(() => ({ content: [] }))
-          );
-
-          const allPostsArrays = await Promise.all(allPostsPromises);
-          const allPosts = allPostsArrays.flatMap(
-            (response) => response.content || []
-          );
-
-          setPosts(allPosts);
-        } else {
-          const response = await boardApi.searchPosts(currentBoardId, keyword);
-          const postsData = response.content || [];
-          setPosts(postsData);
-        }
+      const childBoardIds = subBoardTabs
+        .filter((tab) => tab.id !== ALL_TAB_ID)
+        .map((tab) => tab.id);
 
-        // 검색 후 페이지를 1로 리셋
-        setCurrentPage(1);
-      } catch (error) {
-        console.error('검색 실패:', error);
-        alert('검색에 실패했습니다.');
-      } finally {
-        setLoading(false);
-      }
+      return [currentBoardId, ...childBoardIds];
     },
-    [currentBoardId, fetchPosts]
+    [currentBoardId, subBoardTabs]
   );
 
   useEffect(() => {
-    const loadSubBoards = async () => {
-      if (currentBoardId && !Array.isArray(currentBoardId)) {
-        try {
-          const subBoards = await boardApi.getSubBoards(currentBoardId);
+    const loadSubBoardsAndPosts = async () => {
+      if (!boardsLoaded || !currentBoardId) return;
 
-          if (subBoards && subBoards.length > 0) {
-            const tabs = subBoards.map((board) => ({
+      try {
+        const subBoards = await boardApi.getSubBoards(currentBoardId);
+        const tabs = [{ id: ALL_TAB_ID, name: '전체 게시판' }];
+
+        if (Array.isArray(subBoards) && subBoards.length > 0) {
+          tabs.push(
+            ...subBoards.map((board) => ({
               id: board.boardId,
               name: board.boardName,
-            }));
-            setSubBoardTabs(tabs);
-            setActiveSubBoard(tabs[0].id);
-
-            const response = await boardApi.getPosts(tabs[0].id);
-            const postsData = response.content || [];
-            setPosts(Array.isArray(postsData) ? postsData : []);
-            setCurrentPage(1);
-          } else {
-            setSubBoardTabs([]);
-            setActiveSubBoard(null);
-            fetchPosts();
-          }
-        } catch (error) {
-          console.error('하위 게시판 조회 실패:', error);
-          setSubBoardTabs([]);
-          setActiveSubBoard(null);
-          fetchPosts();
+            }))
+          );
         }
-      } else {
-        setSubBoardTabs([]);
-        setActiveSubBoard(null);
-        fetchPosts();
+
+        setSubBoardTabs(tabs);
+
+        const isRequestedSubBoardValid =
+          requestedSubBoardId && tabs.some((tab) => tab.id === requestedSubBoardId);
+        const nextTabId = isRequestedSubBoardValid ? requestedSubBoardId : ALL_TAB_ID;
+
+        setActiveSubBoard(nextTabId);
+
+        const targetBoardIds =
+          nextTabId === ALL_TAB_ID
+            ? [currentBoardId, ...tabs.filter((tab) => tab.id !== ALL_TAB_ID).map((tab) => tab.id)]
+            : [nextTabId];
+
+        await fetchPostsByBoardIds(targetBoardIds);
+      } catch (error) {
+        console.error('하위 게시판 조회 실패:', error);
+        setSubBoardTabs([{ id: ALL_TAB_ID, name: '전체 게시판' }]);
+        setActiveSubBoard(ALL_TAB_ID);
+        await fetchPostsByBoardIds([currentBoardId]);
       }
     };
 
-    if (boardsLoaded && currentBoardId) {
-      loadSubBoards();
-    }
-  }, [boardsLoaded, currentBoardId, fetchPosts]);
+    loadSubBoardsAndPosts();
+  }, [boardsLoaded, currentBoardId, fetchPostsByBoardIds, requestedSubBoardId]);
 
   const handleTabChange = useCallback(
     async (tabId) => {
       setActiveSubBoard(tabId);
+      const targetBoardIds = getBoardIdsForTab(tabId);
+      await fetchPostsByBoardIds(targetBoardIds);
+    },
+    [fetchPostsByBoardIds, getBoardIdsForTab]
+  );
 
-      if (!currentBoardId) return;
-
-      try {
-        setLoading(true);
-
-        const response = await boardApi.getPosts(tabId);
-        const postsData = response.content || [];
-        setPosts(Array.isArray(postsData) ? postsData : []);
-        setCurrentPage(1); // 탭 변경 시 페이지 리셋
-      } catch (error) {
-        console.error('탭 변경 중 오류:', error);
-        setPosts([]);
-      } finally {
-        setLoading(false);
-      }
+  const handleSearch = useCallback(
+    async (keyword) => {
+      const targetBoardIds = getBoardIdsForTab(activeSubBoard);
+      await fetchPostsByBoardIds(targetBoardIds, keyword);
     },
-    [currentBoardId]
+    [activeSubBoard, fetchPostsByBoardIds, getBoardIdsForTab]
   );
 
   const handleOpenModal = () => {
+    setWriteBoardId('');
     setShowModal(true);
   };
 
@@ -240,9 +241,16 @@ const Board = () => {
     setTitle('');
     setContent('');
     setSelectedFiles([]);
+    setWriteBoardId('');
+    setIsSavingPost(false);
   };
 
   const handleOpenSubBoardModal = () => {
+    if (!canCreateSubBoard) {
+      alert('하위 게시판 생성 권한이 없습니다.');
+      return;
+    }
+
     setShowSubBoardModal(true);
   };
 
@@ -257,21 +265,38 @@ const Board = () => {
       return;
     }
 
+    if (!currentBoardId) {
+      alert('부모 게시판 정보를 찾을 수 없습니다.');
+      return;
+    }
+
     try {
-      await boardApi.createBoard(subBoardName, currentBoardId);
-      alert('하위 게시판이 생성되었습니다!');
+      const created = await boardApi.createSubBoard(
+        subBoardName.trim(),
+        currentBoardId
+      );
       handleCloseSubBoardModal();
 
       const subBoards = await boardApi.getSubBoards(currentBoardId);
-      const tabs = subBoards.map((board) => ({
-        id: board.boardId,
-        name: board.boardName,
-      }));
+      const tabs = [
+        { id: ALL_TAB_ID, name: '전체 게시판' },
+        ...(Array.isArray(subBoards)
+          ? subBoards.map((board) => ({ id: board.boardId, name: board.boardName }))
+          : []),
+      ];
+
       setSubBoardTabs(tabs);
 
-      if (tabs.length > 0) {
-        setActiveSubBoard(tabs[0].id);
-      }
+      const nextTabId = created?.boardId || ALL_TAB_ID;
+      setActiveSubBoard(nextTabId);
+
+      const targetBoardIds =
+        nextTabId === ALL_TAB_ID
+          ? [currentBoardId, ...tabs.filter((tab) => tab.id !== ALL_TAB_ID).map((tab) => tab.id)]
+          : [nextTabId];
+
+      await fetchPostsByBoardIds(targetBoardIds);
+      alert('하위 게시판이 생성되었습니다!');
     } catch (error) {
       console.error('하위 게시판 생성 실패:', error);
       alert('하위 게시판 생성에 실패했습니다.');
@@ -288,18 +313,7 @@ const Board = () => {
   };
 
   const handleSave = async () => {
-    if (!currentBoardId) {
-      alert('게시판 정보를 찾을 수 없습니다.');
-      return;
-    }
-
-    if (subBoardTabs.length === 0) {
-      alert('하위 게시판이 없습니다.\n먼저 하위 게시판을 생성해주세요.');
-      return;
-    }
-
-    if (!activeSubBoard) {
-      alert('하위 게시판을 선택해주세요.');
+    if (isSavingPost) {
       return;
     }
 
@@ -313,26 +327,36 @@ const Board = () => {
       return;
     }
 
+    if (!writeBoardId) {
+      alert('세션을 선택해야 합니다.');
+      return;
+    }
+
     try {
+      setIsSavingPost(true);
+
       const postData = {
         title: title.trim(),
         content: content.trim(),
         files: selectedFiles,
       };
 
-      await boardApi.createPost(activeSubBoard, postData);
+      await boardApi.createPost(writeBoardId, postData);
 
       handleCloseModal();
       setSelectedFiles([]);
 
-      handleTabChange(activeSubBoard);
+      const reloadBoardIds = getBoardIdsForTab(activeSubBoard);
+      await fetchPostsByBoardIds(reloadBoardIds);
 
       alert('게시글이 작성되었습니다!');
     } catch (error) {
       console.error('게시글 작성 실패:', error);
-      alert(
-        `게시글 작성에 실패했습니다: ${error.message || '알 수 없는 오류'}`
-      );
+      alert(`게시글 작성에 실패했습니다: ${error.message || '알 수 없는 오류'}`);
+    } finally {
+      window.setTimeout(() => {
+        setIsSavingPost(false);
+      }, 800);
     }
   };
 
@@ -341,11 +365,13 @@ const Board = () => {
 
     setPosts((currentPosts) =>
       currentPosts.map((post) => {
-        if ((post.postId || post.id) === postId) {
+        if (getPostId(post) === postId) {
           return {
             ...post,
             isLiked: !post.isLiked,
-            likeCount: post.isLiked ? post.likeCount - 1 : post.likeCount + 1,
+            likeCount: post.isLiked
+              ? Math.max((post.likeCount || 1) - 1, 0)
+              : (post.likeCount || 0) + 1,
           };
         }
         return post;
@@ -366,12 +392,12 @@ const Board = () => {
 
     setPosts((currentPosts) =>
       currentPosts.map((post) => {
-        if ((post.postId || post.id) === postId) {
+        if (getPostId(post) === postId) {
           return {
             ...post,
             isBookmarked: !post.isBookmarked,
             bookmarkCount: post.isBookmarked
-              ? (post.bookmarkCount || 1) - 1
+              ? Math.max((post.bookmarkCount || 1) - 1, 0)
               : (post.bookmarkCount || 0) + 1,
           };
         }
@@ -388,7 +414,6 @@ const Board = () => {
     }
   }, []);
 
-  // 정렬 옵션 변경 핸들러 (페이지 리셋 포함)
   const handleSortChange = (option) => {
     setSortOption(option);
     setCurrentPage(1);
@@ -406,18 +431,16 @@ const Board = () => {
       return dateA - dateB;
     }
     if (sortOption === 'popular') {
-      return b.likeCount - a.likeCount;
+      return (b.likeCount || 0) - (a.likeCount || 0);
     }
     return 0;
   });
 
-  // 페이지네이션 계산
   const indexOfLastPost = currentPage * itemsPerPage;
   const indexOfFirstPost = indexOfLastPost - itemsPerPage;
   const currentPosts = sortedPosts.slice(indexOfFirstPost, indexOfLastPost);
   const totalPages = Math.ceil(sortedPosts.length / itemsPerPage);
 
-  // 페이지 변경 핸들러
   const handlePageChange = (pageNumber) => {
     setCurrentPage(pageNumber);
     window.scrollTo({ top: 0, behavior: 'smooth' });
@@ -437,9 +460,7 @@ const Board = () => {
         <header className={styles.boardHeader}>
           <h1 className={styles.boardTitle}>게시판</h1>
         </header>
-        <p className={styles.emptyMessage}>
-          게시판을 찾을 수 없습니다. (경로: {currentPath})
-        </p>
+        <p className={styles.emptyMessage}>게시판을 찾을 수 없습니다. (경로: {currentSegment})</p>
       </div>
     );
   }
@@ -452,19 +473,19 @@ const Board = () => {
 
       <SearchBar onSearch={handleSearch} />
 
-      {!Array.isArray(currentBoardId) && (
-        <CategoryTabs
-          activeTab={activeSubBoard}
-          onTabChange={handleTabChange}
-          tabs={subBoardTabs}
-          onCreateSubBoard={handleOpenSubBoardModal}
-        />
-      )}
+      <CategoryTabs
+        activeTab={activeSubBoard}
+        onTabChange={handleTabChange}
+        tabs={subBoardTabs}
+        onCreateSubBoard={handleOpenSubBoardModal}
+        canCreateSubBoard={canCreateSubBoard}
+      />
 
       <BoardActions
         sortOption={sortOption}
         onSortChange={handleSortChange}
         onWrite={handleOpenModal}
+        resultCount={sortedPosts.length}
       />
 
       <div className={styles.postsContainer}>
@@ -473,7 +494,7 @@ const Board = () => {
         ) : currentPosts.length > 0 ? (
           currentPosts.map((post) => (
             <PostItem
-              key={post.postId || post.id}
+              key={getPostId(post)}
               post={post}
               onLike={handleLike}
               onBookmark={handleBookmark}
@@ -484,7 +505,6 @@ const Board = () => {
         )}
       </div>
 
-      {/* 페이지네이션 컨트롤 */}
       {!loading && sortedPosts.length > 0 && (
         <div className={styles.pagination}>
           <button
@@ -499,9 +519,7 @@ const Board = () => {
             <button
               key={page}
               onClick={() => handlePageChange(page)}
-              className={`${styles.pageButton} ${
-                currentPage === page ? styles.active : ''
-              }`}
+              className={`${styles.pageButton} ${currentPage === page ? styles.active : ''}`}
             >
               {page}
             </button>
@@ -523,11 +541,15 @@ const Board = () => {
           setTitle={setTitle}
           content={content}
           setContent={setContent}
+          boardOptions={subBoardTabs.filter((tab) => tab.id !== ALL_TAB_ID)}
+          selectedBoardId={writeBoardId}
+          onBoardChange={setWriteBoardId}
           selectedFiles={selectedFiles}
           onFileChange={handleFileChange}
           onRemoveFile={handleRemoveFile}
           onSave={handleSave}
           onClose={handleCloseModal}
+          isSaving={isSavingPost}
         />
       )}
 
diff --git a/frontend/src/pages/PostDetail.jsx b/frontend/src/pages/PostDetail.jsx
index 4f525e78..7374819a 100644
--- a/frontend/src/pages/PostDetail.jsx
+++ b/frontend/src/pages/PostDetail.jsx
@@ -1,13 +1,19 @@
 // components/Board/PostDetail.jsx
 import React, { useState, useEffect } from 'react';
-import { useParams, useNavigate } from 'react-router-dom';
+import { useParams, useNavigate, useLocation } from 'react-router-dom';
 import * as boardApi from '../utils/boardApi';
 import styles from './PostDetail.module.css';
+import { toBoardRouteSegment } from '../utils/boardRoute';
 
 import PostView from '../components/Board/PostDetail/PostView';
 import PostEditForm from '../components/Board/PostDetail/PostEditForm';
 import CommentSection from '../components/Board/PostDetail/CommentSection';
 
+const FILE_DOWNLOAD_BASE_URL = (import.meta.env.VITE_API_URL || '').replace(
+  /\/$/,
+  ''
+);
+
 const buildCommentTree = (flatComments) => {
   const map = new Map();
   const roots = [];
@@ -60,6 +66,7 @@ const findCommentInTree = (nodes, targetId) => {
 const PostDetail = () => {
   const { postId, team } = useParams();
   const navigate = useNavigate();
+  const location = useLocation();
 
   // 상태 관리
   const [post, setPost] = useState(null);
@@ -71,12 +78,17 @@ const PostDetail = () => {
   const [editContent, setEditContent] = useState('');
   const [editFiles, setEditFiles] = useState([]);
   const [newFiles, setNewFiles] = useState([]);
+  const [isSavingEdit, setIsSavingEdit] = useState(false);
 
   const [comments, setComments] = useState([]);
   const [showMenu, setShowMenu] = useState(false);
   const [showCommentMenu, setShowCommentMenu] = useState(null);
   const [replyTargetId, setReplyTargetId] = useState(null);
 
+  const boardName =
+    post?.boardName || post?.board?.boardName || post?.board?.name || '';
+  const boardId = post?.boardId || post?.board?.boardId || '';
+
   // 데이터 로드 로직
   const refreshPostAndComments = async () => {
     try {
@@ -155,15 +167,36 @@ const PostDetail = () => {
     }
   };
 
-  const handleAttachmentDownload = (file) => {
-    const baseUrl = import.meta.env.VITE_API_URL || '';
-    const url = `${baseUrl}${file.filePath}`;
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = file.originalFilename;
-    document.body.appendChild(a);
-    a.click();
-    a.remove();
+  const handleAttachmentDownload = async (file) => {
+    try {
+      const serverFileName = file?.savedFilename;
+
+      if (!serverFileName) {
+        alert('다운로드할 savedFilename을 찾을 수 없습니다.');
+        return;
+      }
+
+      const downloadUrl = `${FILE_DOWNLOAD_BASE_URL}/uploads/${encodeURIComponent(
+        serverFileName
+      )}`;
+
+      const fileName =
+        file?.originalFilename ||
+        file?.name ||
+        decodeURIComponent(serverFileName || 'download');
+
+      const a = document.createElement('a');
+      a.href = downloadUrl;
+      a.download = fileName;
+      a.target = '_blank';
+      a.rel = 'noopener noreferrer';
+      document.body.appendChild(a);
+      a.click();
+      a.remove();
+    } catch (error) {
+      console.error('첨부파일 다운로드 실패:', error);
+      alert('첨부파일 다운로드에 실패했습니다.');
+    }
   };
 
   // --- 수정 모드 핸들러 ---
@@ -178,10 +211,15 @@ const PostDetail = () => {
   };
 
   const handleSaveEdit = async () => {
+    if (isSavingEdit) return;
+
     if (!editTitle.trim() || !editContent.trim()) {
       alert('제목과 내용을 입력해주세요.');
       return;
     }
+
+    setIsSavingEdit(true);
+
     try {
       const boardId = post.boardId || post.board?.boardId;
       const updateData = {
@@ -197,6 +235,8 @@ const PostDetail = () => {
     } catch (error) {
       console.error('게시글 수정 실패:', error);
       alert('게시글 수정에 실패했습니다.');
+    } finally {
+      setIsSavingEdit(false);
     }
   };
 
@@ -219,6 +259,28 @@ const PostDetail = () => {
     }
   };
 
+  const handleMoveToBoard = () => {
+    const targetTeamSegment =
+      location.state?.originTeam || team || toBoardRouteSegment(boardName);
+    const targetBoardId = location.state?.originBoardId || boardId;
+
+    if (!targetTeamSegment) {
+      navigate('/board');
+      return;
+    }
+
+    const query = targetBoardId
+      ? `?subBoardId=${encodeURIComponent(targetBoardId)}`
+      : '';
+
+    if (targetTeamSegment === 'root') {
+      navigate(`/board${query}`);
+      return;
+    }
+
+    navigate(`/board/${encodeURIComponent(targetTeamSegment)}${query}`);
+  };
+
   // --- 댓글 핸들러 ---
   const handleCommentHandlers = {
     add: async (text) => {
@@ -314,15 +376,18 @@ const PostDetail = () => {
             onAddNewFile={handleFileHandlers.add}
             onSave={handleSaveEdit}
             onCancel={() => setIsEdit(false)}
+            isSaving={isSavingEdit}
           />
         ) : (
           <PostView
             post={post}
+            boardName={boardName}
             showMenu={showMenu}
             setShowMenu={setShowMenu}
             onEdit={handleEditStart}
             onDelete={handleDelete}
             onDownload={handleAttachmentDownload}
+            onMoveToBoard={handleMoveToBoard}
           />
         )}
 
diff --git a/frontend/src/pages/PostDetail.module.css b/frontend/src/pages/PostDetail.module.css
index bb154bad..2eb230c2 100644
--- a/frontend/src/pages/PostDetail.module.css
+++ b/frontend/src/pages/PostDetail.module.css
@@ -280,6 +280,24 @@
   margin-bottom: 24px;
 }
 
+.boardLink {
+  width: 100%;
+  max-width: var(--width-content);
+  margin: 0 0 10px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: #1d80f4;
+  font-size: 14px;
+  font-weight: 600;
+  text-align: left;
+  cursor: pointer;
+}
+
+.boardLink:hover {
+  text-decoration: underline;
+}
+
 .title {
   margin: 0;
   flex-grow: 1;
@@ -426,6 +444,14 @@
   box-sizing: border-box;
 }
 
+.attachmentItemClickable {
+  cursor: pointer;
+}
+
+.attachmentItemClickable:hover {
+  background-color: #f7f9fc;
+}
+
 .attachmentIcon {
   width: 20px;
   height: 20px;
@@ -461,7 +487,7 @@
   max-width: var(--width-content);
   display: flex;
   flex-direction: column;
-  gap: 14px;
+  gap: 16px;
 }
 
 .editTitleWrapper {
@@ -475,10 +501,10 @@
 
 .editTitleInput {
   width: 100%;
-  font-size: 24px;
+  font-size: 20px;
   font-weight: 700;
-  padding: 10px;
-  border: 2px solid #e5e7eb;
+  padding: 12px 14px;
+  border: 1px solid #d7d7d7;
   border-radius: 8px;
   outline: none;
   transition: border-color 0.2s;
@@ -486,7 +512,75 @@
 }
 
 .editTitleInput:focus {
-  border-color: #3b82f6;
+  border-color: #828282;
+}
+
+.editContentSection {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.editContentHeader {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.editFileAddButton {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  border: 1px solid rgba(215, 215, 215, 1);
+  border-radius: 8px;
+  padding: 6px 10px;
+  user-select: none;
+}
+
+.editFileAddButton:hover {
+  background: rgba(246, 246, 246, 1);
+}
+
+.editFileText {
+  font-weight: 500;
+  font-size: 14px;
+  color: rgba(120, 120, 120, 1);
+}
+
+.editContentContainer {
+  width: 100%;
+  min-height: 360px;
+  border: 1px solid #d7d7d7;
+  border-radius: 8px;
+  padding: 16px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  transition: border-color 0.2s ease, background-color 0.2s ease;
+}
+
+.editContentContainerDragOver {
+  border-color: rgba(29, 128, 244, 0.95);
+  background: rgba(237, 245, 255, 1);
+}
+
+.editDragOverlay {
+  position: absolute;
+  inset: 0;
+  border: 1px dashed rgba(29, 128, 244, 0.95);
+  border-radius: 8px;
+  background: rgba(237, 245, 255, 0.85);
+  color: rgba(29, 128, 244, 1);
+  font-size: 14px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
 }
 
 .editDivider {
@@ -500,20 +594,21 @@
   width: 100%;
   font-size: 15px;
   line-height: 1.6;
-  padding: 14px;
-  margin: 20px 0;
-  border: 2px solid #e5e7eb;
-  border-radius: 8px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  border-radius: 0;
   outline: none;
-  resize: vertical;
+  resize: none;
   font-family: inherit;
-  transition: border-color 0.2s;
+  background: transparent;
   box-sizing: border-box;
   min-height: 300px;
+  flex: 1;
 }
 
 .editContentTextarea:focus {
-  border-color: #3b82f6;
+  border-color: transparent;
 }
 
 .editAttachments {
@@ -525,42 +620,81 @@
   box-sizing: border-box;
 }
 
+.editFileSection {
+  margin-top: 4px;
+}
+
+.editFileOutsideList {
+  margin-top: 8px;
+  padding-top: 6px;
+}
+
+.editFileOutsideItem {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.editFileInlineName {
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.5;
+  color: rgba(120, 120, 120, 1);
+  word-break: break-all;
+  flex: 1;
+}
+
+.editFileRemoveButton {
+  border: none;
+  background: transparent;
+  color: rgba(130, 130, 130, 1);
+  font-size: 12px;
+  font-weight: 700;
+  cursor: pointer;
+  padding: 2px 4px;
+  line-height: 1;
+  flex-shrink: 0;
+}
+
+.editFileRemoveButton:hover {
+  color: rgba(231, 76, 60, 1);
+}
+
 .editButtons {
   display: flex;
   gap: 10px;
-  margin: 20px 0;
+  margin: 20px 0 0;
   width: 100%;
-  flex-wrap: wrap;
+  justify-content: flex-end;
 }
 
 .saveButton {
-  flex: 1;
-  min-width: 100px;
+  min-width: 140px;
   padding: 10px 20px;
-  background-color: #3b82f6;
+  background-color: rgba(29, 128, 244, 1);
   color: white;
   border: none;
   border-radius: 8px;
   font-size: 15px;
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
   transition: background-color 0.2s;
 }
 
 .saveButton:hover {
-  background-color: #2563eb;
+  background-color: rgba(24, 102, 195, 1);
 }
 
 .cancelButton {
-  flex: 1;
-  min-width: 100px;
+  min-width: 120px;
   padding: 10px 20px;
   background-color: #e5e7eb;
   color: #374151;
   border: none;
   border-radius: 8px;
   font-size: 15px;
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
   transition: background-color 0.2s;
 }
diff --git a/frontend/src/utils/boardApi.js b/frontend/src/utils/boardApi.js
index 3bf86e35..9a190e1d 100644
--- a/frontend/src/utils/boardApi.js
+++ b/frontend/src/utils/boardApi.js
@@ -32,20 +32,77 @@ export const getSubBoards = async (parentBoardId = null) => {
 };
 
 /*
- * 게시판 생성
- * POST /api/board
+ * 하위 게시판 생성 (회장 권한)
+ * POST /api/admin/board
  * @param {string} boardName - 게시판 이름
  * @param {string|null} parentBoardId - 부모 게시판 ID (최상위는 null)
  */
-export const createBoard = async (boardName, parentBoardId = null) => {
-  const requestBody = { boardName };
+export const createSubBoard = async (boardName, parentBoardId = null) => {
+  const normalizedBoardName = String(boardName || '').trim();
 
-  if (parentBoardId) {
-    requestBody.parentBoardId = parentBoardId;
+  if (!normalizedBoardName) {
+    throw new Error('boardName is required');
   }
 
-  const response = await api.post('/api/board', requestBody);
-  return response.data;
+  const requestBody = {
+    boardName: normalizedBoardName,
+    parentBoardId: parentBoardId ?? null,
+  };
+
+  const response = await api.post('/api/admin/board', requestBody);
+
+  const responseData = response?.data;
+  const createdBoardId = responseData?.boardId;
+
+  // Backward-compatible fast path: backend already returns { boardId }.
+  if (createdBoardId) {
+    return responseData;
+  }
+
+  const normalizeName = (value) => String(value || '').trim().toLowerCase();
+  const normalizedTargetName = normalizeName(normalizedBoardName);
+  const normalizedParentId = parentBoardId ?? null;
+
+  const boardListResponse = await api.get('/api/admin/boards');
+  const boardCandidates = Array.isArray(boardListResponse?.data)
+    ? boardListResponse.data
+    : Array.isArray(boardListResponse?.data?.content)
+      ? boardListResponse.data.content
+      : [];
+
+  const matchedBoards = boardCandidates.filter((board) => {
+    const sameName = normalizeName(board?.boardName) === normalizedTargetName;
+    const sameParent = (board?.parentBoardId ?? null) === normalizedParentId;
+    return sameName && sameParent;
+  });
+
+  if (matchedBoards.length === 0) {
+    throw new Error('Created board not found after createSubBoard');
+  }
+
+  const matchedBoard =
+    matchedBoards
+      .slice()
+      .sort((a, b) => {
+        const at = Date.parse(a?.createdAt || a?.updatedAt || 0);
+        const bt = Date.parse(b?.createdAt || b?.updatedAt || 0);
+        return bt - at;
+      })[0] || matchedBoards[matchedBoards.length - 1];
+
+  return {
+    ...(responseData && typeof responseData === 'object' ? responseData : {}),
+    boardId: matchedBoard.boardId,
+    boardName: matchedBoard.boardName,
+    parentBoardId: matchedBoard.parentBoardId ?? null,
+  };
+};
+
+/*
+ * 게시판 생성 (하위 호환용)
+ * createSubBoard와 동일한 엔드포인트를 사용합니다.
+ */
+export const createBoard = async (boardName, parentBoardId = null) => {
+  return createSubBoard(boardName, parentBoardId);
 };
 
 // ==================== 게시글 API ====================
diff --git a/frontend/src/utils/boardRoute.js b/frontend/src/utils/boardRoute.js
new file mode 100644
index 00000000..c62828dd
--- /dev/null
+++ b/frontend/src/utils/boardRoute.js
@@ -0,0 +1,53 @@
+const BOARD_SEGMENT_MAP = {
+  전체: 'root',
+  '전체 게시판': 'root',
+  증권1팀: 'securities-1',
+  '증권1팀 게시판': 'securities-1',
+  증권2팀: 'securities-2',
+  '증권2팀 게시판': 'securities-2',
+  증권3팀: 'securities-3',
+  '증권3팀 게시판': 'securities-3',
+  자산운용: 'asset-management',
+  자산운용팀: 'asset-management',
+  '자산운용팀 게시판': 'asset-management',
+  금융IT: 'finance-it',
+  금융IT팀: 'finance-it',
+  '금융IT팀 게시판': 'finance-it',
+  매크로: 'macro',
+  매크로팀: 'macro',
+  '매크로팀 게시판': 'macro',
+  트레이딩: 'trading',
+  '트레이딩팀 게시판': 'trading',
+};
+
+export const isAllBoardName = (boardName = '') => {
+  const normalized = String(boardName).trim();
+  return normalized === '전체' || normalized === '전체 게시판';
+};
+
+export const toBoardRouteSegment = (boardName = '') => {
+  const normalized = String(boardName).trim();
+  if (!normalized) return null;
+
+  if (BOARD_SEGMENT_MAP[normalized]) {
+    return BOARD_SEGMENT_MAP[normalized];
+  }
+
+  if (normalized.endsWith('게시판')) {
+    const withoutSuffix = normalized.replace(/게시판$/, '').trim();
+    if (BOARD_SEGMENT_MAP[withoutSuffix]) {
+      return BOARD_SEGMENT_MAP[withoutSuffix];
+    }
+  }
+
+  return null;
+};
+
+export const toBoardPath = (boardName = '') => {
+  if (isAllBoardName(boardName)) {
+    return '/board';
+  }
+
+  const segment = toBoardRouteSegment(boardName);
+  return segment ? `/board/${encodeURIComponent(segment)}` : '/board';
+};