SUA \uc8fc\ubb38\ud558\uae30<\/title>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Malgun Gothic', '\ub9d1\uc740 \uace0\ub515', sans-serif;\n min-height: 100vh;\n color: #1a1a18;\n }\n .page-wrap { max-width: 600px; margin: 0 auto; }\n .page-header { display: flex; align-items: center; gap: 12px; margin-bottom: 2rem; }\n .product-icon {\n width: 38px; height: 38px; border-radius: 9px; background: #0f6e56;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n }\n .product-icon svg { width: 20px; height: 20px; }\n .page-title { font-size: 20px; font-weight: 700; }\n .page-sub { font-size: 13px; color: #888780; margin-top: 1px; }\n .step-bar { display: flex; align-items: center; margin-bottom: 2rem; }\n .step-item { display: flex; align-items: center; gap: 6px; }\n .step-circle {\n width: 24px; height: 24px; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 11px; font-weight: 700;\n background: #e8e7e3; color: #888780; flex-shrink: 0;\n transition: background 0.2s, color 0.2s;\n }\n .step-circle.active { background: #0f6e56; color: #fff; }\n .step-circle.done { background: #1d9e75; color: #fff; }\n .step-label { font-size: 11px; color: #888780; font-weight: 500; white-space: nowrap; }\n .step-label.active { color: #0f6e56; font-weight: 600; }\n .step-conn { flex: 1; height: 1px; background: #d3d1c7; margin: 0 6px; }\n .step-conn.done { background: #1d9e75; }\n .card {\n background: #fff; border-radius: 14px;\n border: 0.5px solid rgba(0,0,0,0.09);\n padding: 1.75rem 1.75rem 2rem; margin-bottom: 1rem;\n }\n .card-title { font-size: 15px; font-weight: 600; margin-bottom: 1.25rem; }\n .sec-label {\n font-size: 11px; font-weight: 600; letter-spacing: 0.08em;\n text-transform: uppercase; color: #888780; margin-bottom: 8px;\n }\n .field { margin-bottom: 1.125rem; }\n .f-label { display: block; font-size: 13px; font-weight: 500; color: #444441; margin-bottom: 5px; }\n .f-label .req { color: #e24b4a; margin-left: 2px; }\n .f-input {\n width: 100%; height: 40px; padding: 0 12px;\n font-size: 14px; font-family: inherit;\n border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px;\n background: #fff; color: #1a1a18; outline: none;\n transition: border-color 0.15s, box-shadow 0.15s;\n }\n .f-input:focus { border-color: #0f6e56; box-shadow: 0 0 0 3px rgba(15,110,86,0.1); }\n .f-input.err { border-color: #e24b4a; }\n .f-input.err:focus { box-shadow: 0 0 0 3px rgba(226,75,74,0.1); }\n .f-err { font-size: 12px; color: #e24b4a; margin-top: 4px; display: none; }\n .f-err.show { display: block; }\n .f-ok { font-size: 12px; color: #0f6e56; margin-top: 4px; display: none; }\n .f-ok.show { display: block; }\n .f-hint { font-size: 12px; color: #b4b2a9; margin-top: 4px; }\n .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n .divider { border: none; border-top: 0.5px solid rgba(0,0,0,0.08); margin: 1.25rem 0; }\n .addr-row { display: flex; gap: 8px; margin-bottom: 6px; }\n .addr-btn {\n white-space: nowrap; padding: 0 14px; height: 40px;\n font-size: 13px; font-family: inherit; font-weight: 500;\n border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px;\n background: #f4f3ef; color: #444441; cursor: pointer;\n }\n .addr-btn:hover { background: #e8e7e3; }\n \/* \uc911\ubcf5 \ud655\uc778 \uc778\ub77c\uc778 \ubc84\ud2bc *\/\n .id-check-row { display: flex; gap: 8px; }\n .id-check-row .f-input { flex: 1; }\n .btn-check {\n white-space: nowrap; padding: 0 14px; height: 40px;\n font-size: 13px; font-family: inherit; font-weight: 600;\n border: 0.5px solid #0f6e56; border-radius: 8px;\n background: #fff; color: #0f6e56; cursor: pointer;\n transition: background 0.15s;\n flex-shrink: 0;\n }\n .btn-check:hover { background: #e1f5ee; }\n .btn-check:disabled { border-color: #d3d1c7; color: #b4b2a9; cursor: not-allowed; background: #fff; }\n .seg-group { display: flex; border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px; overflow: hidden; }\n .seg-btn {\n flex: 1; padding: 10px 0; font-size: 14px; font-family: inherit;\n background: transparent; border: none; cursor: pointer; color: #5f5e5a;\n transition: background 0.15s, color 0.15s;\n }\n .seg-btn:not(:last-child) { border-right: 0.5px solid rgba(0,0,0,0.12); }\n .seg-btn.active { background: #e1f5ee; color: #0f6e56; font-weight: 600; }\n .seg-btn:hover:not(.active) { background: #f4f3ef; }\n .ucount-row { display: flex; align-items: center; gap: 10px; }\n .ucount-row input {\n flex: 1; height: 40px; padding: 0 12px; font-size: 15px; font-family: inherit;\n border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px;\n background: #fff; color: #1a1a18; outline: none;\n transition: border-color 0.15s, box-shadow 0.15s;\n }\n .ucount-row input:focus { border-color: #0f6e56; box-shadow: 0 0 0 3px rgba(15,110,86,0.1); }\n .ucount-row input::-webkit-inner-spin-button,\n .ucount-row input::-webkit-outer-spin-button { opacity: 1; }\n .tier-badge {\n font-size: 12px; padding: 5px 10px; border-radius: 20px;\n background: #e1f5ee; color: #0f6e56;\n border: 0.5px solid rgba(15,110,86,0.2); white-space: nowrap;\n }\n \/* \u2605 \uacac\uc801 \ud328\ub110 ON\/OFF: display:none \u2194 display:grid *\/\n .est-panel { display: none; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 1.25rem; }\n .est-box { border-radius: 10px; padding: 1rem; }\n .est-box.annual { background: #f4f3ef; }\n .est-box.init { border: 0.5px solid rgba(0,0,0,0.1); }\n .est-badge {\n display: inline-block; font-size: 10px; font-weight: 600;\n letter-spacing: 0.05em; text-transform: uppercase;\n padding: 2px 7px; border-radius: 4px; margin-bottom: 8px;\n }\n .est-box.annual .est-badge { background: #e1f5ee; color: #085041; }\n .est-box.init .est-badge { background: #faeeda; color: #854f0b; }\n .est-lbl { font-size: 12px; color: #888780; margin-bottom: 2px; }\n .est-val { font-size: 19px; font-weight: 700; letter-spacing: -0.02em; }\n .est-box.annual .est-val { color: #0f6e56; }\n .est-box.init .est-val { color: #1a1a18; }\n .est-suffix { font-size: 11px; color: #888780; margin-left: 2px; font-weight: 400; }\n .est-detail { font-size: 11px; color: #b4b2a9; margin-top: 5px; line-height: 1.5; }\n \/* \u2605 VAT \ud1a0\uae00 ON\/OFF: display:none \u2194 display:flex *\/\n .vat-toggle { display: none; align-items: center; gap: 7px; margin-top: 10px; font-size: 12px; color: #5f5e5a; cursor: pointer; user-select: none; }\n .tog-box { width: 30px; height: 17px; border-radius: 9px; background: #d3d1c7; position: relative; transition: background 0.2s; flex-shrink: 0; }\n .tog-box.on { background: #1d9e75; }\n .tog-knob { width: 13px; height: 13px; border-radius: 50%; background: #fff; position: absolute; top: 2px; left: 2px; transition: left 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.2); }\n .tog-box.on .tog-knob { left: 15px; }\n .pw-bar { height: 4px; border-radius: 2px; background: #e8e7e3; margin: 6px 0 1rem; overflow: hidden; }\n .pw-fill { height: 100%; width: 0; border-radius: 2px; transition: width 0.3s, background 0.3s; }\n .sw-grid { display: flex; flex-direction: column; gap: 8px; margin-bottom: 6px; }\n .sw-item {\n display: flex; align-items: center; gap: 10px;\n padding: 10px 14px; border: 0.5px solid rgba(0,0,0,0.12); border-radius: 8px;\n font-size: 14px; cursor: pointer; transition: background 0.12s, border-color 0.12s;\n }\n .sw-item:hover { background: #f4f3ef; }\n .sw-item.checked { background: #e1f5ee; border-color: rgba(15,110,86,0.3); }\n .sw-item input { width: 16px; height: 16px; accent-color: #0f6e56; cursor: pointer; flex-shrink: 0; }\n .dept-row { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }\n .dept-inp {\n flex: 1; height: 36px; padding: 0 10px; font-size: 13px; font-family: inherit;\n border: 0.5px solid rgba(0,0,0,0.15); border-radius: 7px;\n background: #fff; color: #1a1a18; outline: none; transition: border-color 0.15s;\n }\n .dept-inp:focus { border-color: #0f6e56; }\n .dept-inp::placeholder { color: #b4b2a9; }\n .dept-del {\n width: 28px; height: 28px; border-radius: 50%;\n border: 0.5px solid rgba(0,0,0,0.12); background: #fff;\n color: #888780; font-size: 14px; cursor: pointer; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n transition: background 0.12s, color 0.12s;\n }\n .dept-del:hover { background: #fcebeb; color: #e24b4a; }\n .csv-table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 8px; }\n .csv-table th { background: #f4f3ef; padding: 5px 8px; text-align: left; font-weight: 600; color: #888780; border-bottom: 0.5px solid rgba(0,0,0,0.1); }\n .csv-table td { padding: 5px 8px; color: #444441; border-bottom: 0.5px solid rgba(0,0,0,0.06); }\n .conf-sec { margin-bottom: 1.25rem; }\n .conf-sec-title { font-size: 11px; font-weight: 600; color: #b4b2a9; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 8px; }\n .conf-row { display: flex; justify-content: space-between; font-size: 14px; padding: 5px 0; color: #888780; border-bottom: 0.5px solid rgba(0,0,0,0.06); }\n .conf-row:last-child { border-bottom: none; }\n .conf-row .v { color: #1a1a18; font-weight: 500; text-align: right; max-width: 60%; }\n \/* \u2605 \uae08\uc561 \ubc15\uc2a4 ON\/OFF: display:none \u2194 display:block *\/\n .price-box { display: none; background: #f4f3ef; border-radius: 10px; padding: 1rem 1.125rem; margin-bottom: 0.75rem; }\n .pb-row { display: flex; justify-content: space-between; font-size: 13px; color: #888780; padding: 3px 0; }\n .pb-row .v { color: #1a1a18; font-weight: 500; }\n .pb-div { border: none; border-top: 0.5px solid rgba(0,0,0,0.09); margin: 6px 0; }\n .pb-total { display: flex; justify-content: space-between; align-items: baseline; padding-top: 4px; }\n .pb-total-lbl { font-size: 12px; font-weight: 500; color: #5f5e5a; }\n .pb-total-val { font-size: 20px; font-weight: 700; color: #0f6e56; letter-spacing: -0.02em; }\n .pb-total-sfx { font-size: 12px; color: #888780; margin-left: 3px; }\n .bank-box { border: 1px solid rgba(15,110,86,0.22); border-radius: 10px; padding: 1rem 1.125rem; background: #f9fffe; margin-bottom: 1rem; }\n .bank-title { font-size: 13px; font-weight: 600; color: #0f6e56; margin-bottom: 10px; }\n .bank-row { display: flex; justify-content: space-between; font-size: 13px; color: #5f5e5a; padding: 4px 0; }\n .bank-v { color: #1a1a18; font-weight: 600; }\n .bank-note { font-size: 12px; color: #888780; margin-top: 8px; padding-top: 8px; border-top: 0.5px solid rgba(0,0,0,0.08); line-height: 1.7; }\n .copy-btn { font-size: 11px; color: #0f6e56; background: none; border: none; cursor: pointer; font-family: inherit; text-decoration: underline; margin-left: 6px; }\n .agree-block { display: flex; align-items: flex-start; gap: 10px; padding: 0.875rem 1rem; background: #f4f3ef; border-radius: 8px; margin-bottom: 0.875rem; cursor: pointer; }\n .agree-chk { width: 18px; height: 18px; border-radius: 4px; flex-shrink: 0; border: 1.5px solid #d3d1c7; margin-top: 1px; display: flex; align-items: center; justify-content: center; transition: background 0.15s, border-color 0.15s; }\n .agree-chk.on { background: #0f6e56; border-color: #0f6e56; }\n .agree-chk svg { display: none; }\n .agree-chk.on svg { display: block; }\n .agree-text { font-size: 13px; color: #444441; line-height: 1.6; }\n .btn-primary { display: block; width: 100%; padding: 14px 0; font-size: 15px; font-weight: 700; font-family: inherit; background: #0f6e56; color: #fff; border: none; border-radius: 10px; cursor: pointer; margin-top: 0.5rem; transition: background 0.15s, transform 0.1s; }\n .btn-primary:hover { background: #085041; }\n .btn-primary:active { transform: scale(0.985); }\n .btn-primary:disabled { background: #b4b2a9; cursor: not-allowed; transform: none; }\n .btn-ghost { display: block; width: 100%; padding: 12px 0; font-size: 14px; font-weight: 500; font-family: inherit; background: transparent; color: #5f5e5a; border: 0.5px solid rgba(0,0,0,0.15); border-radius: 10px; cursor: pointer; margin-top: 8px; transition: background 0.15s; }\n .btn-ghost:hover { background: #f4f3ef; }\n .btn-sm { padding: 8px 14px; font-size: 13px; font-family: inherit; font-weight: 500; border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px; background: #f4f3ef; color: #444441; cursor: pointer; transition: background 0.12s; }\n .btn-sm:hover { background: #e8e7e3; }\n .done-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.45); align-items: center; justify-content: center; z-index: 200; padding: 1rem; }\n .done-overlay.show { display: flex; }\n .done-card { background: #fff; border-radius: 16px; padding: 2.25rem 2rem 2rem; width: 100%; max-width: 420px; text-align: center; }\n .done-icon { width: 56px; height: 56px; border-radius: 50%; background: #e1f5ee; margin: 0 auto 1.25rem; display: flex; align-items: center; justify-content: center; }\n .done-icon svg { width: 28px; height: 28px; }\n .done-title { font-size: 20px; font-weight: 700; margin-bottom: 8px; }\n .done-num { display: inline-block; background: #f4f3ef; border-radius: 8px; padding: 6px 16px; font-size: 13px; font-weight: 600; color: #444441; margin: 0.875rem 0; letter-spacing: 0.04em; }\n .done-desc { font-size: 14px; color: #888780; line-height: 1.8; margin-bottom: 1.5rem; }\n .done-bank { text-align: left; background: #f9fffe; border: 1px solid rgba(15,110,86,0.2); border-radius: 10px; padding: 1rem; margin-bottom: 1.5rem; }\n .done-bank-title { font-size: 12px; font-weight: 600; color: #0f6e56; margin-bottom: 8px; }\n .done-bank-row { display: flex; justify-content: space-between; font-size: 13px; color: #5f5e5a; padding: 3px 0; }\n .done-bank-row .v { color: #1a1a18; font-weight: 600; }\n .done-close { width: 100%; padding: 13px 0; font-size: 15px; font-weight: 600; font-family: inherit; background: #0f6e56; color: #fff; border: none; border-radius: 10px; cursor: pointer; }\n .done-close:hover { background: #085041; }\n .badge-1t { font-size: 10px; font-weight: 600; text-transform: uppercase; background: #faeeda; color: #854f0b; padding: 2px 6px; border-radius: 4px; margin-left: 5px; vertical-align: middle; }\n .badge-ann { font-size: 10px; font-weight: 600; text-transform: uppercase; background: #e1f5ee; color: #085041; padding: 2px 6px; border-radius: 4px; margin-left: 5px; vertical-align: middle; }\n .hidden { display: none !important; }\n @media (max-width: 480px) {\n .card { padding: 1.25rem 1.25rem 1.5rem; }\n .est-panel { grid-template-columns: 1fr; }\n .row2 { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n SUA \uc8fc\ubb38\ud558\uae30\n Software Utility Analysis\n 1\n \uacac\uc801 \uc120\ud0dd\n 2\n \uace0\uac1d \uc815\ubcf4\n 3\n \uc11c\ube44\uc2a4 \uc124\uc815\n 4\n \uc8fc\ubb38 \ud655\uc778\n \n \uacac\uc801 \uc120\ud0dd\n <p>\uae30\uad00 \uc720\ud615<\/p>\n <button data-type=\"general\">\uc77c\ubc18<\/button>\n <button data-type=\"public\">\uacf5\uacf5<\/button>\n <button data-type=\"edu\">\uad50\uc721<\/button>\n <p>\uc0ac\uc6a9\uc790 \uc218<\/p>\n <input type=\"number\" id=\"user-count\" min=\"1\" value=\"1\" \/>\n 1 ~ 99\uba85 \uad6c\uac04\n \n \u203b \uc0ac\uc6a9\uc790 \uc218\uc5d0 \ub530\ub77c \ub2e8\uac00 \uad6c\uac04\uc774 \uc790\ub3d9 \uc801\uc6a9\ub429\ub2c8\ub2e4.\n \ucd5c\uc18c \uc8fc\ubb38 \uc218\ub7c9: <strong id=\"min-user-text\">30\uba85<\/strong> \uc774\uc0c1\n \n \n \ub9e4\ub144 \uac31\uc2e0\n \uc5f0\uac04 \uc720\uc9c0\ube44\uc6a9\n -\/ \uc5f0\n \ucd5c\ucd08 1\ud68c\n \ucd08\uae30 \ub3c4\uc785\ube44\uc6a9\n -1\ud68c\n \uae30\ubcf8 \uac00\uaca9\n \n <label>\n \ubd80\uac00\uc138 (10%) \ud3ec\ud568\n <\/label>\n <button id=\"btn1\">\ub2e4\uc74c \ub2e8\uacc4 \u2192 \uace0\uac1d \uc815\ubcf4 \uc785\ub825<\/button>\n \n \uace0\uac1d \uc815\ubcf4 \uc785\ub825\n <p>\ud68c\uc0ac \uc815\ubcf4<\/p>\n <label>\ud68c\uc0ac\uba85 *<\/label>\n <input id=\"f-company\" type=\"text\" placeholder=\"(\uc8fc)\uc2dc\uc9c0\ud0dc\ud14c\ud06c\ub180\ub85c\uc9c0\" \/>\n \ud68c\uc0ac\uba85\uc744 \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <label>\uc0ac\uc5c5\uc790\ub4f1\ub85d\ubc88\ud638 *<\/label>\n <input id=\"f-biznum\" type=\"text\" placeholder=\"000-00-00000\" maxlength=\"12\" \/>\n \uc62c\ubc14\ub978 \uc0ac\uc5c5\uc790\ub4f1\ub85d\ubc88\ud638\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <label>\ub300\ud45c\uc790\uba85 *<\/label>\n <input id=\"f-ceo\" type=\"text\" placeholder=\"\ud64d\uae38\ub3d9\" \/>\n \ub300\ud45c\uc790\uba85\uc744 \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <label>\ud68c\uc0ac \uc8fc\uc18c *<\/label>\n <input id=\"f-postcode\" type=\"text\" placeholder=\"\uc6b0\ud3b8\ubc88\ud638\" \/>\n <button type=\"button\" onclick=\"searchAddress()\">\uc8fc\uc18c \uac80\uc0c9<\/button>\n <input id=\"f-addr1\" type=\"text\" placeholder=\"\uae30\ubcf8 \uc8fc\uc18c\" \/>\n <input id=\"f-addr2\" type=\"text\" placeholder=\"\uc0c1\uc138 \uc8fc\uc18c (\uac74\ubb3c\uba85, \uce35, \ud638 \ub4f1)\" \/>\n \uc8fc\uc18c\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <p>\ub2f4\ub2f9\uc790 \uc815\ubcf4<\/p>\n <label>\ub2f4\ub2f9\uc790\uba85 *<\/label>\n <input id=\"f-name\" type=\"text\" placeholder=\"\ud64d\uae38\ub3d9\" \/>\n \ub2f4\ub2f9\uc790\uba85\uc744 \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <label>\ubd80\uc11c\uba85<\/label>\n <input id=\"f-dept\" type=\"text\" placeholder=\"IT\ud300\" \/>\n <label>\uc5f0\ub77d\ucc98 *<\/label>\n <input id=\"f-phone\" type=\"tel\" placeholder=\"010-0000-0000\" maxlength=\"13\" \/>\n \uc5f0\ub77d\ucc98\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <label>\uc774\uba54\uc77c *<\/label>\n <input id=\"f-email\" type=\"email\" placeholder=\"contact@company.com\" \/>\n \uc62c\ubc14\ub978 \uc774\uba54\uc77c\uc744 \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <p>\uc138\uae08\uacc4\uc0b0\uc11c<\/p>\n <label>\uc138\uae08\uacc4\uc0b0\uc11c \uc218\uc2e0 \uc774\uba54\uc77c *<\/label>\n <input id=\"f-tax-email\" type=\"email\" placeholder=\"tax@company.com\" \/>\n \uc138\uae08\uacc4\uc0b0\uc11c \uc218\uc2e0 \uc774\uba54\uc77c\uc744 \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <input type=\"checkbox\" id=\"same-chk\" \/>\n <label for=\"same-chk\">\ub2f4\ub2f9\uc790 \uc774\uba54\uc77c\uacfc \ub3d9\uc77c<\/label>\n <button id=\"btn2\">\ub2e4\uc74c \ub2e8\uacc4 \u2192 \uc11c\ube44\uc2a4 \uc124\uc815<\/button>\n <button id=\"back1\">\u2190 \uc774\uc804\uc73c\ub85c<\/button>\n \n \uc11c\ube44\uc2a4 \uc124\uc815\n <p>\uad00\ub9ac\uc790 \uacc4\uc815<\/p>\n <label>\uad00\ub9ac\uc790 ID (\uc774\uba54\uc77c) *<\/label>\n <input id=\"f-id\" type=\"email\" placeholder=\"admin@company.com\" \/>\n <button type=\"button\" id=\"btn-check-id\">\uc911\ubcf5 \ud655\uc778<\/button>\n \uc62c\ubc14\ub978 \uc774\uba54\uc77c \ud615\uc2dd\uc73c\ub85c \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n \uc774\ubbf8 \uc0ac\uc6a9 \uc911\uc778 ID\uc785\ub2c8\ub2e4. \ub2e4\ub978 \uc774\uba54\uc77c\uc744 \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n \uc0ac\uc6a9 \uac00\ub2a5\ud55c ID\uc785\ub2c8\ub2e4.\n <p>\uc774\uba54\uc77c \uc8fc\uc18c\uac00 \uad00\ub9ac\uc790 \ub85c\uadf8\uc778 ID\ub85c \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n <label>\ube44\ubc00\ubc88\ud638 *<\/label>\n <input id=\"f-pw\" type=\"password\" placeholder=\"8\uc790 \uc774\uc0c1\" \/>\n \uc870\uac74\uc744 \ud655\uc778\ud574 \uc8fc\uc138\uc694.\n <label>\ube44\ubc00\ubc88\ud638 \ud655\uc778 *<\/label>\n <input id=\"f-pw2\" type=\"password\" placeholder=\"\ub3d9\uc77c\ud558\uac8c \uc785\ub825\" \/>\n \ube44\ubc00\ubc88\ud638\uac00 \uc77c\uce58\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\n <p>\u203b 8\uc790 \uc774\uc0c1, \uc601\ubb38\u00b7\uc22b\uc790\u00b7\ud2b9\uc218\ubb38\uc790 \uac01 1\uc790 \uc774\uc0c1 \ud3ec\ud568<\/p>\n <p>\ubd80\uc11c \uc815\ubcf4 (\uc9c1\uc811 \uc785\ub825 \ub610\ub294 CSV \uc5c5\ub85c\ub4dc)<\/p>\n <button type=\"button\" id=\"btn-add-dept\">+ \ubd80\uc11c \ucd94\uac00<\/button>\n <label>\n \ud83d\udcc2 CSV \uc5c5\ub85c\ub4dc\n <input type=\"file\" id=\"dept-csv\" accept=\".csv\" \/>\n <\/label>\n <p>CSV \ud615\uc2dd: \ub300\ubd84\ub958,\uc911\ubd84\ub958,\uc18c\ubd84\ub958 (\uc608: \uac1c\ubc1c\ubcf8\ubd80,\uc11c\ubc84\ud300,\ubc31\uc5d4\ub4dc\ud30c\ud2b8)<\/p>\n <table>\n <thead><tr><th>\ub300\ubd84\ub958<\/th><th>\uc911\ubd84\ub958<\/th><th>\uc18c\ubd84\ub958<\/th><\/tr><\/thead>\n <tbody id=\"csv-tbody\"><\/tbody>\n <\/table>\n <button type=\"button\" onclick=\"clearCsv()\">\u00d7 CSV \ucd08\uae30\ud654<\/button>\n <p>\ubd84\uc11d \ub300\uc0c1 \uc18c\ud504\ud2b8\uc6e8\uc5b4 *<\/p>\n <p>3\uac1c \uc774\uc0c1 \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.<\/p>\n <label><input type=\"checkbox\" value=\"Microsoft Office\" \/> Microsoft Office<\/label>\n <label><input type=\"checkbox\" value=\"Adobe Creative Suite\" \/> Adobe Creative Suite<\/label>\n <label><input type=\"checkbox\" value=\"SAP\" \/> SAP<\/label>\n <label><input type=\"checkbox\" value=\"CAD \ud504\ub85c\uadf8\ub7a8\" \/> CAD \ud504\ub85c\uadf8\ub7a8<\/label>\n <label><input type=\"checkbox\" value=\"\ud55c\ucef4 \ud55c\uae00\" \/> \ud55c\ucef4 \ud55c\uae00<\/label>\n <label><input type=\"checkbox\" value=\"Web Browser\" \/> Web Browser<\/label>\n 3\uac1c \uc774\uc0c1 \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.\n <button id=\"btn3\">\ub2e4\uc74c \ub2e8\uacc4 \u2192 \uc8fc\ubb38 \ud655\uc778<\/button>\n <button id=\"back2\">\u2190 \uc774\uc804\uc73c\ub85c<\/button>\n \n \uc8fc\ubb38 \ub0b4\uc5ed \ud655\uc778\n \uc81c\ud488 \uc815\ubcf4\n \uc81c\ud488\uba85SUA (Software Utility Analysis)\n \uae30\uad00 \uc720\ud615-\n \uc0ac\uc6a9\uc790 \uc218-\n \n \n \n \n \n \n \uace0\uac1d \uc815\ubcf4 \ud655\uc778\n \ud68c\uc0ac \uc815\ubcf4\n \ud68c\uc0ac\uba85-\n \uc0ac\uc5c5\uc790\ubc88\ud638-\n \ub300\ud45c\uc790\uba85-\n \uc8fc\uc18c-\n \ub2f4\ub2f9\uc790\n \ub2f4\ub2f9\uc790\uba85-\n \uc5f0\ub77d\ucc98-\n \uc774\uba54\uc77c-\n \uc138\uae08\uacc4\uc0b0\uc11c \uc774\uba54\uc77c-\n \uc11c\ube44\uc2a4 \uc124\uc815 \ud655\uc778\n \uad00\ub9ac\uc790 ID-\n \ubd84\uc11d \uc18c\ud504\ud2b8\uc6e8\uc5b4-\n \ubd80\uc11c \uc218-\n \uacc4\uc88c\uc774\uccb4 \uc548\ub0b4\n \uc785\uae08 \uacc4\uc88c \uc815\ubcf4\n \uc740\ud589\ud558\ub098\uc740\ud589\n \uacc4\uc88c\ubc88\ud638347-910004-10604 <button onclick=\"copyAcct()\">\ubcf5\uc0ac<\/button>\n \uc608\uae08\uc8fc(\uc8fc)\uc2dc\uc9c0\ud0dc\ud14c\ud06c\ub180\ub85c\uc9c0\n \n \n \u00b7 <strong>\ucd1d \ube44\uc6a9\uc740 \uc774\uba54\uc77c\uc744 \ud1b5\ud558\uc5ec \ud655\uc778\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/strong><br \/>\n \u00b7 \uc785\uae08\uc790\uba85\uc740 \ubc18\ub4dc\uc2dc <strong>\ud68c\uc0ac\uba85<\/strong>\uc73c\ub85c \uc785\ub825\ud574 \uc8fc\uc138\uc694.<br \/>\n \u00b7 \ucd08\uae30 \ub3c4\uc785\ube44\uc6a9\uacfc \uc5f0\uac04 \uc720\uc9c0\ube44\uc6a9\uc740 \ubcc4\ub3c4 \uc785\uae08 \uac00\ub2a5\ud569\ub2c8\ub2e4.<br \/>\n \u00b7 \uc785\uae08 \ud655\uc778 \ud6c4 \uc138\uae08\uacc4\uc0b0\uc11c\ub97c \ubc1c\ud589\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.\n \uc8fc\ubb38 \ub0b4\uc5ed\uc744 \ud655\uc778\ud558\uc600\uc73c\uba70, \uc704 \uacc4\uc88c\ub85c <strong>\uc785\uae08 \ud6c4 \ub2f4\ub2f9\uc790 \ud655\uc778\uc744 \uac70\uccd0 \uc11c\ube44\uc2a4\uac00 \uac1c\uc2dc<\/strong>\ub428\uc5d0 \ub3d9\uc758\ud569\ub2c8\ub2e4.\n <button id=\"btn-submit\" disabled>\uc8fc\ubb38 \uc811\uc218\ud558\uae30<\/button>\n <button id=\"back3\">\u2190 \uc774\uc804\uc73c\ub85c<\/button>\n\n\n \uc8fc\ubb38\uc774 \uc811\uc218\ub418\uc5c8\uc2b5\ub2c8\ub2e4\n –\n \uc785\ub825\ud558\uc2e0 \uc774\uba54\uc77c\ub85c \uc8fc\ubb38 \ud655\uc778\uc11c\ub97c \ubc1c\uc1a1\ud558\uc600\uc2b5\ub2c8\ub2e4.<br \/>\n \uc785\uae08 \ud655\uc778 \ud6c4 \uc601\uc5c5\uc77c \uae30\uc900 1~2\uc77c \ub0b4<br \/>\uc138\uae08\uacc4\uc0b0\uc11c\ub97c \ubc1c\ud589\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.\n \uc785\uae08 \uc548\ub0b4\n \uacc4\uc88c\ubc88\ud638347-910004-10604 <button onclick=\"copyAcct()\">\ubcf5\uc0ac<\/button>\n \n \n \uc785\uae08\uc790\uba85: \ud68c\uc0ac\uba85\uc73c\ub85c \uc785\ub825\ud574 \uc8fc\uc138\uc694\n <button onclick=\"document.getElementById('done-overlay').classList.remove('show');document.body.style.overflow='';window.location.href='https:\/\/service.cgtae.com\/sua';\">\ud655\uc778<\/button>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>SUA \uc8fc\ubb38\ud558\uae30 SUA \uc8fc\ubb38\ud558\uae30 Software Utility Analysis 1 \uacac\uc801 \uc120\ud0dd 2 \uace0\uac1d \uc815\ubcf4 3 \uc11c\ube44\uc2a4 \uc124\uc815 4 \uc8fc\ubb38 \ud655\uc778 \uacac\uc801 \uc120\ud0dd \uae30\uad00 \uc720\ud615 \uc77c\ubc18 \uacf5\uacf5 \uad50\uc721 \uc0ac\uc6a9\uc790 \uc218 1 ~ 99\uba85 \uad6c\uac04 \u203b \uc0ac\uc6a9\uc790 \uc218\uc5d0 \ub530\ub77c \ub2e8\uac00 \uad6c\uac04\uc774 \uc790\ub3d9 \uc801\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-614","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=\/wp\/v2\/pages\/614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=614"}],"version-history":[{"count":11,"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=\/wp\/v2\/pages\/614\/revisions"}],"predecessor-version":[{"id":662,"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=\/wp\/v2\/pages\/614\/revisions\/662"}],"wp:attachment":[{"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":614,"date":"2026-04-10T13:55:25","date_gmt":"2026-04-10T04:55:25","guid":{"rendered":"https:\/\/service.cgtae.com\/sua\/?page_id=614"},"modified":"2026-04-15T14:43:16","modified_gmt":"2026-04-15T05:43:16","slug":"%ec%a0%9c%eb%aa%a9-%ec%97%86%ec%9d%8c","status":"publish","type":"page","link":"https:\/\/service.cgtae.com\/sua\/?page_id=614","title":{"rendered":"\uc8fc\ubb38\ud558\uae30"},"content":{"rendered":"\n\n\t\n\n\n \n \n SUA \uc8fc\ubb38\ud558\uae30<\/title>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Malgun Gothic', '\ub9d1\uc740 \uace0\ub515', sans-serif;\n min-height: 100vh;\n color: #1a1a18;\n }\n .page-wrap { max-width: 600px; margin: 0 auto; }\n .page-header { display: flex; align-items: center; gap: 12px; margin-bottom: 2rem; }\n .product-icon {\n width: 38px; height: 38px; border-radius: 9px; background: #0f6e56;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n }\n .product-icon svg { width: 20px; height: 20px; }\n .page-title { font-size: 20px; font-weight: 700; }\n .page-sub { font-size: 13px; color: #888780; margin-top: 1px; }\n .step-bar { display: flex; align-items: center; margin-bottom: 2rem; }\n .step-item { display: flex; align-items: center; gap: 6px; }\n .step-circle {\n width: 24px; height: 24px; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 11px; font-weight: 700;\n background: #e8e7e3; color: #888780; flex-shrink: 0;\n transition: background 0.2s, color 0.2s;\n }\n .step-circle.active { background: #0f6e56; color: #fff; }\n .step-circle.done { background: #1d9e75; color: #fff; }\n .step-label { font-size: 11px; color: #888780; font-weight: 500; white-space: nowrap; }\n .step-label.active { color: #0f6e56; font-weight: 600; }\n .step-conn { flex: 1; height: 1px; background: #d3d1c7; margin: 0 6px; }\n .step-conn.done { background: #1d9e75; }\n .card {\n background: #fff; border-radius: 14px;\n border: 0.5px solid rgba(0,0,0,0.09);\n padding: 1.75rem 1.75rem 2rem; margin-bottom: 1rem;\n }\n .card-title { font-size: 15px; font-weight: 600; margin-bottom: 1.25rem; }\n .sec-label {\n font-size: 11px; font-weight: 600; letter-spacing: 0.08em;\n text-transform: uppercase; color: #888780; margin-bottom: 8px;\n }\n .field { margin-bottom: 1.125rem; }\n .f-label { display: block; font-size: 13px; font-weight: 500; color: #444441; margin-bottom: 5px; }\n .f-label .req { color: #e24b4a; margin-left: 2px; }\n .f-input {\n width: 100%; height: 40px; padding: 0 12px;\n font-size: 14px; font-family: inherit;\n border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px;\n background: #fff; color: #1a1a18; outline: none;\n transition: border-color 0.15s, box-shadow 0.15s;\n }\n .f-input:focus { border-color: #0f6e56; box-shadow: 0 0 0 3px rgba(15,110,86,0.1); }\n .f-input.err { border-color: #e24b4a; }\n .f-input.err:focus { box-shadow: 0 0 0 3px rgba(226,75,74,0.1); }\n .f-err { font-size: 12px; color: #e24b4a; margin-top: 4px; display: none; }\n .f-err.show { display: block; }\n .f-ok { font-size: 12px; color: #0f6e56; margin-top: 4px; display: none; }\n .f-ok.show { display: block; }\n .f-hint { font-size: 12px; color: #b4b2a9; margin-top: 4px; }\n .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n .divider { border: none; border-top: 0.5px solid rgba(0,0,0,0.08); margin: 1.25rem 0; }\n .addr-row { display: flex; gap: 8px; margin-bottom: 6px; }\n .addr-btn {\n white-space: nowrap; padding: 0 14px; height: 40px;\n font-size: 13px; font-family: inherit; font-weight: 500;\n border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px;\n background: #f4f3ef; color: #444441; cursor: pointer;\n }\n .addr-btn:hover { background: #e8e7e3; }\n \/* \uc911\ubcf5 \ud655\uc778 \uc778\ub77c\uc778 \ubc84\ud2bc *\/\n .id-check-row { display: flex; gap: 8px; }\n .id-check-row .f-input { flex: 1; }\n .btn-check {\n white-space: nowrap; padding: 0 14px; height: 40px;\n font-size: 13px; font-family: inherit; font-weight: 600;\n border: 0.5px solid #0f6e56; border-radius: 8px;\n background: #fff; color: #0f6e56; cursor: pointer;\n transition: background 0.15s;\n flex-shrink: 0;\n }\n .btn-check:hover { background: #e1f5ee; }\n .btn-check:disabled { border-color: #d3d1c7; color: #b4b2a9; cursor: not-allowed; background: #fff; }\n .seg-group { display: flex; border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px; overflow: hidden; }\n .seg-btn {\n flex: 1; padding: 10px 0; font-size: 14px; font-family: inherit;\n background: transparent; border: none; cursor: pointer; color: #5f5e5a;\n transition: background 0.15s, color 0.15s;\n }\n .seg-btn:not(:last-child) { border-right: 0.5px solid rgba(0,0,0,0.12); }\n .seg-btn.active { background: #e1f5ee; color: #0f6e56; font-weight: 600; }\n .seg-btn:hover:not(.active) { background: #f4f3ef; }\n .ucount-row { display: flex; align-items: center; gap: 10px; }\n .ucount-row input {\n flex: 1; height: 40px; padding: 0 12px; font-size: 15px; font-family: inherit;\n border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px;\n background: #fff; color: #1a1a18; outline: none;\n transition: border-color 0.15s, box-shadow 0.15s;\n }\n .ucount-row input:focus { border-color: #0f6e56; box-shadow: 0 0 0 3px rgba(15,110,86,0.1); }\n .ucount-row input::-webkit-inner-spin-button,\n .ucount-row input::-webkit-outer-spin-button { opacity: 1; }\n .tier-badge {\n font-size: 12px; padding: 5px 10px; border-radius: 20px;\n background: #e1f5ee; color: #0f6e56;\n border: 0.5px solid rgba(15,110,86,0.2); white-space: nowrap;\n }\n \/* \u2605 \uacac\uc801 \ud328\ub110 ON\/OFF: display:none \u2194 display:grid *\/\n .est-panel { display: none; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 1.25rem; }\n .est-box { border-radius: 10px; padding: 1rem; }\n .est-box.annual { background: #f4f3ef; }\n .est-box.init { border: 0.5px solid rgba(0,0,0,0.1); }\n .est-badge {\n display: inline-block; font-size: 10px; font-weight: 600;\n letter-spacing: 0.05em; text-transform: uppercase;\n padding: 2px 7px; border-radius: 4px; margin-bottom: 8px;\n }\n .est-box.annual .est-badge { background: #e1f5ee; color: #085041; }\n .est-box.init .est-badge { background: #faeeda; color: #854f0b; }\n .est-lbl { font-size: 12px; color: #888780; margin-bottom: 2px; }\n .est-val { font-size: 19px; font-weight: 700; letter-spacing: -0.02em; }\n .est-box.annual .est-val { color: #0f6e56; }\n .est-box.init .est-val { color: #1a1a18; }\n .est-suffix { font-size: 11px; color: #888780; margin-left: 2px; font-weight: 400; }\n .est-detail { font-size: 11px; color: #b4b2a9; margin-top: 5px; line-height: 1.5; }\n \/* \u2605 VAT \ud1a0\uae00 ON\/OFF: display:none \u2194 display:flex *\/\n .vat-toggle { display: none; align-items: center; gap: 7px; margin-top: 10px; font-size: 12px; color: #5f5e5a; cursor: pointer; user-select: none; }\n .tog-box { width: 30px; height: 17px; border-radius: 9px; background: #d3d1c7; position: relative; transition: background 0.2s; flex-shrink: 0; }\n .tog-box.on { background: #1d9e75; }\n .tog-knob { width: 13px; height: 13px; border-radius: 50%; background: #fff; position: absolute; top: 2px; left: 2px; transition: left 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.2); }\n .tog-box.on .tog-knob { left: 15px; }\n .pw-bar { height: 4px; border-radius: 2px; background: #e8e7e3; margin: 6px 0 1rem; overflow: hidden; }\n .pw-fill { height: 100%; width: 0; border-radius: 2px; transition: width 0.3s, background 0.3s; }\n .sw-grid { display: flex; flex-direction: column; gap: 8px; margin-bottom: 6px; }\n .sw-item {\n display: flex; align-items: center; gap: 10px;\n padding: 10px 14px; border: 0.5px solid rgba(0,0,0,0.12); border-radius: 8px;\n font-size: 14px; cursor: pointer; transition: background 0.12s, border-color 0.12s;\n }\n .sw-item:hover { background: #f4f3ef; }\n .sw-item.checked { background: #e1f5ee; border-color: rgba(15,110,86,0.3); }\n .sw-item input { width: 16px; height: 16px; accent-color: #0f6e56; cursor: pointer; flex-shrink: 0; }\n .dept-row { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }\n .dept-inp {\n flex: 1; height: 36px; padding: 0 10px; font-size: 13px; font-family: inherit;\n border: 0.5px solid rgba(0,0,0,0.15); border-radius: 7px;\n background: #fff; color: #1a1a18; outline: none; transition: border-color 0.15s;\n }\n .dept-inp:focus { border-color: #0f6e56; }\n .dept-inp::placeholder { color: #b4b2a9; }\n .dept-del {\n width: 28px; height: 28px; border-radius: 50%;\n border: 0.5px solid rgba(0,0,0,0.12); background: #fff;\n color: #888780; font-size: 14px; cursor: pointer; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n transition: background 0.12s, color 0.12s;\n }\n .dept-del:hover { background: #fcebeb; color: #e24b4a; }\n .csv-table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 8px; }\n .csv-table th { background: #f4f3ef; padding: 5px 8px; text-align: left; font-weight: 600; color: #888780; border-bottom: 0.5px solid rgba(0,0,0,0.1); }\n .csv-table td { padding: 5px 8px; color: #444441; border-bottom: 0.5px solid rgba(0,0,0,0.06); }\n .conf-sec { margin-bottom: 1.25rem; }\n .conf-sec-title { font-size: 11px; font-weight: 600; color: #b4b2a9; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 8px; }\n .conf-row { display: flex; justify-content: space-between; font-size: 14px; padding: 5px 0; color: #888780; border-bottom: 0.5px solid rgba(0,0,0,0.06); }\n .conf-row:last-child { border-bottom: none; }\n .conf-row .v { color: #1a1a18; font-weight: 500; text-align: right; max-width: 60%; }\n \/* \u2605 \uae08\uc561 \ubc15\uc2a4 ON\/OFF: display:none \u2194 display:block *\/\n .price-box { display: none; background: #f4f3ef; border-radius: 10px; padding: 1rem 1.125rem; margin-bottom: 0.75rem; }\n .pb-row { display: flex; justify-content: space-between; font-size: 13px; color: #888780; padding: 3px 0; }\n .pb-row .v { color: #1a1a18; font-weight: 500; }\n .pb-div { border: none; border-top: 0.5px solid rgba(0,0,0,0.09); margin: 6px 0; }\n .pb-total { display: flex; justify-content: space-between; align-items: baseline; padding-top: 4px; }\n .pb-total-lbl { font-size: 12px; font-weight: 500; color: #5f5e5a; }\n .pb-total-val { font-size: 20px; font-weight: 700; color: #0f6e56; letter-spacing: -0.02em; }\n .pb-total-sfx { font-size: 12px; color: #888780; margin-left: 3px; }\n .bank-box { border: 1px solid rgba(15,110,86,0.22); border-radius: 10px; padding: 1rem 1.125rem; background: #f9fffe; margin-bottom: 1rem; }\n .bank-title { font-size: 13px; font-weight: 600; color: #0f6e56; margin-bottom: 10px; }\n .bank-row { display: flex; justify-content: space-between; font-size: 13px; color: #5f5e5a; padding: 4px 0; }\n .bank-v { color: #1a1a18; font-weight: 600; }\n .bank-note { font-size: 12px; color: #888780; margin-top: 8px; padding-top: 8px; border-top: 0.5px solid rgba(0,0,0,0.08); line-height: 1.7; }\n .copy-btn { font-size: 11px; color: #0f6e56; background: none; border: none; cursor: pointer; font-family: inherit; text-decoration: underline; margin-left: 6px; }\n .agree-block { display: flex; align-items: flex-start; gap: 10px; padding: 0.875rem 1rem; background: #f4f3ef; border-radius: 8px; margin-bottom: 0.875rem; cursor: pointer; }\n .agree-chk { width: 18px; height: 18px; border-radius: 4px; flex-shrink: 0; border: 1.5px solid #d3d1c7; margin-top: 1px; display: flex; align-items: center; justify-content: center; transition: background 0.15s, border-color 0.15s; }\n .agree-chk.on { background: #0f6e56; border-color: #0f6e56; }\n .agree-chk svg { display: none; }\n .agree-chk.on svg { display: block; }\n .agree-text { font-size: 13px; color: #444441; line-height: 1.6; }\n .btn-primary { display: block; width: 100%; padding: 14px 0; font-size: 15px; font-weight: 700; font-family: inherit; background: #0f6e56; color: #fff; border: none; border-radius: 10px; cursor: pointer; margin-top: 0.5rem; transition: background 0.15s, transform 0.1s; }\n .btn-primary:hover { background: #085041; }\n .btn-primary:active { transform: scale(0.985); }\n .btn-primary:disabled { background: #b4b2a9; cursor: not-allowed; transform: none; }\n .btn-ghost { display: block; width: 100%; padding: 12px 0; font-size: 14px; font-weight: 500; font-family: inherit; background: transparent; color: #5f5e5a; border: 0.5px solid rgba(0,0,0,0.15); border-radius: 10px; cursor: pointer; margin-top: 8px; transition: background 0.15s; }\n .btn-ghost:hover { background: #f4f3ef; }\n .btn-sm { padding: 8px 14px; font-size: 13px; font-family: inherit; font-weight: 500; border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px; background: #f4f3ef; color: #444441; cursor: pointer; transition: background 0.12s; }\n .btn-sm:hover { background: #e8e7e3; }\n .done-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.45); align-items: center; justify-content: center; z-index: 200; padding: 1rem; }\n .done-overlay.show { display: flex; }\n .done-card { background: #fff; border-radius: 16px; padding: 2.25rem 2rem 2rem; width: 100%; max-width: 420px; text-align: center; }\n .done-icon { width: 56px; height: 56px; border-radius: 50%; background: #e1f5ee; margin: 0 auto 1.25rem; display: flex; align-items: center; justify-content: center; }\n .done-icon svg { width: 28px; height: 28px; }\n .done-title { font-size: 20px; font-weight: 700; margin-bottom: 8px; }\n .done-num { display: inline-block; background: #f4f3ef; border-radius: 8px; padding: 6px 16px; font-size: 13px; font-weight: 600; color: #444441; margin: 0.875rem 0; letter-spacing: 0.04em; }\n .done-desc { font-size: 14px; color: #888780; line-height: 1.8; margin-bottom: 1.5rem; }\n .done-bank { text-align: left; background: #f9fffe; border: 1px solid rgba(15,110,86,0.2); border-radius: 10px; padding: 1rem; margin-bottom: 1.5rem; }\n .done-bank-title { font-size: 12px; font-weight: 600; color: #0f6e56; margin-bottom: 8px; }\n .done-bank-row { display: flex; justify-content: space-between; font-size: 13px; color: #5f5e5a; padding: 3px 0; }\n .done-bank-row .v { color: #1a1a18; font-weight: 600; }\n .done-close { width: 100%; padding: 13px 0; font-size: 15px; font-weight: 600; font-family: inherit; background: #0f6e56; color: #fff; border: none; border-radius: 10px; cursor: pointer; }\n .done-close:hover { background: #085041; }\n .badge-1t { font-size: 10px; font-weight: 600; text-transform: uppercase; background: #faeeda; color: #854f0b; padding: 2px 6px; border-radius: 4px; margin-left: 5px; vertical-align: middle; }\n .badge-ann { font-size: 10px; font-weight: 600; text-transform: uppercase; background: #e1f5ee; color: #085041; padding: 2px 6px; border-radius: 4px; margin-left: 5px; vertical-align: middle; }\n .hidden { display: none !important; }\n @media (max-width: 480px) {\n .card { padding: 1.25rem 1.25rem 1.5rem; }\n .est-panel { grid-template-columns: 1fr; }\n .row2 { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n SUA \uc8fc\ubb38\ud558\uae30\n Software Utility Analysis\n 1\n \uacac\uc801 \uc120\ud0dd\n 2\n \uace0\uac1d \uc815\ubcf4\n 3\n \uc11c\ube44\uc2a4 \uc124\uc815\n 4\n \uc8fc\ubb38 \ud655\uc778\n \n \uacac\uc801 \uc120\ud0dd\n <p>\uae30\uad00 \uc720\ud615<\/p>\n <button data-type=\"general\">\uc77c\ubc18<\/button>\n <button data-type=\"public\">\uacf5\uacf5<\/button>\n <button data-type=\"edu\">\uad50\uc721<\/button>\n <p>\uc0ac\uc6a9\uc790 \uc218<\/p>\n <input type=\"number\" id=\"user-count\" min=\"1\" value=\"1\" \/>\n 1 ~ 99\uba85 \uad6c\uac04\n \n \u203b \uc0ac\uc6a9\uc790 \uc218\uc5d0 \ub530\ub77c \ub2e8\uac00 \uad6c\uac04\uc774 \uc790\ub3d9 \uc801\uc6a9\ub429\ub2c8\ub2e4.\n \ucd5c\uc18c \uc8fc\ubb38 \uc218\ub7c9: <strong id=\"min-user-text\">30\uba85<\/strong> \uc774\uc0c1\n \n \n \ub9e4\ub144 \uac31\uc2e0\n \uc5f0\uac04 \uc720\uc9c0\ube44\uc6a9\n -\/ \uc5f0\n \ucd5c\ucd08 1\ud68c\n \ucd08\uae30 \ub3c4\uc785\ube44\uc6a9\n -1\ud68c\n \uae30\ubcf8 \uac00\uaca9\n \n <label>\n \ubd80\uac00\uc138 (10%) \ud3ec\ud568\n <\/label>\n <button id=\"btn1\">\ub2e4\uc74c \ub2e8\uacc4 \u2192 \uace0\uac1d \uc815\ubcf4 \uc785\ub825<\/button>\n \n \uace0\uac1d \uc815\ubcf4 \uc785\ub825\n <p>\ud68c\uc0ac \uc815\ubcf4<\/p>\n <label>\ud68c\uc0ac\uba85 *<\/label>\n <input id=\"f-company\" type=\"text\" placeholder=\"(\uc8fc)\uc2dc\uc9c0\ud0dc\ud14c\ud06c\ub180\ub85c\uc9c0\" \/>\n \ud68c\uc0ac\uba85\uc744 \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <label>\uc0ac\uc5c5\uc790\ub4f1\ub85d\ubc88\ud638 *<\/label>\n <input id=\"f-biznum\" type=\"text\" placeholder=\"000-00-00000\" maxlength=\"12\" \/>\n \uc62c\ubc14\ub978 \uc0ac\uc5c5\uc790\ub4f1\ub85d\ubc88\ud638\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <label>\ub300\ud45c\uc790\uba85 *<\/label>\n <input id=\"f-ceo\" type=\"text\" placeholder=\"\ud64d\uae38\ub3d9\" \/>\n \ub300\ud45c\uc790\uba85\uc744 \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <label>\ud68c\uc0ac \uc8fc\uc18c *<\/label>\n <input id=\"f-postcode\" type=\"text\" placeholder=\"\uc6b0\ud3b8\ubc88\ud638\" \/>\n <button type=\"button\" onclick=\"searchAddress()\">\uc8fc\uc18c \uac80\uc0c9<\/button>\n <input id=\"f-addr1\" type=\"text\" placeholder=\"\uae30\ubcf8 \uc8fc\uc18c\" \/>\n <input id=\"f-addr2\" type=\"text\" placeholder=\"\uc0c1\uc138 \uc8fc\uc18c (\uac74\ubb3c\uba85, \uce35, \ud638 \ub4f1)\" \/>\n \uc8fc\uc18c\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <p>\ub2f4\ub2f9\uc790 \uc815\ubcf4<\/p>\n <label>\ub2f4\ub2f9\uc790\uba85 *<\/label>\n <input id=\"f-name\" type=\"text\" placeholder=\"\ud64d\uae38\ub3d9\" \/>\n \ub2f4\ub2f9\uc790\uba85\uc744 \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <label>\ubd80\uc11c\uba85<\/label>\n <input id=\"f-dept\" type=\"text\" placeholder=\"IT\ud300\" \/>\n <label>\uc5f0\ub77d\ucc98 *<\/label>\n <input id=\"f-phone\" type=\"tel\" placeholder=\"010-0000-0000\" maxlength=\"13\" \/>\n \uc5f0\ub77d\ucc98\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <label>\uc774\uba54\uc77c *<\/label>\n <input id=\"f-email\" type=\"email\" placeholder=\"contact@company.com\" \/>\n \uc62c\ubc14\ub978 \uc774\uba54\uc77c\uc744 \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <p>\uc138\uae08\uacc4\uc0b0\uc11c<\/p>\n <label>\uc138\uae08\uacc4\uc0b0\uc11c \uc218\uc2e0 \uc774\uba54\uc77c *<\/label>\n <input id=\"f-tax-email\" type=\"email\" placeholder=\"tax@company.com\" \/>\n \uc138\uae08\uacc4\uc0b0\uc11c \uc218\uc2e0 \uc774\uba54\uc77c\uc744 \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n <input type=\"checkbox\" id=\"same-chk\" \/>\n <label for=\"same-chk\">\ub2f4\ub2f9\uc790 \uc774\uba54\uc77c\uacfc \ub3d9\uc77c<\/label>\n <button id=\"btn2\">\ub2e4\uc74c \ub2e8\uacc4 \u2192 \uc11c\ube44\uc2a4 \uc124\uc815<\/button>\n <button id=\"back1\">\u2190 \uc774\uc804\uc73c\ub85c<\/button>\n \n \uc11c\ube44\uc2a4 \uc124\uc815\n <p>\uad00\ub9ac\uc790 \uacc4\uc815<\/p>\n <label>\uad00\ub9ac\uc790 ID (\uc774\uba54\uc77c) *<\/label>\n <input id=\"f-id\" type=\"email\" placeholder=\"admin@company.com\" \/>\n <button type=\"button\" id=\"btn-check-id\">\uc911\ubcf5 \ud655\uc778<\/button>\n \uc62c\ubc14\ub978 \uc774\uba54\uc77c \ud615\uc2dd\uc73c\ub85c \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n \uc774\ubbf8 \uc0ac\uc6a9 \uc911\uc778 ID\uc785\ub2c8\ub2e4. \ub2e4\ub978 \uc774\uba54\uc77c\uc744 \uc785\ub825\ud574 \uc8fc\uc138\uc694.\n \uc0ac\uc6a9 \uac00\ub2a5\ud55c ID\uc785\ub2c8\ub2e4.\n <p>\uc774\uba54\uc77c \uc8fc\uc18c\uac00 \uad00\ub9ac\uc790 \ub85c\uadf8\uc778 ID\ub85c \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n <label>\ube44\ubc00\ubc88\ud638 *<\/label>\n <input id=\"f-pw\" type=\"password\" placeholder=\"8\uc790 \uc774\uc0c1\" \/>\n \uc870\uac74\uc744 \ud655\uc778\ud574 \uc8fc\uc138\uc694.\n <label>\ube44\ubc00\ubc88\ud638 \ud655\uc778 *<\/label>\n <input id=\"f-pw2\" type=\"password\" placeholder=\"\ub3d9\uc77c\ud558\uac8c \uc785\ub825\" \/>\n \ube44\ubc00\ubc88\ud638\uac00 \uc77c\uce58\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\n <p>\u203b 8\uc790 \uc774\uc0c1, \uc601\ubb38\u00b7\uc22b\uc790\u00b7\ud2b9\uc218\ubb38\uc790 \uac01 1\uc790 \uc774\uc0c1 \ud3ec\ud568<\/p>\n <p>\ubd80\uc11c \uc815\ubcf4 (\uc9c1\uc811 \uc785\ub825 \ub610\ub294 CSV \uc5c5\ub85c\ub4dc)<\/p>\n <button type=\"button\" id=\"btn-add-dept\">+ \ubd80\uc11c \ucd94\uac00<\/button>\n <label>\n \ud83d\udcc2 CSV \uc5c5\ub85c\ub4dc\n <input type=\"file\" id=\"dept-csv\" accept=\".csv\" \/>\n <\/label>\n <p>CSV \ud615\uc2dd: \ub300\ubd84\ub958,\uc911\ubd84\ub958,\uc18c\ubd84\ub958 (\uc608: \uac1c\ubc1c\ubcf8\ubd80,\uc11c\ubc84\ud300,\ubc31\uc5d4\ub4dc\ud30c\ud2b8)<\/p>\n <table>\n <thead><tr><th>\ub300\ubd84\ub958<\/th><th>\uc911\ubd84\ub958<\/th><th>\uc18c\ubd84\ub958<\/th><\/tr><\/thead>\n <tbody id=\"csv-tbody\"><\/tbody>\n <\/table>\n <button type=\"button\" onclick=\"clearCsv()\">\u00d7 CSV \ucd08\uae30\ud654<\/button>\n <p>\ubd84\uc11d \ub300\uc0c1 \uc18c\ud504\ud2b8\uc6e8\uc5b4 *<\/p>\n <p>3\uac1c \uc774\uc0c1 \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.<\/p>\n <label><input type=\"checkbox\" value=\"Microsoft Office\" \/> Microsoft Office<\/label>\n <label><input type=\"checkbox\" value=\"Adobe Creative Suite\" \/> Adobe Creative Suite<\/label>\n <label><input type=\"checkbox\" value=\"SAP\" \/> SAP<\/label>\n <label><input type=\"checkbox\" value=\"CAD \ud504\ub85c\uadf8\ub7a8\" \/> CAD \ud504\ub85c\uadf8\ub7a8<\/label>\n <label><input type=\"checkbox\" value=\"\ud55c\ucef4 \ud55c\uae00\" \/> \ud55c\ucef4 \ud55c\uae00<\/label>\n <label><input type=\"checkbox\" value=\"Web Browser\" \/> Web Browser<\/label>\n 3\uac1c \uc774\uc0c1 \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.\n <button id=\"btn3\">\ub2e4\uc74c \ub2e8\uacc4 \u2192 \uc8fc\ubb38 \ud655\uc778<\/button>\n <button id=\"back2\">\u2190 \uc774\uc804\uc73c\ub85c<\/button>\n \n \uc8fc\ubb38 \ub0b4\uc5ed \ud655\uc778\n \uc81c\ud488 \uc815\ubcf4\n \uc81c\ud488\uba85SUA (Software Utility Analysis)\n \uae30\uad00 \uc720\ud615-\n \uc0ac\uc6a9\uc790 \uc218-\n \n \n \n \n \n \n \uace0\uac1d \uc815\ubcf4 \ud655\uc778\n \ud68c\uc0ac \uc815\ubcf4\n \ud68c\uc0ac\uba85-\n \uc0ac\uc5c5\uc790\ubc88\ud638-\n \ub300\ud45c\uc790\uba85-\n \uc8fc\uc18c-\n \ub2f4\ub2f9\uc790\n \ub2f4\ub2f9\uc790\uba85-\n \uc5f0\ub77d\ucc98-\n \uc774\uba54\uc77c-\n \uc138\uae08\uacc4\uc0b0\uc11c \uc774\uba54\uc77c-\n \uc11c\ube44\uc2a4 \uc124\uc815 \ud655\uc778\n \uad00\ub9ac\uc790 ID-\n \ubd84\uc11d \uc18c\ud504\ud2b8\uc6e8\uc5b4-\n \ubd80\uc11c \uc218-\n \uacc4\uc88c\uc774\uccb4 \uc548\ub0b4\n \uc785\uae08 \uacc4\uc88c \uc815\ubcf4\n \uc740\ud589\ud558\ub098\uc740\ud589\n \uacc4\uc88c\ubc88\ud638347-910004-10604 <button onclick=\"copyAcct()\">\ubcf5\uc0ac<\/button>\n \uc608\uae08\uc8fc(\uc8fc)\uc2dc\uc9c0\ud0dc\ud14c\ud06c\ub180\ub85c\uc9c0\n \n \n \u00b7 <strong>\ucd1d \ube44\uc6a9\uc740 \uc774\uba54\uc77c\uc744 \ud1b5\ud558\uc5ec \ud655\uc778\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/strong><br \/>\n \u00b7 \uc785\uae08\uc790\uba85\uc740 \ubc18\ub4dc\uc2dc <strong>\ud68c\uc0ac\uba85<\/strong>\uc73c\ub85c \uc785\ub825\ud574 \uc8fc\uc138\uc694.<br \/>\n \u00b7 \ucd08\uae30 \ub3c4\uc785\ube44\uc6a9\uacfc \uc5f0\uac04 \uc720\uc9c0\ube44\uc6a9\uc740 \ubcc4\ub3c4 \uc785\uae08 \uac00\ub2a5\ud569\ub2c8\ub2e4.<br \/>\n \u00b7 \uc785\uae08 \ud655\uc778 \ud6c4 \uc138\uae08\uacc4\uc0b0\uc11c\ub97c \ubc1c\ud589\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.\n \uc8fc\ubb38 \ub0b4\uc5ed\uc744 \ud655\uc778\ud558\uc600\uc73c\uba70, \uc704 \uacc4\uc88c\ub85c <strong>\uc785\uae08 \ud6c4 \ub2f4\ub2f9\uc790 \ud655\uc778\uc744 \uac70\uccd0 \uc11c\ube44\uc2a4\uac00 \uac1c\uc2dc<\/strong>\ub428\uc5d0 \ub3d9\uc758\ud569\ub2c8\ub2e4.\n <button id=\"btn-submit\" disabled>\uc8fc\ubb38 \uc811\uc218\ud558\uae30<\/button>\n <button id=\"back3\">\u2190 \uc774\uc804\uc73c\ub85c<\/button>\n\n\n \uc8fc\ubb38\uc774 \uc811\uc218\ub418\uc5c8\uc2b5\ub2c8\ub2e4\n –\n \uc785\ub825\ud558\uc2e0 \uc774\uba54\uc77c\ub85c \uc8fc\ubb38 \ud655\uc778\uc11c\ub97c \ubc1c\uc1a1\ud558\uc600\uc2b5\ub2c8\ub2e4.<br \/>\n \uc785\uae08 \ud655\uc778 \ud6c4 \uc601\uc5c5\uc77c \uae30\uc900 1~2\uc77c \ub0b4<br \/>\uc138\uae08\uacc4\uc0b0\uc11c\ub97c \ubc1c\ud589\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.\n \uc785\uae08 \uc548\ub0b4\n \uacc4\uc88c\ubc88\ud638347-910004-10604 <button onclick=\"copyAcct()\">\ubcf5\uc0ac<\/button>\n \n \n \uc785\uae08\uc790\uba85: \ud68c\uc0ac\uba85\uc73c\ub85c \uc785\ub825\ud574 \uc8fc\uc138\uc694\n <button onclick=\"document.getElementById('done-overlay').classList.remove('show');document.body.style.overflow='';window.location.href='https:\/\/service.cgtae.com\/sua';\">\ud655\uc778<\/button>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>SUA \uc8fc\ubb38\ud558\uae30 SUA \uc8fc\ubb38\ud558\uae30 Software Utility Analysis 1 \uacac\uc801 \uc120\ud0dd 2 \uace0\uac1d \uc815\ubcf4 3 \uc11c\ube44\uc2a4 \uc124\uc815 4 \uc8fc\ubb38 \ud655\uc778 \uacac\uc801 \uc120\ud0dd \uae30\uad00 \uc720\ud615 \uc77c\ubc18 \uacf5\uacf5 \uad50\uc721 \uc0ac\uc6a9\uc790 \uc218 1 ~ 99\uba85 \uad6c\uac04 \u203b \uc0ac\uc6a9\uc790 \uc218\uc5d0 \ub530\ub77c \ub2e8\uac00 \uad6c\uac04\uc774 \uc790\ub3d9 \uc801\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-614","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=\/wp\/v2\/pages\/614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=614"}],"version-history":[{"count":11,"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=\/wp\/v2\/pages\/614\/revisions"}],"predecessor-version":[{"id":662,"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=\/wp\/v2\/pages\/614\/revisions\/662"}],"wp:attachment":[{"href":"https:\/\/service.cgtae.com\/sua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}