[
  {
    "name": "B01_00_overview",
    "route": "#/b01-account?view=home",
    "account": "company_admin",
    "project": "none",
    "viewport": [
      1600,
      720
    ],
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": null,
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-shell__org"
      },
      {
        "n": 2,
        "sel": ".b01-shell__help-btn"
      },
      {
        "n": 3,
        "sel": ".b01-shell__head .b01-shell__icon-btn"
      },
      {
        "n": 4,
        "sel": ".b01-shell__user"
      },
      {
        "n": 5,
        "sel": ".b01-shell__nav"
      },
      {
        "n": 6,
        "sel": ".b01-shell__page"
      },
      {
        "n": 7,
        "sel": ".b01-knowledge-chat__toggle"
      }
    ]
  },
  {
    "name": "B01_00_forest_menu",
    "route": "#/b01-account?view=home",
    "account": "forest",
    "project": "none",
    "viewport": [
      1600,
      720
    ],
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수').replace(/산림청검증/g,'홍길동')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": null,
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-shell__user"
      },
      {
        "n": 2,
        "sel": ".b01-shell__nav"
      },
      {
        "n": 3,
        "sel": ".b01-shell__page"
      }
    ]
  },
  {
    "name": "B01_01_home_first",
    "route": "#/b01-account?view=home",
    "account": "company_admin",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-home__seg"
      },
      {
        "n": 2,
        "sel": ".b01-home__head .ui-btn--filled"
      },
      {
        "n": 3,
        "sel": [
          ".b01-home__step >> nth=0",
          ".b01-home__step >> nth=-1"
        ]
      },
      {
        "n": 4,
        "sel": "aside.b01-home__side"
      }
    ]
  },
  {
    "name": "B01_01_home_forest",
    "route": "#/b01-account?view=home",
    "account": "forest",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수').replace(/산림청검증/g,'홍길동')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-home__pane:has(h3:text-is('예정노선'))"
      }
    ]
  },
  {
    "name": "B01_01_home_many",
    "route": "#/b01-account?view=home",
    "account": "sys",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-home__seg"
      },
      {
        "n": 2,
        "sel": ".b01-home__kpis"
      },
      {
        "n": 3,
        "sel": "aside.b01-home__side"
      }
    ]
  },
  {
    "name": "B01_02_projects",
    "route": "#/b01-account?view=projects",
    "account": "sys",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-proj-seg"
      },
      {
        "n": 2,
        "sel": ".b01-proj-head .ui-btn--filled"
      },
      {
        "n": 3,
        "sel": ".b01-proj-search"
      },
      {
        "n": 4,
        "sel": [
          ".b01-proj-chip >> nth=0",
          ".b01-proj-chip >> nth=-1"
        ]
      },
      {
        "n": 5,
        "sel": [
          ".b01-proj-select",
          ".b01-proj-tools .b01-proj-seg"
        ]
      },
      {
        "n": 6,
        "sel": ".b01-proj-card >> visible=true"
      }
    ]
  },
  {
    "name": "B01_02_projects_table",
    "route": "#/b01-account?view=projects",
    "account": "sys",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      },
      {
        "click": ".b01-proj-seg button:nth-child(2)"
      },
      {
        "wait": ".b01-proj-table"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-proj-table tr >> nth=0"
      },
      {
        "n": 2,
        "sel": ".b01-proj-more >> visible=true"
      }
    ]
  },
  {
    "name": "B01_02_new_project",
    "route": "#/b01-account?view=projects",
    "account": "company_admin",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      },
      {
        "click": ".b01-proj-head .ui-btn--filled"
      },
      {
        "wait": ".b01-new-project__grid"
      },
      {
        "wait_ms": 500
      }
    ],
    "clip": ".b01-new-project",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-new-project__card[data-new-project=plan]"
      },
      {
        "n": 2,
        "sel": ".b01-new-project__card[data-new-project=road]"
      },
      {
        "n": 3,
        "sel": ".b01-new-project__card[data-new-project=erosion]"
      },
      {
        "n": 4,
        "sel": ".b01-new-project__card[data-new-project=stability]"
      }
    ]
  },
  {
    "name": "B01_03_assigned",
    "route": "#/b01-account?view=assigned",
    "account": "company_admin",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-pg__title-wrap"
      },
      {
        "n": 2,
        "sel": ".ui-empty"
      }
    ]
  },
  {
    "name": "B01_04_temp",
    "route": "#/b01-account?view=temp",
    "account": "company_admin",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-pg__action button"
      },
      {
        "n": 2,
        "sel": ".ui-empty"
      }
    ]
  },
  {
    "name": "B01_04_temp_modal",
    "route": "#/b01-account?view=temp",
    "account": "company_admin",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      },
      {
        "click": ".b01-pg__action button"
      },
      {
        "wait": ".b01-dashboard__modal-panel"
      },
      {
        "wait_ms": 500
      }
    ],
    "clip": ".b01-dashboard__modal-panel",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-dashboard__modal-panel input"
      },
      {
        "n": 2,
        "sel": ".b01-dashboard__modal-panel .ui-btn >> nth=0"
      },
      {
        "n": 3,
        "sel": ".b01-dashboard__modal-panel .b01-dashboard__actions"
      }
    ]
  },
  {
    "name": "B01_05_people",
    "route": "#/b01-account?view=people",
    "account": "company_admin",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-pg__action button"
      },
      {
        "n": 2,
        "sel": ".b01-pg-tabs"
      },
      {
        "n": 3,
        "sel": ".ui-table-wrap thead"
      },
      {
        "n": 4,
        "sel": ".ui-row-menu__btn >> nth=0"
      }
    ]
  },
  {
    "name": "B01_05_member_add",
    "route": "#/b01-account?view=people",
    "account": "company_admin",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      },
      {
        "click": ".b01-pg__action button"
      },
      {
        "wait": ".b01-dashboard__modal-panel"
      },
      {
        "wait_ms": 500
      }
    ],
    "clip": ".b01-dashboard__modal-panel",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-dashboard__modal-panel input"
      },
      {
        "n": 2,
        "sel": ".b01-dashboard__modal-panel .b01-dashboard__actions"
      }
    ]
  },
  {
    "name": "B01_06_project_detail",
    "route": "#/b01-account?view=project&id=c2390e1c-ee66-42ef-8cd7-253ec00bf904",
    "account": "sys",
    "project": "none",
    "viewport": [
      1600,
      1100
    ],
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      },
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.b01-knowledge-chat__toggle{display:none!important}</style>')"
      }
    ],
    "settle_ms": 1500,
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-pd-crumb"
      },
      {
        "n": 2,
        "sel": "[data-open-work]"
      },
      {
        "n": 3,
        "sel": ".b01-pd-steps"
      },
      {
        "n": 4,
        "sel": ".b01-pd-map, .b01-pd-kpis"
      },
      {
        "n": 5,
        "sel": ".b01-pd-kv"
      },
      {
        "n": 6,
        "sel": ".b01-pd-timeline"
      }
    ]
  },
  {
    "name": "B01_07_company",
    "route": "#/b01-account?view=company",
    "account": "company_admin",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-pg__action button"
      },
      {
        "n": 2,
        "sel": ".ui-setting-card"
      },
      {
        "n": 3,
        "sel": ".ui-setting-row:last-child .ui-setting-row__side"
      }
    ]
  },
  {
    "name": "B01_07_company_edit",
    "route": "#/b01-account?view=company",
    "account": "company_admin",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      },
      {
        "click": ".b01-pg__action button"
      },
      {
        "wait": ".b01-dashboard__modal-panel"
      },
      {
        "wait_ms": 500
      }
    ],
    "clip": ".b01-dashboard__modal-panel",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-dashboard__modal-panel input >> nth=0"
      },
      {
        "n": 2,
        "sel": ".b01-dashboard__modal-panel input[type=file]"
      },
      {
        "n": 3,
        "sel": ".b01-dashboard__modal-panel button:has-text('주소 검색')"
      },
      {
        "n": 4,
        "sel": ".b01-dashboard__modal-panel .b01-dashboard__actions"
      }
    ]
  },
  {
    "name": "B01_08_company_defaults",
    "route": "#/b01-account?view=company-defaults",
    "account": "user",
    "project": "none",
    "viewport": [
      1600,
      600
    ],
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": null,
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-shell__nav"
      },
      {
        "n": 2,
        "sel": ".ui-setting-row"
      }
    ]
  },
  {
    "name": "B01_09_sys_overview",
    "route": "#/b01-account?view=sys-overview",
    "account": "sys",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-sys-stat >> nth=0"
      },
      {
        "n": 2,
        "sel": ".b01-sys-gauge >> nth=0"
      },
      {
        "n": 3,
        "sel": ".b01-sys-chart"
      }
    ]
  },
  {
    "name": "B01_09_sys_companies",
    "route": "#/b01-account?view=sys-companies",
    "account": "sys",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-pg__action button"
      },
      {
        "n": 2,
        "sel": ".b01-pg__body input"
      },
      {
        "n": 3,
        "sel": ".ui-table-wrap thead"
      },
      {
        "n": 4,
        "sel": ".ui-row-menu__btn >> nth=0"
      }
    ]
  },
  {
    "name": "B01_09_sys_users",
    "route": "#/b01-account?view=sys-users",
    "account": "sys",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-pg__action button"
      },
      {
        "n": 2,
        "sel": ".b01-sys-tool"
      },
      {
        "n": 3,
        "sel": ".ui-table-wrap thead"
      },
      {
        "n": 4,
        "sel": ".ui-row-menu__btn >> nth=0"
      }
    ]
  },
  {
    "name": "B01_09_sys_defaults",
    "route": "#/b01-account?view=sys-defaults",
    "account": "sys",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-sys-group >> nth=0"
      },
      {
        "n": 2,
        "sel": ".b01-sys-group >> nth=1"
      },
      {
        "n": 3,
        "sel": ".b01-sys-group >> nth=2"
      }
    ]
  },
  {
    "name": "B01_09_sys_logs",
    "route": "#/b01-account?view=sys-logs",
    "account": "sys",
    "project": "none",
    "viewport": [
      1600,
      800
    ],
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": null,
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-sys-tool"
      },
      {
        "n": 2,
        "sel": ".ui-table-wrap thead"
      }
    ]
  },
  {
    "name": "B01_11_chat",
    "route": "#/b01-account?view=chat",
    "account": "company_admin",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": null,
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-shell__help"
      },
      {
        "n": 2,
        "sel": ".b01-knowledge-chat__panel"
      },
      {
        "n": 3,
        "sel": ".b01-knowledge-chat__toggle"
      }
    ]
  },
  {
    "name": "B01_12_me",
    "route": "#/b01-account?view=me",
    "account": "company_admin",
    "project": "none",
    "viewport": [
      1600,
      1100
    ],
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      }
    ],
    "clip": ".b01-shell__page",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-sys-group >> nth=0"
      },
      {
        "n": 2,
        "sel": ".b01-sys-group >> nth=1"
      },
      {
        "n": 3,
        "sel": ".b01-sys-group >> nth=2"
      },
      {
        "n": 4,
        "sel": ".b01-sys-group >> nth=3"
      }
    ]
  },
  {
    "name": "B01_12_user_menu",
    "route": "#/b01-account?view=home",
    "account": "company_admin",
    "project": "none",
    "before": [
      {
        "eval": "document.head.insertAdjacentHTML('beforeend','<style>.ui-toast-container{display:none!important}</style>')"
      },
      {
        "wait": ".b01-shell__page"
      },
      {
        "wait_ms": 1200
      },
      {
        "eval": "(()=>{const W=s=>s\n.replace(/홍길동\\(견본\\)/g,'이민수').replace(/엄상돈|브레인관리자/g,'홍길동').replace(/엄상준|브레인사용자/g,'김영희').replace(/박동철/g,'박철수')\n.replace(/캐미팩토리/g,'예시건설').replace(/브레인검증회사_\\d+/g,'예시설계').replace(/검증_[^\\s)]+/g,'가이드_견본')\n.replace(/\\d{3}-\\d{2}-\\d{5}/g,'000-00-00000').replace(/\\b0\\d{1,2}-?\\d{3,4}-?\\d{4}\\b/g,'010-0000-0000')\n.replace(/대전광역시[^\\n]*/g,'○○시 ○○구 ○○로 1').replace(/[\\w.+-]+@[\\w.-]+\\.\\w+/g,'user@example.com');\nconst fn=()=>{\n document.querySelectorAll('.b01-proj-card,.b01-proj-row').forEach(c=>{const t=c.querySelector('.b01-proj-card__name,td');if(t&&!/^가이드_/.test(t.textContent.trim()))c.style.display='none';});\n const w=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT);let n;\n while((n=w.nextNode())){const s=n.nodeValue;if(!s||!s.trim())continue;let v=W(s);if(/^\\s*[엄브박]\\s*$/.test(v))v='홍';if(v!==s)n.nodeValue=v;}\n document.querySelectorAll('input').forEach(i=>{const v=W(i.value);if(v!==i.value)i.value=v;});\n document.querySelectorAll('img').forEach(m=>{m.style.visibility='hidden';});};\nfn();setInterval(fn,100);})()"
      },
      {
        "click": ".b01-shell__user-btn"
      },
      {
        "wait": ".b01-shell__menu"
      },
      {
        "wait_ms": 300
      }
    ],
    "clip": ".b01-shell__menu",
    "callouts": [
      {
        "n": 1,
        "sel": ".b01-shell__menu-who"
      },
      {
        "n": 2,
        "sel": ".b01-shell__menu .b01-shell__menu-item >> nth=0"
      },
      {
        "n": 3,
        "sel": ".b01-shell__menu-touch"
      }
    ]
  }
]