fix(web): 만족도 조사 문구 교체 및 KST 기준 노출 기간 적용 (#478)

manNomi · web-flow · commit 14c40c73a23b · 2026-03-14T20:52:51.000+09:00
* fix(web): 만족도 조사 문구 교체 및 KST 노출 기간 적용

* feat(web): 만족도 조사 팝업 최종 디자인 반영

* fix(web): 만족도 팝업 텍스트 줄바꿈 깨짐 수정
diff --git a/apps/web/public/images/survey-modal/arrow-right.svg b/apps/web/public/images/survey-modal/arrow-right.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="teenyicons:right-outline">
+<path id="Vector" d="M6 13L12 7L6 1" stroke="var(--stroke-0, white)" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+</svg>
diff --git a/apps/web/public/images/survey-modal/bg-vector.svg b/apps/web/public/images/survey-modal/bg-vector.svg
@@ -0,0 +1,17 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 464 360" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Vector 13" opacity="0.32" filter="url(#filter0_f_0_25)">
+<path d="M50 310C144.78 228.564 310.521 53.0299 315.832 50L389.106 61.904L360.55 106.023L280.128 201.576L392.979 125.822L414 151.389L244.724 259.339L50 310Z" fill="url(#paint0_linear_0_25)"/>
+</g>
+<defs>
+<filter id="filter0_f_0_25" x="0" y="0" width="464" height="360" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_0_25"/>
+</filter>
+<linearGradient id="paint0_linear_0_25" x1="274.56" y1="103.863" x2="328.97" y2="241.008" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5950F6"/>
+<stop offset="0.485577" stop-color="#034FE9"/>
+<stop offset="1" stop-color="#08BBF5"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/images/survey-modal/checkbox-circle.svg b/apps/web/public/images/survey-modal/checkbox-circle.svg
@@ -0,0 +1,3 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle id="Ellipse 1" cx="11" cy="11" r="10.5" stroke="var(--stroke-0, #D9D9D9)"/>
+</svg>
diff --git a/apps/web/public/images/survey-modal/top-logo.svg b/apps/web/public/images/survey-modal/top-logo.svg
@@ -0,0 +1,27 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 109 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#235;&#160;&#136;&#236;&#157;&#180;&#236;&#150;&#180; 1">
+<path id="Vector" d="M30.5151 6.27516C30.3945 6.27516 30.2717 6.27516 30.1489 6.28273C28.9899 4.29144 27.3048 2.65414 25.2765 1.54864C23.2482 0.44313 20.9542 -0.0883285 18.6437 0.0119721C16.3333 0.112273 14.0945 0.840499 12.1707 2.11757C10.2469 3.39464 8.71147 5.17175 7.73122 7.2559C6.34661 7.51729 5.03778 8.08184 3.89953 8.90865C2.76128 9.73545 1.82211 10.8038 1.15005 12.0363C0.478002 13.2689 0.0898947 14.6347 0.0138462 16.0349C-0.0622023 17.4351 0.175713 18.8346 0.710356 20.132C1.245 21.4294 2.06299 22.5922 3.10506 23.5363C4.14713 24.4803 5.38719 25.1819 6.73542 25.5902C8.08365 25.9986 9.50628 26.1034 10.9003 25.8972C12.2942 25.6909 13.6247 25.1788 14.7952 24.3978C16.2015 24.9173 17.6898 25.1828 19.19 25.1817C19.4269 25.1817 19.6736 25.1742 19.9268 25.1601H29.8968C30.1261 25.1742 30.3217 25.1817 30.5108 25.1817C30.6999 25.1817 30.8955 25.1742 31.1248 25.1601H32.1235V25.0455C34.4659 24.6407 36.5707 23.377 38.0225 21.5037C39.4743 19.6305 40.1676 17.2838 39.9656 14.9269C39.7637 12.5699 38.6811 10.3739 36.9315 8.77221C35.182 7.17054 32.8926 6.27958 30.5151 6.27516ZM29.7305 17.5996C29.5879 17.0923 29.348 16.6172 29.0241 16.2004C28.6089 15.6825 28.0786 15.3354 27.4026 15.0964C28.0389 14.8924 28.6026 14.5102 29.0263 13.9957C29.3508 13.5769 29.5907 13.0996 29.7327 12.59C29.8747 13.0993 30.1142 13.5766 30.438 13.9957C30.8607 14.5111 31.4242 14.8941 32.0605 15.0986C31.3834 15.3397 30.8531 15.6847 30.438 16.2026C30.1141 16.6196 29.874 17.0946 29.7305 17.6018V17.5996ZM9.51676 9.08979C11.0353 9.08838 12.5184 9.54606 13.7697 10.4022C15.0209 11.2583 15.9812 12.4725 16.5233 13.8839C17.0653 15.2953 17.1637 16.8372 16.8052 18.3054C16.4467 19.7736 15.6483 21.0988 14.5159 22.1054C12.1756 20.9681 10.3358 19.0163 9.3448 16.6198C8.3538 14.2233 8.28043 11.5484 9.13857 9.10168C9.26463 9.0952 9.38852 9.09195 9.51241 9.09195L9.51676 9.08979ZM9.51676 24.0118C7.75825 24.0107 6.05607 23.3946 4.70775 22.2714C3.35943 21.1482 2.45075 19.5892 2.14053 17.867C1.83031 16.1447 2.13829 14.3688 3.01065 12.8496C3.883 11.3304 5.26422 10.1645 6.91289 9.55583C6.26284 12.1575 6.46442 14.8976 7.48829 17.3774C8.51216 19.8571 10.3049 21.9469 12.6053 23.3424C11.6342 23.7824 10.5794 24.0095 9.51241 24.0085L9.51676 24.0118ZM19.8758 23.1716H19.8453C19.628 23.1846 19.4106 23.1911 19.1987 23.1911C18.3166 23.1911 17.4379 23.0822 16.5829 22.8667C17.7783 21.5441 18.5744 19.9127 18.8795 18.16C19.1846 16.4074 18.9864 14.6046 18.3077 12.959C17.629 11.3134 16.4972 9.89184 15.0427 8.85771C13.5881 7.82358 11.8697 7.21889 10.0851 7.11317C11.0675 5.49765 12.4659 4.17264 14.1357 3.27525C15.8054 2.37786 17.6857 1.94067 19.5822 2.00892C21.4787 2.07717 23.3225 2.64838 24.9227 3.66345C26.5229 4.67852 27.8214 6.10058 28.6839 7.78249L28.9991 8.39559H29.011C28.8643 11.0188 28.6492 12.4483 28.033 13.2128C27.3277 14.093 25.9138 14.2736 22.8546 14.4736V15.7279C25.9138 15.929 27.3277 16.1085 28.033 16.9887C28.7383 17.8689 28.9198 19.6628 29.0752 23.1738L19.8758 23.1716ZM31.0574 23.1716H31.0194C30.8281 23.1846 30.6684 23.19 30.5195 23.19H30.3858C30.5412 19.666 30.7118 17.8765 31.428 16.9865C32.1442 16.0966 33.5483 15.9269 36.6064 15.7257V14.4714C33.5483 14.2714 32.1333 14.0908 31.428 13.2106C30.8053 12.4353 30.5945 10.9734 30.4499 8.27449H30.5227C32.4527 8.29237 34.3015 9.05 35.6843 10.3897C37.067 11.7295 37.8774 13.5481 37.9467 15.4673C38.016 17.3864 37.3389 19.2582 36.0563 20.6932C34.7737 22.1283 32.9844 23.016 31.0607 23.1716H31.0574Z" fill="url(#paint0_linear_0_6)"/>
+<path id="Vector_2" d="M45 11.3018L46.2158 10.1632C46.6947 10.8171 47.493 11.4484 48.7088 11.4484C49.5684 11.4484 50.0228 11.0763 50.0228 10.5916C50.0228 10.2421 49.814 9.90391 48.8561 9.77991L48.193 9.68972C46.6456 9.48475 45.6252 8.66487 45.6252 7.44632C45.6252 6.04842 46.8287 5 48.7322 5C50.034 5 51.127 5.51243 51.7656 6.21752L50.5877 7.38893C50.0753 6.8765 49.4054 6.55572 48.6965 6.55572C48.0088 6.55572 47.6035 6.89392 47.6035 7.25467C47.6035 7.59287 47.886 7.88598 48.5368 7.97207L49.2 8.06225C50.9684 8.30309 52 9.13117 52 10.4635C52 12.0008 50.6 13 48.6719 13C46.6825 13.0041 45.6096 12.1032 45 11.3018Z" fill="var(--fill-0, black)"/>
+<path id="Vector_3" d="M52 10.5C52 8.73732 53.1243 7 55.4989 7C57.8734 7 59 8.73732 59 10.5C59 12.2627 57.8757 14 55.4989 14C53.1221 14 52 12.2627 52 10.5ZM57.083 10.5C57.083 9.40942 56.4264 8.69928 55.4989 8.69928C54.5713 8.69928 53.9158 9.41288 53.9158 10.5C53.9158 11.5871 54.5713 12.3007 55.4989 12.3007C56.4264 12.3007 57.083 11.5906 57.083 10.5Z" fill="var(--fill-0, black)"/>
+<path id="Vector_4" d="M60 5H62V13H60V5Z" fill="var(--fill-0, black)"/>
+<path id="Vector_5" d="M63 5H65V6.80683H63V5ZM63 7.64576H65V14H63V7.64576Z" fill="var(--fill-0, black)"/>
+<path id="Vector_6" d="M71.081 13.1664C70.8304 13.4305 70.528 13.6407 70.1925 13.7841C69.8569 13.9275 69.4953 14.001 69.1301 14C67.3089 14 66 12.6687 66 10.5785C66 8.48825 67.3089 7.15697 69.1301 7.15697C69.497 7.15502 69.8603 7.22927 70.1966 7.37496C70.5329 7.52066 70.8349 7.73458 71.0832 8.00301V5H73V13.8337H71.081V13.1664ZM71.081 11.4992V9.67022C70.8055 9.12278 70.2046 8.82418 69.6013 8.82418C68.6498 8.82418 67.9361 9.44627 67.9361 10.5785C67.9361 11.7107 68.6498 12.3328 69.6013 12.3328C70.2046 12.3328 70.8055 12.0342 71.081 11.4992Z" fill="var(--fill-0, black)"/>
+<path id="Vector_7" d="M45 21.5C45 19.7436 46.1155 18 48.2524 18C49.4971 18 50.3659 18.6109 51 19.6418L49.7671 20.6982C49.4469 20.1509 49.0199 19.7055 48.3581 19.7055C47.3836 19.7055 46.82 20.4182 46.82 21.5C46.82 22.5818 47.3836 23.2945 48.3581 23.2945C49.0157 23.2945 49.4501 22.8491 49.7671 22.3018L51 23.3582C50.3659 24.3891 49.4971 25 48.2524 25C46.1187 25 45 23.2564 45 21.5Z" fill="var(--fill-0, black)"/>
+<path id="Vector_8" d="M52 21.5C52 19.7373 53.1243 18 55.5 18C57.8757 18 59 19.7373 59 21.5C59 23.2627 57.8757 25 55.5 25C53.1243 25 52 23.2627 52 21.5ZM57.083 21.5C57.083 20.4094 56.4276 19.6993 55.5 19.6993C54.5724 19.6993 53.917 20.4094 53.917 21.5C53.917 22.5906 54.5724 23.3007 55.5 23.3007C56.4276 23.3007 57.0819 22.5906 57.0819 21.5H57.083Z" fill="var(--fill-0, black)"/>
+<path id="Vector_9" d="M60 18.1431H61.8071V18.9046C62.1378 18.3797 62.7874 18 63.7087 18C65.3268 18 66 19.0944 66 20.5381V24H64.1929V20.7117C64.1929 19.9188 63.815 19.4934 63.0118 19.4934C62.7327 19.4943 62.4621 19.5841 62.2435 19.7482C62.025 19.9123 61.8712 20.1412 61.8071 20.398V23.9939H60V18.1431Z" fill="var(--fill-0, black)"/>
+<path id="Vector_10" d="M67 18.1431H68.8071V18.9046C69.1378 18.3797 69.7874 18 70.7087 18C72.3268 18 73 19.0944 73 20.5381V24H71.1929V20.7117C71.1929 19.9188 70.815 19.4934 70.0118 19.4934C69.7327 19.4943 69.4621 19.5841 69.2436 19.7482C69.025 19.9123 68.8712 20.1412 68.8071 20.398V23.9939H67V18.1431Z" fill="var(--fill-0, black)"/>
+<path id="Vector_11" d="M74 21.5195C74 19.4103 75.3154 18 77.0923 18C78.8692 18 80 19.296 80 21.24C79.9941 21.5078 79.9748 21.775 79.9423 22.0405H75.7381C75.8766 22.8028 76.3612 23.3492 77.365 23.3492C78.0573 23.3492 78.6112 22.9045 78.9112 22.4852L79.85 23.7673C79.5242 24.1608 79.1265 24.474 78.6831 24.6864C78.2397 24.8988 77.7605 25.0056 77.2769 24.9998C75.2462 25.0009 74 23.4208 74 21.5195ZM75.8 20.6301H78.2923C78.2231 19.9313 77.7846 19.5628 77.0923 19.5628C76.4462 19.5628 75.9962 19.9186 75.8 20.6301Z" fill="var(--fill-0, black)"/>
+<path id="Vector_12" d="M81 21.5C81 19.7436 82.1155 18 84.2524 18C85.4971 18 86.3659 18.6109 87 19.6418L85.7671 20.6982C85.4469 20.1509 85.0199 19.7055 84.3581 19.7055C83.3836 19.7055 82.82 20.4182 82.82 21.5C82.82 22.5818 83.3836 23.2945 84.3581 23.2945C85.0157 23.2945 85.4501 22.8491 85.7671 22.3018L87 23.3582C86.3659 24.3891 85.4971 25 84.2524 25C82.1155 25 81 23.2564 81 21.5Z" fill="var(--fill-0, black)"/>
+<path id="Vector_13" d="M87.9632 22.3582V20.0534H87V18.5914H88.0198V17H89.6969V18.5914H91V20.0523H89.6969V22.4669C89.6969 23.1912 90.0368 23.4547 90.6714 23.4547H91V24.9155C90.7499 24.9681 90.4957 24.9964 90.2408 25C88.7337 25.0022 87.9632 24.2054 87.9632 22.3582Z" fill="var(--fill-0, black)"/>
+<path id="Vector (Stroke)" d="M89.5355 17.1718H88.1811V18.7632H87.1613V19.8816H88.1245V22.3582C88.1245 23.2603 88.313 23.8699 88.6541 24.2547C88.993 24.637 89.511 24.8288 90.2392 24.828C90.4401 24.8251 90.6405 24.8062 90.8387 24.7716V23.6266H90.6713C90.3382 23.6266 90.0465 23.5584 89.8387 23.3606C89.627 23.1591 89.5355 22.8554 89.5355 22.467V19.8804H90.8387V18.7632H89.5355V17.1718ZM91 18.5914V20.0522H89.6968V22.467L89.6979 22.5334C89.7178 23.1857 90.0351 23.4383 90.6127 23.4539L90.6713 23.4548H91V24.9156C90.7499 24.9682 90.4957 24.9964 90.2408 25L90.1017 24.9978C88.732 24.9529 88.0105 24.1988 87.9654 22.5284L87.9632 22.3582V20.0534H87V18.5914H88.0199V17H89.6968V18.5914H91Z" fill="var(--fill-0, black)"/>
+<path id="Vector_14" d="M92 16H94V17.8068H92V16ZM92 18.6458H94V25H92V18.6458Z" fill="var(--fill-0, black)"/>
+<path id="Vector_15" d="M95 21.5C95 19.7373 96.1243 18 98.5 18C100.876 18 102 19.7373 102 21.5C102 23.2627 100.876 25 98.5 25C96.1243 25 95 23.2627 95 21.5ZM100.083 21.5C100.083 20.4094 99.4276 19.6993 98.5 19.6993C97.5724 19.6993 96.917 20.4094 96.917 21.5C96.917 22.5906 97.5724 23.3007 98.5 23.3007C99.4276 23.3007 100.083 22.5906 100.083 21.5Z" fill="var(--fill-0, black)"/>
+<path id="Vector_16" d="M103 18.1431H104.807V18.9046C105.138 18.3797 105.787 18 106.709 18C108.327 18 109 19.0944 109 20.5381V24H107.188V20.7117C107.188 19.9188 106.81 19.4934 106.006 19.4934C105.727 19.4943 105.457 19.5841 105.238 19.7482C105.02 19.9123 104.866 20.1412 104.802 20.398V23.9939H103V18.1431Z" fill="var(--fill-0, black)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_0_6" x1="28.7443" y1="4.42" x2="9.49352" y2="21.6763" gradientUnits="userSpaceOnUse">
+<stop offset="0.060612" stop-color="#5950F6"/>
+<stop offset="1" stop-color="#2AA4E2"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/src/components/modal/SurveyModal.tsx b/apps/web/src/components/modal/SurveyModal.tsx
diff --git a/apps/web/src/lib/zustand/useSurveyModalStore.ts b/apps/web/src/lib/zustand/useSurveyModalStore.ts
