<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>오토매니저 — AI 직원 4명 채용 기록</title>
<meta name="description" content="코딩 모르는 경영지원 5년 차가 AI 직원 4명을 채용해 석 달 805건·36시간을 넘긴 순서. 책·풀세트·무료 자료·오픈채팅 한 페이지.">
<meta property="og:title" content="오토매니저 — AI 직원 4명 채용 기록">
<meta property="og:description" content="석 달 805건 · 36시간 · 월급 5천 원대. 채용한 순서 그대로 적은 책과 무료 자료.">
<meta property="og:image" content="img/og.png">
<link rel="icon" href="img/favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap" rel="stylesheet">
<style>
  :root{
    --blue:#2f62e8; --navy:#16337a; --ink:#1d2c66; --skyD:#0d7ac9; --sky:#9fe8ff;
    --paper:#ffffff; --mut:#4a5f8a; --yl:#ffde68; --ylink:#1d2c66; --red:#e0454f;
    --bg1:#eaf3ff; --bg2:#f0f7ff;
  }
  *{box-sizing:border-box; margin:0; padding:0; min-width:0;}
  html,body{overflow-x:hidden; max-width:100vw;}
  html,body{background:linear-gradient(180deg,var(--bg1),var(--bg2)); color:var(--ink);
    font-family:'Noto Sans KR','Malgun Gothic',sans-serif; -webkit-font-smoothing:antialiased; font-size:15px; line-height:1.6; word-break:keep-all;}
  body{min-height:100vh; padding:24px 16px 104px;}
  .wrap{width:100%; max-width:430px; margin:0 auto;}
  a{color:inherit; text-decoration:none;}

  /* 머리 */
  .head{text-align:center; padding:4px 0 6px;}
  .avatar{width:92px; height:92px; border-radius:50%; margin:0 auto 12px; overflow:hidden;
    border:4px solid var(--paper); box-shadow:0 10px 26px rgba(13,38,90,.16); background:var(--paper);}
  .avatar img{width:100%; height:100%; object-fit:cover; display:block;}
  .name{font-size:22px; font-weight:900; letter-spacing:-.3px; color:var(--navy);}
  .name small{display:block; font-size:13px; font-weight:700; color:var(--mut); margin-top:3px;}
  .lead{margin:14px auto 0; font-size:17px; font-weight:800; line-height:1.5; color:var(--navy); max-width:380px;}
  .lead b{color:var(--blue);}
  .bio{margin:8px auto 0; font-size:14.5px; line-height:1.7; color:var(--mut); max-width:380px;}
  .stats{display:flex; justify-content:center; gap:7px; margin-top:14px; flex-wrap:wrap;}
  .stat{background:var(--paper); border-radius:100px; padding:8px 13px; font-size:13px; font-weight:700; color:var(--navy);
    box-shadow:0 4px 14px rgba(13,38,90,.08);}
  .stat b{color:var(--blue); font-weight:900;}

  /* 주 버튼 */
  .cta{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px;
    background:var(--blue); color:#fff; border-radius:18px; padding:16px 18px; box-shadow:0 12px 28px rgba(47,98,232,.32);
    transition:transform .12s;}
  .cta:active{transform:scale(.985);}
  .cta .l{font-size:16px; font-weight:900; line-height:1.35;}
  .cta .l small{display:block; font-size:12.5px; font-weight:500; color:#dbe7ff; margin-top:3px;}
  .cta .r{flex:0 0 auto; text-align:right;}
  .cta .r b{display:block; font-size:19px; font-weight:900; line-height:1.1;}
  .cta .r s{display:block; font-size:11.5px; color:#b9ccff;}
  .proof{margin-top:10px; text-align:center; font-size:12.5px; color:var(--mut); line-height:1.6;}
  .proof b{color:var(--navy);}

  /* 섹션 */
  .sec{margin-top:30px;}
  .sec h2{font-size:15px; font-weight:900; color:var(--navy); margin:0 2px 4px;}
  .sec h2 em{font-style:normal; font-size:12px; font-weight:900; letter-spacing:2px; color:var(--blue); margin-right:8px;}
  .sec .why{font-size:13px; color:var(--mut); margin:0 2px 12px; line-height:1.6;}

  /* 목록 줄 */
  .row{display:flex; align-items:center; gap:12px; background:var(--paper); border-radius:16px; padding:13px 14px;
    box-shadow:0 6px 18px rgba(13,38,90,.08); margin-bottom:9px; transition:transform .12s;}
  .row:active{transform:scale(.985);}
  .row img{width:56px; height:56px; border-radius:11px; object-fit:cover; flex:0 0 56px; background:#e8f0ff;}
  .row .t{flex:1;}
  .row .t b{display:block; font-size:15px; font-weight:800; line-height:1.4; color:var(--navy);}
  .row .t span{display:block; font-size:12.5px; color:var(--mut); margin-top:3px; line-height:1.5;}
  .pill{flex:0 0 auto; font-size:12px; font-weight:900; color:var(--ylink); background:var(--yl); border-radius:100px; padding:6px 10px;}

  /* 카드 */
  .grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px;}
  .card{background:var(--paper); border-radius:18px; overflow:hidden; box-shadow:0 8px 22px rgba(13,38,90,.10);
    display:flex; flex-direction:column; transition:transform .12s; position:relative;}
  .card:active{transform:scale(.985);}
  .card img{width:100%; aspect-ratio:1/1; object-fit:cover; display:block; background:#e8f0ff;}
  .card .b{padding:12px 13px 14px; display:flex; flex-direction:column; gap:5px; flex:1;}
  .card .n{font-size:15px; font-weight:900; line-height:1.4; color:var(--navy);}
  .card .d{font-size:12.5px; color:var(--mut); line-height:1.55;}
  .card .who{font-size:12px; color:var(--blue); font-weight:700; line-height:1.5;}
  .card .p{margin-top:auto; padding-top:8px; display:flex; align-items:baseline; gap:6px; flex-wrap:wrap;}
  .card .p s{font-size:12px; color:#9aa9c4;}
  .card .p em{font-style:normal; font-size:12.5px; font-weight:900; color:var(--red);}
  .card .p b{font-size:17px; font-weight:900; color:var(--navy);}
  .card .p small{width:100%; font-size:11px; color:var(--mut);}
  .card .go{margin-top:10px; text-align:center; font-size:13px; font-weight:900; color:var(--blue); background:#eaf0ff; border-radius:10px; padding:9px;}
  .card.wide{grid-column:1 / -1; flex-direction:row; align-items:center;}
  .card.wide img{width:164px; height:auto; aspect-ratio:1/1; flex:0 0 164px; object-fit:cover; align-self:center; border-radius:14px; margin-left:10px;}
  .card.wide .b{padding:13px 14px;}
  .tag{display:inline-block; font-size:11px; font-weight:900; color:var(--ylink); background:var(--yl); border-radius:100px; padding:3px 9px; margin-bottom:3px; width:max-content;}
  .tag.best{background:var(--blue); color:#fff;}

  /* 바닥 링크 */
  .links{display:flex; flex-direction:column; gap:9px;}
  .link{display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--paper); border-radius:14px; padding:14px 16px;
    font-size:15px; font-weight:800; color:var(--navy); box-shadow:0 6px 18px rgba(13,38,90,.08);}
  .link span{font-size:12.5px; font-weight:700; color:var(--mut); flex:0 0 auto;}
  .link.blue{background:var(--navy); color:#fff;}
  .link.blue span{color:#c9d8ff;}
  .foot{margin-top:26px; text-align:center; font-size:12px; color:var(--mut); line-height:1.75;}
  .foot b{color:var(--navy);}

  /* 하단 고정 버튼 */
  .sticky{position:fixed; left:0; right:0; bottom:0; padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(240,247,255,0),rgba(240,247,255,.96) 40%);}
  .sticky a{display:flex; align-items:center; justify-content:space-between; max-width:430px; margin:0 auto;
    background:var(--navy); color:#fff; border-radius:14px; padding:13px 16px; font-size:14.5px; font-weight:900; box-shadow:0 10px 24px rgba(22,51,122,.32);}
  .sticky a span{font-size:12.5px; font-weight:700; color:#c9d8ff;}
</style>
</head>
<body>
<div class="wrap">

  <header class="head">
    <div class="avatar"><img src="img/avatar.png" alt="오토매니저"></div>
    <div class="name">오토매니저<small>AI 직원 4명 채용한 경영지원 · @automanager.kr</small></div>
    <p class="lead">"재직증명서 하나만요" "입금됐나요?" — 이 말이 <b>제 손을 안 거치게</b> 된 순서</p>
    <p class="bio">코딩 모르는 경영지원 5년 차가 AI 직원 4명을 채용했습니다.<br>비서·재무·인사·세금계산서 — 석 달 805건, 36시간. 사고 3건도 그대로.</p>
    <div class="stats">
      <div class="stat">누적 <b>805건</b></div>
      <div class="stat">돌려받은 <b>36시간</b></div>
      <div class="stat">월급 <b>5천 원대</b></div>
      <div class="stat">사고 <b>3건</b> 공개</div>
    </div>

    <a class="cta" href="https://automanager.s.gy/new">
      <div class="l">채용한 순서 그대로 적은 책 보기<small>2026 최신화판 · 89쪽 · 내일 아침부터 따라 하는 순서</small></div>
      <div class="r"><s>55,000원</s><b>28,600원</b></div>
    </a>
    <p class="proof"><b>랏피드 후기 3건 · 5점</b> · 개정판 무료 재배포 · 런칭가 <b>10/12까지</b></p>
  </header>

  <section class="sec">
    <h2><em>FREE</em>사기 전에 먼저 받아 보세요</h2>
    <p class="why">전부 0원. 읽어 보고 맞으면 그때 사셔도 됩니다.</p>
    <a class="row" href="https://automanager.s.gy/kit">
      <img src="img/kit.png" alt="">
      <div class="t"><b>AI 직원 교육 4종 세트 원본</b><span>지침서·인수인계 노트·매뉴얼·규칙, 실제 파일 그대로</span></div>
      <div class="pill">0원</div>
    </a>
    <a class="row" href="https://automanager.s.gy/try">
      <img src="img/try.png" alt="">
      <div class="t"><b>책 3장 무료 샘플 — 첫 자동화</b><span>설치부터 첫 30분까지 — 나한테 맞는지 먼저 보세요</span></div>
      <div class="pill">0원</div>
    </a>
    <a class="row" href="https://automanager.s.gy/free">
      <img src="img/free.png" alt="">
      <div class="t"><b>자동화 판별표 (PDF 2쪽)</b><span>업무 하나 적고 O·X 다섯 칸 — 뭘 먼저 넘길지 5분</span></div>
      <div class="pill">0원</div>
    </a>
  </section>

  <section class="sec">
    <h2><em>BOOK</em>채용한 순서 그대로</h2>
    <p class="why">「AI 활용법」이 아니라 채용 순서표 — 어느 일부터, 어디서 막혔는지까지.</p>
    <div class="grid">
      <a class="card" href="https://automanager.s.gy/new">
        <img src="img/new.png" alt="">
        <div class="b">
          <span class="tag best">가장 많이 시작하는 책</span>
          <div class="n">AI 직원 4명 채용 기록</div>
          <div class="d">2026 최신화판 89쪽 · 805건을 넘긴 순서와 사고 3건</div>
          <div class="who">혼자 인사·총무·회계를 맡은 분</div>
          <div class="p"><s>55,000</s><em>48%</em><b>28,600원</b><small>런칭가 10/12까지</small></div>
          <div class="go">책 보러 가기 →</div>
        </div>
      </a>
      <a class="card" href="https://automanager.s.gy/book2">
        <img src="img/book2.png" alt="">
        <div class="b">
          <span class="tag">2권 · 입출금</span>
          <div class="n">내일 아침 07:30, 통장정리가 끝나 있습니다</div>
          <div class="d">6계좌 매일 25분, 그 아침을 넘긴 순서</div>
          <div class="who">아침마다 통장부터 여는 분</div>
          <div class="p"><s>50,000</s><em>22%</em><b>39,000원</b></div>
          <div class="go">책 보러 가기 →</div>
        </div>
      </a>
    </div>
  </section>

  <section class="sec">
    <h2><em>SET</em>한 번에 받는 구성</h2>
    <p class="why">두 권 다 볼 거면 풀세트가 낱권 합보다 쌉니다. 검증은 그 위에 30분을 얹은 구성.</p>
    <div class="grid">
      <a class="card wide" href="https://automanager.s.gy/full">
        <img src="img/full.png" alt="">
        <div class="b">
          <span class="tag best">추천 구성</span>
          <div class="n">AI 직원 4명 풀세트</div>
          <div class="d">1권 + 2권 + 최신화판 + 교육 4종 원본 + 오픈채팅</div>
          <div class="who">두 권 다 볼 분 · 낱권 합보다 저렴</div>
          <div class="p"><s>135,000</s><em>34%</em><b>89,000원</b><small>런칭가 10/12까지</small></div>
        </div>
      </a>
      <a class="card wide" href="https://automanager.s.gy/check">
        <img src="img/check.png" alt="">
        <div class="b">
          <span class="tag">풀세트 + 30분 검증</span>
          <div class="n">내 콘솔 명세서 검증</div>
          <div class="d">풀세트 + 내 화면 캡처 보고 막힌 곳 30분 안에 짚어 드림</div>
          <div class="who">혼자 하다 막힌 분 · 3일 내 취소 가능</div>
          <div class="p"><s>234,000</s><em>24%</em><b>179,000원</b><small>런칭가 10/12까지</small></div>
        </div>
      </a>
    </div>
  </section>

  <section class="sec">
    <h2><em>TALK</em>막히면 묻는 곳</h2>
    <p class="why">사기 전이든 후든 질문은 여기서. 24시간 안에 답합니다.</p>
    <div class="links">
      <a class="link blue" href="https://automanager.s.gy/talk">회사 일을 AI에게 넘기는 방 (오픈채팅)<span>질문 · 무료 자료</span></a>
      <a class="link" href="https://ellinote.kr">엘리노트 — 총무·경리 실무 사례 74건<span>무료</span></a>
      <a class="link" href="https://www.threads.com/@automanager.kr">스레드 @automanager.kr<span>매일 4편</span></a>
    </div>
  </section>

  <p class="foot"><b>오토매니저</b> · 숫자는 전부 실측 (2026년 7~9월 콘솔)<br>
  실습엔 AI 코딩 도구 구독(Pro부터) 별도 · 위 월급은 API 비용만<br>
  디지털 콘텐츠라 환불은 어렵고, 개정판은 구매자 전원 무료 재배포</p>
</div>

<div class="sticky"><a href="https://automanager.s.gy/new">채용 순서 책 보기 · 28,600원<span>런칭가 10/12까지</span></a></div>
</body>
</html>
