From 338e852bf1aec5b522445ea0697d22a880e48ed5 Mon Sep 17 00:00:00 2001
From: hojpegmafia <theghtjd@gmail.com>
Date: Mon, 10 Aug 2026 20:48:09 +0900
Subject: [PATCH] =?UTF-8?q?[modify]=20=EB=A6=AC=EC=9B=8C=EB=93=9C=20?=
 =?UTF-8?q?=EB=A9=94=EC=9D=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=82=AC?=
 =?UTF-8?q?=EC=9A=A9=EC=9E=90=20=EC=A0=95=EB=B3=B4=20API=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/character/blue2.svg       | 35 +++++++++++++++++++
 src/assets/icons/character/gray2.svg       | 40 ++++++++++++++++++++++
 src/assets/icons/character/green2.svg      | 34 ++++++++++++++++++
 src/assets/icons/character/orange2.svg     | 40 ++++++++++++++++++++++
 src/assets/icons/character/purple2.svg     | 33 ++++++++++++++++++
 src/assets/icons/character/yellow2.svg     | 32 +++++++++++++++++
 src/pages/reward-page/reward-home-page.tsx | 34 ++++++++++++++----
 7 files changed, 242 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/icons/character/blue2.svg
 create mode 100644 src/assets/icons/character/gray2.svg
 create mode 100644 src/assets/icons/character/green2.svg
 create mode 100644 src/assets/icons/character/orange2.svg
 create mode 100644 src/assets/icons/character/purple2.svg
 create mode 100644 src/assets/icons/character/yellow2.svg

diff --git a/src/assets/icons/character/blue2.svg b/src/assets/icons/character/blue2.svg
new file mode 100644
index 0000000..500d229
--- /dev/null
+++ b/src/assets/icons/character/blue2.svg
@@ -0,0 +1,35 @@
+<svg width="102" height="109" viewBox="0 0 102 109" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_272_8796)">
+<path d="M17.3694 6.47833H28.8236C29.5904 6.47833 30.2163 7.10425 30.2163 7.871V14.9282C30.2163 15.2099 29.9868 15.4341 29.7104 15.4341H16.4879C16.2062 15.4341 15.9819 15.2046 15.9819 14.9282V7.871C15.9819 7.10425 16.6079 6.47833 17.3746 6.47833H17.3694Z" fill="#65A3E2"/>
+<path d="M29.5955 99.4218H42.6302V104.664C42.6302 106.735 40.9507 108.414 38.8799 108.414H29.5955C27.5248 108.414 25.8452 106.735 25.8452 104.664V103.172C25.8452 101.101 27.5248 99.4218 29.5955 99.4218Z" fill="#65A3E2"/>
+<path d="M66.4724 108.419H57.188C55.1172 108.419 53.4377 106.74 53.4377 104.669V99.4269H66.4724C68.5431 99.4269 70.2227 101.106 70.2227 103.177V104.669C70.2227 106.74 68.5431 108.419 66.4724 108.419Z" fill="#65A3E2"/>
+<path d="M83.9458 61.3345C83.9458 61.3345 91.2586 59.4203 91.0395 50.6574C90.8204 41.8946 101.571 41.0131 101.936 49.922C102.301 58.8309 98.1332 70.911 83.9458 74.4422V61.3345Z" fill="#65A3E2"/>
+<mask id="mask0_272_8796" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="83" y="43" width="19" height="32">
+<path d="M83.9458 61.3345C83.9458 61.3345 91.2586 59.4203 91.0395 50.6574C90.8204 41.8946 101.571 41.0131 101.936 49.922C102.301 58.8309 98.1332 70.911 83.9458 74.4422V61.3345Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_272_8796)">
+<path d="M87.8474 57.2192H80.5815V79.1054H87.8474V57.2192Z" fill="#4583B6"/>
+</g>
+<path d="M11.7307 66.5974C11.7307 66.5974 0 71.0101 0 88.9843C0 97.5594 9.96249 96.005 10.1138 88.9843C10.2181 84.1648 10.7501 84.2326 11.5847 84.1752L11.7307 66.6026V66.5974Z" fill="#65A3E2"/>
+<mask id="mask1_272_8796" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="66" width="12" height="29">
+<path d="M11.7307 66.5974C11.7307 66.5974 0 71.0101 0 88.9843C0 97.5594 9.96249 96.005 10.1138 88.9843C10.2181 84.1648 10.7501 84.2326 11.5847 84.1752L11.7307 66.6026V66.5974Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_272_8796)">
+<path d="M24.2019 87.2684H10.2336L8.66357 62.6751H24.2019V87.2684Z" fill="#4583B6"/>
+</g>
+<path d="M15.9033 0H32.4014C33.309 0 34.0444 0.735451 34.0444 1.64303V8.36119C34.0444 8.6898 33.7784 8.96103 33.4446 8.96103H14.8601C14.5315 8.96103 14.2603 8.69501 14.2603 8.36119V1.64303C14.2603 0.735451 14.9957 0 15.9033 0Z" fill="#65A3E2"/>
+<path d="M71.9854 8.96106H24.0871C17.1812 8.96106 11.5845 14.5578 11.5845 21.4637V86.9241C11.5845 93.83 17.1812 99.4268 24.0871 99.4268H71.9854C78.8913 99.4268 84.488 93.83 84.488 86.9241V21.4637C84.488 14.5578 78.8913 8.96106 71.9854 8.96106ZM71.6724 29.4285C69.0227 29.2303 54.5901 29.4285 54.5901 29.4285C54.5901 29.4285 52.5767 29.5015 50.9598 28.3227C49.3376 27.1439 45.4204 23.0598 44.7737 21.3281C44.0643 19.4139 45.264 17.6456 46.9331 17.6456H67.2545C67.2545 17.6456 74.6194 16.3208 73.884 25.0106C73.884 25.0106 74.3273 29.6267 71.6724 29.4285Z" fill="url(#paint0_radial_272_8796)"/>
+<path d="M51.7059 61.8145H44.1427C43.1778 61.8093 42.4945 60.9278 42.4893 60.1558C42.4893 59.1752 43.1934 58.3563 44.2418 58.3615L52.2431 58.4033C53.2289 58.4033 53.6671 59.6342 53.5471 60.3175C53.3802 61.2512 52.7125 61.8197 51.7059 61.8197V61.8145Z" fill="#111111"/>
+<path d="M36.006 55.9883C34.5769 55.1276 34.0813 53.4846 34.5664 51.9981C35.0098 50.6419 36.3242 49.5935 37.9568 49.7135C40.1632 49.8752 41.5402 51.9668 40.9038 54.0897C40.3301 56.0143 37.9777 57.1827 36.006 55.9935V55.9883Z" fill="#111111"/>
+<path d="M60.4012 55.7432C59.1911 56.7655 57.4907 56.6247 56.338 55.7641C55.1853 54.9034 54.721 53.3334 55.2061 51.9773C55.6912 50.6211 57.0004 49.6092 58.56 49.7187C60.0048 49.8179 61.0376 50.7724 61.4757 51.946C61.9712 53.2604 61.5748 54.7469 60.4012 55.738V55.7432Z" fill="#111111"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_272_8796" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(48.0362 54.1939) rotate(90) scale(45.2328 36.4518)">
+<stop stop-color="#D7EAFF"/>
+<stop offset="1" stop-color="#90C6FF"/>
+</radialGradient>
+<clipPath id="clip0_272_8796">
+<rect width="101.962" height="108.419" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/character/gray2.svg b/src/assets/icons/character/gray2.svg
new file mode 100644
index 0000000..b122c86
--- /dev/null
+++ b/src/assets/icons/character/gray2.svg
@@ -0,0 +1,40 @@
+<svg width="100" height="129" viewBox="0 0 100 129" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_272_8686)">
+<path d="M81.687 69.002C81.687 69.002 88.9998 67.0877 88.7807 58.3249C88.5617 49.5621 99.3118 48.6806 99.6769 57.5895C100.042 66.4983 95.8744 78.5785 81.687 82.1097V69.002Z" fill="#B2B1B1"/>
+<mask id="mask0_272_8686" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="81" y="51" width="19" height="32">
+<path d="M81.687 69.002C81.687 69.002 88.9998 67.0877 88.7807 58.3249C88.5617 49.5621 99.3118 48.6806 99.6769 57.5895C100.042 66.4983 95.8744 78.5785 81.687 82.1097V69.002Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_272_8686)">
+<path d="M85.594 64.8813H78.3281V86.7675H85.594V64.8813Z" fill="#A2A2A2"/>
+</g>
+<path d="M11.1935 78.3751C11.1935 78.3751 -0.620672 87.5447 0.0261077 100.762C0.443385 109.327 9.9886 107.783 10.1399 100.762C10.2442 95.9424 10.7762 96.0102 11.6108 95.9529L11.1935 78.3803V78.3751Z" fill="#B2B1B1"/>
+<mask id="mask1_272_8686" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="78" width="12" height="29">
+<path d="M11.1935 78.3751C11.1935 78.3751 -0.620672 87.5447 0.0261077 100.762C0.443385 109.327 9.9886 107.783 10.1399 100.762C10.2442 95.9424 10.7762 96.0102 11.6108 95.9529L11.1935 78.3803V78.3751Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_272_8686)">
+<path d="M24.2283 99.0511H10.2599L8.68994 74.4526H24.2283V99.0511Z" fill="#A2A2A2"/>
+</g>
+<path d="M25.4749 119.758H38.5096V125C38.5096 127.071 36.83 128.751 34.7593 128.751H25.4749C23.4041 128.751 21.7246 127.071 21.7246 125V123.509C21.7246 121.438 23.4041 119.758 25.4749 119.758Z" fill="#B2B1B1"/>
+<path d="M67.531 128.756H58.2466C56.1758 128.756 54.4963 127.076 54.4963 125.006V119.764H67.531C69.6017 119.764 71.2812 121.443 71.2812 123.514V125.006C71.2812 127.076 69.6017 128.756 67.531 128.756Z" fill="#B2B1B1"/>
+<path d="M76.8731 1.3666C72.0014 -1.44481 65.7683 0.224303 62.9569 5.09601L58.2834 13.186C55.472 18.0577 57.1411 24.2908 62.0128 27.1022C66.8845 29.9136 73.1176 28.2445 75.929 23.3728L80.6025 15.2828C83.4139 10.4111 81.7448 4.178 76.8731 1.3666ZM74.8389 13.1182L72.9507 16.3886C71.8136 18.355 69.2995 19.0331 67.3279 17.896C65.3615 16.7589 64.6834 14.2448 65.8205 12.2732L67.7087 9.00277C68.8457 7.03635 71.3598 6.35828 73.3315 7.49536C75.2979 8.63244 75.976 11.1465 74.8389 13.1182Z" fill="#B2B1B1"/>
+<mask id="mask2_272_8686" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="56" y="0" width="26" height="29">
+<path d="M76.8731 1.3666C72.0014 -1.44481 65.7683 0.224303 62.9569 5.09601L58.2834 13.186C55.472 18.0577 57.1411 24.2908 62.0128 27.1022C66.8845 29.9136 73.1176 28.2445 75.929 23.3728L80.6025 15.2828C83.4139 10.4111 81.7448 4.178 76.8731 1.3666ZM74.8389 13.1182L72.9507 16.3886C71.8136 18.355 69.2995 19.0331 67.3279 17.896C65.3615 16.7589 64.6834 14.2448 65.8205 12.2732L67.7087 9.00277C68.8457 7.03635 71.3598 6.35828 73.3315 7.49536C75.2979 8.63244 75.976 11.1465 74.8389 13.1182Z" fill="white"/>
+</mask>
+<g mask="url(#mask2_272_8686)">
+<path d="M81.9692 15.6635H50.7256V34.9991H81.9692V15.6635Z" fill="#A2A2A2"/>
+</g>
+<path d="M66.5191 18.2401H26.3614C17.9843 18.2401 11.1934 25.0311 11.1934 33.4081V104.59C11.1934 112.967 17.9843 119.758 26.3614 119.758H66.5191C74.8962 119.758 81.6871 112.967 81.6871 104.59V33.4081C81.6871 25.0311 74.8962 18.2401 66.5191 18.2401Z" fill="url(#paint0_radial_272_8686)"/>
+<path d="M50.1097 71.7089H42.5465C41.5816 71.7037 40.8983 70.8222 40.8931 70.0502C40.8931 69.0696 41.5972 68.2507 42.6456 68.2559L50.6469 68.2977C51.6327 68.2977 52.0709 69.5286 51.9509 70.2119C51.784 71.1456 51.1164 71.7141 50.1097 71.7141V71.7089Z" fill="#111111"/>
+<path d="M34.4147 65.8826C32.9856 65.022 32.49 63.379 32.9751 61.8924C33.4185 60.5363 34.7329 59.4878 36.3655 59.6078C38.5719 59.7695 39.9489 61.8611 39.3125 63.984C38.7388 65.9087 36.3864 67.0771 34.4147 65.8878V65.8826Z" fill="#111111"/>
+<path d="M58.8044 65.6376C57.5943 66.6599 55.8939 66.5191 54.7411 65.6585C53.5832 64.7926 53.1242 63.2278 53.6093 61.8717C54.0944 60.5155 55.4036 59.5036 56.9631 59.6132C58.408 59.7123 59.4407 60.6668 59.8789 61.8404C60.3744 63.1548 59.978 64.6413 58.8044 65.6324V65.6376Z" fill="#111111"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_272_8686" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(46.4402 68.9993) rotate(90) scale(55.6697 38.6567)">
+<stop stop-color="#FBFBFB"/>
+<stop offset="1" stop-color="#B4B5B4"/>
+</radialGradient>
+<clipPath id="clip0_272_8686">
+<rect width="99.7032" height="128.756" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/character/green2.svg b/src/assets/icons/character/green2.svg
new file mode 100644
index 0000000..7e1834a
--- /dev/null
+++ b/src/assets/icons/character/green2.svg
@@ -0,0 +1,34 @@
+<svg width="105" height="105" viewBox="0 0 105 105" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_272_8717)">
+<path d="M30.555 95.4626H43.5897V100.705C43.5897 102.775 41.9101 104.455 39.8394 104.455H30.555C28.4842 104.455 26.8047 102.775 26.8047 100.705V99.2129C26.8047 97.1422 28.4842 95.4626 30.555 95.4626Z" fill="#50BF83"/>
+<path d="M67.427 104.45H58.1426C56.0718 104.45 54.3923 102.77 54.3923 100.699V95.4574H67.427C69.4977 95.4574 71.1772 97.1369 71.1772 99.2077V100.699C71.1772 102.77 69.4977 104.45 67.427 104.45Z" fill="#50BF83"/>
+<path d="M86.6475 22.3556C86.6788 22.8616 86.6945 23.3727 86.6945 23.8891V85.4323C86.6945 90.9716 82.2035 95.4574 76.6694 95.4574H21.3176C15.7782 95.4574 11.2925 90.9664 11.2925 85.4323V10.0251C11.2873 4.49095 15.7782 0 21.3176 0H62.8054C63.3113 0 63.812 0.0156479 64.3076 0.0469437" fill="url(#paint0_radial_272_8717)"/>
+<path d="M65.0689 0.182652L86.5013 21.8602C86.8665 22.2305 86.59 22.8252 86.0528 22.8304H67.5257C65.5801 22.8304 64.0049 21.3438 64.0049 19.513V0.579066C64.0049 0.0574691 64.683 -0.192897 65.0585 0.187868L65.0689 0.182652Z" fill="#3EA26A"/>
+<path d="M86.4912 56.9949C86.4912 56.9949 93.804 55.0806 93.5849 46.3178C93.3658 37.555 104.116 36.6735 104.481 45.5823C104.846 54.4912 100.679 66.5714 86.4912 70.1026V56.9949Z" fill="#50BF83"/>
+<mask id="mask0_272_8717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="86" y="39" width="19" height="32">
+<path d="M86.4912 56.9949C86.4912 56.9949 93.804 55.0806 93.5849 46.3178C93.3658 37.555 104.116 36.6735 104.481 45.5823C104.846 54.4912 100.679 66.5714 86.4912 70.1026V56.9949Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_272_8717)">
+<path d="M90.3982 52.8795H83.1323V74.7657H90.3982V52.8795Z" fill="#3EA26A"/>
+</g>
+<path d="M11.4074 65.304C11.4074 65.304 -0.0260353 71.1302 4.45487e-05 87.6909C0.0104765 96.2659 9.96254 94.7116 10.1138 87.6909C10.2181 82.8713 10.7501 82.9391 11.5847 82.8818L11.4074 65.3092V65.304Z" fill="#50BF83"/>
+<mask id="mask1_272_8717" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="65" width="12" height="29">
+<path d="M11.4074 65.304C11.4074 65.304 -0.0260353 71.1302 4.45487e-05 87.6909C0.0104765 96.2659 9.96254 94.7116 10.1138 87.6909C10.2181 82.8713 10.7501 82.9391 11.5847 82.8818L11.4074 65.3092V65.304Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_272_8717)">
+<path d="M24.2019 85.9747H10.2336L8.66357 61.3814H24.2019V85.9747Z" fill="#3EA26A"/>
+</g>
+<path d="M52.6605 53.787H45.0973C44.1324 53.7818 43.4491 52.9003 43.4438 52.1284C43.4438 51.1478 44.148 50.3289 45.1964 50.3341L53.1977 50.3758C54.1835 50.3758 54.6217 51.6068 54.5017 52.2901C54.3348 53.2237 53.6671 53.7923 52.6605 53.7923V53.787Z" fill="#111111"/>
+<path d="M36.9655 47.9609C35.5363 47.1002 35.0408 45.4572 35.5259 43.9707C35.9693 42.6145 37.2837 41.5661 38.9163 41.6861C41.1226 41.8478 42.4996 43.9394 41.8633 46.0622C41.2895 47.9869 38.9371 49.1553 36.9655 47.9661V47.9609Z" fill="#111111"/>
+<path d="M61.3553 47.7157C60.1452 48.7381 58.4448 48.5972 57.2921 47.7366C56.1394 46.876 55.6751 45.3059 56.1602 43.9498C56.6453 42.5936 57.9545 41.5817 59.5141 41.6913C60.9589 41.7904 61.9917 42.7449 62.4298 43.9185C62.9253 45.2329 62.5289 46.7195 61.3553 47.7105V47.7157Z" fill="#111111"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_272_8717" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(48.9935 47.7287) rotate(90) scale(50.1912 39.6462)">
+<stop stop-color="#BCFFCE"/>
+<stop offset="1" stop-color="#7FE79B"/>
+</radialGradient>
+<clipPath id="clip0_272_8717">
+<rect width="104.507" height="104.455" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/character/orange2.svg b/src/assets/icons/character/orange2.svg
new file mode 100644
index 0000000..98f910f
--- /dev/null
+++ b/src/assets/icons/character/orange2.svg
@@ -0,0 +1,40 @@
+<svg width="95" height="122" viewBox="0 0 95 122" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_272_8742)">
+<path d="M25.4593 112.352H38.494V117.594C38.494 119.665 36.8144 121.344 34.7437 121.344H25.4593C23.3885 121.344 21.709 119.665 21.709 117.594V116.102C21.709 114.031 23.3885 112.352 25.4593 112.352Z" fill="#FFAF6A"/>
+<path d="M62.3361 121.349H53.0517C50.981 121.349 49.3015 119.67 49.3015 117.599V112.357H62.3361C64.4069 112.357 66.0864 114.037 66.0864 116.107V117.599C66.0864 119.67 64.4069 121.349 62.3361 121.349Z" fill="#FFAF6A"/>
+<path d="M76.0435 73.8895C76.0435 73.8895 83.3562 71.9752 83.1372 63.2124C82.9181 54.4496 93.6682 53.5681 94.0333 62.4769C94.3984 71.3858 90.2309 83.466 76.0435 86.9972V73.8895Z" fill="#FFAF6A"/>
+<mask id="mask0_272_8742" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="76" y="56" width="19" height="31">
+<path d="M76.0435 73.8895C76.0435 73.8895 83.3562 71.9752 83.1372 63.2124C82.9181 54.4496 93.6682 53.5681 94.0333 62.4769C94.3984 71.3858 90.2309 83.466 76.0435 86.9972V73.8895Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_272_8742)">
+<path d="M79.945 69.7741H72.6792V91.6603H79.945V69.7741Z" fill="#EC862B"/>
+</g>
+<path d="M11.7307 82.1985C11.7307 82.1985 0 86.6112 0 104.585C0 113.16 9.96249 111.606 10.1138 104.585C10.2181 99.7659 10.7501 99.8337 11.5847 99.7763L11.7307 82.2037V82.1985Z" fill="#FFAF6A"/>
+<mask id="mask1_272_8742" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="82" width="12" height="29">
+<path d="M11.7307 82.1985C11.7307 82.1985 0 86.6112 0 104.585C0 113.16 9.96249 111.606 10.1138 104.585C10.2181 99.7659 10.7501 99.8337 11.5847 99.7763L11.7307 82.2037V82.1985Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_272_8742)">
+<path d="M24.2019 102.869H10.2336L8.66357 78.2759H24.2019V102.869Z" fill="#EC862B"/>
+</g>
+<path d="M74.1552 38.9477C73.0181 36.225 71.2082 33.2623 68.3342 30.9881C61.2665 25.3914 60.6771 24.2856 60.6041 20.9735C60.5311 17.6613 60.6041 10.4424 60.6041 10.4424L43.8139 10.5885L27.0237 10.4424C27.0237 10.4424 27.0968 17.6613 27.0237 20.9735C26.9507 24.2856 26.3613 25.3914 19.2937 30.9881C16.4197 33.2623 14.6097 36.2302 13.4727 38.9477C12.1843 42.0303 11.5845 45.3529 11.5845 48.6963V99.7919C11.5845 110.594 24.9373 112.555 24.9373 112.555C24.9373 112.555 33.7523 112.78 43.7409 112.811C43.7409 112.811 43.7878 112.811 43.8139 112.811C43.84 112.811 43.8609 112.811 43.8869 112.811C53.8755 112.774 62.6905 112.555 62.6905 112.555C62.6905 112.555 76.0434 110.594 76.0434 99.7919V48.6963C76.0434 45.3581 75.4435 42.0303 74.1552 38.9477Z" fill="url(#paint0_radial_272_8742)"/>
+<mask id="mask2_272_8742" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="11" y="10" width="66" height="103">
+<path d="M74.1552 38.9477C73.0181 36.225 71.2082 33.2623 68.3342 30.9881C61.2665 25.3914 60.6771 24.2856 60.6041 20.9735C60.5311 17.6613 60.6041 10.4424 60.6041 10.4424L43.8139 10.5885L27.0237 10.4424C27.0237 10.4424 27.0968 17.6613 27.0237 20.9735C26.9507 24.2856 26.3613 25.3914 19.2937 30.9881C16.4197 33.2623 14.6097 36.2302 13.4727 38.9477C12.1843 42.0303 11.5845 45.3529 11.5845 48.6963V99.7919C11.5845 110.594 24.9373 112.555 24.9373 112.555C24.9373 112.555 33.7523 112.78 43.7409 112.811C43.7409 112.811 43.7878 112.811 43.8139 112.811C43.84 112.811 43.8609 112.811 43.8869 112.811C53.8755 112.774 62.6905 112.555 62.6905 112.555C62.6905 112.555 76.0434 110.594 76.0434 99.7919V48.6963C76.0434 45.3581 75.4435 42.0303 74.1552 38.9477Z" fill="white"/>
+</mask>
+<g mask="url(#mask2_272_8742)">
+<path d="M65.7052 7.51099H24.0244V15.022H65.7052V7.51099Z" fill="#EC862B"/>
+</g>
+<path d="M60.8127 0H26.9298C24.6195 0 22.7466 1.87288 22.7466 4.1832V7.01026C22.7466 9.32058 24.6195 11.1935 26.9298 11.1935H60.8127C63.123 11.1935 64.9959 9.32058 64.9959 7.01026V4.1832C64.9959 1.87288 63.123 0 60.8127 0Z" fill="#FFAF6A"/>
+<path d="M47.5384 70.3633H39.9752C39.0103 70.3581 38.327 69.4766 38.3218 68.7047C38.3218 67.7241 39.0259 66.9051 40.0743 66.9104L48.0756 66.9521C49.0614 66.9521 49.4996 68.1831 49.3796 68.8664C49.2127 69.8 48.5451 70.3686 47.5384 70.3686V70.3633Z" fill="#111111"/>
+<path d="M31.8434 64.5371C30.4143 63.6765 29.9187 62.0334 30.4038 60.5469C30.8472 59.1907 32.1616 58.1423 33.7942 58.2623C36.0006 58.424 37.3776 60.5156 36.7412 62.6385C36.1675 64.5632 33.8151 65.7316 31.8434 64.5423V64.5371Z" fill="#111111"/>
+<path d="M56.2333 64.2869C55.0232 65.3092 53.3227 65.1684 52.17 64.3078C51.0173 63.4471 50.5531 61.8771 51.0382 60.521C51.5232 59.1648 52.8324 58.1529 54.392 58.2625C55.8368 58.3616 56.8696 59.3161 57.3077 60.4897C57.8033 61.8041 57.4068 63.2906 56.2333 64.2817V64.2869Z" fill="#111111"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_272_8742" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(43.8139 61.6267) rotate(90) scale(51.1843 32.2294)">
+<stop stop-color="#FFEAD7"/>
+<stop offset="1" stop-color="#FFB773"/>
+</radialGradient>
+<clipPath id="clip0_272_8742">
+<rect width="94.0543" height="121.349" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/character/purple2.svg b/src/assets/icons/character/purple2.svg
new file mode 100644
index 0000000..431fc63
--- /dev/null
+++ b/src/assets/icons/character/purple2.svg
@@ -0,0 +1,33 @@
+<svg width="105" height="122" viewBox="0 0 105 122" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_272_8773)">
+<path d="M89.0519 100.59C89.0519 100.59 82.1304 8.83597 81.3949 4.8614C80.6595 0.886836 76.6797 0.00012207 71.0882 0.00012207C65.4967 0.00012207 64.1718 5.00745 64.1718 5.00745C64.1718 5.00745 64.0153 20.1755 64.1666 24.7447C64.3126 29.3086 61.955 28.5732 61.955 28.5732H50.9493H50.193H49.4367H38.431C38.431 28.5732 36.0734 29.3086 36.2194 24.7447C36.3655 20.1807 36.2142 5.00745 36.2142 5.00745C36.2142 5.00745 34.8946 0.00012207 29.2979 0.00012207C23.7011 0.00012207 19.7266 0.88162 18.9911 4.8614C18.2557 8.83597 11.3341 100.59 11.3341 100.59C11.3341 100.59 11.188 112.227 23.1169 112.962C33.5071 113.604 46.907 113.129 50.193 112.994C53.4843 113.129 66.8841 113.604 77.2691 112.962C89.198 112.227 89.0519 100.59 89.0519 100.59Z" fill="url(#paint0_radial_272_8773)"/>
+<path d="M30.6126 112.978H43.6473V118.22C43.6473 120.291 41.9677 121.97 39.897 121.97H30.6126C28.5418 121.97 26.8623 120.291 26.8623 118.22V116.728C26.8623 114.657 28.5418 112.978 30.6126 112.978Z" fill="#BA92FF"/>
+<path d="M67.4895 121.975H58.2051C56.1343 121.975 54.4548 120.296 54.4548 118.225V112.983H67.4895C69.5602 112.983 71.2397 114.663 71.2397 116.733V118.225C71.2397 120.296 69.5602 121.975 67.4895 121.975Z" fill="#BA92FF"/>
+<path d="M86.8091 73.3941C86.8091 73.3941 93.9497 70.9113 93.0474 62.1954C92.1398 53.4743 102.791 51.753 103.855 60.6097C104.919 69.4612 101.701 81.8283 87.8366 86.4653L86.8091 73.3993V73.3941Z" fill="#BA92FF"/>
+<mask id="mask0_272_8773" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="86" y="54" width="19" height="33">
+<path d="M86.8091 73.3941C86.8091 73.3941 93.9497 70.9113 93.0474 62.1954C92.1398 53.4743 102.791 51.753 103.855 60.6097C104.919 69.4612 101.701 81.8283 87.8366 86.4653L86.8091 73.3993V73.3941Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_272_8773)">
+<path d="M90.3847 68.98L83.1411 69.5488L84.8545 91.3678L92.098 90.799L90.3847 68.98Z" fill="#9F82DF"/>
+</g>
+<path d="M13.3789 76.101C13.3789 76.101 1.35614 79.6374 0.0260651 97.5594C-0.605067 106.114 9.4461 105.3 10.1137 98.3053C10.5727 93.5066 11.0996 93.6109 11.9393 93.6162L13.3842 76.101H13.3789Z" fill="#BA92FF"/>
+<mask id="mask1_272_8773" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-1" y="76" width="15" height="28">
+<path d="M13.3789 76.101C13.3789 76.101 1.35614 79.6374 0.0260651 97.5594C-0.605067 106.114 9.4461 105.3 10.1137 98.3053C10.5727 93.5066 11.0996 93.6109 11.9393 93.6162L13.3842 76.101H13.3789Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_272_8773)">
+<path d="M24.2909 97.6377L10.3643 96.605L10.6094 71.9595L26.106 73.107L24.2909 97.6377Z" fill="#BA92FF"/>
+</g>
+<path d="M53.8602 68.7517H46.297C45.3321 68.7465 44.6488 67.865 44.6436 67.093C44.6436 66.1124 45.3477 65.2935 46.3961 65.2987L54.3974 65.3405C55.3832 65.3405 55.8214 66.5714 55.7014 67.2547C55.5345 68.1884 54.8668 68.7569 53.8602 68.7569V68.7517Z" fill="#111111"/>
+<path d="M38.1652 62.9306C36.736 62.07 36.2405 60.427 36.7256 58.9404C37.169 57.5843 38.4834 56.5359 40.116 56.6558C42.3223 56.8175 43.6994 58.9091 43.063 61.032C42.4892 62.9567 40.1368 64.1251 38.1652 62.9359V62.9306Z" fill="#111111"/>
+<path d="M62.555 62.6804C61.3449 63.7028 59.6445 63.5619 58.4918 62.7013C57.3391 61.8407 56.8748 60.2707 57.3599 58.9145C57.845 57.5584 59.1542 56.5465 60.7138 56.656C62.1586 56.7551 63.1914 57.7096 63.6295 58.8832C64.125 60.1976 63.7286 61.6842 62.555 62.6752V62.6804Z" fill="#111111"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_272_8773" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(50.3335 68.1541) rotate(90) scale(41 43.5484)">
+<stop stop-color="#EEE3FF"/>
+<stop offset="1" stop-color="#CAA9FF"/>
+</radialGradient>
+<clipPath id="clip0_272_8773">
+<rect width="104.043" height="121.975" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/character/yellow2.svg b/src/assets/icons/character/yellow2.svg
new file mode 100644
index 0000000..780265c
--- /dev/null
+++ b/src/assets/icons/character/yellow2.svg
@@ -0,0 +1,32 @@
+<svg width="91" height="123" viewBox="0 0 91 123" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M72.8823 64.8187C72.8823 64.8187 80.1951 62.9045 79.976 54.1416C79.757 45.3788 90.5071 44.4973 90.8722 53.4062C91.2373 62.3151 87.0697 74.3952 72.8823 77.9264V64.8187Z" fill="#FFE780"/>
+<mask id="mask0_272_8823" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="72" y="47" width="19" height="31">
+<path d="M72.8823 64.8187C72.8823 64.8187 80.1951 62.9045 79.976 54.1416C79.757 45.3788 90.5071 44.4973 90.8722 53.4062C91.2373 62.3151 87.0697 74.3952 72.8823 77.9264V64.8187Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_272_8823)">
+<path d="M76.7893 60.7036H69.5234V82.5897H76.7893V60.7036Z" fill="#E2CA64"/>
+</g>
+<path d="M11.193 73.1278C11.193 73.1278 -0.62116 82.2975 0.0256194 95.5147C0.442897 104.079 9.98811 102.535 10.1394 95.5147C10.2437 90.6952 10.7757 90.763 11.6103 90.7056L11.193 73.133V73.1278Z" fill="#FFE780"/>
+<mask id="mask1_272_8823" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="73" width="12" height="29">
+<path d="M11.193 73.1278C11.193 73.1278 -0.62116 82.2975 0.0256194 95.5147C0.442897 104.079 9.98811 102.535 10.1394 95.5147C10.2437 90.6952 10.7757 90.763 11.6103 90.7056L11.193 73.133V73.1278Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_272_8823)">
+<path d="M24.2278 93.804H10.2595L8.68945 69.2055H24.2278V93.804Z" fill="#E2CA64"/>
+</g>
+<path d="M29.1987 7.45361H53.7242C55.3151 7.45361 56.6086 8.74717 56.6086 10.338V19.9146C56.6086 20.6291 56.0297 21.2133 55.3098 21.2133H27.6079C26.8933 21.2133 26.3091 20.6344 26.3091 19.9146V10.338C26.3091 8.74717 27.6026 7.45361 29.1935 7.45361H29.1987Z" fill="#E2CA64"/>
+<path d="M23.2107 113.145H36.2454V118.387C36.2454 120.458 34.5659 122.137 32.4951 122.137H23.2107C21.14 122.137 19.4604 120.458 19.4604 118.387V116.895C19.4604 114.824 21.14 113.145 23.2107 113.145Z" fill="#E2CA64"/>
+<path d="M60.0876 122.137H50.8032C48.7325 122.137 47.0529 120.457 47.0529 118.387V113.145H60.0876C62.1583 113.145 63.8379 114.824 63.8379 116.895V118.387C63.8379 120.457 62.1583 122.137 60.0876 122.137Z" fill="#E2CA64"/>
+<path d="M63.2847 99.625H20.2999C16.5665 99.625 13.54 102.652 13.54 106.385C13.54 110.118 16.5665 113.145 20.2999 113.145H63.2847C67.0181 113.145 70.0446 110.118 70.0446 106.385C70.0446 102.652 67.0181 99.625 63.2847 99.625Z" fill="#FFE780"/>
+<path d="M59.5867 17.4996H23.9981C19.7837 17.4996 16.3672 20.9161 16.3672 25.1306V29.0061C16.3672 33.2205 19.7837 36.637 23.9981 36.637H59.5867C63.8011 36.637 67.2176 33.2205 67.2176 29.0061V25.1306C67.2176 20.9161 63.8011 17.4996 59.5867 17.4996Z" fill="#FFE780"/>
+<path d="M26.6845 0H56.9058C58.6531 0 60.0771 1.41874 60.0771 3.17131V12.3358C60.0771 13.1234 59.4407 13.7597 58.6531 13.7597H24.9371C24.1495 13.7597 23.5132 13.1234 23.5132 12.3358V3.17131C23.5132 1.41874 24.9319 0 26.6845 0Z" fill="#FFE780"/>
+<path d="M65.0271 29.9188H18.7041C14.3341 29.9188 10.7915 33.4614 10.7915 37.8314V97.6794C10.7915 102.049 14.3341 105.592 18.7041 105.592H65.0271C69.3971 105.592 72.9397 102.049 72.9397 97.6794V37.8314C72.9397 33.4614 69.3971 29.9188 65.0271 29.9188Z" fill="url(#paint0_radial_272_8823)"/>
+<path d="M45.4622 74.1868H37.8991C36.9341 74.1815 36.2508 73.3 36.2456 72.5281C36.2456 71.5475 36.9498 70.7286 37.9982 70.7338L45.9995 70.7755C46.9853 70.7755 47.4234 72.0065 47.3035 72.6898C47.1365 73.6234 46.4689 74.192 45.4622 74.192V74.1868Z" fill="#111111"/>
+<path d="M29.7673 68.3605C28.3381 67.4998 27.8426 65.8568 28.3277 64.3702C28.771 63.0141 30.0854 61.9657 31.718 62.0857C33.9244 62.2473 35.3014 64.3389 34.6651 66.4618C34.0913 68.3865 31.7389 69.5549 29.7673 68.3657V68.3605Z" fill="#111111"/>
+<path d="M54.1569 68.1153C52.9468 69.1376 51.2464 68.9968 50.0937 68.1361C48.9357 67.2703 48.4767 65.7055 48.9618 64.3493C49.4469 62.9932 50.7561 61.9813 52.3157 62.0908C53.7605 62.1899 54.7933 63.1444 55.2314 64.318C55.7269 65.6325 55.3305 67.119 54.1569 68.11V68.1153Z" fill="#111111"/>
+<defs>
+<radialGradient id="paint0_radial_272_8823" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(41.8656 67.7554) rotate(90) scale(41.4135 34.0117)">
+<stop stop-color="#FFFAE7"/>
+<stop offset="1" stop-color="#FFE780"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/src/pages/reward-page/reward-home-page.tsx b/src/pages/reward-page/reward-home-page.tsx
index e5533ce..cbf35cd 100644
--- a/src/pages/reward-page/reward-home-page.tsx
+++ b/src/pages/reward-page/reward-home-page.tsx
@@ -1,12 +1,34 @@
 import { Link } from 'react-router-dom';
 import { useQuery } from '@tanstack/react-query';
-import YellowCharacter from '../../assets/icons/character/yellow-character.svg';
+import YellowRewardCharacter from '../../assets/icons/character/yellow2.svg?react';
+import GrayRewardCharacter from '../../assets/icons/character/gray2.svg?react';
+import GreenRewardCharacter from '../../assets/icons/character/green2.svg?react';
+import OrangeRewardCharacter from '../../assets/icons/character/orange2.svg?react';
+import PurpleRewardCharacter from '../../assets/icons/character/purple2.svg?react';
+import BlueRewardCharacter from '../../assets/icons/character/blue2.svg?react';
 import RewardCard from '../../components/RewardPage/RewardCard';
-import { HOME_USER } from '../../mocks/home';
 import { getRewardHistory, getRewardPoints } from '../../apis/reward';
+import { getMyInfo } from '../../apis/user';
+
+const REWARD_CHARACTER_IMAGE_MAP = {
+  '1': YellowRewardCharacter,
+  '2': GrayRewardCharacter,
+  '3': GreenRewardCharacter,
+  '4': OrangeRewardCharacter,
+  '5': PurpleRewardCharacter,
+  '6': BlueRewardCharacter,
+} as const;
 
 export default function RewardHomePage() {
-  const { nickname } = HOME_USER;
+  const { data: userInfo } = useQuery({
+    queryKey: ['myInfo'],
+    queryFn: getMyInfo,
+  });
+
+  const CharacterImage = userInfo?.characterCode
+    ? REWARD_CHARACTER_IMAGE_MAP[userInfo.characterCode]
+    : REWARD_CHARACTER_IMAGE_MAP['1'];
+
   const { data, isPending, isError } = useQuery({
     queryKey: ['rewardPoints'],
     queryFn: getRewardPoints,
@@ -23,9 +45,9 @@ export default function RewardHomePage() {
   return (
     <div className='flex flex-1 flex-col gap-10 px-5 pb-10 font-pretendard'>
       {/* 포인트 카드 부분 */}
-      <section aria-label={`${nickname}님의 포인트 현황`} className='relative mt-4 h-40 shrink-0 overflow-hidden rounded-[22px] bg-[linear-gradient(120deg,#06C65F_0%,#12CE83_48%,#66E1FF_100%)] px-6 py-7 text-white'>
+      <section aria-label={`${userInfo?.nickname}님의 포인트 현황`} className='relative mt-4 h-40 shrink-0 overflow-hidden rounded-[22px] bg-[linear-gradient(120deg,#06C65F_0%,#12CE83_48%,#66E1FF_100%)] px-6 py-7 text-white'>
         <div className='relative z-10'>
-          <p className='text-[15px] font-semibold leading-none'>{nickname}님의 포인트</p>
+          <p className='text-[15px] font-semibold leading-none'>{userInfo?.nickname}님의 포인트</p>
 
           <p className='mt-2 text-[38px] font-bold leading-none tracking-[-0.02em]'>
             {isPending ? (
@@ -50,7 +72,7 @@ export default function RewardHomePage() {
         </div>
 
         <div aria-hidden='true' className='absolute bottom-0 right-0 h-full w-[155px] overflow-hidden'>
-          <img src={YellowCharacter} alt='' className='absolute -left-[45px] -top-[17px] h-[245px] w-[245px] max-w-none mix-blend-multiply' />
+          <CharacterImage className='absolute -bottom-8 right-5 h-40 w-auto max-w-none' />
         </div>
       </section>