From 3f3f8bb159047cadb1c9b1d699b95306f3a081ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=84=B1=EA=B2=BD?= <skkim@o2o.kr>
Date: Thu, 19 Mar 2026 15:05:12 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8F=B0=ED=8A=B8=EC=88=98=EC=A0=95=20?=
 =?UTF-8?q?=EB=B0=8F=20=EB=AF=B8=EC=82=AC=EC=9A=A9=20UI=EC=A3=BC=EC=84=9D?=
 =?UTF-8?q?=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.css                             | 16 +++++++---------
 src/components/Sidebar.tsx            |  2 +-
 src/components/SocialPostingModal.tsx |  4 ++--
 3 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/index.css b/index.css
index d3fb75d..2f1ca21 100644
--- a/index.css
+++ b/index.css
@@ -2071,7 +2071,7 @@
 .comp2-container {
   width: calc(100% - 64px);
   max-width: 1440px;
-  margin: 16px;
+  margin: 16px auto;
   background: #01393B;
   border-radius: 24px;
   padding: 24px;
@@ -2313,7 +2313,7 @@
 }
 
 .comp2-info-label {
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 400;
   color: #9BCACC;
   line-height: 1.29;
@@ -2354,7 +2354,7 @@
 }
 
 .comp2-filename {
-  font-size: 16px;
+  font-size: 20px;
   font-weight: 700;
   color: #FFFFFF;
   letter-spacing: -0.006em;
@@ -9634,7 +9634,7 @@
   gap: 1.25rem;
 }
 
-.social-posting-video-info {
+/* .social-posting-video-info {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -9662,16 +9662,14 @@
   color: rgba(255, 255, 255, 0.4);
   font-size: 1rem;
   cursor: pointer;
-}
+} */
 
 .social-posting-video-meta {
-  padding: 0.75rem 1rem;
-  background: rgba(255, 255, 255, 0.03);
-  border-radius: 8px;
+  padding: 0.5rem;
 }
 
 .social-posting-video-title {
-  font-size: 0.875rem;
+  font-size: 18px;
   font-weight: 500;
   color: #FFFFFF;
   margin: 0 0 0.25rem 0;
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index acbd509..f322c56 100755
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -82,7 +82,7 @@ const Sidebar: React.FC<SidebarProps> = ({ activeItem, onNavigate, onHome, userI
     { id: '대시보드', label: t('sidebar.dashboard'), disabled: false, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><rect x="3" y="3" width="7" height="9"/><rect x="14" y="3" width="7" height="5"/><rect x="14" y="12" width="7" height="9"/><rect x="3" y="16" width="7" height="5"/></svg> },
     { id: '새 프로젝트 만들기', label: t('sidebar.newProject'), disabled: false, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg> },
     { id: 'ADO2 콘텐츠', label: t('sidebar.ado2Contents'), disabled: false, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg> },
-    { id: '내 콘텐츠', label: t('sidebar.myContents'), disabled: true, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg> },
+    // { id: '내 콘텐츠', label: t('sidebar.myContents'), disabled: true, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg> },
     { id: '콘텐츠 캘린더', label: '콘텐츠 캘린더', disabled: false, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg> },
     { id: '내 정보', label: t('sidebar.myInfo'), disabled: false, icon: <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> },
   ];
diff --git a/src/components/SocialPostingModal.tsx b/src/components/SocialPostingModal.tsx
index d47c43f..5fe77d5 100644
--- a/src/components/SocialPostingModal.tsx
+++ b/src/components/SocialPostingModal.tsx
@@ -440,10 +440,10 @@ const SocialPostingModal: React.FC<SocialPostingModalProps> = ({
             {/* Right: Form */}
             <div className="social-posting-form">
               {/* Video Info */}
-              <div className="social-posting-video-info">
+              {/* <div className="social-posting-video-info">
                 <span className="social-posting-label-badge">{t('social.postNumber')}</span>
                 <span className="social-posting-add-btn">+</span>
-              </div>
+              </div> */}
 
               <div className="social-posting-video-meta">
                 <p className="social-posting-video-title">