@font-face{font-family:Noto Sans KR;font-weight:400;src:url(../font/Noto-Sans-KR/NotoSansKR-Regular.otf)}@font-face{font-family:Noto Sans KR;font-weight:500;src:url(../font/Noto-Sans-KR/NotoSansKR-Medium.otf)}@font-face{font-family:Noto Sans KR;font-weight:700;src:url(../font/Noto-Sans-KR/NotoSansKR-Bold.otf)}.step-bar-wrapper[data-v-2fa8c993]{display:flex;justify-content:center;min-width:300px}.step-bar-wrapper .step-progressive[data-v-2fa8c993]{background-color:#f2f2f2;border-radius:5px;display:flex;height:10px;overflow:hidden;position:relative;width:100%}.step-bar-wrapper .step-progressive[data-v-2fa8c993]:after{background:var(--main-color-hex);border-radius:5px;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:var(--percentage)}.step-bar-wrapper .step-steps[data-v-2fa8c993]{display:flex;gap:20px}.step-bar-wrapper .step-steps li[data-v-2fa8c993]{background-color:var(--secondary-color-hex);border-radius:50%;height:12px;width:12px}.step-bar-wrapper .step-steps li.active~li[data-v-2fa8c993]{background-color:#efefef}.step-steps-2[data-v-2fa8c993]{color:#eaeaea;display:flex;justify-content:space-between;max-width:400px;width:100%}.step-steps-2__step[data-v-2fa8c993]{cursor:pointer;flex-direction:column;gap:6px;width:70px}.step-steps-2__step[data-v-2fa8c993],.step-steps-2__step .icon[data-v-2fa8c993]{align-items:center;display:flex;justify-content:center}.step-steps-2__step .icon[data-v-2fa8c993]{background-color:#eaeaea;border-radius:50%;height:24px;position:relative;width:24px}.step-steps-2__step .icon #check-icon[data-v-2fa8c993]{height:10px;width:10px}.step-steps-2__step .icon #lock-icon[data-v-2fa8c993]{height:7px}.step-steps-2__step span[data-v-2fa8c993]:first-of-type{font-size:8px;font-weight:400;text-transform:uppercase}.step-steps-2__step span[data-v-2fa8c993]:nth-of-type(2){font-size:11px;font-weight:700;line-height:1}.step-steps-2__step.completed .icon[data-v-2fa8c993]{background-color:#03181e}.step-steps-2__step.completed span[data-v-2fa8c993]:first-of-type{color:#939393}.step-steps-2__step.completed span[data-v-2fa8c993]:nth-of-type(2){color:#232323}.step-steps-2__step.completed+.step-steps-2__bar span[data-v-2fa8c993]:before{background-color:#03181e;border-radius:2px;width:100%}.step-steps-2__step.active .icon[data-v-2fa8c993]{background-color:#03181e}.step-steps-2__step.active span[data-v-2fa8c993]:first-of-type{color:#939393}.step-steps-2__step.active span[data-v-2fa8c993]:nth-of-type(2){color:#232323}.step-steps-2__step.active+.step-steps-2__bar span[data-v-2fa8c993]:before{background-color:#03181e;border-bottom-left-radius:2px;border-top-left-radius:2px;width:50%}.step-steps-2__bar[data-v-2fa8c993]{display:flex;flex:1;padding-top:12px}.step-steps-2__bar[data-v-2fa8c993]:last-child{display:none}.step-steps-2__bar span[data-v-2fa8c993]{background-color:#eaeaea;border-radius:2px;display:block;flex:1;height:3px;margin-left:-15px;margin-right:-15px;position:relative;transform:translateY(-50%)}.step-steps-2__bar span[data-v-2fa8c993]:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media (min-width:1024px){.step-steps-2[data-v-2fa8c993]{max-width:none}.step-steps-2__step span[data-v-2fa8c993]:first-of-type{font-size:9px}.step-steps-2__step span[data-v-2fa8c993]:nth-of-type(2){font-size:14px}}