hotfix: Card 폰트 수정

Author: limtjdghks

src/components/UI/CoreValueCard.tsx

@@ -33,38 +33,38 @@ const CoreValueCard: React.FC<CoreValueCardProps> = ({
   defaultBgClass = 'md:w-[352px] lg:w-[400px] h-[560px] md:left-0 lg:left-0 top-[63px]',
   hoverBgClass = 'md:w-[352px] lg:w-[400px] h-[560px] md:left-0 lg:left-0 top-[54px]',
   mobileSubtitleClass = 'text-base',
-  hoverSubtitleClass = 'text-3xl',
-  titleDefaultClass = 'text-5xl',
-  titleHoverClass = 'text-5xl',
+  hoverSubtitleClass = 'text-xl',
+  titleDefaultClass = 'text-4xl',
+  titleHoverClass = 'text-4xl',
 }) => {
   return (
     <div className="mx-auto">
       <div className="md:hidden w-[340px] sm:w-[360px] rounded-2xl bg-zinc-800 p-6 relative overflow-hidden min-h-[200px]">
         <div className="flex items-start justify-between gap-4">
           <div>
             <div className="text-white text-3xl font-bold font-mono">{index}</div>
-            <div className="mt-3 text-white text-2xl font-semibold">{title}</div>
-            <div className={`mt-2 text-white/80 ${mobileSubtitleClass}`}>{mobileSubtitle}</div>
+            <div className="mt-3 text-white text-2xl font-pretendardSemiBold">{title}</div>
+            <div className={`mt-2 text-white/80 font-pretendardRegular ${mobileSubtitleClass}`}>{mobileSubtitle}</div>
           </div>
           <img src={imageSrc} alt={title} className={mobileImageClass} />
         </div>
-        <div className="mt-4 text-white text-sm">{mobileBody}</div>
+        <div className="mt-4 text-white text-sm font-pretendardRegular">{mobileBody}</div>
       </div>
 
       <div className="hidden md:block group md:w-[352px] lg:w-[400px] h-[685px] relative overflow-hidden">
         <div className="absolute inset-0 transition-opacity duration-300 ease-out group-hover:opacity-0">
           <div className={`${defaultBgClass} absolute bg-zinc-800 rounded-2xl`} />
-          <div className={`left-12 top-[543px] absolute text-center text-white font-normal ${titleDefaultClass}`}>{title}</div>
+          <div className={`left-12 top-[543px] absolute text-center text-white font-pretendardSemiBold ${titleDefaultClass}`}>{title}</div>
           <div className="left-12 top-[105px] absolute text-center text-white text-3xl font-bold font-mono">{index}</div>
           <img src={imageSrc} alt={`${title} illustration`} className={defaultImageClass} />
         </div>
 
         <div className="absolute inset-0 opacity-0 transition-opacity duration-300 ease-out group-hover:opacity-100">
           <div className={`${hoverBgClass} absolute bg-neutral-100 rounded-2xl`} />
-          <div className={`left-12 top-[343px] absolute text-center text-zinc-900 font-semibold ${titleHoverClass}`}>{title}</div>
-          <div className={`left-12 top-[415px] absolute text-center text-black font-normal ${hoverSubtitleClass}`}>{hoverSubtitle}</div>
+          <div className={`left-12 top-[343px] absolute text-center text-zinc-900 font-pretendardSemiBold ${titleHoverClass}`}>{title}</div>
+          <div className={`left-12 top-[415px] absolute text-center text-black font-pretendardRegular ${hoverSubtitleClass}`}>{hoverSubtitle}</div>
           <div className="left-12 top-[98px] absolute text-center text-zinc-900 text-3xl font-bold font-mono">{index}</div>
-          <div className="left-12 top-[505px] absolute text-black text-2xl font-normal">{hoverBody}</div>
+          <div className="left-12 top-[505px] absolute text-black text-2xl font-pretendardRegular">{hoverBody}</div>
           <img src={imageSrc} alt={`${title} illustration`} className={hoverImageClass} />
         </div>
       </div>