diff --git a/apps/web/src/app/mentor/layout.tsx b/apps/web/src/app/mentor/layout.tsx
index 9f3bd8fa..7e730a49 100644
--- a/apps/web/src/app/mentor/layout.tsx
+++ b/apps/web/src/app/mentor/layout.tsx
@@ -7,7 +7,7 @@ interface MentorLayoutProps {
 const CHAT_NAVIGATION_TITLES = {
   "/mentor/chat": "멘토 채팅",
   "/mentor": "멘토",
-  "/mentor/modify": "멘토 수정",
+  "/mentor/modify": "멘토 페이지",
   "/mentor/waiting": "멘토 대기",
   "/mentor/": "멘토 페이지",
 };
diff --git a/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/AddArticleCard/index.tsx b/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/AddArticleCard/index.tsx
index 21351365..abce8bc7 100644
--- a/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/AddArticleCard/index.tsx
+++ b/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/AddArticleCard/index.tsx
@@ -10,26 +10,24 @@ const AddArticleCard = () => {
   const [open, setOpen] = useState(false);
   return (
     <>
-      <div className="relative mt-10 flex h-40 flex-col items-center justify-center bg-k-50">
-        <div className="flex flex-col items-center gap-2">
-          <button
-            type="button"
-            onClick={() => setOpen(true)}
-            className="mt-10 flex h-10 items-center justify-center gap-2 rounded-lg bg-k-100 px-4 text-k-500 typo-medium-2"
-          >
-            <span className="flex h-4 w-4 items-center justify-center rounded-full bg-k-500">
-              <IconPlus className="h-2.5 w-2.5" />
-            </span>
-            새로운 아티클 추가하기
-          </button>
-          <div className="flex w-2/3 items-center justify-center">
-            <ToolTipMessage
-              message="아티클을 추가해서 내 채널 유입률을 높여보세요!"
-              bgColor="secondary"
-              borderColor="secondary"
-              textColor="white"
-            />
-          </div>
+      <div className="relative mt-2.5 flex h-40 flex-col items-center justify-center rounded-lg bg-k-50">
+        <button
+          type="button"
+          onClick={() => setOpen(true)}
+          className="flex h-10 items-center justify-center gap-2 rounded-lg bg-k-100 px-4 text-k-500 typo-medium-2"
+        >
+          <span className="flex h-4 w-4 items-center justify-center rounded-full bg-k-500">
+            <IconPlus className="h-2.5 w-2.5" />
+          </span>
+          새로운 아티클 추가하기
+        </button>
+        <div className="absolute bottom-0 left-1/2 flex w-2/3 -translate-x-1/2 items-center justify-center">
+          <ToolTipMessage
+            message="아티클을 추가해서 내 채널 유입률을 높여보세요!"
+            bgColor="secondary"
+            borderColor="secondary"
+            textColor="white"
+          />
         </div>
       </div>
 
diff --git a/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/ArticlePanel/index.tsx b/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/ArticlePanel/index.tsx
index 12229044..bdf4b947 100644
--- a/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/ArticlePanel/index.tsx
+++ b/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/ArticlePanel/index.tsx
@@ -29,7 +29,7 @@ const ArticlePanel = ({ article, userId }: ArticlePanelProps) => {
 
   return (
     <>
-      <div className="relative h-[200px] w-full">
+      <div className="relative h-[200px] w-full overflow-hidden rounded-lg">
         <OptimisticImg src={imageSrc as string} alt="멘토 아티클 이미지" />
       </div>
       <div className="mt-[10px] flex justify-between">
diff --git a/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/ChannelBox/ChannelItem.tsx b/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/ChannelBox/ChannelItem.tsx
index 80acd2c2..28d77b03 100644
--- a/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/ChannelBox/ChannelItem.tsx
+++ b/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/ChannelBox/ChannelItem.tsx
@@ -1,17 +1,23 @@
 import { useController, useFormContext } from "react-hook-form";
 
-import ChannelBadge from "@/components/ui/ChannelBadge";
 import getErrorMessage from "@/lib/react-hook-form/getErrorMessage";
 
 import type { ChannelType } from "@/types/mentor";
 import ChannelSelect from "../../../../../../../components/mentor/ChannelSelct";
 
+const CHANNEL_TAG_COLORS = [
+  "bg-sub-c-100 text-sub-c-500",
+  "bg-sub-e-100 text-sub-e-500",
+  "bg-sub-d-100 text-sub-d-500",
+  "bg-sub-f-100 text-sub-f-500",
+];
+
 interface ChannelItemProps {
   index: number;
   channel?: { type: ChannelType; url: string };
 }
 
-const ChannelItem = ({ index, channel }: ChannelItemProps) => {
+const ChannelItem = ({ index }: ChannelItemProps) => {
   const {
     control,
     register,
@@ -37,22 +43,22 @@ const ChannelItem = ({ index, channel }: ChannelItemProps) => {
   const channelUrlError = errors.channels?.[index]?.url;
 
   return (
-    <div className="mb-6">
+    <div className={`mb-6 ${index > 0 ? "animate-channel-reveal" : ""}`}>
       <div className="flex h-6.5 w-17.5 items-center justify-center overflow-hidden rounded-2xl">
-        {channel?.type ? (
-          <ChannelBadge channelType={channel.type} text={`내 채널${index + 1}`} />
-        ) : (
-          <div className="flex h-full w-full items-center justify-center rounded bg-gray-100 px-2 py-[3px] text-gray-500 typo-medium-2">
-            내 채널{index + 1}
-          </div>
-        )}
+        <div
+          className={`flex h-full w-full items-center justify-center rounded px-2 py-[3px] typo-medium-2 ${CHANNEL_TAG_COLORS[index] ?? "bg-gray-100 text-gray-500"}`}
+        >
+          내 채널 {index + 1}
+        </div>
       </div>
       <h2 className="mt-2.5 text-k-700 typo-medium-1">채널 선택</h2>
-      <ChannelSelect
-        control={control}
-        name={`channels.${index}.type`}
-        onChannelChange={() => setValue(`channels.${index}.url`, "")}
-      />
+      <div className="mt-2">
+        <ChannelSelect
+          control={control}
+          name={`channels.${index}.type`}
+          onChannelChange={() => setValue(`channels.${index}.url`, "")}
+        />
+      </div>
       {channelTypeError && (
         <p className="mt-1 text-red-500 typo-regular-2">{getErrorMessage(channelTypeError) || "채널을 선택해주세요"}</p>
       )}
@@ -65,8 +71,8 @@ const ChannelItem = ({ index, channel }: ChannelItemProps) => {
         disabled={!isChannelSelected}
         className={`mt-2 h-11 w-full rounded-lg border px-4 py-3 typo-regular-2 ${
           isChannelSelected
-            ? "border-gray-300 bg-white text-k-300 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
-            : "cursor-not-allowed border-gray-200 bg-k-50 text-gray-400"
+            ? "border-k-100 bg-white text-k-300 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
+            : "cursor-not-allowed border-k-100 bg-k-50 text-gray-400"
         }`}
         placeholder={isChannelSelected ? "URL을 입력해주세요." : "채널을 먼저 선택해주세요."}
       />
diff --git a/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/ChannelBox/index.tsx b/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/ChannelBox/index.tsx
index 6365d83f..127c2e90 100644
--- a/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/ChannelBox/index.tsx
+++ b/apps/web/src/app/mentor/modify/_ui/ModifyContent/_ui/ChannelBox/index.tsx
@@ -1,14 +1,28 @@
+import { useFormContext, useWatch } from "react-hook-form";
+
 import type { ChannelType } from "@/types/mentor";
 import ChannelItem from "./ChannelItem";
 
+const MAX_CHANNELS = 4;
+
 interface ChannelBoxProps {
   channels: Array<{ type: ChannelType; url: string }>;
 }
 
 const ChannelBox = ({ channels }: ChannelBoxProps) => {
+  const { control } = useFormContext();
+  const watchedChannels = useWatch({ control, name: "channels" }) as
+    | Array<{ type: ChannelType | null; url: string }>
+    | undefined;
+
+  const completedCount = (watchedChannels ?? []).filter(
+    (channel) => channel?.type !== null && channel?.type !== undefined && Boolean(channel?.url?.trim()),
+  ).length;
+  const visibleCount = Math.min(completedCount + 1, MAX_CHANNELS);
+
   return (
     <>
-      {Array.from({ length: 4 }, (_, index) => (
+      {Array.from({ length: visibleCount }, (_, index) => (
         <ChannelItem key={index} index={index} channel={channels[index]} />
       ))}
     </>
diff --git a/apps/web/src/app/mentor/modify/_ui/ModifyContent/index.tsx b/apps/web/src/app/mentor/modify/_ui/ModifyContent/index.tsx
index 6b1bddfa..885bacbf 100644
--- a/apps/web/src/app/mentor/modify/_ui/ModifyContent/index.tsx
+++ b/apps/web/src/app/mentor/modify/_ui/ModifyContent/index.tsx
@@ -6,7 +6,6 @@ import { useGetArticleList } from "@/apis/news";
 import StudyDate from "@/components/mentor/StudyDate";
 import CloudSpinnerPage from "@/components/ui/CloudSpinnerPage";
 import MentoProfile from "@/components/ui/ProfileWithBadge";
-import { IconUserPrimaryColor } from "@/public/svgs/mentor";
 import useModifyHookForm from "./_hooks/useModifyHookForm";
 import usePutMyMentorProfileHandler from "./_hooks/usePutMyMentorProfileHandler";
 import AddArticleCard from "./_ui/AddArticleCard";
@@ -27,7 +26,7 @@ const ModifyContent = () => {
   const { onSubmit } = usePutMyMentorProfileHandler();
   // 채널 타입들을 감시
   if (!myMentorProfile) return <CloudSpinnerPage />;
-  const { profileImageUrl, hasBadge, menteeCount, nickname, country, universityName, term, channels } = myMentorProfile;
+  const { profileImageUrl, hasBadge, nickname, country, universityName, term, channels } = myMentorProfile;
 
   return (
     <div className="px-5">
@@ -37,17 +36,11 @@ const ModifyContent = () => {
           <div className="gap-4">
             <h1 className="text-gray-900 typo-sb-5">나의 멘토</h1>
             <div className="flex gap-4">
-              <div className="flex flex-col items-start gap-2">
+              <div className="mt-5 flex flex-col items-start gap-2">
                 <MentoProfile profileImageUrl={profileImageUrl} hasBadge={hasBadge} />
-                <div className="flex items-center gap-2 text-primary typo-regular-2">
-                  <span className="h-[16px] w-[16px]">
-                    <IconUserPrimaryColor />
-                  </span>
-                  누적 멘티 : {menteeCount}
-                </div>
               </div>
               <div className="flex flex-col gap-[8px]">
-                <div className="text-gray-500 typo-regular-2">{country}</div>
+                <div className="text-primary typo-sb-7">{country}</div>
                 <div className="text-gray-900 typo-sb-5">{nickname}</div>
                 <div className="text-gray-500 typo-regular-2">{universityName}</div>
                 <StudyDate term={term} />
diff --git a/apps/web/src/components/mentor/ChannelSelct/index.tsx b/apps/web/src/components/mentor/ChannelSelct/index.tsx
index 4aa23b92..69f0e065 100644
--- a/apps/web/src/components/mentor/ChannelSelct/index.tsx
+++ b/apps/web/src/components/mentor/ChannelSelct/index.tsx
@@ -27,7 +27,7 @@ const ChannelSelect = ({ name = "channel", control, onChannelChange }: ChannelSe
       <button
         type="button"
         onClick={toggleDropdown}
-        className={`flex w-full items-center justify-between rounded-lg border border-gray-300 px-4 py-3 focus:border-secondary focus:outline-none focus:ring-1 focus:ring-secondary`}
+        className={`flex w-full items-center justify-between rounded-lg border border-k-100 px-4 py-3 focus:border-secondary focus:outline-none focus:ring-1 focus:ring-secondary`}
       >
         <span className={`typo-medium-2 ${value ? "text-secondary" : "text-k-300"}`}>
           {value === null ? "선택 안함" : value || "채널을 선택해주세요."}
diff --git a/apps/web/src/styles/globals.css b/apps/web/src/styles/globals.css
index 5032fd86..25b428c1 100644
--- a/apps/web/src/styles/globals.css
+++ b/apps/web/src/styles/globals.css
@@ -83,3 +83,18 @@
 .animate-slide-in {
   animation: slide-in 0.3s ease-out;
 }
+
+@keyframes channel-reveal {
+  from {
+    transform: translateY(-12px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+.animate-channel-reveal {
+  animation: channel-reveal 0.8s ease-out;
+}