sales-frontend-components 3.0.1 → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.cjs.js +21 -12
  2. package/dist/index.esm.js +22 -13
  3. package/dist/terms/components/_shared/terms.module.scss +26 -4
  4. package/dist/terms/components/unit/terms-radio.module.scss +3 -2
  5. package/dist/terms/components/unit/terms-rating-bar.module.scss +4 -4
  6. package/package.json +5 -5
package/dist/index.cjs.js CHANGED
@@ -1111,6 +1111,14 @@ const BANK_STOCK_ICON_LIST = [
1111
1111
  className: "dsp-icons-graphics-bank-woori",
1112
1112
  iconName: "bank/\uC6B0\uB9AC"
1113
1113
  },
1114
+ {
1115
+ codeVal: "021",
1116
+ codeName: "(\uAD6C)\uC870\uD765\uC740\uD589",
1117
+ replaceName: "(\uAD6C)\uC870\uD765",
1118
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSinhan, {}),
1119
+ className: "dsp-icons-graphics-bank-sinhan",
1120
+ iconName: "bank/\uC2E0\uD55C"
1121
+ },
1114
1122
  {
1115
1123
  codeVal: "023",
1116
1124
  codeName: "\uC2A4\uD0E0\uB2E4\uB4DC\uCC28\uD0C0\uB4DC",
@@ -5852,6 +5860,7 @@ const TermsMarketing = ({
5852
5860
  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: cx$7("sub-title"), children: "\uAC70\uBD80\uAD8C\uB9AC \uBC0F \uBD88\uC774\uC775" }),
5853
5861
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$7("description"), children: '\uADC0\uD558\uB294 \uC544\uB798 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uB3D9\uC758\uD558\uC9C0 \uC54A\uC73C\uC2E4 \uACBD\uC6B0 "\uC0AC\uC740\xB7\uD310\uCD09\uD589\uC0AC \uC548\uB0B4" \uBC0F \u201C\uC0AC\uC740\uBB3C\uD488\xB7\uACBD\uD488 \uC81C\uACF5\u201D\uC758 \uD61C\uD0DD\uC744 \uBC1B\uC9C0 \uBABB\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.' }),
5854
5862
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$7("divider") }),
5863
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: cx$7("sub-title"), children: "\uC81C\uACF5 \uD56D\uBAA9" }),
5855
5864
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$7("between-box"), children: [
5856
5865
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
5857
5866
  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$7("description", "list-title"), children: [
@@ -5864,7 +5873,7 @@ const TermsMarketing = ({
5864
5873
  ] }),
5865
5874
  /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
5866
5875
  /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$7("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC0DD\uB144\uC6D4\uC77C, \uC131\uBCC4, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC8FC\uC18C, \uC9C1\uC5C5, \uC774\uBA54\uC77C\uC8FC\uC18C, CI" }),
5867
- /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$7("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798 \uB0B4\uC5ED\uC815\uBCF4(\uC0C1\uD488\uC885\uB958, \uAC70\uB798\uC870\uAC74, \uAE08\uC561), \uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC815\uBCF4" }),
5876
+ /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$7("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798\uC815\uBCF4(\uC0C1\uD488\uC885\uB958, \uAC70\uB798\uC870\uAC74, \uAE08\uC561), \uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC815\uBCF4" }),
5868
5877
  /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$7("list-item"), children: "\uACF5\uACF5\uC815\uBCF4 \uB4F1 : \uC2E0\uC6A9\uD3C9\uC810" })
5869
5878
  ] })
5870
5879
  ] }),
@@ -5900,9 +5909,9 @@ const PERIOD_OPTIONS = [
5900
5909
  const CHANNEL_OPTIONS = [
5901
5910
  { label: "\uC804\uCCB4", value: "0" },
5902
5911
  { label: "\uC804\uD654", value: "1" },
5903
- { label: "\uBB38\uC790\uBA54\uC138\uC9C0", value: "2" },
5904
- { label: "\uC774\uBA54\uC77C", value: "3" },
5905
- { label: "\uC6B0\uD3B8", value: "4" }
5912
+ { label: "\uBB38\uC790\uBA54\uC2DC\uC9C0", value: "2" },
5913
+ { label: "\uC6B0\uD3B8", value: "4" },
5914
+ { label: "\uC774\uBA54\uC77C", value: "3" }
5906
5915
  ];
5907
5916
  const TermsCancerMarketing = ({
5908
5917
  formFactor = "tablet",
@@ -6129,9 +6138,9 @@ const TermsCancerSystem = ({
6129
6138
  size: "xsmall",
6130
6139
  icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconSubUiExclamation, { width: 20, height: 20 }),
6131
6140
  onClick: () => salesFrontendDesignSystem.ModalUtils.alert(
6132
- "1. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uAC00 \uC815\uD55C \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900\uC744 \uCDA9\uC871\uD558\uACE0 \uBCF8 \uB3D9\uC758\uC11C\uB97C \uC81C\uCD9C\uD55C \uBCF4\uD5D8\uACC4\uC57D\uC758 \uD53C\uBCF4\uD5D8\uC790\uC5D0 \uD55C\uD558\uC5EC, \uC81C\uD734\uC0AC\uAC00 \uC815\uD55C \uBC29\uBC95\uC5D0 \uB530\uB77C \uC81C\uD734\uC0AC\uC5D0\uAC8C \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC744 \uC2E0\uCCAD\uD558\uC5EC\uC57C \uC81C\uACF5\uB429\uB2C8\uB2E4. (\uB2E8, \uBCF4\uD5D8\uACC4\uC57D \uC720\uC9C0\uC911\uC778 \uAC74\uC5D0 \uD55C\uD558\uC5EC \uC11C\uBE44\uC2A4 \uC81C\uACF5) \n\r 2. \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900, \uC11C\uBE44\uC2A4 \uB0B4\uC6A9, \uC81C\uACF5\uAE30\uAC04, \uC81C\uACF5\uBC29\uBC95 \uB4F1\uC5D0 \uAD00\uD55C \uC0AC\uD56D\uC740 \uD68C\uC0AC \uD648\uD398\uC774\uC9C0(www.hanwhalife.com)\uB97C \uD655\uC778\uD558\uC2DC\uAE30 \uBC14\uB78D\uB2C8\uB2E4 \n\r 3. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uC758 \uC81C\uD734\uC0AC\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uC774\uBA70, \uC11C\uBE44\uC2A4\uC5D0 \uB300\uD55C \uCC45\uC784\uC740 \uC81C\uD734\uC0AC\uC5D0 \uC788\uC2B5\uB2C8\uB2E4. \uB610\uD55C, \uC11C\uBE44\uC2A4 \uC81C\uACF5\uAE30\uAC04 \uC911 \uB300\uB0B4\uC678 \uD658\uACBD \uBCC0\uD654\uB85C \uC778\uD574 \uD5A5\uD6C4 \uC11C\uBE44\uC2A4 \uB0B4\uC6A9 \uBC0F \uC81C\uACF5\uBC29\uBC95\uC774 \uBCC0\uACBD\uB418\uAC70\uB098 \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC774 \uC911\uC9C0\uB420 \uC218 \uC788\uC73C\uBA70, \uC774 \uACBD\uC6B0 \uC11C\uBE44\uC2A4 \uC774\uC6A9\uC911\uC778 \uD53C\uBCF4\uD5D8\uC790\uC5D0\uAC8C\uB294 \uC6B0\uD3B8, \uBB38\uC790\uBA54\uC2DC\uC9C0, \uC774\uBA54\uC77C \uB4F1\uC744 \uD1B5\uD558\uC5EC \uC11C\uBE44\uC2A4 \uBCC0\uACBD \uB0B4\uC6A9 \uBC0F \uC11C\uBE44\uC2A4 \uC911\uC9C0\uC5D0 \uAD00\uD55C \uC0AC\uD56D\uC744 \uC0AC\uC804\uC5D0 \uC548\uB0B4\uD558\uC5EC \uB4DC\uB9BD\uB2C8\uB2E4. ",
6141
+ "1. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uAC00 \uC815\uD55C \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900\uC744 \uCDA9\uC871\uD558\uACE0 \uBCF8 \uB3D9\uC758\uC11C\uB97C \uC81C\uCD9C\uD55C \uBCF4\uD5D8\uACC4\uC57D\uC758 \uD53C\uBCF4\uD5D8\uC790\uC5D0 \uD55C\uD558\uC5EC, \uC81C\uD734\uC0AC\uAC00 \uC815\uD55C \uBC29\uBC95\uC5D0 \uB530\uB77C \uC81C\uD734\uC0AC\uC5D0\uAC8C \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC744 \uC2E0\uCCAD\uD558\uC5EC\uC57C \uC81C\uACF5\uB429\uB2C8\uB2E4. (\uB2E8, \uBCF4\uD5D8\uACC4\uC57D \uC720\uC9C0\uC911\uC778 \uAC74\uC5D0 \uD55C\uD558\uC5EC \uC11C\uBE44\uC2A4 \uC81C\uACF5)\n\n2. \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900, \uC11C\uBE44\uC2A4 \uB0B4\uC6A9, \uC81C\uACF5\uAE30\uAC04, \uC81C\uACF5\uBC29\uBC95 \uB4F1\uC5D0 \uAD00\uD55C \uC0AC\uD56D\uC740 \uD68C\uC0AC \uD648\uD398\uC774\uC9C0(www.hanwhalife.com)\uB97C \uD655\uC778\uD558\uC2DC\uAE30 \uBC14\uB78D\uB2C8\uB2E4\n\n3. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uC758 \uC81C\uD734\uC0AC\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uC774\uBA70, \uC11C\uBE44\uC2A4\uC5D0 \uB300\uD55C \uCC45\uC784\uC740 \uC81C\uD734\uC0AC\uC5D0 \uC788\uC2B5\uB2C8\uB2E4. \uB610\uD55C, \uC11C\uBE44\uC2A4 \uC81C\uACF5\uAE30\uAC04 \uC911 \uB300\uB0B4\uC678 \uD658\uACBD \uBCC0\uD654\uB85C \uC778\uD574 \uD5A5\uD6C4 \uC11C\uBE44\uC2A4 \uB0B4\uC6A9 \uBC0F \uC81C\uACF5\uBC29\uBC95\uC774 \uBCC0\uACBD\uB418\uAC70\uB098 \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC774 \uC911\uC9C0\uB420 \uC218 \uC788\uC73C\uBA70, \uC774 \uACBD\uC6B0 \uC11C\uBE44\uC2A4 \uC774\uC6A9\uC911\uC778 \uD53C\uBCF4\uD5D8\uC790\uC5D0\uAC8C\uB294 \uC6B0\uD3B8, \uBB38\uC790\uBA54\uC2DC\uC9C0, \uC774\uBA54\uC77C \uB4F1\uC744 \uD1B5\uD558\uC5EC \uC11C\uBE44\uC2A4 \uBCC0\uACBD \uB0B4\uC6A9 \uBC0F \uC11C\uBE44\uC2A4 \uC911\uC9C0\uC5D0 \uAD00\uD55C \uC0AC\uD56D\uC744 \uC0AC\uC804\uC5D0 \uC548\uB0B4\uD558\uC5EC \uB4DC\uB9BD\uB2C8\uB2E4.",
6133
6142
  "\uC54C\uC544\uB450\uC2E4 \uC0AC\uD56D",
6134
- { modalSize: "large" }
6143
+ { modalSize: formFactor === "phone" ? "full-screen" : "large" }
6135
6144
  ),
6136
6145
  children: "\uC54C\uC544\uB450\uC2E4 \uC0AC\uD56D"
6137
6146
  }
@@ -6287,7 +6296,7 @@ const TermsCancerSystem = ({
6287
6296
  " ",
6288
6297
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$5("description-strong", "text-body_2-i"), children: "(\uD53C\uBCF4\uD5D8\uC790\uC758 \uC554 \uB4F1\uC758 \uC9C4\uB2E8\uC5EC\uBD80, \uC9C4\uB2E8\uC77C, \uC9C4\uB2E8 \uC554\uC885\uC5D0 \uAD00\uD55C \uC815\uBCF4 (\uB2E8, \uAD00\uB828 \uBCF4\uD5D8\uAE08 \uCCAD\uAD6C\uAC00 \uC788\uB294 \uACBD\uC6B0\uC5D0 \uD55C\uD568))" }),
6289
6298
  " ",
6290
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$5("description-strong"), children: "\uAD6D\uC678 \uC774\uC804\uC5D0" }),
6299
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$5("description-strong"), children: "\uAD6D\uC678 \uC774\uC804" }),
6291
6300
  "\uC5D0 \uB3D9\uC758\uD558\uC2ED\uB2C8\uAE4C?"
6292
6301
  ] }),
6293
6302
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -6344,7 +6353,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) =
6344
6353
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("terms-content"), children: [
6345
6354
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("card"), children: [
6346
6355
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("sub-item"), children: [
6347
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$4("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D \uC778\uC218\uC2EC\uC0AC\xB7\uCCB4\uACB0\xB7\uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\u2018\uB97C \uC704\uD574 \uD544\uC218\uC801\uC778 \uC0AC\uD56D\uC774\uBBC0\uB85C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2DC\uB294 \uACBD\uC6B0 \uAD00\uB828 \uC5C5\uBB34\uC218\uD589\uC774 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4." }),
6356
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$4("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D \uC778\uC218\uC2EC\uC0AC\xB7\uCCB4\uACB0\xB7\uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\u2019\uB97C \uC704\uD574 \uD544\uC218\uC801\uC778 \uC0AC\uD56D\uC774\uBBC0\uB85C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2DC\uB294 \uACBD\uC6B0 \uAD00\uB828 \uC5C5\uBB34\uC218\uD589\uC774 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4." }),
6348
6357
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$4("caption"), children: "\u203B \uBCF8 \uB3D9\uC758\uC11C\uC5D0 \uC758\uD55C \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC870\uD68C\uB294 \uADC0\uD558\uC758 \uC2E0\uC6A9\uB4F1\uAE09\uC5D0 \uC601\uD5A5\uC744 \uC8FC\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." })
6349
6358
  ] }),
6350
6359
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$4("divider", "hide-phone") }),
@@ -6507,7 +6516,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) =
6507
6516
  "\uC5D0 \uB3D9\uC758\uD558\uC2ED\uB2C8\uAE4C?"
6508
6517
  ] }),
6509
6518
  /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
6510
- /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638" }),
6519
+ /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638, CI(\uC5F0\uACC4\uC815\uBCF4)" }),
6511
6520
  /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798 \uC5C5\uBB34 \uAD00\uB828 \uC815\uBCF4(\uB0A9\uC785 \uACC4\uC88C\uC815\uBCF4 \uB4F1), \uBCF4\uD5D8\uACC4\uC57D\uC815\uBCF4(\uC99D\uAD8C\uBC88\uD638, \uC0C1\uD488\uC885\uB958, \uAE30\uAC04, \uBCF4\uD5D8\uB8CC, \uBCF4\uD5D8\uAC00\uC785\uAE08\uC561 \uB4F1), \uBCF4\uD5D8\uAE08\uC815\uBCF4(\uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC0AC\uC720, \uC9C0\uAE09\uAE08\uC561 \uB4F1), \uACC4\uC57D\uC804 \uC54C\uB9B4\uC758\uBB34 \uC0AC\uD56D(\uCDE8\uBBF8 \uB4F1)" }),
6512
6521
  /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uB2A5\uB825\uC815\uBCF4 : \uC18C\uB4DD \uBC0F \uC7AC\uC0B0 \uC815\uBCF4" })
6513
6522
  ] })
@@ -6587,7 +6596,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) =
6587
6596
  "\uC5D0 \uB3D9\uC758\uD558\uC2ED\uB2C8\uAE4C?"
6588
6597
  ] }),
6589
6598
  /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
6590
- /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638" }),
6599
+ /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638, CI(\uC5F0\uACC4\uC815\uBCF4)" }),
6591
6600
  /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798 \uC5C5\uBB34 \uAD00\uB828 \uC815\uBCF4(\uB0A9\uC785 \uACC4\uC88C\uC815\uBCF4 \uB4F1), \uBCF4\uD5D8\uACC4\uC57D\uC815\uBCF4(\uC99D\uAD8C\uBC88\uD638, \uC0C1\uD488\uC885\uB958, \uAE30\uAC04, \uBCF4\uD5D8\uB8CC, \uBCF4\uD5D8\uAC00\uC785\uAE08\uC561 \uB4F1), \uBCF4\uD5D8\uAE08\uC815\uBCF4(\uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC0AC\uC720, \uC9C0\uAE09\uAE08\uC561 \uB4F1), \uACC4\uC57D\uC804 \uC54C\uB9B4\uC758\uBB34 \uC0AC\uD56D(\uCDE8\uBBF8 \uB4F1)" }),
6592
6601
  /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uB2A5\uB825\uC815\uBCF4 : \uC18C\uB4DD \uBC0F \uC7AC\uC0B0 \uC815\uBCF4" })
6593
6602
  ] })
@@ -6724,7 +6733,7 @@ const TermsLoan = ({ formFactor = "tablet", value, onChange, className }) => {
6724
6733
  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cx$3("terms-title"), children: TERMS_TITLE[formFactor] }),
6725
6734
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("terms-content"), children: [
6726
6735
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("card"), children: [
6727
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$3("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D\uB300\uCD9C \uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\u2018\uB97C \uC704\uD574 \uD544\uC218\uC801\uC778 \uC0AC\uD56D\uC774\uBBC0\uB85C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2DC\uB294 \uACBD\uC6B0 \uAD00\uB828 \uC5C5\uBB34\uC218\uD589\uC774 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4." }),
6736
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$3("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D\uB300\uCD9C \uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\u2019\uB97C \uC704\uD574 \uD544\uC218\uC801\uC778 \uC0AC\uD56D\uC774\uBBC0\uB85C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2DC\uB294 \uACBD\uC6B0 \uAD00\uB828 \uC5C5\uBB34\uC218\uD589\uC774 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4." }),
6728
6737
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$3("divider", "hide-phone") }),
6729
6738
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$3("description-strong", "hide-phone"), children: "\uB3D9\uC758\uB2F9\uC0AC\uC790\uAC00 \uB9CC 14\uC138 \uBBF8\uB9CC\uC758 \uACBD\uC6B0 \uBC95\uC815\uB300\uB9AC\uC778\uC774 \uC791\uC131 \uD6C4 \uCE5C\uAD8C\uC790 \uC11C\uBA85\uC744 \uD558\uC2DC\uACE0, \uB9CC 14\uC138 \uC774\uC0C1 \uBBF8\uC131\uB144\uC790\uB294 \uBBF8\uC131\uB144 \uBCF8\uC778 \uC9C1\uC811 \uB3D9\uC758 \uD6C4 \uCE5C\uAD8C\uC790 \uC11C\uBA85\uD558\uC2DC\uAE30 \uBC14\uB78D\uB2C8\uB2E4." })
6730
6739
  ] }),
@@ -6923,7 +6932,7 @@ const TermsTransfer = ({ formFactor = "tablet", className }) => {
6923
6932
  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$1("terms", `is-${formFactor}`, className), children: [
6924
6933
  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cx$1("terms-title"), children: TERMS_TITLE[formFactor] }),
6925
6934
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$1("terms-content"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$1("card"), children: [
6926
- /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cx$1("sub-title"), children: "\uBCF8 \uC2E0\uCCAD\uC778\uC740 \uC804\uC790\uAE08\uC735\uAC70\uB798\uBC95 \uCD9C\uAE08\uC774\uCCB4\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uC778\uC9C0\uD558\uACE0 \uC788\uC73C\uBA70, \uC2E0\uCCAD\uACC4\uC88C\uB97C \uC774\uC6A9\uD558\uC5EC \uD574\uB2F9 \uACC4\uC57D\uC5D0 \uB300\uD55C \uBCF4\uD5D8\uB8CC \uBC0F \uB300\uCD9C\uAD00\uB828 \uCD9C\uAE08 \uC774\uCCB4\uC640 \uC1A1\uAE08\uC5D0 \uB3D9\uC758\uD569\uB2C8\uB2E4." }),
6935
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cx$1("statement"), children: "\uBCF8 \uC2E0\uCCAD\uC778\uC740 \uC804\uC790\uAE08\uC735\uAC70\uB798\uBC95 \uCD9C\uAE08\uC774\uCCB4\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uC778\uC9C0\uD558\uACE0 \uC788\uC73C\uBA70, \uC2E0\uCCAD\uACC4\uC88C\uB97C \uC774\uC6A9\uD558\uC5EC \uD574\uB2F9 \uACC4\uC57D\uC5D0 \uB300\uD55C \uBCF4\uD5D8\uB8CC \uBC0F \uB300\uCD9C\uAD00\uB828 \uCD9C\uAE08 \uC774\uCCB4\uC640 \uC1A1\uAE08\uC5D0 \uB3D9\uC758\uD569\uB2C8\uB2E4." }),
6927
6936
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$1("caption"), children: "\u203B \uCCAD\uC57D\uD558\uC2E0 \uBCF4\uD5D8\uACC4\uC57D\uC758 \uC778\uC218\uACFC\uC815\uC5D0\uC11C \uBC1C\uC0DD\uD558\uB294 \uC815\uC815\uBCF4\uD5D8\uB8CC\uB098 \uC2B9\uB099\uAC70\uC808\uC2DC \uD68C\uC0AC\uB294 \uBC18\uD658\uBCF4\uD5D8\uB8CC\uB97C \uC0C1\uAE30 \uC2E0\uCCAD\uACC4\uC88C\uB85C \uC785\uAE08\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4." }),
6928
6937
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$1("divider") }),
6929
6938
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$1("description"), children: "\uC0C1\uAE30 \uCD9C\uAE08\uC774\uCCB4 \uB3D9\uC758\uB294 \uBCF4\uD5D8\uD68C\uC0AC\uAC00 \uACE0\uAC1D\uB2D8(\uC608\uAE08\uC8FC)\uC758 \uC740\uD589\uACC4\uC88C\uB85C\uBD80\uD130 \uBCF4\uD5D8\uB8CC \uBC0F \uB300\uCD9C\uC6D0\uB9AC\uAE08 \uB4F1\uC744 \uCD9C\uAE08\uD558\uB294 \uACBD\uC6B0\uC5D0 \uD574\uB2F9 \uACE0\uAC1D(\uC608\uAE08\uC8FC)\uB2D8\uC73C\uB85C\uBD80\uD130 \uC758\uBB34\uC801\uC73C\uB85C \uC0AC\uC804\uC5D0 \uC11C\uBA74 \uB610\uB294 \uC804\uC790\uC11C\uBA85\uC73C\uB85C \uB3D9\uC758\uB97C \uC5BB\uB3C4\uB85D \uD558\uB294 \uC81C\uB3C4\uC774\uBA70, \uC774\uB294 [\uC804\uC790\uAC70\uB798\uAE30\uBCF8\uBC95]\uC5D0 \uC758\uAC70 \uC804\uC790\uAE08\uC735\uAC70\uB798\uC758 \uC548\uC815\uC131\uACFC \uC2E0\uB8B0\uC131\uC744 \uD655\uBCF4\uD558\uC5EC \uC804\uC790\uAE08\uC735 \uC18C\uBE44\uC790\uB97C \uBCF4\uD638\uD558\uAE30 \uC704\uD568\uC785\uB2C8\uB2E4." }),
package/dist/index.esm.js CHANGED
@@ -3,7 +3,7 @@ import { useController } from 'react-hook-form';
3
3
  import { CheckboxButton, Checkbox, FormCore, Modal, Loading, Button, Radio, FormField, ModalUtils, useModalState, useDropDown, List, ListItem, Table, Select, Accordion, Tab, SegmentGroup, DatePickerSingleRenew, DatePickerRangeRenew } from 'sales-frontend-design-system';
4
4
  import React9, { useState, useCallback, useEffect, useRef, useMemo } from 'react';
5
5
  import { useSearchAddressQuery, useSearchPostalCodeQuery, useSearchAddressStandardizationQuery, useSearchCommonCodeQuery, useSearchCustomerListQuery, useSearchNationalityQuery, useSearchVisaQuery, getDspCustomerListMethod, useSearchEmployeeProfileQuery, useSearchOccupationDetailQuery, useSearchOccupationQuery, useSearchVehicleQuery, useSearchRiskGradeQuery, useSearchOrganizationQuery, getRemoteIdentityVerificationSystemToken, useDudExternalFileUploadMutation, useDudExternalFileDownloadQuery } from 'sales-frontend-api/method';
6
- import { IconMainUiSearch, IconGraphicsBankSaneop, IconGraphicsBankKiup, IconGraphicsBankKukmin, IconGraphicsBankSuhyeop, IconGraphicsBankJangGiSinYong, IconGraphicsBankNhNonghyeop, IconGraphicsBankJiyeokNonghyeop, IconGraphicsBankWoori, IconGraphicsBankScJeil, IconGraphicsBankSinhan, IconGraphicsBankHankookCity, IconGraphicsBankDaegu, IconGraphicsBankBusan, IconGraphicsBankGwangju, IconGraphicsBankJeju, IconGraphicsBankJeonbuk, IconGraphicsBankGyeongnam, IconGraphicsBankSaemaulGeumgo, IconGraphicsBankSinhyeop, IconGraphicsBankJeochuk, IconGraphicsBankHsbc, IconGraphicsBankABNAMRO, IconGraphicsBankSanlim, IconGraphicsBankPost, IconGraphicsBankKebHana, IconGraphicsBankKBank, IconGraphicsBankKakaoBank, IconGraphicsBankTossBank, IconGraphicsStockYuantaJeungkwon, IconGraphicsStockKbJeungkwon, IconGraphicsStockMiraeAssetJeungkwon, IconGraphicsStockSamsungJeungkwon, IconGraphicsStockHankookTujajeungkwon, IconGraphicsStockNhWooriTujajeungkwon, IconGraphicsStockGyoboJeungkwon, IconGraphicsStockHiTujajeungkwon, IconGraphicsStockHyundaiChaJeungkwon, IconGraphicsStockKiwoomJeungkwon, IconGraphicsStockSkJeungkwon, IconGraphicsStockDaesinJeungkwon, IconGraphicsStockHanwhaTujajeungkwon, IconGraphicsStockHanaGeumyungTujajeungkwon, IconGraphicsStockSinhanTujajeungkwon, IconGraphicsStockDbGeumyungTujajeungkwon, IconGraphicsStockYujinTujajeungkwon, IconGraphicsStockMeritzJeungkwon, IconGraphicsStockKakaoPayJeungkwon, IconGraphicsStockNhTujajeungkwon, IconGraphicsStockBugukJeungkwon, IconGraphicsStockSinyeongJeungkwon, IconGraphicsFeedbackEmpty, IconIllustGrade, IconIllustJob, IconSubUiArrowRight, IconIllustVehicle, IconIllustCamera, IconSubUiExclamation } from 'sales-frontend-assets';
6
+ import { IconMainUiSearch, IconGraphicsBankSaneop, IconGraphicsBankKiup, IconGraphicsBankKukmin, IconGraphicsBankSuhyeop, IconGraphicsBankJangGiSinYong, IconGraphicsBankNhNonghyeop, IconGraphicsBankJiyeokNonghyeop, IconGraphicsBankWoori, IconGraphicsBankSinhan, IconGraphicsBankScJeil, IconGraphicsBankHankookCity, IconGraphicsBankDaegu, IconGraphicsBankBusan, IconGraphicsBankGwangju, IconGraphicsBankJeju, IconGraphicsBankJeonbuk, IconGraphicsBankGyeongnam, IconGraphicsBankSaemaulGeumgo, IconGraphicsBankSinhyeop, IconGraphicsBankJeochuk, IconGraphicsBankHsbc, IconGraphicsBankABNAMRO, IconGraphicsBankSanlim, IconGraphicsBankPost, IconGraphicsBankKebHana, IconGraphicsBankKBank, IconGraphicsBankKakaoBank, IconGraphicsBankTossBank, IconGraphicsStockYuantaJeungkwon, IconGraphicsStockKbJeungkwon, IconGraphicsStockMiraeAssetJeungkwon, IconGraphicsStockSamsungJeungkwon, IconGraphicsStockHankookTujajeungkwon, IconGraphicsStockNhWooriTujajeungkwon, IconGraphicsStockGyoboJeungkwon, IconGraphicsStockHiTujajeungkwon, IconGraphicsStockHyundaiChaJeungkwon, IconGraphicsStockKiwoomJeungkwon, IconGraphicsStockSkJeungkwon, IconGraphicsStockDaesinJeungkwon, IconGraphicsStockHanwhaTujajeungkwon, IconGraphicsStockHanaGeumyungTujajeungkwon, IconGraphicsStockSinhanTujajeungkwon, IconGraphicsStockDbGeumyungTujajeungkwon, IconGraphicsStockYujinTujajeungkwon, IconGraphicsStockMeritzJeungkwon, IconGraphicsStockKakaoPayJeungkwon, IconGraphicsStockNhTujajeungkwon, IconGraphicsStockBugukJeungkwon, IconGraphicsStockSinyeongJeungkwon, IconGraphicsFeedbackEmpty, IconIllustGrade, IconIllustJob, IconSubUiArrowRight, IconIllustVehicle, IconIllustCamera, IconSubUiExclamation } from 'sales-frontend-assets';
7
7
  import styles from './modal/standard/address-search/select-address.module.scss';
8
8
  import styles$1 from './modal/standard/bank-stock-search/bank-stock-search-modal.module.scss';
9
9
  import styles$2 from './modal/standard/customer-search/customer-search.module.scss';
@@ -1109,6 +1109,14 @@ const BANK_STOCK_ICON_LIST = [
1109
1109
  className: "dsp-icons-graphics-bank-woori",
1110
1110
  iconName: "bank/\uC6B0\uB9AC"
1111
1111
  },
1112
+ {
1113
+ codeVal: "021",
1114
+ codeName: "(\uAD6C)\uC870\uD765\uC740\uD589",
1115
+ replaceName: "(\uAD6C)\uC870\uD765",
1116
+ icon: /* @__PURE__ */ jsx(IconGraphicsBankSinhan, {}),
1117
+ className: "dsp-icons-graphics-bank-sinhan",
1118
+ iconName: "bank/\uC2E0\uD55C"
1119
+ },
1112
1120
  {
1113
1121
  codeVal: "023",
1114
1122
  codeName: "\uC2A4\uD0E0\uB2E4\uB4DC\uCC28\uD0C0\uB4DC",
@@ -5850,6 +5858,7 @@ const TermsMarketing = ({
5850
5858
  /* @__PURE__ */ jsx("h4", { className: cx$7("sub-title"), children: "\uAC70\uBD80\uAD8C\uB9AC \uBC0F \uBD88\uC774\uC775" }),
5851
5859
  /* @__PURE__ */ jsx("span", { className: cx$7("description"), children: '\uADC0\uD558\uB294 \uC544\uB798 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uB3D9\uC758\uD558\uC9C0 \uC54A\uC73C\uC2E4 \uACBD\uC6B0 "\uC0AC\uC740\xB7\uD310\uCD09\uD589\uC0AC \uC548\uB0B4" \uBC0F \u201C\uC0AC\uC740\uBB3C\uD488\xB7\uACBD\uD488 \uC81C\uACF5\u201D\uC758 \uD61C\uD0DD\uC744 \uBC1B\uC9C0 \uBABB\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.' }),
5852
5860
  /* @__PURE__ */ jsx("div", { className: cx$7("divider") }),
5861
+ /* @__PURE__ */ jsx("h4", { className: cx$7("sub-title"), children: "\uC81C\uACF5 \uD56D\uBAA9" }),
5853
5862
  /* @__PURE__ */ jsxs("div", { className: cx$7("between-box"), children: [
5854
5863
  /* @__PURE__ */ jsxs("div", { children: [
5855
5864
  /* @__PURE__ */ jsxs("p", { className: cx$7("description", "list-title"), children: [
@@ -5862,7 +5871,7 @@ const TermsMarketing = ({
5862
5871
  ] }),
5863
5872
  /* @__PURE__ */ jsxs("ul", { children: [
5864
5873
  /* @__PURE__ */ jsx("li", { className: cx$7("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC0DD\uB144\uC6D4\uC77C, \uC131\uBCC4, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC8FC\uC18C, \uC9C1\uC5C5, \uC774\uBA54\uC77C\uC8FC\uC18C, CI" }),
5865
- /* @__PURE__ */ jsx("li", { className: cx$7("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798 \uB0B4\uC5ED\uC815\uBCF4(\uC0C1\uD488\uC885\uB958, \uAC70\uB798\uC870\uAC74, \uAE08\uC561), \uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC815\uBCF4" }),
5874
+ /* @__PURE__ */ jsx("li", { className: cx$7("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798\uC815\uBCF4(\uC0C1\uD488\uC885\uB958, \uAC70\uB798\uC870\uAC74, \uAE08\uC561), \uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC815\uBCF4" }),
5866
5875
  /* @__PURE__ */ jsx("li", { className: cx$7("list-item"), children: "\uACF5\uACF5\uC815\uBCF4 \uB4F1 : \uC2E0\uC6A9\uD3C9\uC810" })
5867
5876
  ] })
5868
5877
  ] }),
@@ -5898,9 +5907,9 @@ const PERIOD_OPTIONS = [
5898
5907
  const CHANNEL_OPTIONS = [
5899
5908
  { label: "\uC804\uCCB4", value: "0" },
5900
5909
  { label: "\uC804\uD654", value: "1" },
5901
- { label: "\uBB38\uC790\uBA54\uC138\uC9C0", value: "2" },
5902
- { label: "\uC774\uBA54\uC77C", value: "3" },
5903
- { label: "\uC6B0\uD3B8", value: "4" }
5910
+ { label: "\uBB38\uC790\uBA54\uC2DC\uC9C0", value: "2" },
5911
+ { label: "\uC6B0\uD3B8", value: "4" },
5912
+ { label: "\uC774\uBA54\uC77C", value: "3" }
5904
5913
  ];
5905
5914
  const TermsCancerMarketing = ({
5906
5915
  formFactor = "tablet",
@@ -6127,9 +6136,9 @@ const TermsCancerSystem = ({
6127
6136
  size: "xsmall",
6128
6137
  icon: /* @__PURE__ */ jsx(IconSubUiExclamation, { width: 20, height: 20 }),
6129
6138
  onClick: () => ModalUtils.alert(
6130
- "1. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uAC00 \uC815\uD55C \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900\uC744 \uCDA9\uC871\uD558\uACE0 \uBCF8 \uB3D9\uC758\uC11C\uB97C \uC81C\uCD9C\uD55C \uBCF4\uD5D8\uACC4\uC57D\uC758 \uD53C\uBCF4\uD5D8\uC790\uC5D0 \uD55C\uD558\uC5EC, \uC81C\uD734\uC0AC\uAC00 \uC815\uD55C \uBC29\uBC95\uC5D0 \uB530\uB77C \uC81C\uD734\uC0AC\uC5D0\uAC8C \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC744 \uC2E0\uCCAD\uD558\uC5EC\uC57C \uC81C\uACF5\uB429\uB2C8\uB2E4. (\uB2E8, \uBCF4\uD5D8\uACC4\uC57D \uC720\uC9C0\uC911\uC778 \uAC74\uC5D0 \uD55C\uD558\uC5EC \uC11C\uBE44\uC2A4 \uC81C\uACF5) \n\r 2. \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900, \uC11C\uBE44\uC2A4 \uB0B4\uC6A9, \uC81C\uACF5\uAE30\uAC04, \uC81C\uACF5\uBC29\uBC95 \uB4F1\uC5D0 \uAD00\uD55C \uC0AC\uD56D\uC740 \uD68C\uC0AC \uD648\uD398\uC774\uC9C0(www.hanwhalife.com)\uB97C \uD655\uC778\uD558\uC2DC\uAE30 \uBC14\uB78D\uB2C8\uB2E4 \n\r 3. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uC758 \uC81C\uD734\uC0AC\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uC774\uBA70, \uC11C\uBE44\uC2A4\uC5D0 \uB300\uD55C \uCC45\uC784\uC740 \uC81C\uD734\uC0AC\uC5D0 \uC788\uC2B5\uB2C8\uB2E4. \uB610\uD55C, \uC11C\uBE44\uC2A4 \uC81C\uACF5\uAE30\uAC04 \uC911 \uB300\uB0B4\uC678 \uD658\uACBD \uBCC0\uD654\uB85C \uC778\uD574 \uD5A5\uD6C4 \uC11C\uBE44\uC2A4 \uB0B4\uC6A9 \uBC0F \uC81C\uACF5\uBC29\uBC95\uC774 \uBCC0\uACBD\uB418\uAC70\uB098 \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC774 \uC911\uC9C0\uB420 \uC218 \uC788\uC73C\uBA70, \uC774 \uACBD\uC6B0 \uC11C\uBE44\uC2A4 \uC774\uC6A9\uC911\uC778 \uD53C\uBCF4\uD5D8\uC790\uC5D0\uAC8C\uB294 \uC6B0\uD3B8, \uBB38\uC790\uBA54\uC2DC\uC9C0, \uC774\uBA54\uC77C \uB4F1\uC744 \uD1B5\uD558\uC5EC \uC11C\uBE44\uC2A4 \uBCC0\uACBD \uB0B4\uC6A9 \uBC0F \uC11C\uBE44\uC2A4 \uC911\uC9C0\uC5D0 \uAD00\uD55C \uC0AC\uD56D\uC744 \uC0AC\uC804\uC5D0 \uC548\uB0B4\uD558\uC5EC \uB4DC\uB9BD\uB2C8\uB2E4. ",
6139
+ "1. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uAC00 \uC815\uD55C \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900\uC744 \uCDA9\uC871\uD558\uACE0 \uBCF8 \uB3D9\uC758\uC11C\uB97C \uC81C\uCD9C\uD55C \uBCF4\uD5D8\uACC4\uC57D\uC758 \uD53C\uBCF4\uD5D8\uC790\uC5D0 \uD55C\uD558\uC5EC, \uC81C\uD734\uC0AC\uAC00 \uC815\uD55C \uBC29\uBC95\uC5D0 \uB530\uB77C \uC81C\uD734\uC0AC\uC5D0\uAC8C \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC744 \uC2E0\uCCAD\uD558\uC5EC\uC57C \uC81C\uACF5\uB429\uB2C8\uB2E4. (\uB2E8, \uBCF4\uD5D8\uACC4\uC57D \uC720\uC9C0\uC911\uC778 \uAC74\uC5D0 \uD55C\uD558\uC5EC \uC11C\uBE44\uC2A4 \uC81C\uACF5)\n\n2. \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900, \uC11C\uBE44\uC2A4 \uB0B4\uC6A9, \uC81C\uACF5\uAE30\uAC04, \uC81C\uACF5\uBC29\uBC95 \uB4F1\uC5D0 \uAD00\uD55C \uC0AC\uD56D\uC740 \uD68C\uC0AC \uD648\uD398\uC774\uC9C0(www.hanwhalife.com)\uB97C \uD655\uC778\uD558\uC2DC\uAE30 \uBC14\uB78D\uB2C8\uB2E4\n\n3. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uC758 \uC81C\uD734\uC0AC\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uC774\uBA70, \uC11C\uBE44\uC2A4\uC5D0 \uB300\uD55C \uCC45\uC784\uC740 \uC81C\uD734\uC0AC\uC5D0 \uC788\uC2B5\uB2C8\uB2E4. \uB610\uD55C, \uC11C\uBE44\uC2A4 \uC81C\uACF5\uAE30\uAC04 \uC911 \uB300\uB0B4\uC678 \uD658\uACBD \uBCC0\uD654\uB85C \uC778\uD574 \uD5A5\uD6C4 \uC11C\uBE44\uC2A4 \uB0B4\uC6A9 \uBC0F \uC81C\uACF5\uBC29\uBC95\uC774 \uBCC0\uACBD\uB418\uAC70\uB098 \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC774 \uC911\uC9C0\uB420 \uC218 \uC788\uC73C\uBA70, \uC774 \uACBD\uC6B0 \uC11C\uBE44\uC2A4 \uC774\uC6A9\uC911\uC778 \uD53C\uBCF4\uD5D8\uC790\uC5D0\uAC8C\uB294 \uC6B0\uD3B8, \uBB38\uC790\uBA54\uC2DC\uC9C0, \uC774\uBA54\uC77C \uB4F1\uC744 \uD1B5\uD558\uC5EC \uC11C\uBE44\uC2A4 \uBCC0\uACBD \uB0B4\uC6A9 \uBC0F \uC11C\uBE44\uC2A4 \uC911\uC9C0\uC5D0 \uAD00\uD55C \uC0AC\uD56D\uC744 \uC0AC\uC804\uC5D0 \uC548\uB0B4\uD558\uC5EC \uB4DC\uB9BD\uB2C8\uB2E4.",
6131
6140
  "\uC54C\uC544\uB450\uC2E4 \uC0AC\uD56D",
6132
- { modalSize: "large" }
6141
+ { modalSize: formFactor === "phone" ? "full-screen" : "large" }
6133
6142
  ),
6134
6143
  children: "\uC54C\uC544\uB450\uC2E4 \uC0AC\uD56D"
6135
6144
  }
@@ -6285,7 +6294,7 @@ const TermsCancerSystem = ({
6285
6294
  " ",
6286
6295
  /* @__PURE__ */ jsx("span", { className: cx$5("description-strong", "text-body_2-i"), children: "(\uD53C\uBCF4\uD5D8\uC790\uC758 \uC554 \uB4F1\uC758 \uC9C4\uB2E8\uC5EC\uBD80, \uC9C4\uB2E8\uC77C, \uC9C4\uB2E8 \uC554\uC885\uC5D0 \uAD00\uD55C \uC815\uBCF4 (\uB2E8, \uAD00\uB828 \uBCF4\uD5D8\uAE08 \uCCAD\uAD6C\uAC00 \uC788\uB294 \uACBD\uC6B0\uC5D0 \uD55C\uD568))" }),
6287
6296
  " ",
6288
- /* @__PURE__ */ jsx("span", { className: cx$5("description-strong"), children: "\uAD6D\uC678 \uC774\uC804\uC5D0" }),
6297
+ /* @__PURE__ */ jsx("span", { className: cx$5("description-strong"), children: "\uAD6D\uC678 \uC774\uC804" }),
6289
6298
  "\uC5D0 \uB3D9\uC758\uD558\uC2ED\uB2C8\uAE4C?"
6290
6299
  ] }),
6291
6300
  /* @__PURE__ */ jsx(
@@ -6342,7 +6351,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) =
6342
6351
  /* @__PURE__ */ jsxs("div", { className: cx$4("terms-content"), children: [
6343
6352
  /* @__PURE__ */ jsxs("div", { className: cx$4("card"), children: [
6344
6353
  /* @__PURE__ */ jsxs("div", { className: cx$4("sub-item"), children: [
6345
- /* @__PURE__ */ jsx("span", { className: cx$4("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D \uC778\uC218\uC2EC\uC0AC\xB7\uCCB4\uACB0\xB7\uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\u2018\uB97C \uC704\uD574 \uD544\uC218\uC801\uC778 \uC0AC\uD56D\uC774\uBBC0\uB85C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2DC\uB294 \uACBD\uC6B0 \uAD00\uB828 \uC5C5\uBB34\uC218\uD589\uC774 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4." }),
6354
+ /* @__PURE__ */ jsx("span", { className: cx$4("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D \uC778\uC218\uC2EC\uC0AC\xB7\uCCB4\uACB0\xB7\uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\u2019\uB97C \uC704\uD574 \uD544\uC218\uC801\uC778 \uC0AC\uD56D\uC774\uBBC0\uB85C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2DC\uB294 \uACBD\uC6B0 \uAD00\uB828 \uC5C5\uBB34\uC218\uD589\uC774 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4." }),
6346
6355
  /* @__PURE__ */ jsx("span", { className: cx$4("caption"), children: "\u203B \uBCF8 \uB3D9\uC758\uC11C\uC5D0 \uC758\uD55C \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC870\uD68C\uB294 \uADC0\uD558\uC758 \uC2E0\uC6A9\uB4F1\uAE09\uC5D0 \uC601\uD5A5\uC744 \uC8FC\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." })
6347
6356
  ] }),
6348
6357
  /* @__PURE__ */ jsx("div", { className: cx$4("divider", "hide-phone") }),
@@ -6505,7 +6514,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) =
6505
6514
  "\uC5D0 \uB3D9\uC758\uD558\uC2ED\uB2C8\uAE4C?"
6506
6515
  ] }),
6507
6516
  /* @__PURE__ */ jsxs("ul", { children: [
6508
- /* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638" }),
6517
+ /* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638, CI(\uC5F0\uACC4\uC815\uBCF4)" }),
6509
6518
  /* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798 \uC5C5\uBB34 \uAD00\uB828 \uC815\uBCF4(\uB0A9\uC785 \uACC4\uC88C\uC815\uBCF4 \uB4F1), \uBCF4\uD5D8\uACC4\uC57D\uC815\uBCF4(\uC99D\uAD8C\uBC88\uD638, \uC0C1\uD488\uC885\uB958, \uAE30\uAC04, \uBCF4\uD5D8\uB8CC, \uBCF4\uD5D8\uAC00\uC785\uAE08\uC561 \uB4F1), \uBCF4\uD5D8\uAE08\uC815\uBCF4(\uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC0AC\uC720, \uC9C0\uAE09\uAE08\uC561 \uB4F1), \uACC4\uC57D\uC804 \uC54C\uB9B4\uC758\uBB34 \uC0AC\uD56D(\uCDE8\uBBF8 \uB4F1)" }),
6510
6519
  /* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uB2A5\uB825\uC815\uBCF4 : \uC18C\uB4DD \uBC0F \uC7AC\uC0B0 \uC815\uBCF4" })
6511
6520
  ] })
@@ -6585,7 +6594,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) =
6585
6594
  "\uC5D0 \uB3D9\uC758\uD558\uC2ED\uB2C8\uAE4C?"
6586
6595
  ] }),
6587
6596
  /* @__PURE__ */ jsxs("ul", { children: [
6588
- /* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638" }),
6597
+ /* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638, CI(\uC5F0\uACC4\uC815\uBCF4)" }),
6589
6598
  /* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798 \uC5C5\uBB34 \uAD00\uB828 \uC815\uBCF4(\uB0A9\uC785 \uACC4\uC88C\uC815\uBCF4 \uB4F1), \uBCF4\uD5D8\uACC4\uC57D\uC815\uBCF4(\uC99D\uAD8C\uBC88\uD638, \uC0C1\uD488\uC885\uB958, \uAE30\uAC04, \uBCF4\uD5D8\uB8CC, \uBCF4\uD5D8\uAC00\uC785\uAE08\uC561 \uB4F1), \uBCF4\uD5D8\uAE08\uC815\uBCF4(\uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC0AC\uC720, \uC9C0\uAE09\uAE08\uC561 \uB4F1), \uACC4\uC57D\uC804 \uC54C\uB9B4\uC758\uBB34 \uC0AC\uD56D(\uCDE8\uBBF8 \uB4F1)" }),
6590
6599
  /* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uB2A5\uB825\uC815\uBCF4 : \uC18C\uB4DD \uBC0F \uC7AC\uC0B0 \uC815\uBCF4" })
6591
6600
  ] })
@@ -6722,7 +6731,7 @@ const TermsLoan = ({ formFactor = "tablet", value, onChange, className }) => {
6722
6731
  /* @__PURE__ */ jsx("h2", { className: cx$3("terms-title"), children: TERMS_TITLE[formFactor] }),
6723
6732
  /* @__PURE__ */ jsxs("div", { className: cx$3("terms-content"), children: [
6724
6733
  /* @__PURE__ */ jsxs("div", { className: cx$3("card"), children: [
6725
- /* @__PURE__ */ jsx("span", { className: cx$3("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D\uB300\uCD9C \uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\u2018\uB97C \uC704\uD574 \uD544\uC218\uC801\uC778 \uC0AC\uD56D\uC774\uBBC0\uB85C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2DC\uB294 \uACBD\uC6B0 \uAD00\uB828 \uC5C5\uBB34\uC218\uD589\uC774 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4." }),
6734
+ /* @__PURE__ */ jsx("span", { className: cx$3("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D\uB300\uCD9C \uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\u2019\uB97C \uC704\uD574 \uD544\uC218\uC801\uC778 \uC0AC\uD56D\uC774\uBBC0\uB85C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2DC\uB294 \uACBD\uC6B0 \uAD00\uB828 \uC5C5\uBB34\uC218\uD589\uC774 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4." }),
6726
6735
  /* @__PURE__ */ jsx("div", { className: cx$3("divider", "hide-phone") }),
6727
6736
  /* @__PURE__ */ jsx("span", { className: cx$3("description-strong", "hide-phone"), children: "\uB3D9\uC758\uB2F9\uC0AC\uC790\uAC00 \uB9CC 14\uC138 \uBBF8\uB9CC\uC758 \uACBD\uC6B0 \uBC95\uC815\uB300\uB9AC\uC778\uC774 \uC791\uC131 \uD6C4 \uCE5C\uAD8C\uC790 \uC11C\uBA85\uC744 \uD558\uC2DC\uACE0, \uB9CC 14\uC138 \uC774\uC0C1 \uBBF8\uC131\uB144\uC790\uB294 \uBBF8\uC131\uB144 \uBCF8\uC778 \uC9C1\uC811 \uB3D9\uC758 \uD6C4 \uCE5C\uAD8C\uC790 \uC11C\uBA85\uD558\uC2DC\uAE30 \uBC14\uB78D\uB2C8\uB2E4." })
6728
6737
  ] }),
@@ -6921,7 +6930,7 @@ const TermsTransfer = ({ formFactor = "tablet", className }) => {
6921
6930
  return /* @__PURE__ */ jsxs("form", { className: cx$1("terms", `is-${formFactor}`, className), children: [
6922
6931
  /* @__PURE__ */ jsx("h2", { className: cx$1("terms-title"), children: TERMS_TITLE[formFactor] }),
6923
6932
  /* @__PURE__ */ jsx("div", { className: cx$1("terms-content"), children: /* @__PURE__ */ jsxs("div", { className: cx$1("card"), children: [
6924
- /* @__PURE__ */ jsx("h3", { className: cx$1("sub-title"), children: "\uBCF8 \uC2E0\uCCAD\uC778\uC740 \uC804\uC790\uAE08\uC735\uAC70\uB798\uBC95 \uCD9C\uAE08\uC774\uCCB4\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uC778\uC9C0\uD558\uACE0 \uC788\uC73C\uBA70, \uC2E0\uCCAD\uACC4\uC88C\uB97C \uC774\uC6A9\uD558\uC5EC \uD574\uB2F9 \uACC4\uC57D\uC5D0 \uB300\uD55C \uBCF4\uD5D8\uB8CC \uBC0F \uB300\uCD9C\uAD00\uB828 \uCD9C\uAE08 \uC774\uCCB4\uC640 \uC1A1\uAE08\uC5D0 \uB3D9\uC758\uD569\uB2C8\uB2E4." }),
6933
+ /* @__PURE__ */ jsx("h3", { className: cx$1("statement"), children: "\uBCF8 \uC2E0\uCCAD\uC778\uC740 \uC804\uC790\uAE08\uC735\uAC70\uB798\uBC95 \uCD9C\uAE08\uC774\uCCB4\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uC778\uC9C0\uD558\uACE0 \uC788\uC73C\uBA70, \uC2E0\uCCAD\uACC4\uC88C\uB97C \uC774\uC6A9\uD558\uC5EC \uD574\uB2F9 \uACC4\uC57D\uC5D0 \uB300\uD55C \uBCF4\uD5D8\uB8CC \uBC0F \uB300\uCD9C\uAD00\uB828 \uCD9C\uAE08 \uC774\uCCB4\uC640 \uC1A1\uAE08\uC5D0 \uB3D9\uC758\uD569\uB2C8\uB2E4." }),
6925
6934
  /* @__PURE__ */ jsx("span", { className: cx$1("caption"), children: "\u203B \uCCAD\uC57D\uD558\uC2E0 \uBCF4\uD5D8\uACC4\uC57D\uC758 \uC778\uC218\uACFC\uC815\uC5D0\uC11C \uBC1C\uC0DD\uD558\uB294 \uC815\uC815\uBCF4\uD5D8\uB8CC\uB098 \uC2B9\uB099\uAC70\uC808\uC2DC \uD68C\uC0AC\uB294 \uBC18\uD658\uBCF4\uD5D8\uB8CC\uB97C \uC0C1\uAE30 \uC2E0\uCCAD\uACC4\uC88C\uB85C \uC785\uAE08\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4." }),
6926
6935
  /* @__PURE__ */ jsx("div", { className: cx$1("divider") }),
6927
6936
  /* @__PURE__ */ jsx("span", { className: cx$1("description"), children: "\uC0C1\uAE30 \uCD9C\uAE08\uC774\uCCB4 \uB3D9\uC758\uB294 \uBCF4\uD5D8\uD68C\uC0AC\uAC00 \uACE0\uAC1D\uB2D8(\uC608\uAE08\uC8FC)\uC758 \uC740\uD589\uACC4\uC88C\uB85C\uBD80\uD130 \uBCF4\uD5D8\uB8CC \uBC0F \uB300\uCD9C\uC6D0\uB9AC\uAE08 \uB4F1\uC744 \uCD9C\uAE08\uD558\uB294 \uACBD\uC6B0\uC5D0 \uD574\uB2F9 \uACE0\uAC1D(\uC608\uAE08\uC8FC)\uB2D8\uC73C\uB85C\uBD80\uD130 \uC758\uBB34\uC801\uC73C\uB85C \uC0AC\uC804\uC5D0 \uC11C\uBA74 \uB610\uB294 \uC804\uC790\uC11C\uBA85\uC73C\uB85C \uB3D9\uC758\uB97C \uC5BB\uB3C4\uB85D \uD558\uB294 \uC81C\uB3C4\uC774\uBA70, \uC774\uB294 [\uC804\uC790\uAC70\uB798\uAE30\uBCF8\uBC95]\uC5D0 \uC758\uAC70 \uC804\uC790\uAE08\uC735\uAC70\uB798\uC758 \uC548\uC815\uC131\uACFC \uC2E0\uB8B0\uC131\uC744 \uD655\uBCF4\uD558\uC5EC \uC804\uC790\uAE08\uC735 \uC18C\uBE44\uC790\uB97C \uBCF4\uD638\uD558\uAE30 \uC704\uD568\uC785\uB2C8\uB2E4." }),
package/dist/terms/components/_shared/terms.module.scss CHANGED
@@ -55,6 +55,8 @@
55
55
  padding: padding(card-around-large);
56
56
  background-color: colors(surface-neutral);
57
57
  border-radius: radius-basic(xlarge);
58
+ // 모바일 카드 그림자 (#269 shadow-medium 적용)
59
+ box-shadow: shadow(medium);
58
60
  }
59
61
 
60
62
  // ========================================
@@ -74,6 +76,16 @@
74
76
  color: colors(text-body);
75
77
  }
76
78
 
79
+ // 보험계약대출/이체 동의 등 본문 진술 텍스트 (#290, 299, 963, 964)
80
+ // - color: text-body → text-body_1
81
+ // - typography: subtitle3 → body2
82
+ .statement {
83
+ @include apply-typography(body2);
84
+
85
+ padding-bottom: margin(title-small);
86
+ color: colors(text-body_1);
87
+ }
88
+
77
89
  .description {
78
90
  @include apply-typography(body2);
79
91
 
@@ -95,10 +107,11 @@
95
107
  // ========================================
96
108
  // Structural Elements
97
109
  // ========================================
110
+ // body2-body3 등 단락 사이 간격 (#289 외, 모바일 12px / 태블릿 8px)
98
111
  .sub-item {
99
112
  display: flex;
100
113
  flex-direction: column;
101
- gap: margin(title-small);
114
+ gap: margin(textarea-xsmall);
102
115
  }
103
116
 
104
117
  .divider {
@@ -108,11 +121,13 @@
108
121
  border-top: 1px solid colors(border-neutral_2);
109
122
  }
110
123
 
124
+ // 약관 공통 체크박스 버튼 ↔ 라벨 사이 간격 (#969, 80)
125
+ // - 가로 row 기본 gap: textarea-xsmall (8px)
111
126
  .between-box {
112
127
  display: flex;
113
128
  flex-direction: column;
114
129
  flex-direction: row;
115
- gap: padding(large);
130
+ gap: margin(textarea-xsmall);
116
131
  align-items: flex-end;
117
132
  justify-content: space-between;
118
133
  }
@@ -127,8 +142,9 @@
127
142
  list-style-position: inside;
128
143
  list-style-type: decimal;
129
144
 
145
+ // 전자서명에 의한 보험계약체결 동의 1.~5. 숫자 컬러 통일 (#930, #957)
130
146
  li::marker {
131
- color: colors(text-neutral_1);
147
+ color: colors(text-body_2);
132
148
  }
133
149
  }
134
150
 
@@ -147,8 +163,9 @@
147
163
  }
148
164
  }
149
165
 
166
+ // 동의하십니까? 라벨과 아래 등급평가/항목 텍스트 사이 간격 (#940 외 일괄)
150
167
  .list-title {
151
- padding-bottom: margin(textarea-small);
168
+ padding-bottom: margin(textarea-xsmall);
152
169
  }
153
170
 
154
171
  .list-item {
@@ -203,9 +220,12 @@
203
220
  padding-bottom: margin(zero);
204
221
  }
205
222
 
223
+ // 모바일: '알아두실 사항' 버튼 (#948) 보더 없는 bg 컬러 스타일 + 좌측 여백
206
224
  .terms-title-extra {
207
225
  margin-left: padding(card-around-large);
208
226
  white-space: pre;
227
+ background-color: colors(surface-neutral_2);
228
+ border: none;
209
229
  }
210
230
  }
211
231
 
@@ -214,8 +234,10 @@
214
234
  border-radius: radius-basic(zero);
215
235
  }
216
236
 
237
+ // 모바일: '동의하십니까?' 라벨과 하단 체크박스 버튼 상하 간격 통일 (#932 외)
217
238
  .between-box {
218
239
  flex-direction: column;
240
+ gap: margin(textarea-small);
219
241
  align-items: flex-start;
220
242
  }
221
243
 
package/dist/terms/components/unit/terms-radio.module.scss CHANGED
@@ -1,9 +1,10 @@
1
1
  @use 'sales-frontend-design-system/design-system-context' as *;
2
2
 
3
3
  .radio {
4
+ // 모바일: 4열 그리드 (#950 보유 및 이용기간 4열 배치)
4
5
  display: grid;
5
- grid-template-columns: repeat(3, 1fr);
6
- gap: padding(xsmall) padding(zero);
6
+ grid-template-columns: repeat(4, 1fr);
7
+ gap: margin(button-medium) padding(zero);
7
8
  margin-top: margin(textarea-medium);
8
9
 
9
10
  @include media(tablet) {
package/dist/terms/components/unit/terms-rating-bar.module.scss CHANGED
@@ -63,10 +63,10 @@
63
63
  display: flex;
64
64
  justify-content: space-between;
65
65
 
66
- // 폰트 스타일 적용 (프로젝트 환경에 맞게 유지)
67
- font-size: 12px;
68
- line-height: 1.5;
69
- color: #4e5968; // colors(text-body) 기본색상
66
+ // 디자인 시스템 토큰 적용 (#939, 955, 965, 966)
67
+ @include apply-typography(body3);
68
+
69
+ color: colors(text-body);
70
70
 
71
71
  span {
72
72
  flex: 1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sales-frontend-components",
3
- "version": "3.0.1",
3
+ "version": "3.0.3",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs.js",
@@ -44,9 +44,9 @@
44
44
  "eslint-config-sales-frontend-eslint-config-v8": "^0.0.8",
45
45
  "sales-frontend-stores": "0.0.15",
46
46
  "sales-frontend-typescript-config": "0.0.2",
47
- "sales-frontend-assets": "0.0.27",
47
+ "sales-frontend-assets": "0.0.28",
48
48
  "sales-frontend-api": "0.0.183",
49
- "sales-frontend-design-system": "0.3.1",
49
+ "sales-frontend-design-system": "0.3.2",
50
50
  "sales-frontend-bridge": "0.0.120",
51
51
  "sales-frontend-hooks": "0.0.181",
52
52
  "sales-frontend-solution": "0.0.60",
@@ -59,9 +59,9 @@
59
59
  "react-dom": ">=19.0.0",
60
60
  "react-hook-form": "^7.58.1",
61
61
  "sales-frontend-api": "0.0.183",
62
- "sales-frontend-assets": "0.0.27",
62
+ "sales-frontend-assets": "0.0.28",
63
63
  "sales-frontend-stores": "0.0.15",
64
- "sales-frontend-design-system": "0.3.1",
64
+ "sales-frontend-design-system": "0.3.2",
65
65
  "sales-frontend-bridge": "0.0.120",
66
66
  "sales-frontend-hooks": "0.0.181",
67
67
  "sales-frontend-solution": "0.0.60"