{
  "schemaVersion": 1,
  "createdAt": "2026-08-20T08:15:41.578Z",
  "requestedUrl": "http://100.119.170.126:8000/particle-horizontal.html",
  "outputDirectory": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/process",
  "scenarios": [
    {
      "browser": "chromium",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://100.119.170.126:8000/particle-horizontal.html",
        "title": "제작절차 · TN Silver",
        "headings": [
          "의뢰 접수"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/process/chromium-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 7672
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                ".site-transition-kicker"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #70736f, background color: #efeee9, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".site-footer-bottom > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.24 (foreground color: #747672, background color: #0c0d0d, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "chromium",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://100.119.170.126:8000/particle-horizontal.html",
        "title": "제작절차 · TN Silver",
        "headings": [
          "의뢰 접수"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/process/chromium-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 390,
          "clientHeight": 844,
          "scrollHeight": 6604
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "article.process-copy.process-copy-next",
            "left": 56,
            "right": 406,
            "width": 350
          },
          {
            "element": "p.process-overline",
            "left": 56,
            "right": 406,
            "width": 350
          },
          {
            "element": "h2",
            "left": 56,
            "right": 406,
            "width": 350
          },
          {
            "element": "p.process-description",
            "left": 56,
            "right": 406,
            "width": 350
          },
          {
            "element": "svg",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "rect",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "rect",
            "left": 116,
            "right": 1167,
            "width": 1051
          },
          {
            "element": "rect",
            "left": 116,
            "right": 1167,
            "width": 1051
          },
          {
            "element": "rect",
            "left": 116,
            "right": 1167,
            "width": 1051
          },
          {
            "element": "rect",
            "left": 116,
            "right": 1167,
            "width": 1051
          },
          {
            "element": "g",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "g",
            "left": 199,
            "right": 1060,
            "width": 861
          },
          {
            "element": "path",
            "left": 407,
            "right": 435,
            "width": 28
          },
          {
            "element": "path",
            "left": 512,
            "right": 577,
            "width": 66
          },
          {
            "element": "path",
            "left": 616,
            "right": 682,
            "width": 66
          },
          {
            "element": "path",
            "left": 720,
            "right": 786,
            "width": 66
          },
          {
            "element": "path",
            "left": 824,
            "right": 890,
            "width": 66
          },
          {
            "element": "path",
            "left": 928,
            "right": 994,
            "width": 66
          },
          {
            "element": "path",
            "left": 1032,
            "right": 1060,
            "width": 28
          },
          {
            "element": "g",
            "left": 369,
            "right": 1098,
            "width": 729
          },
          {
            "element": "path",
            "left": 369,
            "right": 539,
            "width": 170
          },
          {
            "element": "path",
            "left": 629,
            "right": 773,
            "width": 143
          },
          {
            "element": "path",
            "left": 798,
            "right": 838,
            "width": 39
          },
          {
            "element": "path",
            "left": 473,
            "right": 591,
            "width": 118
          },
          {
            "element": "path",
            "left": 942,
            "right": 981,
            "width": 39
          }
        ],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                ".site-transition-kicker"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #70736f, background color: #efeee9, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".site-footer-bottom > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.24 (foreground color: #747672, background color: #0c0d0d, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "firefox",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://100.119.170.126:8000/particle-horizontal.html",
        "title": "제작절차 · TN Silver",
        "headings": [
          "의뢰 접수"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/process/firefox-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 7673
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                ".site-transition-kicker"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #70736f, background color: #efeee9, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".site-footer-bottom > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.24 (foreground color: #747672, background color: #0c0d0d, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "firefox",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://100.119.170.126:8000/particle-horizontal.html",
        "title": "제작절차 · TN Silver",
        "headings": [
          "의뢰 접수"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/process/firefox-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 390,
          "clientHeight": 844,
          "scrollHeight": 6604
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "article.process-copy.process-copy-next",
            "left": 56,
            "right": 406,
            "width": 350
          },
          {
            "element": "p.process-overline",
            "left": 56,
            "right": 406,
            "width": 350
          },
          {
            "element": "h2",
            "left": 56,
            "right": 406,
            "width": 350
          },
          {
            "element": "p.process-description",
            "left": 56,
            "right": 406,
            "width": 350
          },
          {
            "element": "svg",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "rect",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "rect",
            "left": 116,
            "right": 1167,
            "width": 1051
          },
          {
            "element": "rect",
            "left": 116,
            "right": 1167,
            "width": 1051
          },
          {
            "element": "rect",
            "left": 116,
            "right": 1167,
            "width": 1051
          },
          {
            "element": "rect",
            "left": 116,
            "right": 1167,
            "width": 1051
          },
          {
            "element": "g",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "g",
            "left": 198,
            "right": 1063,
            "width": 864
          },
          {
            "element": "path",
            "left": 407,
            "right": 438,
            "width": 31
          },
          {
            "element": "path",
            "left": 511,
            "right": 582,
            "width": 71
          },
          {
            "element": "path",
            "left": 615,
            "right": 686,
            "width": 71
          },
          {
            "element": "path",
            "left": 719,
            "right": 790,
            "width": 71
          },
          {
            "element": "path",
            "left": 823,
            "right": 895,
            "width": 71
          },
          {
            "element": "path",
            "left": 928,
            "right": 999,
            "width": 71
          },
          {
            "element": "path",
            "left": 1032,
            "right": 1063,
            "width": 31
          },
          {
            "element": "g",
            "left": 368,
            "right": 1103,
            "width": 735
          },
          {
            "element": "path",
            "left": 368,
            "right": 542,
            "width": 174
          },
          {
            "element": "path",
            "left": 625,
            "right": 774,
            "width": 149
          },
          {
            "element": "path",
            "left": 798,
            "right": 843,
            "width": 45
          },
          {
            "element": "path",
            "left": 468,
            "right": 592,
            "width": 124
          },
          {
            "element": "path",
            "left": 937,
            "right": 982,
            "width": 45
          }
        ],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                ".site-transition-kicker"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #70736f, background color: #efeee9, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".site-footer-bottom > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.24 (foreground color: #747672, background color: #0c0d0d, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "webkit",
      "viewportName": "desktop",
      "requestedViewport": {
        "width": 1440,
        "height": 1000
      },
      "identity": {
        "url": "http://100.119.170.126:8000/particle-horizontal.html",
        "title": "제작절차 · TN Silver",
        "headings": [
          "의뢰 접수"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/process/webkit-desktop.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "document": {
          "clientWidth": 1440,
          "scrollWidth": 1440,
          "clientHeight": 1000,
          "scrollHeight": 7672
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                ".site-transition-kicker"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #70736f, background color: #efeee9, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".site-footer-bottom > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.24 (foreground color: #747672, background color: #0c0d0d, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    },
    {
      "browser": "webkit",
      "viewportName": "mobile",
      "requestedViewport": {
        "width": 390,
        "height": 844
      },
      "identity": {
        "url": "http://100.119.170.126:8000/particle-horizontal.html",
        "title": "제작절차 · TN Silver",
        "headings": [
          "의뢰 접수"
        ],
        "language": "ko"
      },
      "navigationError": null,
      "screenshotPath": "/home/vela/workspace/domain/tn-silver/web/tn-site/.runtime/frontend-qa/matrix/process/webkit-mobile.png",
      "consoleMessages": [],
      "pageErrors": [],
      "failedRequests": [],
      "errorResponses": [],
      "layout": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "document": {
          "clientWidth": 390,
          "scrollWidth": 390,
          "clientHeight": 844,
          "scrollHeight": 6603
        },
        "hasHorizontalOverflow": false,
        "overflowingElements": [
          {
            "element": "article.process-copy.process-copy-next",
            "left": 56,
            "right": 406,
            "width": 350
          },
          {
            "element": "p.process-overline",
            "left": 56,
            "right": 406,
            "width": 350
          },
          {
            "element": "h2",
            "left": 56,
            "right": 406,
            "width": 350
          },
          {
            "element": "p.process-description",
            "left": 56,
            "right": 406,
            "width": 350
          },
          {
            "element": "svg",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "rect",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "rect",
            "left": 116,
            "right": 1167,
            "width": 1051
          },
          {
            "element": "rect",
            "left": 116,
            "right": 1167,
            "width": 1051
          },
          {
            "element": "rect",
            "left": 116,
            "right": 1167,
            "width": 1051
          },
          {
            "element": "rect",
            "left": 116,
            "right": 1167,
            "width": 1051
          },
          {
            "element": "g",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "line",
            "left": 15,
            "right": 1167,
            "width": 1152
          },
          {
            "element": "g",
            "left": 199,
            "right": 1060,
            "width": 861
          },
          {
            "element": "path",
            "left": 407,
            "right": 435,
            "width": 28
          },
          {
            "element": "path",
            "left": 512,
            "right": 577,
            "width": 66
          },
          {
            "element": "path",
            "left": 616,
            "right": 682,
            "width": 66
          },
          {
            "element": "path",
            "left": 720,
            "right": 786,
            "width": 66
          },
          {
            "element": "path",
            "left": 824,
            "right": 890,
            "width": 66
          },
          {
            "element": "path",
            "left": 928,
            "right": 994,
            "width": 66
          },
          {
            "element": "path",
            "left": 1032,
            "right": 1060,
            "width": 28
          },
          {
            "element": "g",
            "left": 369,
            "right": 1098,
            "width": 729
          },
          {
            "element": "path",
            "left": 369,
            "right": 539,
            "width": 170
          },
          {
            "element": "path",
            "left": 629,
            "right": 773,
            "width": 143
          },
          {
            "element": "path",
            "left": 798,
            "right": 838,
            "width": 39
          },
          {
            "element": "path",
            "left": 473,
            "right": 591,
            "width": 118
          },
          {
            "element": "path",
            "left": 942,
            "right": 981,
            "width": 39
          }
        ],
        "brokenImages": []
      },
      "axeViolations": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=playwright",
          "nodes": [
            {
              "target": [
                ".site-transition-kicker"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #70736f, background color: #efeee9, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            },
            {
              "target": [
                ".site-footer-bottom > small"
              ],
              "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.24 (foreground color: #747672, background color: #0c0d0d, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ]
        }
      ]
    }
  ],
  "browserLaunchErrors": []
}