diff --git a/apps/graduate/src/admin/pages/filePreview/styles/PreviewPage.css.ts b/apps/graduate/src/admin/pages/filePreview/styles/FilePreviewPage.css.ts
similarity index 91%
rename from apps/graduate/src/admin/pages/filePreview/styles/PreviewPage.css.ts
rename to apps/graduate/src/admin/pages/filePreview/styles/FilePreviewPage.css.ts
index 301c8cdb..deb6e090 100644
--- a/apps/graduate/src/admin/pages/filePreview/styles/PreviewPage.css.ts
+++ b/apps/graduate/src/admin/pages/filePreview/styles/FilePreviewPage.css.ts
@@ -3,13 +3,11 @@ import { style } from '@vanilla-extract/css';
 import { vars } from '~/vars.css';
 
 export const root = style({
-  display: 'flex',
-  flexDirection: 'column',
-  height: '100vh',
-  width: '100vw',
-  overflow: 'hidden',
+  minHeight: '100dvh',
   backgroundColor: vars.colors.sub,
+  padding: vars.spacing.lg,
 });
+
 export const container = style({
   padding: vars.spacing.xl,
   maxWidth: '1200px',
diff --git a/apps/graduate/src/admin/pages/filePreview/ui/FilePreviewPage.tsx b/apps/graduate/src/admin/pages/filePreview/ui/FilePreviewPage.tsx
index 8772bab5..a7d2bcb9 100644
--- a/apps/graduate/src/admin/pages/filePreview/ui/FilePreviewPage.tsx
+++ b/apps/graduate/src/admin/pages/filePreview/ui/FilePreviewPage.tsx
@@ -11,7 +11,7 @@ import FilePreviewContent from './FilePreviewContent';
 import FilePreviewToolbar from './FilePreviewToolbar';
 import { getSubmissionTypeIndex } from '../../schedule/constants';
 import { useFile } from '../model';
-import * as style from '../styles/PreviewPage.css';
+import * as style from '../styles/FilePreviewPage.css';
 
 import { useGraduationBatchApproval } from '~/admin/entities/graduation-approval/model';
 import { useStudentDetail } from '~/admin/features/studentDetail';
@@ -138,34 +138,39 @@ export default function FilePreviewPage() {
   };
 
   return (
-    <div className={style.container}>
-      <div className={style.backButtonWrapper}>
-        <Button onClick={handleGoBack} type='text' size='large'>
-          뒤로가기
-        </Button>
-      </div>
-      <div className={style.filePreviewContainer}>
-        <FilePreviewContent
-          fileUrl={`${API_URL}${file.physicalPath}`}
-          error={error}
-          onRetry={() => refetch()}
-        />
-
-        <div
-          className={style.toolbarTriggerArea}
-          onMouseEnter={handleShowToolbar}
-          onMouseLeave={handleHideToolbar}
-        >
-          <div className={style.toolbarWrapper} data-visible={isToolbarVisible}>
-            <FilePreviewToolbar
-              studentId={studentId}
-              name={name}
-              isApproved={approval ?? false}
-              onApprove={handleApprove}
-              onChangeFile={handleNextFile}
-              canNavigate={canNavigate}
-              isApproving={approvalMutation.isPending}
-            />
+    <div className={style.root}>
+      <div className={style.container}>
+        <div className={style.backButtonWrapper}>
+          <Button onClick={handleGoBack} type='text' size='large'>
+            뒤로가기
+          </Button>
+        </div>
+        <div className={style.filePreviewContainer}>
+          <FilePreviewContent
+            fileUrl={`${API_URL}${file.physicalPath}`}
+            error={error}
+            onRetry={() => refetch()}
+          />
+
+          <div
+            className={style.toolbarTriggerArea}
+            onMouseEnter={handleShowToolbar}
+            onMouseLeave={handleHideToolbar}
+          >
+            <div
+              className={style.toolbarWrapper}
+              data-visible={isToolbarVisible}
+            >
+              <FilePreviewToolbar
+                studentId={studentId}
+                name={name}
+                isApproved={approval ?? false}
+                onApprove={handleApprove}
+                onChangeFile={handleNextFile}
+                canNavigate={canNavigate}
+                isApproving={approvalMutation.isPending}
+              />
+            </div>
           </div>
         </div>
       </div>
diff --git a/apps/graduate/src/admin/pages/notice/styles/NoticeAdminCreatePage.css.ts b/apps/graduate/src/admin/pages/notice/styles/NoticeAdminCreatePage.css.ts
index d1efab9d..f6d58251 100644
--- a/apps/graduate/src/admin/pages/notice/styles/NoticeAdminCreatePage.css.ts
+++ b/apps/graduate/src/admin/pages/notice/styles/NoticeAdminCreatePage.css.ts
@@ -2,6 +2,12 @@ import { style } from '@vanilla-extract/css';
 
 import { vars } from '~/vars.css';
 
+export const root = style({
+  minHeight: '100dvh',
+  backgroundColor: vars.colors.sub,
+  padding: vars.spacing.lg,
+});
+
 export const container = style({
   padding: vars.spacing.xl,
   maxWidth: '1000px',
diff --git a/apps/graduate/src/admin/pages/notice/styles/NoticeAdminPage.css.ts b/apps/graduate/src/admin/pages/notice/styles/NoticeAdminPage.css.ts
index 6b5f4982..f53f9b29 100644
--- a/apps/graduate/src/admin/pages/notice/styles/NoticeAdminPage.css.ts
+++ b/apps/graduate/src/admin/pages/notice/styles/NoticeAdminPage.css.ts
@@ -2,7 +2,14 @@ import { style } from '@vanilla-extract/css';
 
 import { vars } from '~/vars.css';
 
+export const root = style({
+  minHeight: '100dvh',
+  backgroundColor: vars.colors.sub,
+  padding: vars.spacing.lg,
+});
+
 export const container = style({
+  backgroundColor: vars.colors.sub,
   padding: vars.spacing.xl,
   maxWidth: '1200px',
   margin: '0 auto',
diff --git a/apps/graduate/src/admin/pages/notice/ui/NoticeAdminCreatePage.tsx b/apps/graduate/src/admin/pages/notice/ui/NoticeAdminCreatePage.tsx
index cfffb1e2..6cb121b4 100644
--- a/apps/graduate/src/admin/pages/notice/ui/NoticeAdminCreatePage.tsx
+++ b/apps/graduate/src/admin/pages/notice/ui/NoticeAdminCreatePage.tsx
@@ -184,115 +184,117 @@ export default function NoticeAdminCreatePage({
   }
 
   return (
-    <div className={style.container}>
-      <div className={style.backButtonWrapper}>
-        <Button onClick={handleGoBack} type='text' size='large'>
-          목록으로
-        </Button>
-      </div>
+    <div className={style.root}>
+      <div className={style.container}>
+        <div className={style.backButtonWrapper}>
+          <Button onClick={handleGoBack} type='text' size='large'>
+            목록으로
+          </Button>
+        </div>
 
-      <div className={style.formCard}>
-        <h1 className={style.formTitle}>
-          {isEditMode ? '공지사항 수정' : '공지사항 작성'}
-        </h1>
+        <div className={style.formCard}>
+          <h1 className={style.formTitle}>
+            {isEditMode ? '공지사항 수정' : '공지사항 작성'}
+          </h1>
 
-        {isEditMode && (
-          <div className={style.metaInfo}>
-            <div className={style.metaItem}>작성일: {createdAt}</div>
-          </div>
-        )}
+          {isEditMode && (
+            <div className={style.metaInfo}>
+              <div className={style.metaItem}>작성일: {createdAt}</div>
+            </div>
+          )}
 
-        <form onSubmit={handleSubmit(onSubmit)}>
-          <div className={style.formField}>
-            <label className={style.label}>
-              제목 <span className={style.required}>*</span>
-            </label>
-            <Controller
-              name='title'
-              control={control}
-              rules={{ required: '제목을 입력해주세요.' }}
-              render={({ field }) => (
-                <Input
-                  {...field}
-                  placeholder='제목을 입력하세요'
-                  size='large'
-                  status={errors.title ? 'error' : ''}
-                />
+          <form onSubmit={handleSubmit(onSubmit)}>
+            <div className={style.formField}>
+              <label className={style.label}>
+                제목 <span className={style.required}>*</span>
+              </label>
+              <Controller
+                name='title'
+                control={control}
+                rules={{ required: '제목을 입력해주세요.' }}
+                render={({ field }) => (
+                  <Input
+                    {...field}
+                    placeholder='제목을 입력하세요'
+                    size='large'
+                    status={errors.title ? 'error' : ''}
+                  />
+                )}
+              />
+              {errors.title && (
+                <p className={style.errorMessage}>{errors.title.message}</p>
               )}
-            />
-            {errors.title && (
-              <p className={style.errorMessage}>{errors.title.message}</p>
-            )}
-          </div>
+            </div>
 
-          <div className={style.formField}>
-            <Controller
-              name='isPinned'
-              control={control}
-              render={({ field: { value, onChange } }) => (
-                <Checkbox
-                  checked={value}
-                  onChange={e => onChange(e.target.checked)}
-                >
-                  <span className={style.checkboxLabel}>
-                    상단 고정 (공지로 표시)
-                  </span>
-                </Checkbox>
-              )}
-            />
-          </div>
+            <div className={style.formField}>
+              <Controller
+                name='isPinned'
+                control={control}
+                render={({ field: { value, onChange } }) => (
+                  <Checkbox
+                    checked={value}
+                    onChange={e => onChange(e.target.checked)}
+                  >
+                    <span className={style.checkboxLabel}>
+                      상단 고정 (공지로 표시)
+                    </span>
+                  </Checkbox>
+                )}
+              />
+            </div>
 
-          <div className={style.formField}>
-            <label className={style.label}>
-              내용 <span className={style.required}>*</span>
-            </label>
-            <Controller
-              name='content'
-              control={control}
-              rules={{ required: '내용을 입력해주세요.' }}
-              render={({ field: { value, onChange } }) => (
-                <TextEditor
-                  title=''
-                  value={value || ''}
-                  onChange={onChange}
-                  onSave={() => {}}
-                  isSaved={true}
-                  className={style.textarea}
-                />
+            <div className={style.formField}>
+              <label className={style.label}>
+                내용 <span className={style.required}>*</span>
+              </label>
+              <Controller
+                name='content'
+                control={control}
+                rules={{ required: '내용을 입력해주세요.' }}
+                render={({ field: { value, onChange } }) => (
+                  <TextEditor
+                    title=''
+                    value={value || ''}
+                    onChange={onChange}
+                    onSave={() => {}}
+                    isSaved={true}
+                    className={style.textarea}
+                  />
+                )}
+              />
+              {errors.content && (
+                <p className={style.errorMessage}>{errors.content.message}</p>
               )}
-            />
-            {errors.content && (
-              <p className={style.errorMessage}>{errors.content.message}</p>
-            )}
-          </div>
+            </div>
 
-          <div className={style.formField}>
-            <label className={style.label}>첨부파일</label>
-            <Upload {...uploadProps}>
-              <Button>파일 선택</Button>
-            </Upload>
-          </div>
+            <div className={style.formField}>
+              <label className={style.label}>첨부파일</label>
+              <Upload {...uploadProps}>
+                <Button>파일 선택</Button>
+              </Upload>
+            </div>
 
-          <Divider />
+            <Divider />
 
-          <div className={style.actionSection}>
-            <div className={style.leftActions}>
-              {isEditMode && (
-                <Button onClick={handleDelete} size='large' danger>
-                  삭제
+            <div className={style.actionSection}>
+              <div className={style.leftActions}>
+                {isEditMode && (
+                  <Button onClick={handleDelete} size='large' danger>
+                    삭제
+                  </Button>
+                )}
+              </div>
+              <div className={style.rightActions}>
+                <Button onClick={handleGoBack} size='large'>
+                  취소
                 </Button>
-              )}
-            </div>
-            <div className={style.rightActions}>
-              <Button onClick={handleGoBack} size='large'>
-                취소
-              </Button>
-              <Button type='primary' htmlType='submit' size='large'>
-                {isEditMode ? '수정' : '작성'}
-              </Button>
+                <Button type='primary' htmlType='submit' size='large'>
+                  {isEditMode ? '수정' : '작성'}
+                </Button>
+              </div>
             </div>
-          </div>
-        </form>
+          </form>
+        </div>
       </div>
     </div>
   );
diff --git a/apps/graduate/src/admin/pages/notice/ui/NoticeAdminPage.tsx b/apps/graduate/src/admin/pages/notice/ui/NoticeAdminPage.tsx
index e92d64d3..1a32ae56 100644
--- a/apps/graduate/src/admin/pages/notice/ui/NoticeAdminPage.tsx
+++ b/apps/graduate/src/admin/pages/notice/ui/NoticeAdminPage.tsx
@@ -103,38 +103,40 @@ export default function NoticeAdminPage() {
   };
 
   return (
-    <div className={style.container}>
-      <Header title='공지사항' />
+    <div className={style.root}>
+      <div className={style.container}>
+        <Header title='공지사항' />
+
+        <div className={style.searchSection}>
+          <Input
+            placeholder='제목으로 검색'
+            value={searchText}
+            onChange={e => setSearchText(e.target.value)}
+            className={style.searchInput}
+            size='large'
+            allowClear
+          />
+          <Button type='primary' onClick={handleCreateNotice} size='large'>
+            공지 작성
+          </Button>
+        </div>
 
-      <div className={style.searchSection}>
-        <Input
-          placeholder='제목으로 검색'
-          value={searchText}
-          onChange={e => setSearchText(e.target.value)}
-          className={style.searchInput}
-          size='large'
-          allowClear
+        <Table
+          columns={columns}
+          dataSource={noticeList}
+          rowKey='noticeId'
+          loading={isPending}
+          pagination={{
+            current: currentPage,
+            pageSize: 10,
+            total: noticeResponse?.pageable.totalElements || 0,
+            onChange: page => setCurrentPage(page),
+            showSizeChanger: false,
+            showTotal: total => `총 ${total}개`,
+          }}
+          bordered
         />
-        <Button type='primary' onClick={handleCreateNotice} size='large'>
-          공지 작성
-        </Button>
       </div>
-
-      <Table
-        columns={columns}
-        dataSource={noticeList}
-        rowKey='noticeId'
-        loading={isPending}
-        pagination={{
-          current: currentPage,
-          pageSize: 10,
-          total: noticeResponse?.pageable.totalElements || 0,
-          onChange: page => setCurrentPage(page),
-          showSizeChanger: false,
-          showTotal: total => `총 ${total}개`,
-        }}
-        bordered
-      />
     </div>
   );
 }
diff --git a/apps/graduate/src/admin/pages/schedule/styles/ScheduleAdminPage.css.ts b/apps/graduate/src/admin/pages/schedule/styles/ScheduleAdminPage.css.ts
index 01b77fa4..64963643 100644
--- a/apps/graduate/src/admin/pages/schedule/styles/ScheduleAdminPage.css.ts
+++ b/apps/graduate/src/admin/pages/schedule/styles/ScheduleAdminPage.css.ts
@@ -7,3 +7,9 @@ export const container = style({
   maxWidth: '1200px',
   margin: '0 auto',
 });
+
+export const root = style({
+  minHeight: '100dvh',
+  backgroundColor: vars.colors.sub,
+  padding: vars.spacing.lg,
+});
diff --git a/apps/graduate/src/admin/pages/schedule/ui/ScheduleAdminPage.tsx b/apps/graduate/src/admin/pages/schedule/ui/ScheduleAdminPage.tsx
index 58e55377..cb6d8c4d 100644
--- a/apps/graduate/src/admin/pages/schedule/ui/ScheduleAdminPage.tsx
+++ b/apps/graduate/src/admin/pages/schedule/ui/ScheduleAdminPage.tsx
@@ -41,23 +41,25 @@ export default function ScheduleAdminPage() {
   ];
 
   return (
-    <div className={style.container}>
-      <Header title='진행일정' />
+    <div className={style.root}>
+      <div className={style.container}>
+        <Header title='진행일정' />
 
-      <Table
-        columns={columns}
-        dataSource={schedule}
-        loading={isLoading}
-        pagination={false}
-        bordered
-        style={{ marginBottom: '24px' }}
-      />
+        <Table
+          columns={columns}
+          dataSource={schedule}
+          loading={isLoading}
+          pagination={false}
+          bordered
+          style={{ marginBottom: '24px' }}
+        />
 
-      <ScheduleEditModal scheduleData={schedule ?? []} />
+        <ScheduleEditModal scheduleData={schedule ?? []} />
 
-      <Header title='진행일정-상세' />
+        <Header title='진행일정-상세' />
 
-      <ScheduleDescription />
+        <ScheduleDescription />
+      </div>
     </div>
   );
 }