@yeongseoksong/framework 1.1.0 → 1.3.1

package/dist/ui/index.cjs

@@ -65,33 +65,63 @@ __export(ui_exports, {
   MainLayout: () => MainLayout,
   PageLayout: () => PageLayout,
   SdBadge: () => SdBadge,
+  SdBadgeDefault: () => SdBadgeDefault,
+  SdBadgePrimary: () => SdBadgePrimary,
+  SdBadgeSuccess: () => SdBadgeSuccess,
+  SdBadgeWarning: () => SdBadgeWarning,
   SdButton: () => SdButton,
   SdButtonCancel: () => SdButtonCancel,
   SdButtonDelete: () => SdButtonDelete,
+  SdButtonDownload: () => SdButtonDownload,
+  SdButtonExcel: () => SdButtonExcel,
   SdButtonGhost: () => SdButtonGhost,
   SdButtonOutline: () => SdButtonOutline,
   SdButtonPrimary: () => SdButtonPrimary,
   SdButtonSecondary: () => SdButtonSecondary,
+  SdButtonSubmit: () => SdButtonSubmit,
   SdButtonWhite: () => SdButtonWhite,
   SdClients: () => SdClients,
   SdClientsGrid: () => SdClientsGrid,
   SdClientsMarquee: () => SdClientsMarquee,
   SdContainer: () => SdContainer,
   SdCta: () => SdCta,
+  SdCtaBanner: () => SdCtaBanner,
+  SdCtaInline: () => SdCtaInline,
+  SdCtaSubtle: () => SdCtaSubtle,
   SdErrorView: () => SdErrorView,
+  SdErrorViewNotFound: () => SdErrorViewNotFound,
+  SdErrorViewPage: () => SdErrorViewPage,
   SdFaq: () => SdFaq,
+  SdFaqDefault: () => SdFaqDefault,
+  SdFaqFilled: () => SdFaqFilled,
+  SdFaqWithHeader: () => SdFaqWithHeader,
   SdFeatureSection: () => SdFeatureSection,
   SdFeatures: () => SdFeatures,
   SdFooter: () => SdFooter,
   SdHeader: () => SdHeader,
   SdInput: () => SdInput,
+  SdInputEmail: () => SdInputEmail,
+  SdInputPassword: () => SdInputPassword,
+  SdInputSelect: () => SdInputSelect,
+  SdInputText: () => SdInputText,
+  SdInputTextarea: () => SdInputTextarea,
+  SdLink: () => SdLink,
+  SdLinkBody: () => SdLinkBody,
+  SdLinkHint: () => SdLinkHint,
+  SdLinkStrong: () => SdLinkStrong,
+  SdLinkSub: () => SdLinkSub,
   SdMap: () => SdMap,
   SdMapSingle: () => SdMapSingle,
   SdMapTabs: () => SdMapTabs,
   SdModal: () => SdModal,
   SdNumberIcon: () => SdNumberIcon,
   SdPricingCard: () => SdPricingCard,
+  SdPricingCardDefault: () => SdPricingCardDefault,
+  SdPricingCardFeatured: () => SdPricingCardFeatured,
+  SdPricingCardGrid: () => SdPricingCardGrid,
   SdQuote: () => SdQuote,
+  SdQuoteCard: () => SdQuoteCard,
+  SdQuotePlain: () => SdQuotePlain,
   SdSkeleton: () => SdSkeleton,
   SdSkeletonAvatar: () => SdSkeletonAvatar,
   SdSkeletonCard: () => SdSkeletonCard,
@@ -100,23 +130,45 @@ __export(ui_exports, {
   SdSkeletonTitle: () => SdSkeletonTitle,
   SdSolution: () => SdSolution,
   SdSolutionCard: () => SdSolutionCard,
+  SdSolutionCardGrid: () => SdSolutionCardGrid,
+  SdSolutionCardItem: () => SdSolutionCardItem,
+  SdSolutionFiltered: () => SdSolutionFiltered,
+  SdSolutionList: () => SdSolutionList,
   SdSteps: () => SdSteps,
+  SdStepsBubble: () => SdStepsBubble,
+  SdStepsCard: () => SdStepsCard,
   SdStepsSection: () => SdStepsSection,
+  SdStepsStrip: () => SdStepsStrip,
   SdTable: () => SdTable,
+  SdTableSpec: () => SdTableSpec,
   SdTabs: () => SdTabs,
   SdTabsOutline: () => SdTabsOutline,
   SdTabsPills: () => SdTabsPills,
   SdTabsUnderline: () => SdTabsUnderline,
   SdTestimonial: () => SdTestimonial,
+  SdTestimonialCard: () => SdTestimonialCard,
+  SdTestimonialGrid: () => SdTestimonialGrid,
+  SdTestimonialStrip: () => SdTestimonialStrip,
   SdText: () => SdText,
+  SdTextBody: () => SdTextBody,
   SdTextBox: () => SdTextBox,
   SdTextBoxCard: () => SdTextBoxCard,
   SdTextBoxHero: () => SdTextBoxHero,
   SdTextBoxSection: () => SdTextBoxSection,
   SdTextBoxSub: () => SdTextBoxSub,
+  SdTextError: () => SdTextError,
+  SdTextEyebrow: () => SdTextEyebrow,
+  SdTextHint: () => SdTextHint,
+  SdTextNumeric: () => SdTextNumeric,
+  SdTextStrong: () => SdTextStrong,
+  SdTextSub: () => SdTextSub,
   SdTimeline: () => SdTimeline,
   SdTimelineSection: () => SdTimelineSection,
   SdTitle: () => SdTitle,
+  SdTitleCard: () => SdTitleCard,
+  SdTitleDisplay: () => SdTitleDisplay,
+  SdTitleSection: () => SdTitleSection,
+  SdTitleSub: () => SdTitleSub,
   theme: () => theme
 });
 module.exports = __toCommonJS(ui_exports);
@@ -204,7 +256,11 @@ var SdTabs = {
         flexWrap: "wrap",
         justifyContent: "center"
       },
-      tab: { fontWeight: "500", fontSize: "var(--mantine-h5-font-size)", paddingInline: "var(--mantine-spacing-lg)" }
+      tab: {
+        fontWeight: "500",
+        fontSize: "var(--mantine-h5-font-size)",
+        paddingInline: "var(--mantine-spacing-lg)"
+      }
     }
   }),
   Underline: createTabs({
@@ -212,7 +268,11 @@ var SdTabs = {
     color: "primary",
     styles: {
       list: { width: "fit-content", margin: "0 auto", gap: "var(--mantine-spacing-sm)" },
-      tab: { fontWeight: "500", fontSize: "var(--mantine-h5-font-size)", paddingInline: "var(--mantine-spacing-lg)" }
+      tab: {
+        fontWeight: "500",
+        fontSize: "var(--mantine-h5-font-size)",
+        paddingInline: "var(--mantine-spacing-lg)"
+      }
     }
   }),
   Outline: createTabs({
@@ -221,7 +281,11 @@ var SdTabs = {
     radius: "md",
     styles: {
       list: { width: "fit-content", margin: "0 auto", gap: "var(--mantine-spacing-sm)" },
-      tab: { fontWeight: "500", fontSize: "var(--mantine-h5-font-size)", paddingInline: "var(--mantine-spacing-lg)" }
+      tab: {
+        fontWeight: "500",
+        fontSize: "var(--mantine-h5-font-size)",
+        paddingInline: "var(--mantine-spacing-lg)"
+      }
     }
   })
 };
@@ -257,6 +321,10 @@ var SdTitle = {
   /** 소제목  */
   Sub: createTitle({ order: 5 })
 };
+var SdTitleDisplay = SdTitle.Display;
+var SdTitleSection = SdTitle.Section;
+var SdTitleCard = SdTitle.Card;
+var SdTitleSub = SdTitle.Sub;
 
 // ui/atom/Text.tsx
 var import_core5 = require("@mantine/core");
@@ -272,20 +340,37 @@ var SdText = {
   Strong: createText({ fw: 700, c: "slate.9", fz: "md", style: { letterSpacing: "-0.04em" } }),
   Body: createText({ fw: 400, c: "slate.7", fz: "md", lh: 1.7 }),
   Sub: createText({ fw: 400, c: "slate.5", fz: "xs", lh: 1.6 }),
-  Eyebrow: createText({ fw: 700, c: "primary.6", fz: "xs", style: { letterSpacing: "0.12em", textTransform: "uppercase" } }),
+  Eyebrow: createText({
+    fw: 700,
+    c: "primary.6",
+    fz: "xs",
+    style: { letterSpacing: "0.12em", textTransform: "uppercase" }
+  }),
   Error: createText({ fw: 400, c: "red.6", fz: "sm" }),
   Hint: createText({ fw: 400, c: "slate.4", fz: "xs", lh: 1.5 }),
-  Numeric: createText({ fw: 700, c: "slate.8", fz: "md", style: { fontVariantNumeric: "tabular-nums", letterSpacing: "-0.02em" } })
+  Numeric: createText({
+    fw: 700,
+    c: "slate.8",
+    fz: "md",
+    style: { fontVariantNumeric: "tabular-nums", letterSpacing: "-0.02em" }
+  })
 };
+var SdTextStrong = SdText.Strong;
+var SdTextBody = SdText.Body;
+var SdTextSub = SdText.Sub;
+var SdTextEyebrow = SdText.Eyebrow;
+var SdTextError = SdText.Error;
+var SdTextHint = SdText.Hint;
+var SdTextNumeric = SdText.Numeric;
 
 // ui/atom/Button.tsx
 var import_core6 = require("@mantine/core");
 var import_icons_react = require("@tabler/icons-react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-function createButton(defaults) {
+function createButton(defaults, defaultLabel) {
   return function SdButton2(_a4) {
     var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core6.Button, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core6.Button, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children: children != null ? children : defaultLabel }));
   };
 }
 var SdButton = {
@@ -299,18 +384,37 @@ var SdButton = {
   Ghost: createButton({ variant: "subtle", color: "slate" }),
   /** 다크 배경 위 — white */
   White: createButton({ variant: "white" }),
-  /** 삭제 — filled red + 휴지통 아이콘 */
-  Delete: createButton({ color: "red", leftSection: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_react.IconTrash, { size: 16 }) }),
-  /** 취소 — outline slate + X 아이콘 */
-  Cancel: createButton({ variant: "outline", color: "slate", leftSection: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_react.IconX, { size: 16 }) })
+  // ── 표준 액션 버튼: 라벨·색·아이콘이 고정 (children으로 라벨 덮어쓰기 가능) ──
+  /** 전송 — filled primary + 종이비행기 아이콘, 기본 라벨 "전송" */
+  Submit: createButton({ color: "primary", leftSection: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_react.IconSend, { size: 16 }) }, "\uC804\uC1A1"),
+  /** 삭제 — filled red + 휴지통 아이콘, 기본 라벨 "삭제" */
+  Delete: createButton({ color: "red", leftSection: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_react.IconTrash, { size: 16 }) }, "\uC0AD\uC81C"),
+  /** 취소 — outline slate + X 아이콘, 기본 라벨 "취소" */
+  Cancel: createButton(
+    { variant: "outline", color: "slate", leftSection: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_react.IconX, { size: 16 }) },
+    "\uCDE8\uC18C"
+  ),
+  /** 엑셀 — outline green + 스프레드시트 아이콘, 기본 라벨 "엑셀" */
+  Excel: createButton(
+    { variant: "outline", color: "green", leftSection: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_react.IconFileSpreadsheet, { size: 16 }) },
+    "\uC5D1\uC140"
+  ),
+  /** 다운로드 — light primary + 다운로드 아이콘, 기본 라벨 "다운로드" */
+  Download: createButton(
+    { variant: "light", color: "primary", leftSection: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_react.IconDownload, { size: 16 }) },
+    "\uB2E4\uC6B4\uB85C\uB4DC"
+  )
 };
 var SdButtonPrimary = SdButton.Primary;
 var SdButtonSecondary = SdButton.Secondary;
 var SdButtonOutline = SdButton.Outline;
 var SdButtonGhost = SdButton.Ghost;
 var SdButtonWhite = SdButton.White;
+var SdButtonSubmit = SdButton.Submit;
 var SdButtonDelete = SdButton.Delete;
 var SdButtonCancel = SdButton.Cancel;
+var SdButtonExcel = SdButton.Excel;
+var SdButtonDownload = SdButton.Download;
 
 // ui/atom/Quote.tsx
 var import_core7 = require("@mantine/core");
@@ -339,6 +443,8 @@ var SdQuote = {
   Plain,
   Card: CardQuote
 };
+var SdQuotePlain = SdQuote.Plain;
+var SdQuoteCard = SdQuote.Card;
 
 // ui/atom/Table.tsx
 var import_core8 = require("@mantine/core");
@@ -386,6 +492,7 @@ var Spec = createTable(__spreadProps(__spreadValues({}, base), {
 Spec.Th = SpecTh;
 Spec.Td = SpecTd;
 var SdTable = Object.assign(createTable(base), { Spec });
+var SdTableSpec = Spec;
 
 // ui/atom/Modal.tsx
 var import_core9 = require("@mantine/core");
@@ -409,7 +516,17 @@ var SdModal = createModal({
 var import_core10 = require("@mantine/core");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function SdNumberIcon(_a4) {
-  var _b = _a4, { value, size = 48, radius = "xl", color = "primary" } = _b, props = __objRest(_b, ["value", "size", "radius", "color"]);
+  var _b = _a4, {
+    value,
+    size = 48,
+    radius = "xl",
+    color = "primary"
+  } = _b, props = __objRest(_b, [
+    "value",
+    "size",
+    "radius",
+    "color"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.ThemeIcon, __spreadProps(__spreadValues({ size, radius, color }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SdText.Strong, { c: "white", children: value }) }));
 }
 
@@ -432,6 +549,10 @@ var SdBadge = {
   /** 주의/경고 */
   Warning: createBadge({ variant: "light", color: "orange" })
 };
+var SdBadgeDefault = SdBadge.Default;
+var SdBadgePrimary = SdBadge.Primary;
+var SdBadgeSuccess = SdBadge.Success;
+var SdBadgeWarning = SdBadge.Warning;
 
 // ui/atom/Input.tsx
 var import_core12 = require("@mantine/core");
@@ -443,19 +564,19 @@ function createTextInput(defaults) {
   };
 }
 function createTextarea(defaults) {
-  return function SdInputTextarea(_a4) {
+  return function SdInputTextarea2(_a4) {
     var props = __objRest(_a4, []);
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.Textarea, __spreadValues(__spreadValues({}, defaults), props));
   };
 }
 function createPasswordInput(defaults) {
-  return function SdInputPassword(_a4) {
+  return function SdInputPassword2(_a4) {
     var props = __objRest(_a4, []);
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.PasswordInput, __spreadValues(__spreadValues({}, defaults), props));
   };
 }
 function createSelect(defaults) {
-  return function SdInputSelect(_a4) {
+  return function SdInputSelect2(_a4) {
     var props = __objRest(_a4, []);
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.Select, __spreadValues(__spreadValues({}, defaults), props));
   };
@@ -472,6 +593,11 @@ var SdInput = {
   /** 드롭다운 선택 */
   Select: createSelect({})
 };
+var SdInputText = SdInput.Text;
+var SdInputEmail = SdInput.Email;
+var SdInputPassword = SdInput.Password;
+var SdInputTextarea = SdInput.Textarea;
+var SdInputSelect = SdInput.Select;
 
 // ui/atom/Skeleton.tsx
 var import_core13 = require("@mantine/core");
@@ -497,7 +623,11 @@ function SkeletonCard({ height, lines = 3 }) {
     import_core13.Box,
     {
       p: "md",
-      style: { borderRadius: "var(--mantine-radius-md)", border: "1px solid var(--mantine-color-gray-3)", height },
+      style: {
+        borderRadius: "var(--mantine-radius-md)",
+        border: "1px solid var(--mantine-color-gray-3)",
+        height
+      },
       children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_core13.Stack, { gap: "sm", children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.Skeleton, { height: 20, width: "50%", radius: "sm" }),
         Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -526,9 +656,60 @@ var SdSkeletonTitle = SkeletonTitle;
 var SdSkeletonImage = SkeletonImage;
 var SdSkeletonAvatar = SkeletonAvatar;
 
-// ui/molecule/TextBox.tsx
+// ui/atom/Link.tsx
 var import_core14 = require("@mantine/core");
+
+// util/style.util.ts
+function toCssColor(value) {
+  if (typeof value !== "string") return "";
+  return value.includes(".") ? `var(--mantine-color-${value.replace(".", "-")})` : value;
+}
+
+// ui/atom/Link.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
+var HOVER_COLOR = "var(--mantine-color-primary-6)";
+function createLink(defaults) {
+  return function SdLink2(_a4) {
+    var _b = _a4, { children, onMouseEnter, onMouseLeave } = _b, props = __objRest(_b, ["children", "onMouseEnter", "onMouseLeave"]);
+    var _a5;
+    const baseColor = toCssColor((_a5 = props.c) != null ? _a5 : defaults.c);
+    const handleEnter = (e) => {
+      e.currentTarget.style.color = HOVER_COLOR;
+      onMouseEnter == null ? void 0 : onMouseEnter(e);
+    };
+    const handleLeave = (e) => {
+      e.currentTarget.style.color = baseColor;
+      onMouseLeave == null ? void 0 : onMouseLeave(e);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_core14.Anchor,
+      __spreadProps(__spreadValues(__spreadValues({}, defaults), props), {
+        style: { transition: "color 0.15s" },
+        onMouseEnter: handleEnter,
+        onMouseLeave: handleLeave,
+        children
+      })
+    );
+  };
+}
+var SdLink = {
+  /** 최상위 강조 — 눈에 띄어야 하는 단일 링크 */
+  Strong: createLink({ fw: 700, c: "primary.6", fz: "xs", underline: "never" }),
+  /** 기본 — 본문·네비게이션 수준의 일반 링크 */
+  Body: createLink({ fw: 500, c: "slate.7", fz: 15, underline: "never" }),
+  /** 보조 — 연락처·정책 등 부가 정보 */
+  Sub: createLink({ fw: 400, c: "slate.5", fz: "xs", underline: "never" }),
+  /** 최소 강조 — 링크 목록처럼 밀도가 높고 톤을 낮춰야 하는 곳 */
+  Hint: createLink({ fw: 400, c: "slate.4", fz: "xs", underline: "never" })
+};
+var SdLinkStrong = SdLink.Strong;
+var SdLinkBody = SdLink.Body;
+var SdLinkSub = SdLink.Sub;
+var SdLinkHint = SdLink.Hint;
+
+// ui/molecule/TextBox.tsx
+var import_core15 = require("@mantine/core");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function createTextBox(titleVariant, defaultGap = "xs", descVariant = "Body", color_ = void 0) {
   return function SdTextBox2(_a4) {
     var _b = _a4, {
@@ -552,10 +733,10 @@ function createTextBox(titleVariant, defaultGap = "xs", descVariant = "Body", co
     const variant = variantOverride != null ? variantOverride : titleVariant;
     const TitleComponent = SdTitle[variant];
     const DescComponent = SdText[descVariant];
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_core14.Stack, __spreadProps(__spreadValues({ gap: defaultGap }, stackProps), { children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SdText.Eyebrow, { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TitleComponent, { c: colorRes, children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DescComponent, { c: colorRes, maw: maxDescWidth, mt: 4, children: description }),
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core15.Stack, __spreadProps(__spreadValues({ gap: defaultGap }, stackProps), { children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SdText.Eyebrow, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TitleComponent, { c: colorRes, children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DescComponent, { c: colorRes, maw: maxDescWidth, mt: 4, children: description }),
       children
     ] }));
   };
@@ -572,7 +753,7 @@ var SdTextBoxCard = SdTextBox.Card;
 var SdTextBoxSub = SdTextBox.Sub;
 
 // ui/molecule/Features.tsx
-var import_core15 = require("@mantine/core");
+var import_core16 = require("@mantine/core");
 
 // util/sort.util.ts
 function filterAndSort(items) {
@@ -580,78 +761,84 @@ function filterAndSort(items) {
 }
 
 // ui/molecule/Features.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function SdFeatures({ items, cols = { base: 1, sm: 2, md: 3 } }) {
   const visible = filterAndSort(items);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core15.SimpleGrid, { cols, spacing: "xl", children: visible.map((item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_core15.Card,
-    {
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core15.Stack, { gap: "sm", children: [
-        item.icon,
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          SdTextBox.Card,
-          {
-            label: item.label,
-            title: item.title,
-            description: item.description
-          }
-        )
-      ] }, item.id)
-    },
-    item.id
-  )) });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_core16.SimpleGrid, { cols, spacing: "xl", children: visible.map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_core16.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_core16.Stack, { gap: "sm", children: [
+    item.icon,
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SdTextBox.Card, { label: item.label, title: item.title, description: item.description })
+  ] }, item.id) }, item.id)) });
 }
 
 // ui/molecule/Timeline.tsx
-var import_core16 = require("@mantine/core");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_core17 = require("@mantine/core");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function SdTimeline({ items }) {
   const grouped = items.filter((item) => item.isShow).sort((a, b) => b.year - a.year || b.month - a.month).reduce((acc, item) => {
     var _a4, _b;
+    ;
     ((_b = acc[_a4 = item.year]) != null ? _b : acc[_a4] = []).push(item);
     return acc;
   }, {});
   const years = Object.keys(grouped).map(Number).sort((a, b) => b - a);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_core16.Timeline, { active: items.length, bulletSize: 24, lineWidth: 2, children: years.map((year) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_core16.Timeline.Item,
-    {
-      title: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(SdTitle.Sub, { children: [
-        year,
-        "\uB144"
-      ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_core16.Stack, { gap: 6, mt: "xs", children: grouped[year].map((event) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_core16.Group, { gap: "md", align: "center", wrap: "nowrap", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(SdText.Eyebrow, { miw: 28, children: [
-          event.month,
-          "\uC6D4"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SdText.Sub, { style: { flex: 1 }, children: event.description })
-      ] }, event.id)) })
-    },
-    year
-  )) });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core17.Timeline, { active: items.length, bulletSize: 24, lineWidth: 2, children: years.map((year) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core17.Timeline.Item, { title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SdTitle.Sub, { children: [
+    year,
+    "\uB144"
+  ] }), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core17.Stack, { gap: 6, mt: "xs", children: grouped[year].map((event) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core17.Group, { gap: "md", align: "center", wrap: "nowrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SdText.Eyebrow, { miw: 28, children: [
+      event.month,
+      "\uC6D4"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SdText.Sub, { style: { flex: 1 }, children: event.description })
+  ] }, event.id)) }) }, year)) });
 }
 
 // ui/molecule/Steps.tsx
-var import_core17 = require("@mantine/core");
+var import_core18 = require("@mantine/core");
 var import_icons_react2 = require("@tabler/icons-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
 var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function BubbleStep({ item, index, isLast }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Group, { align: "flex-start", gap: "lg", wrap: "nowrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Box, { style: { display: "flex", flexDirection: "column", alignItems: "center", flexShrink: 0 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SdNumberIcon, { value: String(index + 1).padStart(2, "0") }),
-      !isLast && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { style: { width: 2, flex: 1, minHeight: 32, marginTop: 8, background: "var(--mantine-color-primary-2)" } })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SdTextBox.Card, { title: item.title, description: item.description, pb: !isLast ? "xl" : 0, pt: 4 })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Group, { align: "flex-start", gap: "lg", wrap: "nowrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      import_core18.Box,
+      {
+        style: { display: "flex", flexDirection: "column", alignItems: "center", flexShrink: 0 },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdNumberIcon, { value: String(index + 1).padStart(2, "0") }),
+          !isLast && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            import_core18.Box,
+            {
+              style: {
+                width: 2,
+                flex: 1,
+                minHeight: 32,
+                marginTop: 8,
+                background: "var(--mantine-color-primary-2)"
+              }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      SdTextBox.Card,
+      {
+        title: item.title,
+        description: item.description,
+        pb: !isLast ? "xl" : 0,
+        pt: 4
+      }
+    )
   ] });
 }
 function Bubble({ items }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BubbleStep, { item, index: i, isLast: i === items.length - 1 }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Box, { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(BubbleStep, { item, index: i, isLast: i === items.length - 1 }, i)) });
 }
 function CardStep({ item, index }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Card, { withBorder: true, radius: "md", p: 0, style: { height: "100%", overflow: "hidden" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_core17.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Card, { withBorder: true, radius: "md", p: 0, style: { height: "100%", overflow: "hidden" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      import_core18.Box,
       {
         py: "lg",
         style: {
@@ -659,54 +846,57 @@ function CardStep({ item, index }) {
           justifyContent: "center",
           background: "var(--mantine-color-primary-0)"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(SdText.Eyebrow, { children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(SdText.Eyebrow, { children: [
           "STEP ",
           String(index + 1).padStart(2, "0")
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { p: "lg", style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SdTextBox.Card, { title: item.title, description: item.description }) })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Box, { p: "lg", style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdTextBox.Card, { title: item.title, description: item.description }) })
   ] });
 }
 function CardArrow({ direction }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.ThemeIcon, { size: 36, radius: "xl", variant: "light", color: "primary", children: direction === "right" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons_react2.IconArrowRight, { size: 20, stroke: 2.5 }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons_react2.IconArrowDown, { size: 20, stroke: 2.5 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.ThemeIcon, { size: 36, radius: "xl", variant: "light", color: "primary", children: direction === "right" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react2.IconArrowRight, { size: 20, stroke: 2.5 }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons_react2.IconArrowDown, { size: 20, stroke: 2.5 }) });
 }
 function CardVariant({ items }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Stack, { gap: "sm", hiddenFrom: "sm", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime17.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardStep, { item, index: i }),
-      i < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardArrow, { direction: "down" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Stack, { gap: "sm", hiddenFrom: "sm", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime18.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardStep, { item, index: i }),
+      i < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Box, { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardArrow, { direction: "down" }) })
     ] }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Group, { wrap: "nowrap", align: "stretch", gap: 0, visibleFrom: "sm", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime17.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardStep, { item, index: i }) }),
-      i < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { style: { display: "flex", alignItems: "center", padding: "0 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardArrow, { direction: "right" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Group, { wrap: "nowrap", align: "stretch", gap: 0, visibleFrom: "sm", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime18.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Box, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardStep, { item, index: i }) }),
+      i < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Box, { style: { display: "flex", alignItems: "center", padding: "0 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardArrow, { direction: "right" }) })
     ] }, i)) })
   ] });
 }
 function StripStep({ item, index }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Box, { pl: "md", style: { borderLeft: "3px solid var(--mantine-color-primary-6)" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Stack, { gap: 4, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(SdText.Eyebrow, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Box, { pl: "md", style: { borderLeft: "3px solid var(--mantine-color-primary-6)" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: 4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(SdText.Eyebrow, { children: [
       "STEP ",
       String(index + 1).padStart(2, "0")
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SdTextBox.Card, { title: item.title, description: item.description })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdTextBox.Card, { title: item.title, description: item.description })
   ] }) });
 }
 function Strip({ items }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Stack, { gap: "xl", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StripStep, { item, index: i }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Stack, { gap: "xl", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StripStep, { item, index: i }, i)) });
 }
 var SdSteps = { Bubble, Card: CardVariant, Strip };
+var SdStepsBubble = SdSteps.Bubble;
+var SdStepsCard = SdSteps.Card;
+var SdStepsStrip = SdSteps.Strip;
 
 // ui/molecule/Testimonial.tsx
-var import_core18 = require("@mantine/core");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_core19 = require("@mantine/core");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function AuthorRow({ item }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Group, { gap: "sm", wrap: "nowrap", children: [
-    item.avatar && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Avatar, { src: item.avatar, size: "md", radius: "xl" }),
-    !item.avatar && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Avatar, { size: "md", radius: "xl", color: "primary", children: item.name.charAt(0) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdText.Strong, { fz: "sm", children: item.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(SdText.Sub, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { gap: "sm", wrap: "nowrap", children: [
+    item.avatar && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Avatar, { src: item.avatar, size: "md", radius: "xl" }),
+    !item.avatar && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Avatar, { size: "md", radius: "xl", color: "primary", children: item.name.charAt(0) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdText.Strong, { fz: "sm", children: item.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SdText.Sub, { children: [
         item.role,
         item.company ? ` \xB7 ${item.company}` : ""
       ] })
@@ -715,28 +905,28 @@ function AuthorRow({ item }) {
 }
 function CardTestimonial(_a4) {
   var _b = _a4, { item } = _b, boxProps = __objRest(_b, ["item"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Card, __spreadProps(__spreadValues({ h: "100%" }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "md", h: "100%", children: [
-    item.rating && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Rating, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "xs", style: { flex: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdTitle.Display, { c: "primary.6", lh: 0.8, "aria-hidden": true, children: "\u201C" }),
-      item.lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdText.Body, { children: line }, i))
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Card, __spreadProps(__spreadValues({ h: "100%" }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: "md", h: "100%", children: [
+    item.rating && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Rating, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: "xs", style: { flex: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdTitle.Display, { c: "primary.6", lh: 0.8, "aria-hidden": true, children: "\u201C" }),
+      item.lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdText.Body, { children: line }, i))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AuthorRow, { item })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AuthorRow, { item })
   ] }) }));
 }
 function Strip2(_a4) {
   var _b = _a4, { item } = _b, boxProps = __objRest(_b, ["item"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "md", children: [
-    item.rating && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Rating, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Group, { gap: 4, align: "flex-start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdTitle.Display, { c: "primary.6", lh: 0.8, "aria-hidden": true, children: "\u201C" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Stack, { gap: "xs", style: { flex: 1 }, children: item.lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SdText.Body, { children: line }, i)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: "md", children: [
+    item.rating && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Rating, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { gap: 4, align: "flex-start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdTitle.Display, { c: "primary.6", lh: 0.8, "aria-hidden": true, children: "\u201C" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Stack, { gap: "xs", style: { flex: 1 }, children: item.lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdText.Body, { children: line }, i)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AuthorRow, { item })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AuthorRow, { item })
   ] }) }));
 }
 function Grid({ items, cols = { base: 1, sm: 2, md: 3 } }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.SimpleGrid, { cols, spacing: "xl", style: { alignItems: "stretch" }, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardTestimonial, { item }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.SimpleGrid, { cols, spacing: "xl", style: { alignItems: "stretch" }, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CardTestimonial, { item }, i)) });
 }
 var SdTestimonial = {
   /** 카드형 — 그리드 배치용 */
@@ -746,114 +936,87 @@ var SdTestimonial = {
   /** 카드 그리드 — 여러 후기 목록 */
   Grid
 };
+var SdTestimonialCard = SdTestimonial.Card;
+var SdTestimonialStrip = SdTestimonial.Strip;
+var SdTestimonialGrid = SdTestimonial.Grid;
 
 // ui/molecule/PricingCard.tsx
-var import_core19 = require("@mantine/core");
+var import_core20 = require("@mantine/core");
 var import_icons_react3 = require("@tabler/icons-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Default(_a4) {
   var _b = _a4, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
   var _a5;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_core19.Card,
-    __spreadProps(__spreadValues({
-      withBorder: true,
-      style: { position: "relative" }
-    }, cardProps), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: "xl", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: "xs", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { justify: "space-between", align: "flex-start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdTitle.Card, { children: item.name }),
-            item.isPopular && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdBadge.Primary, { children: "\uCD94\uCC9C" })
-          ] }),
-          item.description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdText.Sub, { children: item.description })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { gap: 4, align: "baseline", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdTitle.Display, { children: item.price }),
-          item.period && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SdText.Sub, { children: [
-            "/ ",
-            item.period
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Divider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Stack, { gap: "sm", children: item.features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { gap: "sm", wrap: "nowrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            import_core19.ThemeIcon,
-            {
-              size: "xs",
-              radius: "xl",
-              color: f.included ? "primary" : "slate",
-              variant: f.included ? "filled" : "subtle",
-              children: f.included ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react3.IconCheck, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react3.IconX, { size: 12 })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            SdText.Body,
-            {
-              fz: "sm",
-              c: f.included ? "slate.7" : "slate.4",
-              children: f.text
-            }
-          )
-        ] }, i)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdButton.Outline, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a5 = item.ctaLabel) != null ? _a5 : "\uC2DC\uC791\uD558\uAE30" })
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Card, __spreadProps(__spreadValues({ withBorder: true, style: { position: "relative" } }, cardProps), { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, { gap: "xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, { gap: "xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Group, { justify: "space-between", align: "flex-start", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdTitle.Card, { children: item.name }),
+        item.isPopular && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdBadge.Primary, { children: "\uCD94\uCC9C" })
+      ] }),
+      item.description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Sub, { children: item.description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Group, { gap: 4, align: "baseline", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdTitle.Display, { children: item.price }),
+      item.period && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(SdText.Sub, { children: [
+        "/ ",
+        item.period
       ] })
-    })
-  );
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Stack, { gap: "sm", children: item.features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Group, { gap: "sm", wrap: "nowrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_core20.ThemeIcon,
+        {
+          size: "xs",
+          radius: "xl",
+          color: f.included ? "primary" : "slate",
+          variant: f.included ? "filled" : "subtle",
+          children: f.included ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_react3.IconCheck, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_react3.IconX, { size: 12 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Body, { fz: "sm", c: f.included ? "slate.7" : "slate.4", children: f.text })
+    ] }, i)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdButton.Outline, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a5 = item.ctaLabel) != null ? _a5 : "\uC2DC\uC791\uD558\uAE30" })
+  ] }) }));
 }
 function Featured(_a4) {
   var _b = _a4, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
   var _a5;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_core19.Card,
-    __spreadProps(__spreadValues({
-      bg: "primary.6",
-      style: { position: "relative" }
-    }, cardProps), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: "xl", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Stack, { gap: "xs", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { justify: "space-between", align: "flex-start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdTitle.Card, { c: "white", children: item.name }),
-            item.isPopular && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdBadge.Default, { c: "white", style: { borderColor: "rgba(255,255,255,0.5)" }, children: "\uCD94\uCC9C" })
-          ] }),
-          item.description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdText.Body, { c: "primary.1", children: item.description })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { gap: 4, align: "baseline", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdTitle.Display, { c: "white", children: item.price }),
-          item.period && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SdText.Body, { c: "primary.2", children: [
-            "/ ",
-            item.period
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Divider, { color: "primary.4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.Stack, { gap: "sm", children: item.features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core19.Group, { gap: "sm", wrap: "nowrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            import_core19.ThemeIcon,
-            {
-              size: "xs",
-              radius: "xl",
-              color: "white",
-              variant: f.included ? "filled" : "subtle",
-              children: f.included ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react3.IconCheck, { size: 12, color: "var(--mantine-color-primary-6)" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons_react3.IconX, { size: 12, color: "rgba(255,255,255,0.4)" })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            SdText.Body,
-            {
-              fz: "sm",
-              c: f.included ? "white" : "primary.3",
-              children: f.text
-            }
-          )
-        ] }, i)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdButton.White, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a5 = item.ctaLabel) != null ? _a5 : "\uC2DC\uC791\uD558\uAE30" })
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Card, __spreadProps(__spreadValues({ bg: "primary.6", style: { position: "relative" } }, cardProps), { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, { gap: "xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, { gap: "xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Group, { justify: "space-between", align: "flex-start", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdTitle.Card, { c: "white", children: item.name }),
+        item.isPopular && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdBadge.Default, { c: "white", style: { borderColor: "rgba(255,255,255,0.5)" }, children: "\uCD94\uCC9C" })
+      ] }),
+      item.description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Body, { c: "primary.1", children: item.description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Group, { gap: 4, align: "baseline", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdTitle.Display, { c: "white", children: item.price }),
+      item.period && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(SdText.Body, { c: "primary.2", children: [
+        "/ ",
+        item.period
       ] })
-    })
-  );
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Divider, { color: "primary.4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Stack, { gap: "sm", children: item.features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Group, { gap: "sm", wrap: "nowrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_core20.ThemeIcon,
+        {
+          size: "xs",
+          radius: "xl",
+          color: "white",
+          variant: f.included ? "filled" : "subtle",
+          children: f.included ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_react3.IconCheck, { size: 12, color: "var(--mantine-color-primary-6)" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons_react3.IconX, { size: 12, color: "rgba(255,255,255,0.4)" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Body, { fz: "sm", c: f.included ? "white" : "primary.3", children: f.text })
+    ] }, i)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdButton.White, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a5 = item.ctaLabel) != null ? _a5 : "\uC2DC\uC791\uD558\uAE30" })
+  ] }) }));
 }
 function Grid2({ items, cols = { base: 1, sm: 2, md: 3 }, onSelect }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core19.SimpleGrid, { cols, spacing: "xl", style: { alignItems: "stretch" }, children: items.map(
-    (item, i) => item.isPopular ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Featured, { item, onSelect }, i) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Default, { item, onSelect }, i)
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.SimpleGrid, { cols, spacing: "xl", style: { alignItems: "stretch" }, children: items.map(
+    (item, i) => item.isPopular ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Featured, { item, onSelect }, i) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Default, { item, onSelect }, i)
   ) });
 }
 var SdPricingCard = {
@@ -864,33 +1027,36 @@ var SdPricingCard = {
   /** 가격 그리드 (isPopular 항목은 자동으로 Featured 처리) */
   Grid: Grid2
 };
+var SdPricingCardDefault = SdPricingCard.Default;
+var SdPricingCardFeatured = SdPricingCard.Featured;
+var SdPricingCardGrid = SdPricingCard.Grid;
 
 // ui/molecule/Faq.tsx
-var import_core20 = require("@mantine/core");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_core21 = require("@mantine/core");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Default2(_a4) {
   var _b = _a4, { items } = _b, boxProps = __objRest(_b, ["items"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion, { variant: "separated", radius: "md", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Accordion.Item, { value: String(i), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Strong, { fz: "sm", children: item.question }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Body, { fz: "sm", children: item.answer }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Accordion, { variant: "separated", radius: "md", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Accordion.Item, { value: String(i), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Strong, { fz: "sm", children: item.question }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Body, { fz: "sm", children: item.answer }) })
   ] }, i)) }) }));
 }
 function Filled(_a4) {
   var _b = _a4, { items } = _b, boxProps = __objRest(_b, ["items"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion, { variant: "filled", radius: "md", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Accordion.Item, { value: String(i), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Strong, { fz: "sm", children: item.question }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Body, { fz: "sm", children: item.answer }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Accordion, { variant: "filled", radius: "md", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Accordion.Item, { value: String(i), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Strong, { fz: "sm", children: item.question }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Body, { fz: "sm", children: item.answer }) })
   ] }, i)) }) }));
 }
 function WithHeader(_a4) {
   var _b = _a4, { label, title, description, items } = _b, boxProps = __objRest(_b, ["label", "title", "description", "items"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, __spreadProps(__spreadValues({ gap: "xl" }, boxProps), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, { gap: "xs", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Eyebrow, { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdTitle.Section, { children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Body, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, __spreadProps(__spreadValues({ gap: "xl" }, boxProps), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, { gap: "xs", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Eyebrow, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdTitle.Section, { children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Body, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Default2, { items })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Default2, { items })
   ] }));
 }
 var SdFaq = {
@@ -901,10 +1067,13 @@ var SdFaq = {
   /** 헤더 + 아코디언 조합 */
   WithHeader
 };
+var SdFaqDefault = SdFaq.Default;
+var SdFaqFilled = SdFaq.Filled;
+var SdFaqWithHeader = SdFaq.WithHeader;
 
 // ui/molecule/Cta.tsx
-var import_core21 = require("@mantine/core");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_core22 = require("@mantine/core");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Banner(_a4) {
   var _b = _a4, {
     label,
@@ -923,34 +1092,17 @@ function Banner(_a4) {
     "onPrimary",
     "onSecondary"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_core21.Box,
-    __spreadProps(__spreadValues({
-      bg: "primary.7",
-      py: { base: "xl", md: 80 },
-      px: { base: "md", md: "xl" }
-    }, boxProps), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, { gap: "xl", align: "center", maw: 600, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, { gap: "sm", align: "center", children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Eyebrow, { c: "primary.3", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdTitle.Section, { c: "white", ta: "center", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Body, { c: "primary.2", ta: "center", children: description })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Group, { gap: "sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdButton.White, { size: "md", onClick: onPrimary, children: primaryLabel }),
-          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            SdButton.Ghost,
-            {
-              size: "md",
-              c: "primary.2",
-              onClick: onSecondary,
-              children: secondaryLabel
-            }
-          )
-        ] })
-      ] }) })
-    })
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core22.Box, __spreadProps(__spreadValues({ bg: "primary.7", py: { base: "xl", md: 80 }, px: { base: "md", md: "xl" } }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core22.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Stack, { gap: "xl", align: "center", maw: 600, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Stack, { gap: "sm", align: "center", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdText.Eyebrow, { c: "primary.3", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdTitle.Section, { c: "white", ta: "center", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdText.Body, { c: "primary.2", ta: "center", children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Group, { gap: "sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdButton.White, { size: "md", onClick: onPrimary, children: primaryLabel }),
+      secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdButton.Ghost, { size: "md", c: "primary.2", onClick: onSecondary, children: secondaryLabel })
+    ] })
+  ] }) }) }));
 }
 function Subtle(_a4) {
   var _b = _a4, {
@@ -970,23 +1122,23 @@ function Subtle(_a4) {
     "onPrimary",
     "onSecondary"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_core21.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_core22.Box,
     __spreadProps(__spreadValues({
       bg: "primary.0",
       py: { base: "xl", md: 60 },
       px: { base: "md", md: "xl" },
       style: { borderRadius: "var(--mantine-radius-lg)" }
     }, boxProps), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core21.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, { gap: "lg", align: "center", maw: 560, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, { gap: "sm", align: "center", children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Eyebrow, { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdTitle.Section, { ta: "center", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Body, { ta: "center", children: description })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core22.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Stack, { gap: "lg", align: "center", maw: 560, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Stack, { gap: "sm", align: "center", children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdText.Eyebrow, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdTitle.Section, { ta: "center", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdText.Body, { ta: "center", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Group, { gap: "sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdButton.Primary, { size: "md", onClick: onPrimary, children: primaryLabel }),
-          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdButton.Outline, { size: "md", onClick: onSecondary, children: secondaryLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Group, { gap: "sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdButton.Primary, { size: "md", onClick: onPrimary, children: primaryLabel }),
+          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdButton.Outline, { size: "md", onClick: onSecondary, children: secondaryLabel })
         ] })
       ] }) })
     })
@@ -1010,8 +1162,8 @@ function Inline(_a4) {
     "onPrimary",
     "onSecondary"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_core21.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_core22.Box,
     __spreadProps(__spreadValues({
       py: { base: "xl", md: 48 },
       px: { base: "md", md: "xl" },
@@ -1020,15 +1172,15 @@ function Inline(_a4) {
         borderBottom: "1px solid var(--mantine-color-slate-2)"
       }
     }, boxProps), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Group, { justify: "space-between", align: "center", gap: "xl", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Stack, { gap: "xs", style: { flex: 1 }, children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Eyebrow, { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdTitle.Card, { children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdText.Sub, { children: description })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Group, { justify: "space-between", align: "center", gap: "xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Stack, { gap: "xs", style: { flex: 1 }, children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdText.Eyebrow, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdTitle.Card, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdText.Sub, { children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_core21.Group, { gap: "sm", wrap: "nowrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdButton.Primary, { size: "md", onClick: onPrimary, children: primaryLabel }),
-          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SdButton.Outline, { size: "md", onClick: onSecondary, children: secondaryLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Group, { gap: "sm", wrap: "nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdButton.Primary, { size: "md", onClick: onPrimary, children: primaryLabel }),
+          secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdButton.Outline, { size: "md", onClick: onSecondary, children: secondaryLabel })
         ] })
       ] })
     })
@@ -1042,35 +1194,38 @@ var SdCta = {
   /** 좌우 분할 인라인 CTA */
   Inline
 };
+var SdCtaBanner = SdCta.Banner;
+var SdCtaSubtle = SdCta.Subtle;
+var SdCtaInline = SdCta.Inline;
 
 // ui/molecule/Solution.tsx
 var import_react = require("react");
-var import_core23 = require("@mantine/core");
+var import_core24 = require("@mantine/core");
 var import_link3 = __toESM(require("next/link"));
 
 // ui/molecule/SolutionCard.tsx
-var import_core22 = require("@mantine/core");
+var import_core23 = require("@mantine/core");
 var import_link2 = __toESM(require("next/link"));
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function SolutionCardItem(_a4) {
   var _b = _a4, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
   var _a5, _b2;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core22.Card, __spreadProps(__spreadValues({ withBorder: true }, cardProps), { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Stack, { gap: "md", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Card, __spreadProps(__spreadValues({ withBorder: true }, cardProps), { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Stack, { gap: "md", children: [
     item.icon,
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdBadge.Primary, { children: item.category }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdTitle.Card, { children: item.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdText.Body, { children: item.description }),
-    item.href ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Button, { variant: "subtle", color: "slate", component: import_link2.default, href: item.href, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdBadge.Primary, { children: item.category }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdTitle.Card, { children: item.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdText.Body, { children: item.description }),
+    item.href ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Button, { variant: "subtle", color: "slate", component: import_link2.default, href: item.href, children: [
       (_a5 = item.ctaLabel) != null ? _a5 : "\uC790\uC138\uD788 \uBCF4\uAE30",
       " \u2192"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(SdButton.Ghost, { onClick: () => onSelect == null ? void 0 : onSelect(item), children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(SdButton.Ghost, { onClick: () => onSelect == null ? void 0 : onSelect(item), children: [
       (_b2 = item.ctaLabel) != null ? _b2 : "\uC790\uC138\uD788 \uBCF4\uAE30",
       " \u2192"
     ] })
   ] }) }));
 }
 function Grid3({ items, cols = { base: 1, sm: 2, md: 3 }, onSelect }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core22.SimpleGrid, { cols, spacing: "xl", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SolutionCardItem, { item, onSelect }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.SimpleGrid, { cols, spacing: "xl", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SolutionCardItem, { item, onSelect }, i)) });
 }
 var SdSolutionCard = {
   /** 단일 compact 카드 */
@@ -1078,31 +1233,33 @@ var SdSolutionCard = {
   /** 카드 그리드 */
   Grid: Grid3
 };
+var SdSolutionCardItem = SdSolutionCard.Item;
+var SdSolutionCardGrid = SdSolutionCard.Grid;
 
 // ui/molecule/Solution.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Filtered({ items, allLabel = "\uC804\uCCB4", cols, onSelect }) {
   const categories = ["all", ...Array.from(new Set(items.map((i) => i.category)))];
   const [active, setActive] = (0, import_react.useState)("all");
   const filtered = active === "all" ? items : items.filter((i) => i.category === active);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Stack, { gap: "xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdTabs.Pills, { value: active, onChange: (v) => setActive(v != null ? v : "all"), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdTabs.Pills.List, { children: categories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdTabs.Pills.Tab, { value: cat, children: cat === "all" ? allLabel : cat }, cat)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdSolutionCard.Grid, { items: filtered, cols, onSelect })
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core24.Stack, { gap: "xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SdTabs.Pills, { value: active, onChange: (v) => setActive(v != null ? v : "all"), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SdTabs.Pills.List, { children: categories.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SdTabs.Pills.Tab, { value: cat, children: cat === "all" ? allLabel : cat }, cat)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SdSolutionCard.Grid, { items: filtered, cols, onSelect })
   ] });
 }
 function List({ items, onSelect }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Stack, { gap: 0, children: items.map((item, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Stack, { gap: 0, children: items.map((item, i) => {
     var _a4, _b;
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
-      i > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Divider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Group, { align: "flex-start", py: "lg", gap: "lg", children: [
-        item.icon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.ThemeIcon, { variant: "light", color: "primary", size: "xl", radius: "md", children: item.icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Stack, { gap: "xs", style: { flex: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdBadge.Primary, { children: item.category }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdTitle.Card, { children: item.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SdText.Body, { children: item.description }),
-          item.href ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-            import_core23.Button,
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+      i > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Divider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core24.Group, { align: "flex-start", py: "lg", gap: "lg", children: [
+        item.icon && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.ThemeIcon, { variant: "light", color: "primary", size: "xl", radius: "md", children: item.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core24.Stack, { gap: "xs", style: { flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SdBadge.Primary, { children: item.category }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SdTitle.Card, { children: item.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SdText.Body, { children: item.description }),
+          item.href ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            import_core24.Button,
             {
               variant: "subtle",
               color: "slate",
@@ -1114,7 +1271,7 @@ function List({ items, onSelect }) {
                 " \u2192"
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
             SdButton.Ghost,
             {
               onClick: () => onSelect == null ? void 0 : onSelect(item),
@@ -1136,10 +1293,12 @@ var SdSolution = {
   /** 수평 리스트 레이아웃 (상세 탐색용) */
   List
 };
+var SdSolutionFiltered = SdSolution.Filtered;
+var SdSolutionList = SdSolution.List;
 
 // ui/molecule/Clients.tsx
-var import_core24 = require("@mantine/core");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_core25 = require("@mantine/core");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var grayStyle = {
   filter: "grayscale(1) opacity(0.5)",
   transition: "filter 0.25s"
@@ -1148,7 +1307,7 @@ var colorStyle = {
   filter: "grayscale(0) opacity(1)"
 };
 function LogoImage({ client, height }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Tooltip, { label: client.name, withArrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Anchor, { href: client.url, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core25.Tooltip, { label: client.name, withArrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core25.Anchor, { href: client.url, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "img",
     {
       src: client.logo,
@@ -1164,15 +1323,27 @@ function Grid4({
   cols = { base: 2, sm: 3, md: 4, lg: 6 },
   logoHeight = 40
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.SimpleGrid, { cols, spacing: "xl", children: items.map((client, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Box, { style: { display: "flex", alignItems: "center", justifyContent: "center", padding: "12px 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(LogoImage, { client, height: logoHeight }) }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core25.SimpleGrid, { cols, spacing: "xl", children: items.map((client, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_core25.Box,
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "12px 8px"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LogoImage, { client, height: logoHeight })
+    },
+    i
+  )) });
 }
 var KEYFRAME = `@keyframes sd-clients-marquee { from { transform: translateX(0) } to { transform: translateX(-50%) } }`;
 function Marquee({ items, speed = 40, logoHeight = 36, gap = 64 }) {
   const doubled = [...items, ...items];
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core24.Box, { style: { overflow: "hidden" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("style", { children: KEYFRAME }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      import_core24.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core25.Box, { style: { overflow: "hidden" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("style", { children: KEYFRAME }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      import_core25.Box,
       {
         style: {
           display: "flex",
@@ -1182,12 +1353,14 @@ function Marquee({ items, speed = 40, logoHeight = 36, gap = 64 }) {
           animation: `sd-clients-marquee ${speed}s linear infinite`
         },
         onMouseEnter: (e) => {
+          ;
           e.currentTarget.style.animationPlayState = "paused";
         },
         onMouseLeave: (e) => {
+          ;
           e.currentTarget.style.animationPlayState = "running";
         },
-        children: doubled.map((client, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(LogoImage, { client, height: logoHeight }, i))
+        children: doubled.map((client, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LogoImage, { client, height: logoHeight }, i))
       }
     )
   ] });
@@ -1203,11 +1376,11 @@ var SdClientsMarquee = Marquee;
 
 // ui/molecule/Map.tsx
 var import_react2 = require("react");
-var import_core25 = require("@mantine/core");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_core26 = require("@mantine/core");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function MapFrame({ address, height }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core25.Stack, { gap: "xs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core25.Box, { style: { borderRadius: "var(--mantine-radius-md)", overflow: "hidden", height }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core26.Stack, { gap: "xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core26.Box, { style: { borderRadius: "var(--mantine-radius-md)", overflow: "hidden", height }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "iframe",
       {
         src: address.embbedUrl,
@@ -1220,7 +1393,7 @@ function MapFrame({ address, height }) {
         title: address.label
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(SdText.Sub, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(SdText.Sub, { children: [
       "[",
       address.label,
       "] ",
@@ -1231,18 +1404,18 @@ function MapFrame({ address, height }) {
 function Single(_a4) {
   var _b = _a4, { address, height = 400 } = _b, boxProps = __objRest(_b, ["address", "height"]);
   if (!address.embbedUrl) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core25.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MapFrame, { address, height }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core26.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MapFrame, { address, height }) }));
 }
 function Tabs2({ addresses, height = 400 }) {
   var _a4, _b, _c;
   const mapped = addresses.filter((a) => a.embbedUrl);
   const [active, setActive] = (0, import_react2.useState)((_b = (_a4 = mapped[0]) == null ? void 0 : _a4.label) != null ? _b : "");
   if (mapped.length === 0) return null;
-  if (mapped.length === 1) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MapFrame, { address: mapped[0], height });
+  if (mapped.length === 1) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MapFrame, { address: mapped[0], height });
   const current = (_c = mapped.find((a) => a.label === active)) != null ? _c : mapped[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_core25.Stack, { gap: "md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SdTabs.Pills, { value: active, onChange: (v) => setActive(v != null ? v : mapped[0].label), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SdTabs.Pills.List, { children: mapped.map((addr) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SdTabs.Pills.Tab, { value: addr.label, children: addr.label }, addr.label)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MapFrame, { address: current, height })
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core26.Stack, { gap: "md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SdTabs.Pills, { value: active, onChange: (v) => setActive(v != null ? v : mapped[0].label), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SdTabs.Pills.List, { children: mapped.map((addr) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SdTabs.Pills.Tab, { value: addr.label, children: addr.label }, addr.label)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MapFrame, { address: current, height })
   ] });
 }
 var SdMap = {
@@ -1256,9 +1429,9 @@ var SdMapTabs = Tabs2;
 
 // ui/organism/HeroCarousel.tsx
 var import_carousel = require("@mantine/carousel");
-var import_core26 = require("@mantine/core");
+var import_core27 = require("@mantine/core");
 var import_icons_react4 = require("@tabler/icons-react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var variantMap = {
   primary: SdButton.Primary,
   secondary: SdButton.Secondary,
@@ -1268,13 +1441,13 @@ var variantMap = {
 function CtaButton({ cta }) {
   var _a4;
   const Button3 = variantMap[(_a4 = cta.variant) != null ? _a4 : "primary"];
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core26.Anchor, { href: cta.href, underline: "never", children: cta.icon ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button3, { size: "md", rightSection: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icons_react4.IconArrowNarrowRight, {}), children: cta.label }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button3, { size: "md", children: cta.label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core27.Anchor, { href: cta.href, underline: "never", children: cta.icon ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button3, { size: "md", rightSection: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_icons_react4.IconArrowNarrowRight, {}), children: cta.label }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button3, { size: "md", children: cta.label }) });
 }
 function HeroCarousel({ slides, children }) {
-  if (children) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children });
+  if (children) return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children });
   const filterdSlides = filterAndSort(slides);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_carousel.Carousel, { withIndicators: true, height: "60svh", children: filterdSlides.map((slide, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_carousel.Carousel.Slide, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    import_core26.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_carousel.Carousel, { withIndicators: true, height: "60svh", children: filterdSlides.map((slide, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_carousel.Carousel.Slide, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_core27.Box,
     {
       style: {
         height: "100%",
@@ -1285,8 +1458,8 @@ function HeroCarousel({ slides, children }) {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_core26.Stack, { align: "center", style: { textAlign: "center", maxWidth: 780 }, px: "xl", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core27.Stack, { align: "center", style: { textAlign: "center", maxWidth: 780 }, px: "xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           SdTextBox.Hero,
           {
             title: slide.title,
@@ -1295,137 +1468,194 @@ function HeroCarousel({ slides, children }) {
             align: "center"
           }
         ),
-        slide.ctas && slide.ctas.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core26.Group, { gap: "sm", mt: "md", children: slide.ctas.map((cta, i2) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CtaButton, { cta }, cta.href)) })
+        slide.ctas && slide.ctas.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core27.Group, { gap: "sm", mt: "md", children: slide.ctas.map((cta, i2) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CtaButton, { cta }, cta.href)) })
       ] })
     }
   ) }, i)) });
 }
 
 // ui/organism/Header.tsx
-var import_core27 = require("@mantine/core");
+var import_core28 = require("@mantine/core");
 var import_hooks = require("@mantine/hooks");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-function SdHeader({ navItems, loginFlag, children }) {
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var BAR_HEIGHT = 60;
+function SdHeader({ navItems, loginFlag }) {
   const [opened, { toggle, close }] = (0, import_hooks.useDisclosure)();
-  const visibleTopItems = navItems.filter((item) => item.isShow && !item.parentId).sort((a, b) => a.order - b.order);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SdContainer, { h: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core27.Group, { justify: "space-between", h: "100%", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Logo, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core27.Group, { gap: "xl", visibleFrom: "sm", children: visibleTopItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core27.Anchor, { href: item.href, c: "slate.7", fw: 500, underline: "never", fz: 15, children: item.label }, item.id)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core27.Burger, { hiddenFrom: "sm", opened, onClick: toggle }),
-      loginFlag && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core27.Group, { gap: "sm", visibleFrom: "sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SdButton.Ghost, { size: "sm", children: "\uB85C\uADF8\uC778" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SdButton.Primary, { size: "sm", children: "\uBB34\uB8CC \uC2DC\uC791" })
-      ] }),
-      children
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core27.Drawer, { opened, onClose: close, hiddenFrom: "sm", size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core27.Stack, { children: [
-      visibleTopItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_core27.Anchor, { href: item.href, c: "slate.7", fw: 500, underline: "never", fz: 16, onClick: close, children: item.label }, item.id)),
-      loginFlag && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_core27.Stack, { gap: "xs", mt: "md", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SdButton.Ghost, { size: "sm", children: "\uB85C\uADF8\uC778" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SdButton.Primary, { size: "sm", children: "\uBB34\uB8CC \uC2DC\uC791" })
-      ] })
+  const visibleItems = filterAndSort(navItems);
+  const topItems = visibleItems.filter((item) => !item.parentId);
+  const childrenOf = (parentId) => visibleItems.filter((item) => item.parentId === parentId);
+  const hasAnyChildren = visibleItems.some((item) => item.parentId);
+  const { hovered, ref: hoverRef } = (0, import_hooks.useHover)();
+  const { focused, ref: focusRef } = (0, import_hooks.useFocusWithin)();
+  const rootRef = (0, import_hooks.useMergedRef)(hoverRef, focusRef);
+  const expanded = hasAnyChildren && (hovered || focused);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      import_core28.Box,
+      {
+        ref: rootRef,
+        pos: "relative",
+        bg: "var(--mantine-color-body)",
+        style: {
+          boxShadow: expanded ? "var(--mantine-shadow-md)" : void 0,
+          borderBottom: expanded ? "1px solid var(--mantine-color-slate-2)" : void 0,
+          transition: "box-shadow 0.15s"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Group, { justify: "space-between", align: "flex-start", wrap: "nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Group, { h: BAR_HEIGHT, align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Logo, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Group, { gap: "xl", align: "flex-start", wrap: "nowrap", visibleFrom: "sm", children: topItems.map((item) => {
+            const kids = childrenOf(item.id);
+            return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Stack, { gap: 0, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Group, { h: BAR_HEIGHT, align: "center", children: item.href ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdLink.Body, { href: item.href, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Strong, { children: item.label }) }),
+              kids.length > 0 && /*
+                Mantine Collapse를 쓰지 않는다 — 접힐 때 display:none이 되어
+                하위 링크가 폭 계산에서 빠졌다가 펼칠 때 다시 들어오면서
+                컬럼 폭(=상단 nav 간격)이 튄다.
+                height 0 + overflow hidden은 폭 기여를 유지하므로 간격이 고정된다.
+                visibility:hidden이 접힌 상태의 링크를 탭 순서에서도 빼준다.
+              */
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                import_core28.Box,
+                {
+                  "aria-hidden": !expanded,
+                  style: {
+                    height: expanded ? "auto" : 0,
+                    overflow: "hidden",
+                    opacity: expanded ? 1 : 0,
+                    visibility: expanded ? "visible" : "hidden",
+                    transition: "opacity 0.15s ease"
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Stack, { gap: "xs", pt: 4, pb: "lg", align: "center", children: kids.map((kid) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdLink.Sub, { href: kid.href, children: kid.label }, kid.id)) })
+                }
+              )
+            ] }, item.id);
+          }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Group, { h: BAR_HEIGHT, align: "center", gap: "sm", wrap: "nowrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Burger, { hiddenFrom: "sm", opened, onClick: toggle }),
+            loginFlag && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Group, { gap: "sm", visibleFrom: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdButton.Primary, { size: "xs", children: "\uB85C\uADF8\uC778" }) })
+          ] })
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Drawer, { opened, onClose: close, hiddenFrom: "sm", size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Stack, { gap: 0, children: [
+      topItems.map((item) => {
+        const kids = childrenOf(item.id);
+        if (kids.length === 0) {
+          return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Box, { px: "sm", py: 8, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdLink.Body, { href: item.href, onClick: close, children: item.label }) }, item.id);
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          import_core28.NavLink,
+          {
+            label: item.label,
+            href: item.href,
+            childrenOffset: 28,
+            onClick: kids.length > 0 ? void 0 : close,
+            children: kids.map((kid) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.NavLink, { label: kid.label, href: kid.href, onClick: close }, kid.id))
+          },
+          item.id
+        );
+      }),
+      loginFlag && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Stack, { gap: "xs", mt: "md", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdButton.Primary, { size: "xs", children: "\uB85C\uADF8\uC778" }) })
     ] }) })
   ] });
 }
 
 // ui/organism/Footer.tsx
-var import_core28 = require("@mantine/core");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_core29 = require("@mantine/core");
+var import_icons_react5 = require("@tabler/icons-react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function FooterNavColumns({ items }) {
   const topLevel = items.filter((item) => !item.parentId);
   const getChildren = (parentId) => items.filter((item) => item.parentId === parentId);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: topLevel.map((group) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Grid.Col, { span: { base: 6, sm: 4, md: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Stack, { gap: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Strong, { fz: "sm", children: group.label }),
-    getChildren(group.id).map((link) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      import_core28.Anchor,
+  const CHILD_THRESH = 4;
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: topLevel.map((group) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core29.Grid.Col, { span: { base: 6, sm: 4, md: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core29.Stack, { gap: "xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SdText.Sub, { children: group.label }),
+    getChildren(group.id).map((link, id) => {
+      if (id >= CHILD_THRESH) return;
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SdLink.Hint, { href: link.href, children: link.label }, link.id);
+    })
+  ] }) }, group.id)) });
+}
+var SOCIAL_ICONS = {
+  x: import_icons_react5.IconBrandX,
+  youtube: import_icons_react5.IconBrandYoutube,
+  instagram: import_icons_react5.IconBrandInstagram,
+  facebook: import_icons_react5.IconBrandFacebook,
+  linkedin: import_icons_react5.IconBrandLinkedin,
+  github: import_icons_react5.IconBrandGithub,
+  blog: import_icons_react5.IconWorld
+};
+function FooterSocials({ items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core29.Group, { gap: 0, wrap: "nowrap", children: items.map((item) => {
+    var _a4, _b;
+    const Icon = (_a4 = SOCIAL_ICONS[item.platform]) != null ? _a4 : import_icons_react5.IconWorld;
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      import_core29.ActionIcon,
       {
-        href: link.href,
-        fz: "sm",
-        c: "slate.6",
-        underline: "never",
-        style: { transition: "color 0.15s" },
-        onMouseEnter: (e) => {
-          e.currentTarget.style.color = "var(--mantine-color-primary-6)";
-        },
-        onMouseLeave: (e) => {
-          e.currentTarget.style.color = "";
-        },
-        children: link.label
+        component: "a",
+        href: item.url,
+        target: "_blank",
+        rel: "noreferrer",
+        size: "lg",
+        color: "gray",
+        variant: "subtle",
+        "aria-label": (_b = item.label) != null ? _b : item.platform,
+        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { size: 18, stroke: 1.5 })
       },
-      link.id
-    ))
-  ] }) }, group.id)) });
+      item.url
+    );
+  }) });
+}
+function InfoCell({ label, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core29.Group, { gap: 6, wrap: "nowrap", align: "baseline", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SdText.Sub, { c: "slate.4", style: { whiteSpace: "nowrap" }, children: label }),
+    typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SdText.Sub, { children }) : children
+  ] });
 }
 function FooterCompanyInfo({ company }) {
   const sortedAddresses = [...company.addresses].sort((a, b) => a.order - b.order);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Group, { gap: "xs", wrap: "wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { children: company.name }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { c: "slate.4", children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SdText.Sub, { children: [
-      "\uC0AC\uC5C5\uC790\uB4F1\uB85D\uBC88\uD638 ",
-      company.registrationNumber
-    ] }),
-    sortedAddresses.map((addr) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Group, { gap: "xs", wrap: "nowrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { c: "slate.4", children: "|" }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { children: addr.address })
-    ] }, addr.label)),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { c: "slate.4", children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Anchor, { href: `tel:${company.tel}`, fz: "xs", c: "slate.5", underline: "never", children: [
-      "Tel ",
-      company.tel
-    ] }),
-    company.fax && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { c: "slate.4", children: "|" }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SdText.Sub, { children: [
-        "Fax ",
-        company.fax
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Sub, { c: "slate.4", children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Anchor, { href: `mailto:${company.email}`, fz: "xs", c: "slate.5", underline: "never", children: company.email })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core29.SimpleGrid, { cols: { base: 2, sm: 2, md: 1 }, spacing: "md", verticalSpacing: 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(InfoCell, { label: "\uC0C1\uD638", children: company.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(InfoCell, { label: "\uC0AC\uC5C5\uC790\uB4F1\uB85D\uBC88\uD638", children: company.registrationNumber }),
+    sortedAddresses.map((addr) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(InfoCell, { label: addr.label, children: addr.address }, addr.label)),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(InfoCell, { label: "Tel", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SdLink.Sub, { href: `tel:${company.tel}`, children: company.tel }) }),
+    company.fax && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(InfoCell, { label: "Fax", children: company.fax }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(InfoCell, { label: "Email", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SdLink.Sub, { href: `mailto:${company.email}`, children: company.email }) })
   ] });
 }
 function SdFooter({ company, navItems, policyLinks, description }) {
   const visibleNav = filterAndSort(navItems);
   const visiblePolicy = filterAndSort(policyLinks);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Box, { component: "footer", py: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SdContainer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Grid, { style: { "--grid-gutter": "48px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Grid.Col, { span: { base: 12, md: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Stack, { gap: "md", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Logo, { size: "sm" }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SdText.Body, { c: "slate.4", fz: "sm", children: description })
-      ] }) }),
-      visibleNav.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Grid.Col, { span: { base: 12, md: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Grid, { style: { "--grid-gutter": "24px" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FooterNavColumns, { items: visibleNav }) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core29.Box, { component: "footer", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SdContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core29.Stack, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Logo, { size: "sm" }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SdText.Sub, { children: description }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core29.Flex, { direction: { base: "column", md: "row" }, gap: 48, align: "flex-start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core29.Box, { flex: { base: "0 0 auto", md: "1 1 0" }, w: { base: "100%", md: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FooterCompanyInfo, { company }) }),
+      visibleNav.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core29.Box, { flex: { base: "0 0 auto", md: "2 1 0" }, w: { base: "100%", md: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core29.Grid, { style: { "--grid-gutter": "24px" }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FooterNavColumns, { items: visibleNav }) }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Divider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FooterCompanyInfo, { company }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_core28.Group, { justify: "space-between", wrap: "wrap", gap: "xs", mt: "md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SdText.Sub, { c: "slate.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core29.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core29.Group, { justify: "space-between", wrap: "wrap", gap: "xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(SdText.Sub, { children: [
         "\xA9 ",
         company.copyrightYear,
         " ",
         company.name,
         ". All rights reserved."
       ] }),
-      visiblePolicy.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core28.Group, { gap: "lg", children: visiblePolicy.map((item) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-        import_core28.Anchor,
-        {
-          href: item.href,
-          fz: "xs",
-          fw: item.highlight ? 700 : 400,
-          c: item.highlight ? "white" : "slate.5",
-          underline: "never",
-          children: item.label
-        },
-        item.id
-      )) })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core29.Group, { gap: "lg", wrap: "wrap", children: [
+        visiblePolicy.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core29.Group, { gap: "lg", children: visiblePolicy.map((item) => {
+          const Link4 = item.highlight ? SdLink.Strong : SdLink.Sub;
+          return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Link4, { href: item.href, children: item.label }, item.id);
+        }) }),
+        company.socials && company.socials.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FooterSocials, { items: company.socials })
+      ] })
     ] })
-  ] }) });
+  ] }) }) });
 }
 
 // ui/organism/FeatureSection.tsx
-var import_core29 = require("@mantine/core");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_core30 = require("@mantine/core");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function SdFeatureSection(_a4) {
   var _b = _a4, {
     label,
@@ -1442,8 +1672,8 @@ function SdFeatureSection(_a4) {
     "cols",
     "py"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SdContainer, __spreadProps(__spreadValues({ py }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core29.Stack, { gap: "xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SdContainer, __spreadProps(__spreadValues({ py }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core30.Stack, { gap: "xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       SdTextBox.Section,
       {
         label,
@@ -1454,13 +1684,13 @@ function SdFeatureSection(_a4) {
         align: "center"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SdFeatures, { items, cols })
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SdFeatures, { items, cols })
   ] }) }));
 }
 
 // ui/organism/TimelineSection.tsx
-var import_core30 = require("@mantine/core");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_core31 = require("@mantine/core");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function SdTimelineSection(_a4) {
   var _b = _a4, {
     label,
@@ -1475,22 +1705,15 @@ function SdTimelineSection(_a4) {
     "items",
     "py"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core30.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_core30.Stack, __spreadProps(__spreadValues({ py, gap: "md" }, boxProps), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-      SdTextBox.Section,
-      {
-        label,
-        title,
-        description
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core30.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SdTimeline, { items }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core31.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core31.Stack, __spreadProps(__spreadValues({ py, gap: "md" }, boxProps), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SdTextBox.Section, { label, title, description }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core31.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SdTimeline, { items }) })
   ] })) });
 }
 
 // ui/organism/StepsSection.tsx
-var import_core31 = require("@mantine/core");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_core32 = require("@mantine/core");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function SdStepsSection(_a4) {
   var _b = _a4, {
     label,
@@ -1505,18 +1728,18 @@ function SdStepsSection(_a4) {
     "items",
     "py"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SdContainer, __spreadProps(__spreadValues({ py }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_core31.Stack, { gap: "xl", children: [
-    (label || title || description) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SdTextBox.Section, { label, title, description }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SdSteps.Bubble, { items })
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdContainer, __spreadProps(__spreadValues({ py }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Stack, { gap: "xl", children: [
+    (label || title || description) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdTextBox.Section, { label, title, description }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdSteps.Bubble, { items })
   ] }) }));
 }
 
 // ui/organism/ErrorView.tsx
-var import_core32 = require("@mantine/core");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_core33 = require("@mantine/core");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function StatusCode({ code }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    import_core32.Text,
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    import_core33.Text,
     {
       fz: 160,
       fw: 900,
@@ -1529,15 +1752,15 @@ function StatusCode({ code }) {
   );
 }
 function Page({ error, onReset, onHome }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core32.Center, { mih: "60vh", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Stack, { align: "center", gap: "lg", ta: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(StatusCode, { code: "500" }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Stack, { gap: "sm", align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdTitle.Section, { children: "\uC11C\uBC84\uC5D0\uC11C \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdText.Body, { maw: 480, children: "\uC608\uAE30\uCE58 \uC54A\uC740 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4. \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694." })
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core33.Center, { mih: "60vh", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core33.Stack, { align: "center", gap: "lg", ta: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(StatusCode, { code: "500" }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core33.Stack, { gap: "sm", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdTitle.Section, { children: "\uC11C\uBC84\uC5D0\uC11C \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdText.Body, { maw: 480, children: "\uC608\uAE30\uCE58 \uC54A\uC740 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4. \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Group, { gap: "sm", justify: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdButton.Primary, { onClick: onReset, children: "\uB2E4\uC2DC \uC2DC\uB3C4" }),
-      onHome && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdButton.Ghost, { onClick: onHome, children: "\uD648\uC73C\uB85C" })
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core33.Group, { gap: "sm", justify: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdButton.Primary, { onClick: onReset, children: "\uB2E4\uC2DC \uC2DC\uB3C4" }),
+      onHome && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdButton.Ghost, { onClick: onHome, children: "\uD648\uC73C\uB85C" })
     ] })
   ] }) }) });
 }
@@ -1549,15 +1772,15 @@ function NotFound({
   },
   onBack = () => window.history.back()
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core32.Center, { mih: "60vh", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Stack, { align: "center", gap: "lg", ta: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(StatusCode, { code: "404" }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Stack, { gap: "sm", align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdTitle.Section, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdText.Body, { maw: 480, children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core33.Center, { mih: "60vh", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core33.Stack, { align: "center", gap: "lg", ta: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(StatusCode, { code: "404" }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core33.Stack, { gap: "sm", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdTitle.Section, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdText.Body, { maw: 480, children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_core32.Group, { gap: "sm", justify: "center", children: [
-      onHome && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdButton.Primary, { onClick: onHome, children: "\uD648\uC73C\uB85C" }),
-      onBack && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SdButton.Ghost, { onClick: onBack, children: "\uB4A4\uB85C \uAC00\uAE30" })
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core33.Group, { gap: "sm", justify: "center", children: [
+      onHome && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdButton.Primary, { onClick: onHome, children: "\uD648\uC73C\uB85C" }),
+      onBack && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdButton.Ghost, { onClick: onBack, children: "\uB4A4\uB85C \uAC00\uAE30" })
     ] })
   ] }) }) });
 }
@@ -1567,127 +1790,166 @@ var SdErrorView = {
   /** app/not-found.tsx — 404 Not Found */
   NotFound
 };
+var SdErrorViewPage = SdErrorView.Page;
+var SdErrorViewNotFound = SdErrorView.NotFound;
 
 // ui/template/MainLayout.tsx
-var import_core33 = require("@mantine/core");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-function MainLayout({ children, navItems, companyInfo }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_core33.AppShell, { header: { height: 60 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core33.AppShell.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdHeader, { navItems }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_core33.AppShell.Main, { children }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SdFooter, { company: companyInfo })
+var import_core34 = require("@mantine/core");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function MainLayout({
+  children,
+  navItems,
+  companyInfo,
+  loginFlag
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core34.AppShell, { header: { height: 60 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core34.AppShell.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdHeader, { navItems, loginFlag }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core34.AppShell.Main, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdFooter, { company: companyInfo, navItems })
   ] });
 }
 
 // ui/template/PageLayout.tsx
-var import_core34 = require("@mantine/core");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_core35 = require("@mantine/core");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Content({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdContainer, { py: "xl", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SdContainer, { py: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core35.Stack, { gap: "xl", children }) });
 }
 function LayoutGap() {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core34.Space, { h: 48 });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core35.Space, { h: 48 });
 }
 function Minimal({ label, title, description, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Plain2, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-      SdTextBox.Section,
-      {
-        label,
-        title,
-        description: description != null ? description : "",
-        mb: "xl"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core34.Divider, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Plain2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SdTextBox.Section, { label, title, description: description != null ? description : "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_core35.Divider, {}),
     children
   ] }) });
 }
 function Plain2({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LayoutGap, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Content, { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(LayoutGap, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Content, { children })
   ] });
 }
 function Image2({ image, label, title, description, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core34.Box, { style: {
-      position: "relative",
-      minHeight: "30svh",
-      display: "flex",
-      alignItems: "center",
-      backgroundImage: image ? `url(${image})` : void 0,
-      backgroundSize: "cover",
-      backgroundPosition: "center",
-      backgroundColor: "var(--mantine-color-slate-9)"
-    }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core34.Box, { style: {
-        position: "absolute",
-        inset: 0,
-        background: "rgba(0, 0, 0, 0.55)"
-      } }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdContainer, { style: { position: "relative", zIndex: 1, width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-        import_core34.Box,
-        {
-          py: 48,
-          px: 40,
-          maw: 420,
-          style: {
-            backdropFilter: "blur(24px)",
-            WebkitBackdropFilter: "blur(24px)",
-            background: "rgba(255,255,255,0.10)",
-            borderRadius: "var(--mantine-radius-md)",
-            border: "1px solid rgba(255,255,255,0.18)"
-          },
-          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      import_core35.Box,
+      {
+        style: {
+          position: "relative",
+          minHeight: "30svh",
+          display: "flex",
+          alignItems: "center",
+          backgroundImage: image ? `url(${image})` : void 0,
+          backgroundSize: "cover",
+          backgroundPosition: "center",
+          backgroundColor: "var(--mantine-color-slate-9)"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            import_core35.Box,
+            {
+              style: {
+                position: "absolute",
+                inset: 0,
+                background: "rgba(0, 0, 0, 0.55)"
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SdContainer, { style: { position: "relative", zIndex: 1, width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            import_core35.Box,
+            {
+              py: 48,
+              px: 40,
+              maw: 420,
+              style: {
+                backdropFilter: "blur(24px)",
+                WebkitBackdropFilter: "blur(24px)",
+                background: "rgba(255,255,255,0.10)",
+                borderRadius: "var(--mantine-radius-md)",
+                border: "1px solid rgba(255,255,255,0.18)"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                SdTextBox.Hero,
+                {
+                  label,
+                  title,
+                  description,
+                  ta: "left",
+                  align: "flex-start"
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Content, { children })
+  ] });
+}
+function Brand({ label, title, description, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      import_core35.Box,
+      {
+        style: {
+          position: "relative",
+          minHeight: "40svh",
+          display: "flex",
+          alignItems: "center",
+          overflow: "hidden",
+          background: "linear-gradient(135deg, var(--mantine-color-primary-8) 0%, var(--mantine-color-primary-6) 50%, var(--mantine-color-primary-4) 100%)"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            import_core35.Box,
+            {
+              style: {
+                position: "absolute",
+                top: -80,
+                right: -80,
+                width: 360,
+                height: 360,
+                borderRadius: "50%",
+                background: "rgba(255,255,255,0.06)",
+                pointerEvents: "none"
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            import_core35.Box,
+            {
+              style: {
+                position: "absolute",
+                bottom: -60,
+                left: -60,
+                width: 240,
+                height: 240,
+                borderRadius: "50%",
+                background: "rgba(255,255,255,0.04)",
+                pointerEvents: "none"
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SdContainer, { style: { position: "relative", zIndex: 1, width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             SdTextBox.Hero,
             {
               label,
               title,
               description,
-              ta: "left",
-              align: "flex-start"
+              ta: "center",
+              align: "center",
+              maw: 640,
+              mx: "auto",
+              pt: 80,
+              pb: 64
             }
-          )
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Content, { children })
-  ] });
-}
-function Brand({ label, title, description, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_core34.Box, { style: {
-      position: "relative",
-      minHeight: "40svh",
-      display: "flex",
-      alignItems: "center",
-      overflow: "hidden",
-      background: "linear-gradient(135deg, var(--mantine-color-primary-8) 0%, var(--mantine-color-primary-6) 50%, var(--mantine-color-primary-4) 100%)"
-    }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core34.Box, { style: {
-        position: "absolute",
-        top: -80,
-        right: -80,
-        width: 360,
-        height: 360,
-        borderRadius: "50%",
-        background: "rgba(255,255,255,0.06)",
-        pointerEvents: "none"
-      } }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core34.Box, { style: {
-        position: "absolute",
-        bottom: -60,
-        left: -60,
-        width: 240,
-        height: 240,
-        borderRadius: "50%",
-        background: "rgba(255,255,255,0.04)",
-        pointerEvents: "none"
-      } }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdContainer, { style: { position: "relative", zIndex: 1, width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SdTextBox.Hero, { label, title, description, ta: "center", align: "center", maw: 640, mx: "auto", pt: 80, pb: 64 }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Content, { children })
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Content, { children })
   ] });
 }
 var PageLayout = {
@@ -1702,7 +1964,7 @@ var PageLayout = {
 };
 
 // ui/theme.ts
-var import_core35 = require("@mantine/core");
+var import_core36 = require("@mantine/core");
 var primary = [
   "#e7f0fb",
   "#c8dcf4",
@@ -1752,33 +2014,53 @@ var slate = [
   "#0f172a"
   // 9  slate-900
 ];
-var cyan = [
-  "#ecfeff",
-  "#cffafe",
-  "#a5f3fc",
-  "#67e8f9",
-  "#22d3ee",
-  "#06b6d4",
-  "#0891b2",
-  "#0e7490",
-  "#155e75",
-  "#164e63"
+var red = [
+  "#fef2f2",
+  // 0  red-50
+  "#fee2e2",
+  // 1  red-100
+  "#fecaca",
+  // 2  red-200
+  "#fca5a5",
+  // 3  red-300
+  "#f87171",
+  // 4  red-400
+  "#ef4444",
+  // 5  red-500
+  "#dc2626",
+  // 6  red-600
+  "#b91c1c",
+  // 7  red-700
+  "#991b1b",
+  // 8  red-800
+  "#7f1d1d"
+  // 9  red-900
 ];
-var indigo = [
-  "#eef2ff",
-  "#e0e7ff",
-  "#c7d2fe",
-  "#a5b4fc",
-  "#818cf8",
-  "#6366f1",
-  "#4f46e5",
-  "#4338ca",
-  "#3730a3",
-  "#312e81"
+var green = [
+  "#f0fdf4",
+  // 0  green-50
+  "#dcfce7",
+  // 1  green-100
+  "#bbf7d0",
+  // 2  green-200
+  "#86efac",
+  // 3  green-300
+  "#4ade80",
+  // 4  green-400
+  "#22c55e",
+  // 5  green-500
+  "#16a34a",
+  // 6  green-600
+  "#15803d",
+  // 7  green-700
+  "#166534",
+  // 8  green-800
+  "#14532d"
+  // 9  green-900
 ];
-var theme = (0, import_core35.createTheme)({
+var theme = (0, import_core36.createTheme)({
   /* ---- Color ---- */
-  colors: { primary, secondary, slate, cyan, indigo, dark: slate },
+  colors: { primary, secondary, slate, red, green, dark: slate },
   primaryColor: "primary",
   primaryShade: { light: 6, dark: 5 },
   /* ---- Type ---- */
@@ -1788,20 +2070,20 @@ var theme = (0, import_core35.createTheme)({
     fontFamily: "'Noto Sans KR', ui-sans-serif, system-ui, sans-serif",
     fontWeight: "700",
     sizes: {
-      h1: { fontSize: (0, import_core35.rem)(48), lineHeight: "1.1", fontWeight: "900" },
-      h2: { fontSize: (0, import_core35.rem)(36), lineHeight: "1.1", fontWeight: "900" },
-      h3: { fontSize: (0, import_core35.rem)(28), lineHeight: "1.15", fontWeight: "700" },
-      h4: { fontSize: (0, import_core35.rem)(20), lineHeight: "1.3", fontWeight: "700" },
-      h5: { fontSize: (0, import_core35.rem)(16), lineHeight: "1.4", fontWeight: "700" },
-      h6: { fontSize: (0, import_core35.rem)(14), lineHeight: "1.4", fontWeight: "700" }
+      h1: { fontSize: (0, import_core36.rem)(48), lineHeight: "1.1", fontWeight: "900" },
+      h2: { fontSize: (0, import_core36.rem)(36), lineHeight: "1.1", fontWeight: "900" },
+      h3: { fontSize: (0, import_core36.rem)(28), lineHeight: "1.15", fontWeight: "700" },
+      h4: { fontSize: (0, import_core36.rem)(20), lineHeight: "1.3", fontWeight: "700" },
+      h5: { fontSize: (0, import_core36.rem)(16), lineHeight: "1.4", fontWeight: "700" },
+      h6: { fontSize: (0, import_core36.rem)(14), lineHeight: "1.4", fontWeight: "700" }
     }
   },
   fontSizes: {
-    xs: (0, import_core35.rem)(14),
-    sm: (0, import_core35.rem)(16),
-    md: (0, import_core35.rem)(18),
-    lg: (0, import_core35.rem)(20),
-    xl: (0, import_core35.rem)(22)
+    xs: (0, import_core36.rem)(14),
+    sm: (0, import_core36.rem)(16),
+    md: (0, import_core36.rem)(18),
+    lg: (0, import_core36.rem)(20),
+    xl: (0, import_core36.rem)(22)
   },
   lineHeights: {
     xs: "1.4",
@@ -1812,18 +2094,18 @@ var theme = (0, import_core35.createTheme)({
   },
   defaultRadius: "md",
   radius: {
-    xs: (0, import_core35.rem)(6),
-    sm: (0, import_core35.rem)(8),
-    md: (0, import_core35.rem)(10),
-    lg: (0, import_core35.rem)(14),
-    xl: (0, import_core35.rem)(18)
+    xs: (0, import_core36.rem)(6),
+    sm: (0, import_core36.rem)(8),
+    md: (0, import_core36.rem)(10),
+    lg: (0, import_core36.rem)(14),
+    xl: (0, import_core36.rem)(18)
   },
   spacing: {
-    xs: (0, import_core35.rem)(8),
-    sm: (0, import_core35.rem)(12),
-    md: (0, import_core35.rem)(16),
-    lg: (0, import_core35.rem)(24),
-    xl: (0, import_core35.rem)(32)
+    xs: (0, import_core36.rem)(8),
+    sm: (0, import_core36.rem)(12),
+    md: (0, import_core36.rem)(16),
+    lg: (0, import_core36.rem)(24),
+    xl: (0, import_core36.rem)(32)
   },
   shadows: {
     xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -1898,11 +2180,15 @@ var theme = (0, import_core35.createTheme)({
       defaultProps: { radius: "sm" }
     },
     Divider: {
-      defaultProps: { c: "slate.5", pb: "xl" }
+      defaultProps: { c: "slate.5" }
     },
     Anchor: {
       defaultProps: { c: "slate.5", fz: "sm", underline: "never" }
     },
+    // SdHeader 모바일 드로어의 2단 아코디언 타이포를 SdLink와 맞춘다.
+    NavLink: {
+      defaultProps: { c: "slate.7", fz: "sm" }
+    },
     Table: {
       defaultProps: {
         captionSide: "bottom"
@@ -1920,33 +2206,63 @@ var theme = (0, import_core35.createTheme)({
   MainLayout,
   PageLayout,
   SdBadge,
+  SdBadgeDefault,
+  SdBadgePrimary,
+  SdBadgeSuccess,
+  SdBadgeWarning,
   SdButton,
   SdButtonCancel,
   SdButtonDelete,
+  SdButtonDownload,
+  SdButtonExcel,
   SdButtonGhost,
   SdButtonOutline,
   SdButtonPrimary,
   SdButtonSecondary,
+  SdButtonSubmit,
   SdButtonWhite,
   SdClients,
   SdClientsGrid,
   SdClientsMarquee,
   SdContainer,
   SdCta,
+  SdCtaBanner,
+  SdCtaInline,
+  SdCtaSubtle,
   SdErrorView,
+  SdErrorViewNotFound,
+  SdErrorViewPage,
   SdFaq,
+  SdFaqDefault,
+  SdFaqFilled,
+  SdFaqWithHeader,
   SdFeatureSection,
   SdFeatures,
   SdFooter,
   SdHeader,
   SdInput,
+  SdInputEmail,
+  SdInputPassword,
+  SdInputSelect,
+  SdInputText,
+  SdInputTextarea,
+  SdLink,
+  SdLinkBody,
+  SdLinkHint,
+  SdLinkStrong,
+  SdLinkSub,
   SdMap,
   SdMapSingle,
   SdMapTabs,
   SdModal,
   SdNumberIcon,
   SdPricingCard,
+  SdPricingCardDefault,
+  SdPricingCardFeatured,
+  SdPricingCardGrid,
   SdQuote,
+  SdQuoteCard,
+  SdQuotePlain,
   SdSkeleton,
   SdSkeletonAvatar,
   SdSkeletonCard,
@@ -1955,22 +2271,44 @@ var theme = (0, import_core35.createTheme)({
   SdSkeletonTitle,
   SdSolution,
   SdSolutionCard,
+  SdSolutionCardGrid,
+  SdSolutionCardItem,
+  SdSolutionFiltered,
+  SdSolutionList,
   SdSteps,
+  SdStepsBubble,
+  SdStepsCard,
   SdStepsSection,
+  SdStepsStrip,
   SdTable,
+  SdTableSpec,
   SdTabs,
   SdTabsOutline,
   SdTabsPills,
   SdTabsUnderline,
   SdTestimonial,
+  SdTestimonialCard,
+  SdTestimonialGrid,
+  SdTestimonialStrip,
   SdText,
+  SdTextBody,
   SdTextBox,
   SdTextBoxCard,
   SdTextBoxHero,
   SdTextBoxSection,
   SdTextBoxSub,
+  SdTextError,
+  SdTextEyebrow,
+  SdTextHint,
+  SdTextNumeric,
+  SdTextStrong,
+  SdTextSub,
   SdTimeline,
   SdTimelineSection,
   SdTitle,
+  SdTitleCard,
+  SdTitleDisplay,
+  SdTitleSection,
+  SdTitleSub,
   theme
 });