{"id":603,"date":"2026-04-30T11:20:52","date_gmt":"2026-04-30T02:20:52","guid":{"rendered":"https:\/\/service.cgtae.com\/suaen\/?page_id=603"},"modified":"2026-04-30T13:37:26","modified_gmt":"2026-04-30T04:37:26","slug":"order-sua","status":"publish","type":"page","link":"https:\/\/service.cgtae.com\/suaen\/?page_id=603","title":{"rendered":"SUA Order"},"content":{"rendered":"\n\n\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>SUA Order<\/title>\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; min-height: 100vh; color: #1a1a18; }\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 { width: 38px; height: 38px; border-radius: 9px; background: #0f6e56; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\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 { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; background: #e8e7e3; color: #888780; flex-shrink: 0; transition: background 0.2s, color 0.2s; }\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 { background: #fff; border-radius: 14px; border: 0.5px solid rgba(0,0,0,0.09); padding: 1.75rem 1.75rem 2rem; margin-bottom: 1rem; }\n    .card-title { font-size: 15px; font-weight: 600; margin-bottom: 1.25rem; }\n    .sec-label { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #888780; margin-bottom: 8px; }\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 { width: 100%; height: 40px; padding: 0 12px; font-size: 14px; font-family: inherit; border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px; background: #fff; color: #1a1a18; outline: none; transition: border-color 0.15s, box-shadow 0.15s; }\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 { white-space: nowrap; padding: 0 14px; height: 40px; 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; }\n    .addr-btn:hover { background: #e8e7e3; }\n    .id-check-row { display: flex; gap: 8px; }\n    .id-check-row .f-input { flex: 1; }\n    .btn-check { white-space: nowrap; padding: 0 14px; height: 40px; font-size: 13px; font-family: inherit; font-weight: 600; border: 0.5px solid #0f6e56; border-radius: 8px; background: #fff; color: #0f6e56; cursor: pointer; flex-shrink: 0; transition: background 0.15s; }\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 { flex: 1; padding: 10px 0; font-size: 14px; font-family: inherit; background: transparent; border: none; cursor: pointer; color: #5f5e5a; transition: background 0.15s, color 0.15s; }\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 { flex: 1; height: 40px; padding: 0 12px; font-size: 15px; font-family: inherit; border: 0.5px solid rgba(0,0,0,0.15); border-radius: 8px; background: #fff; color: #1a1a18; outline: none; transition: border-color 0.15s, box-shadow 0.15s; }\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, .ucount-row input::-webkit-outer-spin-button { opacity: 1; }\n    .tier-badge { font-size: 12px; padding: 5px 10px; border-radius: 20px; background: #e1f5ee; color: #0f6e56; border: 0.5px solid rgba(15,110,86,0.2); white-space: nowrap; }\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 { display: inline-block; font-size: 10px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; padding: 2px 7px; border-radius: 4px; margin-bottom: 8px; }\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 { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 0.5px solid rgba(0,0,0,0.12); border-radius: 8px; font-size: 14px; cursor: pointer; transition: background 0.12s, border-color 0.12s; }\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 { flex: 1; height: 36px; padding: 0 10px; font-size: 13px; font-family: inherit; border: 0.5px solid rgba(0,0,0,0.15); border-radius: 7px; background: #fff; color: #1a1a18; outline: none; transition: border-color 0.15s; }\n    .dept-inp:focus { border-color: #0f6e56; }\n    .dept-inp::placeholder { color: #b4b2a9; }\n    .dept-del { width: 28px; height: 28px; border-radius: 50%; border: 0.5px solid rgba(0,0,0,0.12); background: #fff; color: #888780; font-size: 14px; cursor: pointer; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: background 0.12s, color 0.12s; }\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: 440px; 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.25rem; }\n    .done-bank { text-align: left; background: #f9fffe; border: 1px solid rgba(15,110,86,0.2); border-radius: 10px; padding: 1rem 1.125rem; margin-bottom: 1.5rem; }\n    .done-bank-title { font-size: 12px; font-weight: 700; color: #0f6e56; margin-bottom: 10px; letter-spacing: 0.04em; text-transform: uppercase; }\n    .done-bank-row { display: flex; justify-content: space-between; font-size: 13px; color: #5f5e5a; padding: 4px 0; }\n    .done-bank-row .v { color: #1a1a18; font-weight: 600; }\n    .done-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; text-align: left; }\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 Order\n      Software Utility Analysis\n      1\n      Estimate\n      2\n      Customer Info\n      3\n      Service Setup\n      4\n      Confirm Order\n  <!-- \u2460 Estimate -->\n      Select Estimate\n        <p>Institution Type<\/p>\n          <button data-type=\"general\">General<\/button>\n          <button data-type=\"public\">Public<\/button>\n          <button data-type=\"edu\">Education<\/button>\n        <p>Number of Users<\/p>\n          <input type=\"number\" id=\"user-count\" min=\"1\" value=\"1\" \/>\n          Tier 1 ~ 99\n        \n          \u203b Unit price is automatically applied based on the number of users.\n          Minimum order: <strong id=\"min-user-text\">30 users<\/strong>\n        \n      <!-- \u2605 Estimate panel ON\/OFF: CSS .est-panel { display: grid } -->\n          Annual\n          Annual Maintenance\n          -\/ yr\n          One-time\n          Initial Setup Fee\n          -once\n          Base price\n      <!-- \u2605 VAT toggle ON\/OFF: CSS .vat-toggle { display: flex } -->\n      <label>\n        Include Tax (10%)\n      <\/label>\n      <button id=\"btn1\">Next \u2192 Customer Information<\/button>\n  <!-- \u2461 Customer Info -->\n      Customer Information\n      <p>Company Details<\/p>\n        <label>Company Name *<\/label>\n        <input id=\"f-company\" type=\"text\" placeholder=\"ABC Corporation\" \/>\n        Please enter your company name.\n          <label>Business Registration No. *<\/label>\n          <input id=\"f-biznum\" type=\"text\" placeholder=\"000-00-00000\" maxlength=\"12\" \/>\n          Please enter a valid registration number.\n          <label>CEO \/ Representative *<\/label>\n          <input id=\"f-ceo\" type=\"text\" placeholder=\"John Doe\" \/>\n          Please enter the representative&#8217;s name.\n        <label>Company Address *<\/label>\n        <input id=\"f-addr1\" type=\"text\" placeholder=\"Street Address\" \/>\n        <input id=\"f-addr2\" type=\"text\" placeholder=\"Suite, Floor, Building (optional)\" \/>\n          <input id=\"f-city\" type=\"text\" placeholder=\"City\" \/>\n          <input id=\"f-state\" type=\"text\" placeholder=\"State \/ Province \/ Region\" \/>\n          <input id=\"f-postcode\" type=\"text\" placeholder=\"Zip \/ Postal Code\" \/>\n          <input id=\"f-country\" type=\"text\" placeholder=\"Country\" \/>\n        Please enter your street address, city, and country.\n      <p>Contact Person<\/p>\n          <label>Contact Name *<\/label>\n          <input id=\"f-name\" type=\"text\" placeholder=\"Jane Smith\" \/>\n          Please enter the contact name.\n          <label>Department<\/label>\n          <input id=\"f-dept\" type=\"text\" placeholder=\"IT Department\" \/>\n        <label>Phone Number *<\/label>\n        <input id=\"f-phone\" type=\"tel\" placeholder=\"+1-000-000-0000\" maxlength=\"20\" \/>\n        Please enter your phone number.\n        <label>Email *<\/label>\n        <input id=\"f-email\" type=\"email\" placeholder=\"contact@company.com\" \/>\n        Please enter a valid email address.\n      <p>Tax Invoice<\/p>\n        <label>Tax Invoice Email *<\/label>\n        <input id=\"f-tax-email\" type=\"email\" placeholder=\"billing@company.com\" \/>\n        Please enter the tax invoice email.\n          <input type=\"checkbox\" id=\"same-chk\" \/>\n          <label for=\"same-chk\">Same as contact email<\/label>\n      <button id=\"btn2\">Next \u2192 Service Setup<\/button>\n      <button id=\"back1\">\u2190 Back<\/button>\n  <!-- \u2462 Service Setup -->\n      Service Setup\n      <p>Admin Account<\/p>\n        <label>Admin ID (Email) *<\/label>\n          <input id=\"f-id\" type=\"email\" placeholder=\"admin@company.com\" \/>\n          <button type=\"button\" id=\"btn-check-id\">Check Availability<\/button>\n        Please enter a valid email address.\n        This ID is already in use. Please try a different email.\n        This ID is available.\n        <p>This email address will be used as the admin login ID.<\/p>\n          <label>Password *<\/label>\n          <input id=\"f-pw\" type=\"password\" placeholder=\"Min. 8 characters\" \/>\n          Please check the requirements.\n          <label>Confirm Password *<\/label>\n          <input id=\"f-pw2\" type=\"password\" placeholder=\"Re-enter password\" \/>\n          Passwords do not match.\n      <p>\u203b Min. 8 characters with uppercase\/lowercase, number, and special character.<\/p>\n      <p>Department Structure (manual entry or CSV upload)<\/p>\n        <button type=\"button\" id=\"btn-add-dept\">+ Add Department<\/button>\n        <label>\n          \ud83d\udcc2 Upload CSV\n          <input type=\"file\" id=\"dept-csv\" accept=\".csv\" \/>\n        <\/label>\n      <p>CSV format: Level 1, Level 2, Level 3 (e.g. Engineering, Backend, API Team)<\/p>\n        <table>\n          <thead><tr><th>Level 1<\/th><th>Level 2<\/th><th>Level 3<\/th><\/tr><\/thead>\n          <tbody id=\"csv-tbody\"><\/tbody>\n        <\/table>\n        <button type=\"button\" onclick=\"clearCsv()\">\u00d7 Clear CSV<\/button>\n      <p>Target Software *<\/p>\n      <p>Please select at least 3.<\/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 Software\" \/> CAD Software<\/label>\n        <label><input type=\"checkbox\" value=\"Hangul (HWP)\" \/> Hangul (HWP)<\/label>\n        <label><input type=\"checkbox\" value=\"Web Browser\" \/> Web Browser<\/label>\n      Please select at least 3 software items.\n      <button id=\"btn3\">Next \u2192 Confirm Order<\/button>\n      <button id=\"back2\">\u2190 Back<\/button>\n  <!-- \u2463 Confirm Order -->\n      Order Summary\n        Product\n        ProductSUA (Software Utility Analysis)\n        Institution Type-\n        Number of Users-\n        <!-- \u2605 Unit price ON\/OFF: remove comment tags below -->\n        <!-- Unit Price- -->\n      <!-- \u2605 Annual fee ON\/OFF: remove comment + set CSS .price-box { display: block } -->\n      <!--\n      Annual Maintenance Yearly\n        Subtotal-\n        Tax (10%)-\n          Annual Total\n          -\/ yr\n      -->\n      <!-- \u2605 Setup fee ON\/OFF: remove comment tags below -->\n      <!--\n      Initial Setup Fee One-time\n        Base Price-\n        Tax (10%)-\n          Setup Total\n          -once\n      -->\n      Customer Details\n        Company\n        Company Name-\n        Registration No.-\n        Representative-\n        Address-\n        Contact\n        Name-\n        Phone-\n        Email-\n        Tax Invoice Email-\n      Service Setup\n        Admin ID-\n        Target Software-\n        Departments-\n      Payment Information\n        Wire Transfer Details\n        BankHana Bank\n        Account No.347-910004-10604 <button onclick=\"copyAcct()\">Copy<\/button>\n        Account HolderSigitae Technology Corp.\n        <!-- \u2605 Payment amount ON\/OFF: remove comment tags below -->\n        <!-- Amount- -->\n          \u00b7 <strong>Total cost will be confirmed via email.<\/strong><br \/>\n          \u00b7 Please use your <strong>company name<\/strong> as the transfer reference.<br \/>\n          \u00b7 Setup fee and annual fee may be transferred separately.<br \/>\n          \u00b7 A tax invoice will be issued after payment confirmation.\n          I have reviewed the order details and agree that the service will commence after <strong>payment confirmation by the account manager<\/strong>.\n      <button id=\"btn-submit\" disabled>Place Order<\/button>\n      <button id=\"back3\">\u2190 Back<\/button>\n<!-- \/page-wrap -->\n<!-- Completion Popup -->\n    Order Received!\n    &#8211;\n      A confirmation email has been sent to your address.<br \/>\n      A tax invoice will be issued within 1-2 business days<br \/>after payment is confirmed.\n      Wire Transfer Details\n      BankHana Bank\n      Account No.347-910004-10604 <button onclick=\"copyAcct()\">Copy<\/button>\n      Account HolderSigitae Technology Corp.\n      <!-- \u2605 Amount ON\/OFF: remove comment tags below -->\n      <!-- Amount- -->\n      \u00b7 Please use your <strong>company name<\/strong> as the transfer reference.\n    <button onclick=\"document.getElementById('done-overlay').classList.remove('show');document.body.style.overflow='';window.location.href='https:\/\/service.cgtae.com\/sua';\">OK<\/button>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>SUA Order SUA Order Software Utility Analysis 1 Estimate 2 Customer Info 3 Service Setup 4 Confirm Order Select Estimate Institution Type General Public Education Number of Users Tier 1 ~ 99 \u203b Unit price is automatically applied based on<\/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-603","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.cgtae.com\/suaen\/index.php?rest_route=\/wp\/v2\/pages\/603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.cgtae.com\/suaen\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.cgtae.com\/suaen\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.cgtae.com\/suaen\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.cgtae.com\/suaen\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=603"}],"version-history":[{"count":4,"href":"https:\/\/service.cgtae.com\/suaen\/index.php?rest_route=\/wp\/v2\/pages\/603\/revisions"}],"predecessor-version":[{"id":611,"href":"https:\/\/service.cgtae.com\/suaen\/index.php?rest_route=\/wp\/v2\/pages\/603\/revisions\/611"}],"wp:attachment":[{"href":"https:\/\/service.cgtae.com\/suaen\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}