20260205 업데이트(컨텐츠 페이지 연결)

This commit is contained in:
2026-02-05 10:06:09 +09:00
parent 5d52f6d37a
commit 6dcc2eb796
208 changed files with 8143 additions and 1524 deletions

View File

@@ -0,0 +1,179 @@
<svg width="863" height="81" viewBox="0 0 863 81" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<style>
/* 텍스트 페이드인 애니메이션 */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* 왼쪽에서 오른쪽으로 선 그리기 (fill이 있는 path용) */
@keyframes drawLineFill {
from {
stroke-dasharray: 1000;
stroke-dashoffset: -1000;
fill-opacity: 0;
}
to {
stroke-dasharray: 2 2;
stroke-dashoffset: 0;
fill-opacity: 1;
}
}
/* 바운스 효과 */
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
/* 텍스트 기본 상태 */
.text-label {
opacity: 0;
animation: fadeIn 0.5s ease-out forwards;
}
/* 선 그리기 효과 (서서히 보여지기 + 점선) */
.line-draw {
opacity: 0;
stroke-dasharray: 2 2;
animation: fadeIn 1.2s ease-out forwards;
}
/* fill이 있는 path도 애니메이션 (왼쪽에서 오른쪽으로) */
.line-draw-fill {
stroke-dasharray: 1000;
stroke-dashoffset: -1000;
fill-opacity: 0;
animation: drawLineFill 1.2s ease-out forwards;
}
/* 각 단계별 지연 시간 */
.step-1 .text-label { animation-delay: 0.04s; }
.step-1 .line-draw,
.step-1 .line-draw-fill { animation-delay: 0s; }
.step-2 .text-label { animation-delay: 0.2s; }
.step-2 .line-draw,
.step-2 .line-draw-fill { animation-delay: 0.16s; }
.step-3 .text-label { animation-delay: 0.68s; }
.step-3 .line-draw,
.step-3 .line-draw-fill { animation-delay: 0.64s; }
.step-4 .text-label { animation-delay: 1.0s; }
.step-4 .line-draw,
.step-4 .line-draw-fill { animation-delay: 0.96s; }
.step-5 .text-label { animation-delay: 1.32s; }
.step-5 .line-draw,
.step-5 .line-draw-fill { animation-delay: 1.28s; }
.step-6 .text-label { animation-delay: 1.64s; }
.step-6 .line-draw,
.step-6 .line-draw-fill { animation-delay: 1.6s; }
.step-7 .text-label { animation-delay: 1.96s; }
.step-7 .line-draw,
.step-7 .line-draw-fill { animation-delay: 1.92s; }
.step-8 .text-label { animation-delay: 2.28s; }
.step-8 .line-draw,
.step-8 .line-draw-fill { animation-delay: 2.24s; }
.step-9 .text-label { animation-delay: 2.6s; }
.step-9 .line-draw,
.step-9 .line-draw-fill { animation-delay: 2.56s; }
.step-10 .text-label { animation-delay: 2.92s; }
.step-10 .line-draw,
.step-10 .line-draw-fill { animation-delay: 2.88s; }
/* 바운스 효과 그룹 (step 애니메이션이 끝날 때까지) */
.bounce-group {
opacity: 0;
animation: fadeIn 0.5s ease-out forwards, bounce 1.2s ease-in-out forwards;
animation-delay: 3.2s, 3.2s;
transform-origin: center;
}
</style>
<!-- 바운스 효과 그룹 -->
<g class="bounce-group">
<rect x="738" y="65" width="122.994" height="15.7685" fill="url(#pattern0_1333_2995)"/>
<line x1="-8.74228e-08" y1="54" x2="863.001" y2="53.9999" stroke="#717071" stroke-width="2" stroke-dasharray="3 1"/>
</g>
<!-- Step 1: 3.28% -->
<g class="step-1">
<path class="text-label" d="M36.562 35.182C35.041 35.182 34.014 34.61 33.338 33.843L34.235 32.634C34.807 33.193 35.509 33.622 36.38 33.622C37.355 33.622 38.018 33.141 38.018 32.27C38.018 31.334 37.459 30.736 35.366 30.736V29.371C37.134 29.371 37.706 28.76 37.706 27.902C37.706 27.148 37.238 26.706 36.419 26.706C35.73 26.706 35.171 27.018 34.599 27.551L33.624 26.381C34.456 25.653 35.379 25.198 36.51 25.198C38.369 25.198 39.63 26.121 39.63 27.759C39.63 28.799 39.045 29.553 38.031 29.956V30.021C39.11 30.32 39.942 31.126 39.942 32.387C39.942 34.155 38.395 35.182 36.562 35.182ZM42.7613 35.182C42.0853 35.182 41.5783 34.636 41.5783 33.934C41.5783 33.219 42.0853 32.686 42.7613 32.686C43.4503 32.686 43.9573 33.219 43.9573 33.934C43.9573 34.636 43.4503 35.182 42.7613 35.182ZM45.4418 35V33.895C48.0548 31.555 49.6018 29.748 49.6018 28.266C49.6018 27.291 49.0818 26.706 48.1588 26.706C47.4568 26.706 46.8848 27.161 46.3908 27.694L45.3508 26.654C46.2348 25.705 47.0928 25.198 48.4058 25.198C50.2258 25.198 51.4348 26.368 51.4348 28.162C51.4348 29.904 49.9918 31.776 48.2368 33.492C48.7178 33.44 49.3548 33.388 49.8098 33.388H51.8898V35H45.4418ZM56.3601 35.182C54.5271 35.182 53.1491 34.116 53.1491 32.608C53.1491 31.373 53.9031 30.567 54.8001 30.099V30.034C54.0591 29.501 53.5261 28.773 53.5261 27.746C53.5261 26.199 54.7611 25.211 56.4251 25.211C58.1281 25.211 59.2201 26.238 59.2201 27.772C59.2201 28.721 58.6221 29.514 57.9851 29.969V30.034C58.8691 30.515 59.5971 31.295 59.5971 32.608C59.5971 34.064 58.3101 35.182 56.3601 35.182ZM56.9711 29.501C57.4391 29.007 57.6601 28.461 57.6601 27.889C57.6601 27.109 57.1921 26.55 56.3861 26.55C55.7361 26.55 55.2161 26.979 55.2161 27.746C55.2161 28.656 55.9571 29.098 56.9711 29.501ZM56.4121 33.83C57.2311 33.83 57.8161 33.375 57.8161 32.543C57.8161 31.542 56.9321 31.126 55.6841 30.619C55.1641 31.035 54.8001 31.685 54.8001 32.4C54.8001 33.271 55.5151 33.83 56.4121 33.83ZM62.9494 31.295C61.5714 31.295 60.6094 30.164 60.6094 28.227C60.6094 26.303 61.5714 25.198 62.9494 25.198C64.3274 25.198 65.3024 26.303 65.3024 28.227C65.3024 30.164 64.3274 31.295 62.9494 31.295ZM62.9494 30.216C63.5084 30.216 63.9504 29.644 63.9504 28.227C63.9504 26.81 63.5084 26.277 62.9494 26.277C62.3904 26.277 61.9614 26.81 61.9614 28.227C61.9614 29.644 62.3904 30.216 62.9494 30.216ZM63.2744 35.182L68.5004 25.198H69.6314L64.4054 35.182H63.2744ZM69.9434 35.182C68.5784 35.182 67.6034 34.038 67.6034 32.114C67.6034 30.177 68.5784 29.072 69.9434 29.072C71.3084 29.072 72.2964 30.177 72.2964 32.114C72.2964 34.038 71.3084 35.182 69.9434 35.182ZM69.9434 34.09C70.5024 34.09 70.9444 33.531 70.9444 32.114C70.9444 30.697 70.5024 30.151 69.9434 30.151C69.3844 30.151 68.9554 30.697 68.9554 32.114C68.9554 33.531 69.3844 34.09 69.9434 34.09Z" fill="#E26C48"/>
<path class="line-draw-fill" d="M81 38L72.9071 35.5992L74.5564 44.101L81 38ZM26 52L26.1428 52.7363L74.6014 40.4014L74.4586 39.6651L74.3157 38.9288L25.8572 51.2637L26 52Z" fill="#E26C48"/>
<path class="line-draw" d="M26 62L81 49.5" stroke="#E26C48" stroke-width="1.5" stroke-dasharray="2 2"/>
</g>
<!-- Step 2: 19.67% -->
<g class="step-2">
<path class="text-label" d="M122.835 26.182C120.872 26.182 119.572 24.466 119.572 21.151C119.572 17.823 120.872 16.198 122.835 16.198C124.798 16.198 126.085 17.836 126.085 21.151C126.085 24.466 124.798 26.182 122.835 26.182ZM122.835 24.687C123.667 24.687 124.278 23.855 124.278 21.151C124.278 18.46 123.667 17.68 122.835 17.68C122.003 17.68 121.379 18.46 121.379 21.151C121.379 23.855 122.003 24.687 122.835 24.687ZM128.761 26.182C128.085 26.182 127.578 25.636 127.578 24.934C127.578 24.219 128.085 23.686 128.761 23.686C129.45 23.686 129.957 24.219 129.957 24.934C129.957 25.636 129.45 26.182 128.761 26.182ZM133.301 26C133.47 22.659 134.029 20.527 135.862 17.979H131.533V16.367H137.929V17.537C135.693 20.267 135.394 22.23 135.238 26H133.301ZM142.542 21.294C142.022 21.294 141.411 21.58 140.969 22.308C141.151 24.063 141.801 24.739 142.607 24.739C143.322 24.739 143.92 24.141 143.92 22.958C143.92 21.827 143.374 21.294 142.542 21.294ZM142.646 26.182C140.813 26.182 139.188 24.713 139.188 21.32C139.188 17.732 140.969 16.198 142.906 16.198C144.089 16.198 144.934 16.692 145.519 17.29L144.505 18.434C144.167 18.044 143.582 17.732 143.023 17.732C141.918 17.732 141.008 18.564 140.93 20.982C141.45 20.332 142.282 19.942 142.906 19.942C144.518 19.942 145.662 20.904 145.662 22.958C145.662 24.934 144.284 26.182 142.646 26.182ZM148.949 22.295C147.571 22.295 146.609 21.164 146.609 19.227C146.609 17.303 147.571 16.198 148.949 16.198C150.327 16.198 151.302 17.303 151.302 19.227C151.302 21.164 150.327 22.295 148.949 22.295ZM148.949 21.216C149.508 21.216 149.95 20.644 149.95 19.227C149.95 17.81 149.508 17.277 148.949 17.277C148.39 17.277 147.961 17.81 147.961 19.227C147.961 20.644 148.39 21.216 148.949 21.216ZM149.274 26.182L154.5 16.198H155.631L150.405 26.182H149.274ZM155.943 26.182C154.578 26.182 153.603 25.038 153.603 23.114C153.603 21.177 154.578 20.072 155.943 20.072C157.308 20.072 158.296 21.177 158.296 23.114C158.296 25.038 157.308 26.182 155.943 26.182ZM155.943 25.09C156.502 25.09 156.944 24.531 156.944 23.114C156.944 21.697 156.502 21.151 155.943 21.151C155.384 21.151 154.955 21.697 154.955 23.114C154.955 24.531 155.384 25.09 155.943 25.09Z" fill="#E26C48"/>
<path class="line-draw" d="M111 49L166.118 46.9297" stroke="#E26C48" stroke-width="1.5" stroke-dasharray="2 2"/>
<path class="line-draw-fill" d="M167 34L159.278 30.2152L159.762 38.8619L167 34ZM111.441 38L111.483 38.7488L160.31 35.2335L160.268 34.4847L160.226 33.7359L111.399 37.2512L111.441 38Z" fill="#E26C48"/>
</g>
<!-- Step 3: 27.62% -->
<g class="step-3">
<path class="text-label" d="M200.637 22.958V21.593H204.186V22.958H200.637ZM208.647 26.182C206.684 26.182 205.384 24.466 205.384 21.151C205.384 17.823 206.684 16.198 208.647 16.198C210.61 16.198 211.897 17.836 211.897 21.151C211.897 24.466 210.61 26.182 208.647 26.182ZM208.647 24.687C209.479 24.687 210.09 23.855 210.09 21.151C210.09 18.46 209.479 17.68 208.647 17.68C207.815 17.68 207.191 18.46 207.191 21.151C207.191 23.855 207.815 24.687 208.647 24.687ZM214.573 26.182C213.897 26.182 213.39 25.636 213.39 24.934C213.39 24.219 213.897 23.686 214.573 23.686C215.262 23.686 215.769 24.219 215.769 24.934C215.769 25.636 215.262 26.182 214.573 26.182ZM220.256 26.182C218.735 26.182 217.708 25.61 217.032 24.843L217.929 23.634C218.501 24.193 219.203 24.622 220.074 24.622C221.049 24.622 221.712 24.141 221.712 23.27C221.712 22.334 221.153 21.736 219.06 21.736V20.371C220.828 20.371 221.4 19.76 221.4 18.902C221.4 18.148 220.932 17.706 220.113 17.706C219.424 17.706 218.865 18.018 218.293 18.551L217.318 17.381C218.15 16.653 219.073 16.198 220.204 16.198C222.063 16.198 223.324 17.121 223.324 18.759C223.324 19.799 222.739 20.553 221.725 20.956V21.021C222.804 21.32 223.636 22.126 223.636 23.387C223.636 25.155 222.089 26.182 220.256 26.182ZM227.938 26.182C226.417 26.182 225.403 25.584 224.688 24.869L225.572 23.647C226.118 24.18 226.794 24.622 227.691 24.622C228.692 24.622 229.394 23.985 229.394 22.854C229.394 21.736 228.744 21.112 227.769 21.112C227.197 21.112 226.885 21.255 226.326 21.619L225.455 21.047L225.715 16.367H230.863V17.979H227.366L227.184 20.02C227.574 19.838 227.899 19.747 228.341 19.747C229.953 19.747 231.305 20.709 231.305 22.802C231.305 24.947 229.719 26.182 227.938 26.182ZM234.761 22.295C233.383 22.295 232.421 21.164 232.421 19.227C232.421 17.303 233.383 16.198 234.761 16.198C236.139 16.198 237.114 17.303 237.114 19.227C237.114 21.164 236.139 22.295 234.761 22.295ZM234.761 21.216C235.32 21.216 235.762 20.644 235.762 19.227C235.762 17.81 235.32 17.277 234.761 17.277C234.202 17.277 233.773 17.81 233.773 19.227C233.773 20.644 234.202 21.216 234.761 21.216ZM235.086 26.182L240.312 16.198H241.443L236.217 26.182H235.086ZM241.755 26.182C240.39 26.182 239.415 25.038 239.415 23.114C239.415 21.177 240.39 20.072 241.755 20.072C243.12 20.072 244.108 21.177 244.108 23.114C244.108 25.038 243.12 26.182 241.755 26.182ZM241.755 25.09C242.314 25.09 242.756 24.531 242.756 23.114C242.756 21.697 242.314 21.151 241.755 21.151C241.196 21.151 240.767 21.697 240.767 23.114C240.767 24.531 241.196 25.09 241.755 25.09Z" fill="#0069B8"/>
<path class="line-draw-fill" d="M251 40L243.767 35.152L243.27 43.798L251 40ZM194 36L193.957 36.7488L244.224 40.2762L244.267 39.5275L244.31 38.7787L194.043 35.2512L194 36Z" fill="#0069B8"/>
<path class="line-draw" d="M194 47L251 51" stroke="#0069B8" stroke-width="1.5" stroke-dasharray="2 2"/>
</g>
<!-- Step 4: 38.75% -->
<g class="step-4">
<path class="text-label" d="M283.637 22.958V21.593H287.186V22.958H283.637ZM291.374 26.182C289.853 26.182 288.826 25.61 288.15 24.843L289.047 23.634C289.619 24.193 290.321 24.622 291.192 24.622C292.167 24.622 292.83 24.141 292.83 23.27C292.83 22.334 292.271 21.736 290.178 21.736V20.371C291.946 20.371 292.518 19.76 292.518 18.902C292.518 18.148 292.05 17.706 291.231 17.706C290.542 17.706 289.983 18.018 289.411 18.551L288.436 17.381C289.268 16.653 290.191 16.198 291.322 16.198C293.181 16.198 294.442 17.121 294.442 18.759C294.442 19.799 293.857 20.553 292.843 20.956V21.021C293.922 21.32 294.754 22.126 294.754 23.387C294.754 25.155 293.207 26.182 291.374 26.182ZM297.573 26.182C296.897 26.182 296.39 25.636 296.39 24.934C296.39 24.219 296.897 23.686 297.573 23.686C298.262 23.686 298.769 24.219 298.769 24.934C298.769 25.636 298.262 26.182 297.573 26.182ZM300.253 26V24.895C302.866 22.555 304.413 20.748 304.413 19.266C304.413 18.291 303.893 17.706 302.97 17.706C302.268 17.706 301.696 18.161 301.202 18.694L300.162 17.654C301.046 16.705 301.904 16.198 303.217 16.198C305.037 16.198 306.246 17.368 306.246 19.162C306.246 20.904 304.803 22.776 303.048 24.492C303.529 24.44 304.166 24.388 304.621 24.388H306.701V26H300.253ZM309.768 26C309.937 22.659 310.496 20.527 312.329 17.979H308V16.367H314.396V17.537C312.16 20.267 311.861 22.23 311.705 26H309.768ZM317.761 22.295C316.383 22.295 315.421 21.164 315.421 19.227C315.421 17.303 316.383 16.198 317.761 16.198C319.139 16.198 320.114 17.303 320.114 19.227C320.114 21.164 319.139 22.295 317.761 22.295ZM317.761 21.216C318.32 21.216 318.762 20.644 318.762 19.227C318.762 17.81 318.32 17.277 317.761 17.277C317.202 17.277 316.773 17.81 316.773 19.227C316.773 20.644 317.202 21.216 317.761 21.216ZM318.086 26.182L323.312 16.198H324.443L319.217 26.182H318.086ZM324.755 26.182C323.39 26.182 322.415 25.038 322.415 23.114C322.415 21.177 323.39 20.072 324.755 20.072C326.12 20.072 327.108 21.177 327.108 23.114C327.108 25.038 326.12 26.182 324.755 26.182ZM324.755 25.09C325.314 25.09 325.756 24.531 325.756 23.114C325.756 21.697 325.314 21.151 324.755 21.151C324.196 21.151 323.767 21.697 323.767 23.114C323.767 24.531 324.196 25.09 324.755 25.09Z" fill="#0069B8"/>
<path class="line-draw" d="M279.241 51L331.162 59.5" stroke="#0069B8" stroke-width="1.5" stroke-dasharray="2 2"/>
<path class="line-draw-fill" d="M331.999 50L325.121 44.4393L324.092 53.0383L331.999 50ZM279.241 41L279.152 41.7447L325.257 49.6096L325.346 48.8649L325.435 48.1202L279.33 40.2553L279.241 41Z" fill="#0069B8"/>
</g>
<!-- Step 5: 54.25% -->
<g class="step-5">
<path class="text-label" d="M368.637 41.958V40.593H372.186V41.958H368.637ZM373.878 45V43.453H375.945V37.369H374.203V36.186C375.165 36.004 375.828 35.757 376.439 35.367H377.856V43.453H379.663V45H373.878ZM382.573 45.182C381.897 45.182 381.39 44.636 381.39 43.934C381.39 43.219 381.897 42.686 382.573 42.686C383.262 42.686 383.769 43.219 383.769 43.934C383.769 44.636 383.262 45.182 382.573 45.182ZM386.826 41.048H389.075V39.085C389.075 38.526 389.114 37.655 389.14 37.083H389.088C388.854 37.603 388.594 38.136 388.321 38.656L386.826 41.048ZM389.075 45V42.504H384.967V41.204L388.555 35.367H390.856V41.048H391.987V42.504H390.856V45H389.075ZM395.912 45.182C394.391 45.182 393.364 44.61 392.688 43.843L393.585 42.634C394.157 43.193 394.859 43.622 395.73 43.622C396.705 43.622 397.368 43.141 397.368 42.27C397.368 41.334 396.809 40.736 394.716 40.736V39.371C396.484 39.371 397.056 38.76 397.056 37.902C397.056 37.148 396.588 36.706 395.769 36.706C395.08 36.706 394.521 37.018 393.949 37.551L392.974 36.381C393.806 35.653 394.729 35.198 395.86 35.198C397.719 35.198 398.98 36.121 398.98 37.759C398.98 38.799 398.395 39.553 397.381 39.956V40.021C398.46 40.32 399.292 41.126 399.292 42.387C399.292 44.155 397.745 45.182 395.912 45.182ZM402.761 41.295C401.383 41.295 400.421 40.164 400.421 38.227C400.421 36.303 401.383 35.198 402.761 35.198C404.139 35.198 405.114 36.303 405.114 38.227C405.114 40.164 404.139 41.295 402.761 41.295ZM402.761 40.216C403.32 40.216 403.762 39.644 403.762 38.227C403.762 36.81 403.32 36.277 402.761 36.277C402.202 36.277 401.773 36.81 401.773 38.227C401.773 39.644 402.202 40.216 402.761 40.216ZM403.086 45.182L408.312 35.198H409.443L404.217 45.182H403.086ZM409.755 45.182C408.39 45.182 407.415 44.038 407.415 42.114C407.415 40.177 408.39 39.072 409.755 39.072C411.12 39.072 412.108 40.177 412.108 42.114C412.108 44.038 411.12 45.182 409.755 45.182ZM409.755 44.09C410.314 44.09 410.756 43.531 410.756 42.114C410.756 40.697 410.314 40.151 409.755 40.151C409.196 40.151 408.767 40.697 408.767 42.114C408.767 43.531 409.196 44.09 409.755 44.09Z" fill="#0069B8"/>
<path class="line-draw" d="M362.264 60L416.93 65" stroke="#0069B8" stroke-width="1.5" stroke-dasharray="2 2"/>
<path class="line-draw-fill" d="M416.93 57L409.95 51.7463L409.03 60.3575L416.93 57ZM362 50L361.92 50.7458L410.155 56.8925L410.234 56.1467L410.314 55.401L362.08 49.2542L362 50Z" fill="#0069B8"/>
</g>
<!-- Step 6: 65.35% -->
<g class="step-6">
<path class="text-label" d="M451.637 41.958V40.593H455.186V41.958H451.637ZM459.647 45.182C457.684 45.182 456.384 43.466 456.384 40.151C456.384 36.823 457.684 35.198 459.647 35.198C461.61 35.198 462.897 36.836 462.897 40.151C462.897 43.466 461.61 45.182 459.647 45.182ZM459.647 43.687C460.479 43.687 461.09 42.855 461.09 40.151C461.09 37.46 460.479 36.68 459.647 36.68C458.815 36.68 458.191 37.46 458.191 40.151C458.191 42.855 458.815 43.687 459.647 43.687ZM465.573 45.182C464.897 45.182 464.39 44.636 464.39 43.934C464.39 43.219 464.897 42.686 465.573 42.686C466.262 42.686 466.769 43.219 466.769 43.934C466.769 44.636 466.262 45.182 465.573 45.182ZM469.969 38.409C469.969 39.54 470.502 40.073 471.334 40.073C471.867 40.073 472.478 39.774 472.92 39.033C472.751 37.291 472.088 36.641 471.269 36.641C470.554 36.641 469.969 37.226 469.969 38.409ZM471.009 45.182C469.813 45.182 468.942 44.675 468.37 44.09L469.384 42.933C469.735 43.323 470.32 43.622 470.892 43.622C471.971 43.622 472.855 42.803 472.946 40.398C472.439 41.048 471.62 41.438 470.97 41.438C469.371 41.438 468.214 40.45 468.214 38.409C468.214 36.433 469.592 35.198 471.243 35.198C473.063 35.198 474.701 36.628 474.701 39.969C474.701 43.609 472.92 45.182 471.009 45.182ZM479.354 40.294C478.834 40.294 478.223 40.58 477.781 41.308C477.963 43.063 478.613 43.739 479.419 43.739C480.134 43.739 480.732 43.141 480.732 41.958C480.732 40.827 480.186 40.294 479.354 40.294ZM479.458 45.182C477.625 45.182 476 43.713 476 40.32C476 36.732 477.781 35.198 479.718 35.198C480.901 35.198 481.746 35.692 482.331 36.29L481.317 37.434C480.979 37.044 480.394 36.732 479.835 36.732C478.73 36.732 477.82 37.564 477.742 39.982C478.262 39.332 479.094 38.942 479.718 38.942C481.33 38.942 482.474 39.904 482.474 41.958C482.474 43.934 481.096 45.182 479.458 45.182ZM485.761 41.295C484.383 41.295 483.421 40.164 483.421 38.227C483.421 36.303 484.383 35.198 485.761 35.198C487.139 35.198 488.114 36.303 488.114 38.227C488.114 40.164 487.139 41.295 485.761 41.295ZM485.761 40.216C486.32 40.216 486.762 39.644 486.762 38.227C486.762 36.81 486.32 36.277 485.761 36.277C485.202 36.277 484.773 36.81 484.773 38.227C484.773 39.644 485.202 40.216 485.761 40.216ZM486.086 45.182L491.312 35.198H492.443L487.217 45.182H486.086ZM492.755 45.182C491.39 45.182 490.415 44.038 490.415 42.114C490.415 40.177 491.39 39.072 492.755 39.072C494.12 39.072 495.108 40.177 495.108 42.114C495.108 44.038 494.12 45.182 492.755 45.182ZM492.755 44.09C493.314 44.09 493.756 43.531 493.756 42.114C493.756 40.697 493.314 40.151 492.755 40.151C492.196 40.151 491.767 40.697 491.767 42.114C491.767 43.531 492.196 44.09 492.755 44.09Z" fill="#0069B8"/>
<path class="line-draw" d="M447.953 65L500.812 70" stroke="#0069B8" stroke-width="1.5" stroke-dasharray="2 2"/>
<path class="line-draw-fill" d="M501 61L493.771 56.1231L493.27 64.7688L501 61ZM447 57L446.957 57.7487L494.225 61.2501L494.268 60.5014L494.312 59.7526L447.043 56.2513L447 57Z" fill="#0069B8"/>
</g>
<!-- Step 7: 68.45% -->
<g class="step-7">
<path class="text-label" d="M539.559 40V38.895C542.172 36.555 543.719 34.748 543.719 33.266C543.719 32.291 543.199 31.706 542.276 31.706C541.574 31.706 541.002 32.161 540.508 32.694L539.468 31.654C540.352 30.705 541.21 30.198 542.523 30.198C544.343 30.198 545.552 31.368 545.552 33.162C545.552 34.904 544.109 36.776 542.354 38.492C542.835 38.44 543.472 38.388 543.927 38.388H546.007V40H539.559ZM548.761 40.182C548.085 40.182 547.578 39.636 547.578 38.934C547.578 38.219 548.085 37.686 548.761 37.686C549.45 37.686 549.957 38.219 549.957 38.934C549.957 39.636 549.45 40.182 548.761 40.182ZM553.158 33.409C553.158 34.54 553.691 35.073 554.523 35.073C555.056 35.073 555.667 34.774 556.109 34.033C555.94 32.291 555.277 31.641 554.458 31.641C553.743 31.641 553.158 32.226 553.158 33.409ZM554.198 40.182C553.002 40.182 552.131 39.675 551.559 39.09L552.573 37.933C552.924 38.323 553.509 38.622 554.081 38.622C555.16 38.622 556.044 37.803 556.135 35.398C555.628 36.048 554.809 36.438 554.159 36.438C552.56 36.438 551.403 35.45 551.403 33.409C551.403 31.433 552.781 30.198 554.432 30.198C556.252 30.198 557.89 31.628 557.89 34.969C557.89 38.609 556.109 40.182 554.198 40.182ZM562.542 35.294C562.022 35.294 561.411 35.58 560.969 36.308C561.151 38.063 561.801 38.739 562.607 38.739C563.322 38.739 563.92 38.141 563.92 36.958C563.92 35.827 563.374 35.294 562.542 35.294ZM562.646 40.182C560.813 40.182 559.188 38.713 559.188 35.32C559.188 31.732 560.969 30.198 562.906 30.198C564.089 30.198 564.934 30.692 565.519 31.29L564.505 32.434C564.167 32.044 563.582 31.732 563.023 31.732C561.918 31.732 561.008 32.564 560.93 34.982C561.45 34.332 562.282 33.942 562.906 33.942C564.518 33.942 565.662 34.904 565.662 36.958C565.662 38.934 564.284 40.182 562.646 40.182ZM568.949 36.295C567.571 36.295 566.609 35.164 566.609 33.227C566.609 31.303 567.571 30.198 568.949 30.198C570.327 30.198 571.302 31.303 571.302 33.227C571.302 35.164 570.327 36.295 568.949 36.295ZM568.949 35.216C569.508 35.216 569.95 34.644 569.95 33.227C569.95 31.81 569.508 31.277 568.949 31.277C568.39 31.277 567.961 31.81 567.961 33.227C567.961 34.644 568.39 35.216 568.949 35.216ZM569.274 40.182L574.5 30.198H575.631L570.405 40.182H569.274ZM575.943 40.182C574.578 40.182 573.603 39.038 573.603 37.114C573.603 35.177 574.578 34.072 575.943 34.072C577.308 34.072 578.296 35.177 578.296 37.114C578.296 39.038 577.308 40.182 575.943 40.182ZM575.943 39.09C576.502 39.09 576.944 38.531 576.944 37.114C576.944 35.697 576.502 35.151 575.943 35.151C575.384 35.151 574.955 35.697 574.955 37.114C574.955 38.531 575.384 39.09 575.943 39.09Z" fill="#E26C48"/>
<path class="line-draw" d="M532.63 68.9997L580.863 58.4985" stroke="#E26C48" stroke-width="1.5" stroke-dasharray="2 2"/>
<path class="line-draw-fill" d="M583 47L574.952 44.5245L576.48 53.0489L583 47ZM530 60L530.132 60.7382L576.577 49.3462L576.444 48.608L576.312 47.8698L529.868 59.2618L530 60Z" fill="#E26C48"/>
</g>
<!-- Step 8: 73.28%, 80.49%, 88.41%, 95.08% -->
<g class="step-8">
<path class="text-label" d="M620.559 33V31.895C623.172 29.555 624.719 27.748 624.719 26.266C624.719 25.291 624.199 24.706 623.276 24.706C622.574 24.706 622.002 25.161 621.508 25.694L620.468 24.654C621.352 23.705 622.21 23.198 623.523 23.198C625.343 23.198 626.552 24.368 626.552 26.162C626.552 27.904 625.109 29.776 623.354 31.492C623.835 31.44 624.472 31.388 624.927 31.388H627.007V33H620.559ZM629.761 33.182C629.085 33.182 628.578 32.636 628.578 31.934C628.578 31.219 629.085 30.686 629.761 30.686C630.45 30.686 630.957 31.219 630.957 31.934C630.957 32.636 630.45 33.182 629.761 33.182ZM632.949 33V31.453H635.016V25.369H633.274V24.186C634.236 24.004 634.899 23.757 635.51 23.367H636.927V31.453H638.734V33H632.949ZM641.813 26.409C641.813 27.54 642.346 28.073 643.178 28.073C643.711 28.073 644.322 27.774 644.764 27.033C644.595 25.291 643.932 24.641 643.113 24.641C642.398 24.641 641.813 25.226 641.813 26.409ZM642.853 33.182C641.657 33.182 640.786 32.675 640.214 32.09L641.228 30.933C641.579 31.323 642.164 31.622 642.736 31.622C643.815 31.622 644.699 30.803 644.79 28.398C644.283 29.048 643.464 29.438 642.814 29.438C641.215 29.438 640.058 28.45 640.058 26.409C640.058 24.433 641.436 23.198 643.087 23.198C644.907 23.198 646.545 24.628 646.545 27.969C646.545 31.609 644.764 33.182 642.853 33.182ZM649.949 29.295C648.571 29.295 647.609 28.164 647.609 26.227C647.609 24.303 648.571 23.198 649.949 23.198C651.327 23.198 652.302 24.303 652.302 26.227C652.302 28.164 651.327 29.295 649.949 29.295ZM649.949 28.216C650.508 28.216 650.95 27.644 650.95 26.227C650.95 24.81 650.508 24.277 649.949 24.277C649.39 24.277 648.961 24.81 648.961 26.227C648.961 27.644 649.39 28.216 649.949 28.216ZM650.274 33.182L655.5 23.198H656.631L651.405 33.182H650.274ZM656.943 33.182C655.578 33.182 654.603 32.038 654.603 30.114C654.603 28.177 655.578 27.072 656.943 27.072C658.308 27.072 659.296 28.177 659.296 30.114C659.296 32.038 658.308 33.182 656.943 33.182ZM656.943 32.09C657.502 32.09 657.944 31.531 657.944 30.114C657.944 28.697 657.502 28.151 656.943 28.151C656.384 28.151 655.955 28.697 655.955 30.114C655.955 31.531 656.384 32.09 656.943 32.09Z" fill="#E26C48"/>
<path class="line-draw" d="M613.807 58.029L666 48.5027" stroke="#E26C48" stroke-width="1.5" stroke-dasharray="2 2"/>
<path class="line-draw-fill" d="M668 40L659.993 37.0335L661.241 45.6033L668 40ZM612 50L612.108 50.7422L661.463 41.9288L661.355 41.1866L661.247 40.4444L611.892 49.2578L612 50Z" fill="#E26C48"/>
</g>
<g class="step-9">
<path class="text-label" d="M709.562 21.182C708.041 21.182 707.014 20.61 706.338 19.843L707.235 18.634C707.807 19.193 708.509 19.622 709.38 19.622C710.355 19.622 711.018 19.141 711.018 18.27C711.018 17.334 710.459 16.736 708.366 16.736V15.371C710.134 15.371 710.706 14.76 710.706 13.902C710.706 13.148 710.238 12.706 709.419 12.706C708.73 12.706 708.171 13.018 707.599 13.551L706.624 12.381C707.456 11.653 708.379 11.198 709.51 11.198C711.369 11.198 712.63 12.121 712.63 13.759C712.63 14.799 712.045 15.553 711.031 15.956V16.021C712.11 16.32 712.942 17.126 712.942 18.387C712.942 20.155 711.395 21.182 709.562 21.182ZM715.761 21.182C715.085 21.182 714.578 20.636 714.578 19.934C714.578 19.219 715.085 18.686 715.761 18.686C716.45 18.686 716.957 19.219 716.957 19.934C716.957 20.636 716.45 21.182 715.761 21.182ZM718.949 21V19.453H721.016V13.369H719.274V12.186C720.236 12.004 720.899 11.757 721.51 11.367H722.927V19.453H724.734V21H718.949ZM726.097 21V19.895C728.71 17.555 730.257 15.748 730.257 14.266C730.257 13.291 729.737 12.706 728.814 12.706C728.112 12.706 727.54 13.161 727.046 13.694L726.006 12.654C726.89 11.705 727.748 11.198 729.061 11.198C730.881 11.198 732.09 12.368 732.09 14.162C732.09 15.904 730.647 17.776 728.892 19.492C729.373 19.44 730.01 19.388 730.465 19.388H732.545V21H726.097ZM735.949 17.295C734.571 17.295 733.609 16.164 733.609 14.227C733.609 12.303 734.571 11.198 735.949 11.198C737.327 11.198 738.302 12.303 738.302 14.227C738.302 16.164 737.327 17.295 735.949 17.295ZM735.949 16.216C736.508 16.216 736.95 15.644 736.95 14.227C736.95 12.81 736.508 12.277 735.949 12.277C735.39 12.277 734.961 12.81 734.961 14.227C734.961 15.644 735.39 16.216 735.949 16.216ZM736.274 21.182L741.5 11.198H742.631L737.405 21.182H736.274ZM742.943 21.182C741.578 21.182 740.603 20.038 740.603 18.114C740.603 16.177 741.578 15.072 742.943 15.072C744.308 15.072 745.296 16.177 745.296 18.114C745.296 20.038 744.308 21.182 742.943 21.182ZM742.943 20.09C743.502 20.09 743.944 19.531 743.944 18.114C743.944 16.697 743.502 16.151 742.943 16.151C742.384 16.151 741.955 16.697 741.955 18.114C741.955 19.531 742.384 20.09 742.943 20.09Z" fill="#E26C48"/>
<path class="line-draw" d="M701.656 49.5L749.017 37.001" stroke="#E26C48" stroke-width="1.5" stroke-dasharray="2 2"/>
<path class="line-draw-fill" d="M753 28L744.853 25.7763L746.695 34.2384L753 28ZM699 43L699.16 43.7328L746.656 30.5394L746.496 29.8066L746.337 29.0738L698.84 42.2672L699 43Z" fill="#E26C48"/>
</g>
<g class="step-10">
<path class="text-label" d="M787.637 17.958V16.593H791.186V17.958H787.637ZM795.647 21.182C793.684 21.182 792.384 19.466 792.384 16.151C792.384 12.823 793.684 11.198 795.647 11.198C797.61 11.198 798.897 12.836 798.897 16.151C798.897 19.466 797.61 21.182 795.647 21.182ZM795.647 19.687C796.479 19.687 797.09 18.855 797.09 16.151C797.09 13.46 796.479 12.68 795.647 12.68C794.815 12.68 794.191 13.46 794.191 16.151C794.191 18.855 794.815 19.687 795.647 19.687ZM801.573 21.182C800.897 21.182 800.39 20.636 800.39 19.934C800.39 19.219 800.897 18.686 801.573 18.686C802.262 18.686 802.769 19.219 802.769 19.934C802.769 20.636 802.262 21.182 801.573 21.182ZM807.282 21.182C805.761 21.182 804.747 20.584 804.032 19.869L804.916 18.647C805.462 19.18 806.138 19.622 807.035 19.622C808.036 19.622 808.738 18.985 808.738 17.854C808.738 16.736 808.088 16.112 807.113 16.112C806.541 16.112 806.229 16.255 805.67 16.619L804.799 16.047L805.059 11.367H810.207V12.979H806.71L806.528 15.02C806.918 14.838 807.243 14.747 807.685 14.747C809.297 14.747 810.649 15.709 810.649 17.802C810.649 19.947 809.063 21.182 807.282 21.182ZM813.482 17.048H815.731V15.085C815.731 14.526 815.77 13.655 815.796 13.083H815.744C815.51 13.603 815.25 14.136 814.977 14.656L813.482 17.048ZM815.731 21V18.504H811.623V17.204L815.211 11.367H817.512V17.048H818.643V18.504H817.512V21H815.731ZM821.761 17.295C820.383 17.295 819.421 16.164 819.421 14.227C819.421 12.303 820.383 11.198 821.761 11.198C823.139 11.198 824.114 12.303 824.114 14.227C824.114 16.164 823.139 17.295 821.761 17.295ZM821.761 16.216C822.32 16.216 822.762 15.644 822.762 14.227C822.762 12.81 822.32 12.277 821.761 12.277C821.202 12.277 820.773 12.81 820.773 14.227C820.773 15.644 821.202 16.216 821.761 16.216ZM822.086 21.182L827.312 11.198H828.443L823.217 21.182H822.086ZM828.755 21.182C827.39 21.182 826.415 20.038 826.415 18.114C826.415 16.177 827.39 15.072 828.755 15.072C830.12 15.072 831.108 16.177 831.108 18.114C831.108 20.038 830.12 21.182 828.755 21.182ZM828.755 20.09C829.314 20.09 829.756 19.531 829.756 18.114C829.756 16.697 829.314 16.151 828.755 16.151C828.196 16.151 827.767 16.697 827.767 18.114C827.767 19.531 828.196 20.09 828.755 20.09Z" fill="#0069B8"/>
<path class="line-draw" d="M784.024 36.832L833.87 41" stroke="#0069B8" stroke-width="1.5" stroke-dasharray="2 2"/>
<path class="line-draw-fill" d="M836 33L828.911 27.8249L828.188 36.4549L836 33ZM784.024 27L783.962 27.7474L829.232 32.9733L829.295 32.2259L829.357 31.4785L784.087 26.2526L784.024 27Z" fill="#0069B8"/>
</g>
<defs>
<pattern id="pattern0_1333_2995" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_1333_2995" transform="scale(0.002849 0.0222222)"/>
</pattern>
<image id="image0_1333_2995" width="351" height="45" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV8AAAAtCAYAAAAJKGj/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAE9klEQVR4nO2dAXKcMAxF2U7OugdIz5EcoJfdDml2SnbAlmVJluG9mTRNwxpj5I8sS/T2eDyWDT9+AAAAc25rg2/frW5F9w9jDQDgwv1bb29Pz/eB6AIAhLAK8PKLsQYACOXL0X3LMua/39/v258/Pj/xxEHFSFvCjkFKGvEFeLIVsJnE61V4AUqIxdfasCwmlbex47XEcXQvZxVigBp4vgM5EpxekfFq1+McLQ/Q57GziLB1PyPuayasr3evvZFjh/gGIxEbjch4tas9h+Q82pXL+rlsguO1Cou4r5Z9KSHpn8f1ltrsbatnzIdlO6wXsf0a1Y9IWq9TerxXu56fIT5aR3NfZx5XDzu2nEPWYyv2fLcKL3HfS08Iq4uIWEaPbr/m5UV4j1ET+qg/e+fP6P1u8QodnZWoVVBJh3ra0kCebwC9E0n7+dU4eoW7p+8tYlrqZ/aYprVQjrKXrGjtuBYi6AnrWdgkMV9nNJsGLZNnbacWZ33+m+Wk9PDGa+e7eqgi48rAM2vpSCyj7cDrfEPEd++GnXVi7YmG9aTwmmTa3earp4R5XH9tZXBGbzdBN3ax6hthhwC2N2t2Ybq6sL4SEXJgzH8S6bx5PtSGeL4zPKVn8U4BlgPvN/um5IxYjieeL4hhItdhjPyJWh14hwvZcCPndJfamJR+HzERMoDd/ERbCu7ltb+2my29EvFNhsdT3bJM06ICiSXyOSht9Fm8k2PPJnrnh9Zp8LDNqbIdIj2NERsfFtcnbcNLeF+P10wMSUFORqG+2sOjpXpMkiFzlDLX00dNJkiUzpi91Uzzezyd/0SKTIZxl3pNWSHk0EaPAJeOlx5Xa3dEkQ9hhwSMShrvMSrp6qU06bT5qTy0cyEJDSwCAfZcWe0VaEhsWHptR+2VINshMRnDHKVST01/Wz+TVXiv+EA4soVaOfAePe92aDn+2bfW0KfkpUWtfRnm+XpPVM3Lf7T96sE63NDqWVhvdGk202plo9mE7aohh+hKyr1zRpZSa/dFpJ9TvdUMbIgWm94yVG8bwMbORU9WS2uoqleAa15vqW/aOZUm5stO8T8QoPngnunRhr68Vx+9ecoSXMSXTZQyI4X3jC9hiYSx82d06K8380HqhZuKb49hWuzAz8AsHu8IkSYdUQ9jp2Pkw9RMfK0uorcEMLPBZRBePDdbIu7drNV/Mz4QIvtnkmpmXVV1RoHwFF5JGowF2irE6Am3TSeyPHfEGEdUHmrJZGcznecI1w23oxzA7c9X8MS8hXf7d8sk9qM2js6BV+3HUVhuhFDVQoStVWqt2Qte12wVzzVPNSt1pqcDXrHFnnQWS1pSWFr7a1ELX9tc6D3HmeOOI1ICPd/d0Yqlre3haWeWmqNty6XCzaJqCS8qB9YlyLMSbY/e4/4MIWy/Ssdq+yLpU4bCppb+ScetBuXFE9M7QVvr4lvbV3UM0o17b+zcexXae83WFZ7SY1OIL16uHs3E8J7UVxDeqGvMNO7ettbafuQ7JCTnau3L7fF4rN/XP8xL86TLH+vPWoIHF4fn/bQuPZ3dLsgLHs7dNdvh6PVteLoAcHVMxFeSscAOOczIWT1E5th4zGK+VjcTowCAK2AS832FF+sAABS5u4jvHrX/vgMA4ELEiS8AAHzx5YhuY75kIAAAxHB7er7Lt/cLAAD+3LapZjcGHAAggGVZ/gLAiqPuIHEBbwAAAABJRU5ErkJggss="/>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 32 KiB