[
  {
    "name": "B02_00_overview",
    "route": "#/b02-proj-register",
    "project": "none",
    "before": [
      {
        "wait": ".b02-proj__grid"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(1)\", \".b02-proj__grid > :nth-child(2)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u1';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(3)\", \".b02-proj__grid > :nth-child(4)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u2';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(5)\", \".b02-proj__grid > :nth-child(6)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u3';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(7)\", \".b02-proj__grid > :nth-child(8)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u4';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(9)\", \".b02-proj__grid > :nth-child(10)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u5';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(11)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u6';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(12)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__u7';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      },
      {
        "eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
      }
    ],
    "clip": null,
    "callouts": [
      {
        "n": 1,
        "sel": "#__u1"
      },
      {
        "n": 2,
        "sel": "#__u2"
      },
      {
        "n": 3,
        "sel": "#__u3"
      },
      {
        "n": 4,
        "sel": "#__u4"
      },
      {
        "n": 5,
        "sel": "#__u5"
      },
      {
        "n": 6,
        "sel": "#__u6"
      },
      {
        "n": 7,
        "sel": "#__u7"
      },
      {
        "n": 8,
        "sel": ".b02-proj__actions"
      }
    ]
  },
  {
    "name": "B02_01_basic_fields",
    "route": "#/b02-proj-register",
    "project": "none",
    "before": [
      {
        "wait": ".b02-proj__grid"
      },
      {
        "fill": ".b02-proj__grid > :nth-child(2) input",
        "value": "울진군 금강송면"
      },
      {
        "wait_ms": 300
      },
      {
        "wait_ms": 800
      },
      {
        "eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(1)\", \".b02-proj__grid > :nth-child(4)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      }
    ],
    "clip": "#__clip",
    "clip_pad": 4,
    "callouts": [
      {
        "n": 1,
        "sel": ".b02-proj__grid > :nth-child(1)"
      },
      {
        "n": 2,
        "sel": ".b02-proj__grid > :nth-child(2)"
      },
      {
        "n": 3,
        "sel": ".b02-proj__grid > :nth-child(3)"
      },
      {
        "n": 4,
        "sel": ".b02-proj__grid > :nth-child(4)"
      }
    ]
  },
  {
    "name": "B02_02_road_type",
    "route": "#/b02-proj-register",
    "project": "none",
    "before": [
      {
        "wait": ".b02-proj__grid"
      },
      {
        "select": ".b02-proj__grid > :nth-child(3) select",
        "value": "fire"
      },
      {
        "wait_ms": 500
      },
      {
        "eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(3)\", \".b02-proj__grid > :nth-child(4)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      }
    ],
    "clip": "#__clip",
    "clip_pad": 4,
    "callouts": [
      {
        "n": 1,
        "sel": ".b02-proj__grid > :nth-child(3)"
      },
      {
        "n": 2,
        "sel": ".b02-proj__grid > :nth-child(4)"
      }
    ]
  },
  {
    "name": "B02_03_route_range",
    "route": "#/b02-proj-register",
    "project": "none",
    "before": [
      {
        "wait": ".b02-proj__grid"
      },
      {
        "fill": ".b02-proj__grid > :nth-child(5) input",
        "value": "1000"
      },
      {
        "fill": ".b02-proj__grid > :nth-child(6) input",
        "value": "3500"
      },
      {
        "wait_ms": 500
      },
      {
        "eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(5)\", \".b02-proj__grid > :nth-child(6)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      }
    ],
    "clip": "#__clip",
    "clip_pad": 4,
    "callouts": [
      {
        "n": 1,
        "sel": ".b02-proj__grid > :nth-child(5)"
      },
      {
        "n": 2,
        "sel": ".b02-proj__grid > :nth-child(6)"
      }
    ]
  },
  {
    "name": "B02_04_title_block",
    "route": "#/b02-proj-register",
    "project": "none",
    "before": [
      {
        "wait": ".b02-proj__grid"
      },
      {
        "wait_ms": 1500
      },
      {
        "eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(7)\", \".b02-proj__grid > :nth-child(12)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      }
    ],
    "clip": "#__clip",
    "clip_pad": 4,
    "callouts": [
      {
        "n": 1,
        "sel": ".b02-proj__grid > :nth-child(7)"
      },
      {
        "n": 2,
        "sel": ".b02-proj__grid > :nth-child(8)"
      },
      {
        "n": 3,
        "sel": ".b02-proj__grid > :nth-child(9)"
      },
      {
        "n": 4,
        "sel": ".b02-proj__grid > :nth-child(10)"
      },
      {
        "n": 5,
        "sel": ".b02-proj__grid > :nth-child(11)"
      },
      {
        "n": 6,
        "sel": ".b02-proj__grid > :nth-child(12)"
      }
    ]
  },
  {
    "name": "B02_05_required_error",
    "route": "#/b02-proj-register",
    "project": "none",
    "before": [
      {
        "wait": ".b02-proj__grid"
      },
      {
        "click": ".b02-proj__actions .ui-btn--filled"
      },
      {
        "wait_ms": 600
      },
      {
        "eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(1)\", \".b02-proj__grid > :nth-child(2)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      }
    ],
    "clip": "#__clip",
    "clip_pad": 4,
    "callouts": [
      {
        "n": 1,
        "sel": ".b02-proj__grid > :nth-child(2)"
      }
    ]
  },
  {
    "name": "B02_06_buttons",
    "route": "#/b02-proj-register",
    "project": "none",
    "before": [
      {
        "wait": ".b02-proj__actions"
      },
      {
        "eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
      }
    ],
    "clip": ".b02-proj__actions",
    "callouts": [
      {
        "n": 1,
        "sel": ".b02-proj__actions .ui-help-btn"
      },
      {
        "n": 2,
        "sel": ".b02-proj__actions .ui-btn--ghost:nth-child(2)"
      },
      {
        "n": 3,
        "sel": ".b02-proj__actions .ui-btn--filled"
      }
    ]
  },
  {
    "name": "B02_07_range_error",
    "route": "#/b02-proj-register",
    "project": "none",
    "before": [
      {
        "wait": ".b02-proj__grid"
      },
      {
        "fill": ".b02-proj__grid > :nth-child(2) input",
        "value": "울진군 금강송면"
      },
      {
        "fill": ".b02-proj__grid > :nth-child(5) input",
        "value": "3000"
      },
      {
        "fill": ".b02-proj__grid > :nth-child(6) input",
        "value": "1000"
      },
      {
        "click": ".b02-proj__actions .ui-btn--filled"
      },
      {
        "wait_ms": 600
      },
      {
        "eval": "document.querySelectorAll('.b02-proj__grid select option').forEach(o=>{o.textContent=o.textContent.replace('엄상돈','홍길동')})"
      },
      {
        "eval": "(()=>{const q=[\".b02-proj__grid > :nth-child(5)\", \".b02-proj__grid > :nth-child(6)\"];const els=q.map(s=>[...document.querySelectorAll(s)].find(e=>e.getBoundingClientRect().width>0));const rs=els.map(e=>e.getBoundingClientRect());const L=Math.min(...rs.map(r=>r.left)),T=Math.min(...rs.map(r=>r.top)),R=Math.max(...rs.map(r=>r.right)),B=Math.max(...rs.map(r=>r.bottom));const d=document.createElement('div');d.id='__clip';d.style.cssText='position:absolute;pointer-events:none;left:'+(L+scrollX)+'px;top:'+(T+scrollY)+'px;width:'+(R-L)+'px;height:'+(B-T)+'px';document.body.appendChild(d);})()"
      }
    ],
    "clip": "#__clip",
    "clip_pad": 4,
    "callouts": [
      {
        "n": 1,
        "sel": ".b02-proj__grid > :nth-child(5)"
      },
      {
        "n": 2,
        "sel": ".b02-proj__grid > :nth-child(6)"
      }
    ]
  }
]