<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>iTEM Gear</title>
    <link>https://itemgear.tistory.com/</link>
    <description>Review new products as quickly as possible!!</description>
    <language>ko</language>
    <pubDate>Wed, 10 Jun 2026 00:26:39 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>아이템기어</managingEditor>
    <image>
      <title>iTEM Gear</title>
      <url>https://tistory1.daumcdn.net/tistory/6143659/attach/548a51971235468ba97aa85721323ece</url>
      <link>https://itemgear.tistory.com</link>
    </image>
    <item>
      <title>Jetson Orin Nano Super &amp;mdash; SSD 설치 완전 가이드</title>
      <link>https://itemgear.tistory.com/8</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot; /&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
  &lt;title&gt;Jetson Orin Nano Super — SSD 설치 완전 가이드&lt;/title&gt;

  &lt;!-- =====================================================
       Google Fonts: 본문용 Noto Sans KR + 타이틀용 Bebas Neue
       ===================================================== --&gt;
  &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot; /&gt;
  &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin /&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;family=Noto+Sans+KR:wght@300;400;500;700&amp;family=JetBrains+Mono:wght@400;600&amp;display=swap&quot; rel=&quot;stylesheet&quot; /&gt;

  &lt;style&gt;
    /* =====================================================
       CSS 변수 (Color Palette) — 흰색 배경 / 블랙·그레이 톤
       ===================================================== */
    :root {
      --bg:          #ffffff;         /* 페이지 배경 — 순백 */
      --surface:     #f5f5f5;         /* 카드·섹션 배경 */
      --surface-2:   #ebebeb;         /* 중간 톤 surface */
      --border:      #d0d0d0;         /* 기본 경계선 */
      --border-dark: #999999;         /* 강조 경계선 */
      --text-main:   #111111;         /* 본문 메인 텍스트 */
      --text-sub:    #555555;         /* 보조 텍스트 */
      --text-muted:  #888888;         /* 흐린 텍스트 */
      --accent:      #1a1a1a;         /* 강조 — 거의 블랙 */
      --accent-2:    #444444;         /* 두 번째 강조 — 다크 그레이 */
      --code-bg:     #1e1e1e;         /* 코드블록 배경 — 다크 */
      --code-text:   #d4d4d4;         /* 코드블록 텍스트 */
      --highlight:   #2d2d2d;         /* 인라인 하이라이트 */
      --warn:        #3a3a3a;         /* 경고 박스 배경 */
      --warn-border: #222222;         /* 경고 박스 경계 */
      --step-num:    #111111;         /* 스텝 번호 */
      --tag-bg:      #222222;         /* 태그 배경 */
      --tag-text:    #eeeeee;         /* 태그 텍스트 */
    }

    /* =====================================================
       전역 리셋 &amp; 기본 스타일
       ===================================================== */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: 'Noto Sans KR', sans-serif;
      font-size: 16px;
      line-height: 1.8;
      color: var(--text-main);
      background: var(--bg);
      -webkit-font-smoothing: antialiased;
    }

    /* =====================================================
       레이아웃 래퍼 — 최대 820px, 중앙 정렬
       ===================================================== */
    .wrap {
      max-width: 820px;
      margin: 0 auto;
      padding: 0 20px 80px;
    }

    /* =====================================================
       히어로 헤더 — 그라데이션 없이 단색 블랙
       ===================================================== */
    .hero {
      background: #111111;
      color: #f0f0f0;
      padding: 60px 40px 50px;
      margin-bottom: 48px;
      position: relative;
      overflow: hidden;
    }

    /* 히어로 우측 상단 장식 도형 */
    .hero::before {
      content: '';
      position: absolute;
      top: -40px; right: -40px;
      width: 200px; height: 200px;
      border: 2px solid rgba(255,255,255,0.08);
      border-radius: 50%;
    }
    .hero::after {
      content: '';
      position: absolute;
      bottom: -20px; right: 40px;
      width: 100px; height: 100px;
      border: 2px solid rgba(255,255,255,0.05);
      border-radius: 50%;
    }

    /* 상단 카테고리 레이블 */
    .hero-label {
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      letter-spacing: 4px;
      text-transform: uppercase;
      color: #888888;
      margin-bottom: 16px;
    }

    /* 메인 타이틀 */
    .hero h1 {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(36px, 7vw, 64px);
      line-height: 1.05;
      letter-spacing: 2px;
      color: #ffffff;
      margin-bottom: 20px;
    }

    /* 서브타이틀 */
    .hero-sub {
      font-size: 15px;
      color: #aaaaaa;
      font-weight: 300;
      max-width: 480px;
      line-height: 1.7;
    }

    /* 날짜 + 읽는 시간 정보 */
    .hero-meta {
      margin-top: 28px;
      display: flex;
      gap: 20px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 12px;
      color: #666666;
    }
    .hero-meta span::before { content: '// '; color: #444; }

    /* =====================================================
       태그 목록
       ===================================================== */
    .tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 36px;
    }
    .tag {
      background: var(--tag-bg);
      color: var(--tag-text);
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      padding: 4px 12px;
      border-radius: 2px;
      letter-spacing: 1px;
    }

    /* =====================================================
       섹션 제목 (H2) — 좌측 굵은 선 강조
       ===================================================== */
    h2 {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 28px;
      letter-spacing: 2px;
      color: var(--text-main);
      margin: 52px 0 20px;
      padding-left: 16px;
      border-left: 4px solid var(--accent);
    }

    /* =====================================================
       소제목 (H3)
       ===================================================== */
    h3 {
      font-size: 17px;
      font-weight: 700;
      color: var(--text-main);
      margin: 32px 0 12px;
    }

    /* =====================================================
       일반 단락
       ===================================================== */
    p {
      color: var(--text-sub);
      margin-bottom: 16px;
      font-weight: 400;
    }

    /* =====================================================
       구분선
       ===================================================== */
    hr {
      border: none;
      border-top: 1px solid var(--border);
      margin: 40px 0;
    }

    /* =====================================================
       이미지 플레이스홀더 — 실제 이미지 대신 SVG+텍스트로 표현
       실제 블로그 운영 시 &lt;img&gt; 태그로 교체할 것
       ===================================================== */
    .img-placeholder {
      width: 100%;
      border-radius: 4px;
      margin: 24px 0;
      overflow: hidden;
      border: 1px solid var(--border);
      background: var(--surface);
      position: relative;
    }

    /* 이미지 상단 바 (맥 스타일 창 느낌) */
    .img-placeholder::before {
      content: attr(data-caption);
      display: block;
      background: var(--surface-2);
      border-bottom: 1px solid var(--border);
      padding: 8px 14px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      color: var(--text-muted);
      letter-spacing: 0.5px;
    }

    /* SVG 이미지 영역 */
    .img-placeholder svg {
      display: block;
      width: 100%;
    }

    /* 이미지 하단 캡션 */
    .img-caption {
      font-size: 13px;
      color: var(--text-muted);
      text-align: center;
      font-style: italic;
      margin-top: -16px;
      margin-bottom: 24px;
    }

    /* =====================================================
       스텝 박스 — 단계별 가이드 카드
       ===================================================== */
    .step-box {
      background: var(--surface);
      border: 1px solid var(--border);
      border-left: 4px solid var(--step-num);
      padding: 24px 24px 20px;
      margin: 28px 0;
      position: relative;
    }

    /* 스텝 번호 배지 */
    .step-num {
      position: absolute;
      top: -14px;
      left: 20px;
      background: var(--step-num);
      color: #fff;
      font-family: 'Bebas Neue', sans-serif;
      font-size: 14px;
      letter-spacing: 2px;
      padding: 2px 12px;
      border-radius: 2px;
    }

    /* 스텝 제목 */
    .step-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--text-main);
      margin-bottom: 10px;
    }

    /* =====================================================
       코드 블록 — 다크 테마
       ===================================================== */
    .code-block {
      background: var(--code-bg);
      border-radius: 4px;
      overflow: hidden;
      margin: 20px 0;
      border: 1px solid #333;
    }

    /* 코드블록 헤더 (파일명/언어 표시) */
    .code-header {
      background: #2a2a2a;
      padding: 8px 16px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      color: #777;
      border-bottom: 1px solid #333;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    /* 도트 장식 */
    .code-header::before {
      content: '●  ●  ●';
      font-size: 8px;
      color: #444;
      letter-spacing: 2px;
    }

    /* 코드 본문 */
    .code-block pre {
      padding: 20px;
      overflow-x: auto;
      font-family: 'JetBrains Mono', monospace;
      font-size: 13px;
      line-height: 1.7;
      color: var(--code-text);
    }

    /* 코드 내 주석 색상 */
    .code-block .comment { color: #6a9955; }
    /* 코드 내 명령어 강조 */
    .code-block .cmd { color: #9cdcfe; }
    /* 코드 내 값 강조 */
    .code-block .val { color: #ce9178; }

    /* =====================================================
       경고 / 주의 박스
       ===================================================== */
    .warn-box {
      background: var(--warn);
      border: 1px solid var(--warn-border);
      border-left: 4px solid #888;
      padding: 18px 20px;
      margin: 24px 0;
      border-radius: 2px;
    }
    .warn-box .warn-label {
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      letter-spacing: 3px;
      color: #aaaaaa;
      margin-bottom: 8px;
    }
    .warn-box p {
      color: #cccccc;
      margin: 0;
      font-size: 14px;
    }

    /* =====================================================
       정보 박스 (TIP)
       ===================================================== */
    .info-box {
      background: var(--surface);
      border: 1px solid var(--border);
      border-left: 4px solid #555;
      padding: 18px 20px;
      margin: 24px 0;
      border-radius: 2px;
    }
    .info-box .info-label {
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      letter-spacing: 3px;
      color: var(--text-muted);
      margin-bottom: 8px;
    }
    .info-box p {
      color: var(--text-sub);
      margin: 0;
      font-size: 14px;
    }

    /* =====================================================
       스펙 테이블
       ===================================================== */
    .spec-table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
      font-size: 14px;
    }
    .spec-table th {
      background: var(--accent);
      color: #ffffff;
      padding: 10px 16px;
      text-align: left;
      font-weight: 500;
      letter-spacing: 1px;
      font-size: 12px;
    }
    .spec-table td {
      padding: 10px 16px;
      border-bottom: 1px solid var(--border);
      color: var(--text-sub);
    }
    .spec-table tr:nth-child(even) td {
      background: var(--surface);
    }
    .spec-table td:first-child {
      font-weight: 600;
      color: var(--text-main);
      width: 40%;
    }

    /* =====================================================
       체크리스트
       ===================================================== */
    .checklist {
      list-style: none;
      margin: 16px 0;
    }
    .checklist li {
      padding: 8px 0 8px 32px;
      border-bottom: 1px dashed var(--border);
      position: relative;
      font-size: 14px;
      color: var(--text-sub);
    }
    /* 체크 아이콘 */
    .checklist li::before {
      content: '□';
      position: absolute;
      left: 0;
      font-size: 16px;
      color: var(--border-dark);
    }

    /* =====================================================
       점퍼 핀 다이어그램 — SVG 인라인
       ===================================================== */
    .jumper-diagram {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 4px;
      padding: 24px;
      margin: 24px 0;
      text-align: center;
    }
    .jumper-diagram h4 {
      font-family: 'JetBrains Mono', monospace;
      font-size: 12px;
      letter-spacing: 3px;
      color: var(--text-muted);
      margin-bottom: 20px;
      text-transform: uppercase;
    }

    /* =====================================================
       목차 (TOC)
       ===================================================== */
    .toc {
      background: var(--surface);
      border: 1px solid var(--border);
      padding: 24px 28px;
      margin: 32px 0;
      border-radius: 2px;
    }
    .toc-title {
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      letter-spacing: 4px;
      color: var(--text-muted);
      margin-bottom: 16px;
      text-transform: uppercase;
    }
    .toc ol {
      padding-left: 20px;
    }
    .toc li {
      color: var(--text-sub);
      margin-bottom: 6px;
      font-size: 14px;
    }
    .toc a {
      color: var(--text-main);
      text-decoration: none;
      font-weight: 500;
    }
    .toc a:hover { text-decoration: underline; }

    /* =====================================================
       하단 마무리 카드
       ===================================================== */
    .outro {
      background: #111111;
      color: #e0e0e0;
      padding: 36px 32px;
      margin-top: 60px;
      border-radius: 4px;
    }
    .outro p { color: #aaaaaa; margin-bottom: 8px; font-size: 14px; }
    .outro strong { color: #ffffff; }

    /* =====================================================
       반응형 — 작은 화면 대응
       ===================================================== */
    @media (max-width: 600px) {
      .hero { padding: 40px 24px 36px; }
      .wrap { padding: 0 14px 60px; }
      h2 { font-size: 22px; }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;!-- =====================================================
     히어로 섹션 — 블로그 포스트 타이틀
     ===================================================== --&gt;
&lt;div class=&quot;hero&quot;&gt;
  &lt;p class=&quot;hero-label&quot;&gt;Hardware Guide · 2024&lt;/p&gt;
  &lt;h1&gt;Jetson Orin Nano Super&lt;br&gt;SSD 부팅 완전 설치 가이드&lt;/h1&gt;
  &lt;p class=&quot;hero-sub&quot;&gt;eMMC 대신 NVMe SSD에 OS를 올려 성능을 극대화하는 방법을 단계별로 상세히 안내합니다.&lt;/p&gt;
  &lt;div class=&quot;hero-meta&quot;&gt;
    &lt;span&gt;Embedded AI&lt;/span&gt;
    &lt;span&gt;NVMe Boot&lt;/span&gt;
    &lt;span&gt;읽는 시간 약 12분&lt;/span&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;!-- =====================================================
     본문 래퍼
     ===================================================== --&gt;
&lt;div class=&quot;wrap&quot;&gt;

  &lt;!-- 태그 --&gt;
  &lt;div class=&quot;tags&quot;&gt;
    &lt;span class=&quot;tag&quot;&gt;Jetson Orin Nano Super&lt;/span&gt;
    &lt;span class=&quot;tag&quot;&gt;NVMe SSD&lt;/span&gt;
    &lt;span class=&quot;tag&quot;&gt;JetPack 6&lt;/span&gt;
    &lt;span class=&quot;tag&quot;&gt;Edge AI&lt;/span&gt;
    &lt;span class=&quot;tag&quot;&gt;Embedded Linux&lt;/span&gt;
    &lt;span class=&quot;tag&quot;&gt;NVIDIA&lt;/span&gt;
  &lt;/div&gt;

  &lt;!-- 목차 --&gt;
  &lt;div class=&quot;toc&quot;&gt;
    &lt;p class=&quot;toc-title&quot;&gt;// Table of Contents&lt;/p&gt;
    &lt;ol&gt;
      &lt;li&gt;&lt;a href=&quot;#intro&quot;&gt;소개 — Jetson Orin Nano Super란?&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#spec&quot;&gt;주요 스펙 한눈에 보기&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#parts&quot;&gt;준비물 체크리스트&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#jumper&quot;&gt;핵심! 점퍼(Jumper) 설정&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#ssd&quot;&gt;SSD 장착하기&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#flash&quot;&gt;JetPack 6 플래싱&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#boot&quot;&gt;SSD 부팅 설정&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#verify&quot;&gt;설치 확인 &amp; 마무리&lt;/a&gt;&lt;/li&gt;
    &lt;/ol&gt;
  &lt;/div&gt;

  &lt;!-- ===================================================
       섹션 1 — 소개
       =================================================== --&gt;
  &lt;h2 id=&quot;intro&quot;&gt;01 — 소개&lt;/h2&gt;

  &lt;p&gt;NVIDIA &lt;strong&gt;Jetson Orin Nano Super&lt;/strong&gt;는 2024년에 출시된 엣지 AI 보드로, 전작 대비 약 1.7배 향상된 AI 성능(최대 67 TOPS)을 제공합니다. 소형 폼팩터에 강력한 연산 능력을 담아 드론, 로봇, 스마트 카메라 등 다양한 임베디드 AI 애플리케이션에 적합합니다.&lt;/p&gt;

  &lt;p&gt;기본 제공되는 eMMC(16GB)는 용량과 속도 측면에서 한계가 있기 때문에, 실제 프로젝트 개발에서는 &lt;strong&gt;NVMe SSD에 직접 OS를 설치&lt;/strong&gt;하는 방법이 강력히 권장됩니다. 이 글에서는 그 과정을 처음부터 끝까지 상세히 설명합니다.&lt;/p&gt;

  &lt;!-- Jetson Orin Nano Super 보드 이미지 --&gt;
  &lt;div class=&quot;img-placeholder&quot; data-caption=&quot;   nvidia-jetson-orin-nano-super-board.jpg&quot;&gt;
    &lt;svg viewBox=&quot;0 0 780 360&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
      &lt;!-- 보드 외곽 --&gt;
      &lt;rect x=&quot;40&quot; y=&quot;30&quot; width=&quot;700&quot; height=&quot;300&quot; rx=&quot;8&quot; fill=&quot;#1a1a1a&quot; stroke=&quot;#333&quot; stroke-width=&quot;2&quot;/&gt;
      &lt;!-- PCB 색상 레이어 --&gt;
      &lt;rect x=&quot;50&quot; y=&quot;40&quot; width=&quot;680&quot; height=&quot;280&quot; rx=&quot;6&quot; fill=&quot;#0d1117&quot;/&gt;
      &lt;!-- 메인 SoC 칩 --&gt;
      &lt;rect x=&quot;260&quot; y=&quot;100&quot; width=&quot;180&quot; height=&quot;140&quot; rx=&quot;4&quot; fill=&quot;#2a2a2a&quot; stroke=&quot;#444&quot; stroke-width=&quot;1.5&quot;/&gt;
      &lt;text x=&quot;350&quot; y=&quot;165&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#76b900&quot; text-anchor=&quot;middle&quot;&gt;NVIDIA&lt;/text&gt;
      &lt;text x=&quot;350&quot; y=&quot;182&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;10&quot; fill=&quot;#999&quot; text-anchor=&quot;middle&quot;&gt;Orin Nano&lt;/text&gt;
      &lt;text x=&quot;350&quot; y=&quot;197&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#666&quot; text-anchor=&quot;middle&quot;&gt;Super&lt;/text&gt;
      &lt;!-- 커넥터 블록들 --&gt;
      &lt;rect x=&quot;52&quot; y=&quot;55&quot; width=&quot;60&quot; height=&quot;100&quot; rx=&quot;2&quot; fill=&quot;#222&quot; stroke=&quot;#333&quot;/&gt;
      &lt;text x=&quot;82&quot; y=&quot;100&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;8&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;HDMI&lt;/text&gt;
      &lt;text x=&quot;82&quot; y=&quot;115&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;8&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;USB-C&lt;/text&gt;
      &lt;!-- M.2 슬롯 표시 --&gt;
      &lt;rect x=&quot;500&quot; y=&quot;130&quot; width=&quot;180&quot; height=&quot;40&quot; rx=&quot;2&quot; fill=&quot;#181818&quot; stroke=&quot;#76b900&quot; stroke-width=&quot;1&quot; stroke-dasharray=&quot;4,3&quot;/&gt;
      &lt;text x=&quot;590&quot; y=&quot;148&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#76b900&quot; text-anchor=&quot;middle&quot;&gt;M.2 NVMe&lt;/text&gt;
      &lt;text x=&quot;590&quot; y=&quot;162&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;8&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;Key M · PCIe Gen3 x4&lt;/text&gt;
      &lt;!-- 점퍼 핀 위치 표시 --&gt;
      &lt;rect x=&quot;510&quot; y=&quot;220&quot; width=&quot;80&quot; height=&quot;30&quot; rx=&quot;2&quot; fill=&quot;#2a2a2a&quot; stroke=&quot;#ff6b35&quot; stroke-width=&quot;1.5&quot;/&gt;
      &lt;text x=&quot;550&quot; y=&quot;233&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;8&quot; fill=&quot;#ff6b35&quot; text-anchor=&quot;middle&quot;&gt;JUMPER&lt;/text&gt;
      &lt;text x=&quot;550&quot; y=&quot;245&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;7&quot; fill=&quot;#888&quot; text-anchor=&quot;middle&quot;&gt;J14 / FC_REC&lt;/text&gt;
      &lt;!-- GPIO 핀 헤더 --&gt;
      &lt;rect x=&quot;95&quot; y=&quot;260&quot; width=&quot;20&quot; height=&quot;55&quot; rx=&quot;1&quot; fill=&quot;#333&quot;/&gt;
      &lt;text x=&quot;105&quot; y=&quot;325&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;7&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;GPIO&lt;/text&gt;
      &lt;!-- 로고 --&gt;
      &lt;text x=&quot;700&quot; y=&quot;310&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#2d2d2d&quot; text-anchor=&quot;end&quot;&gt;JETSON ORIN NANO SUPER DEV KIT&lt;/text&gt;
    &lt;/svg&gt;
  &lt;/div&gt;
  &lt;p class=&quot;img-caption&quot;&gt;▲ Jetson Orin Nano Super 개발 키트 보드 (도식)&lt;/p&gt;

  &lt;!-- ===================================================
       섹션 2 — 스펙
       =================================================== --&gt;
  &lt;h2 id=&quot;spec&quot;&gt;02 — 주요 스펙&lt;/h2&gt;

  &lt;table class=&quot;spec-table&quot;&gt;
    &lt;thead&gt;
      &lt;tr&gt;&lt;th&gt;항목&lt;/th&gt;&lt;th&gt;사양&lt;/th&gt;&lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;&lt;td&gt;CPU&lt;/td&gt;&lt;td&gt;6-core Arm Cortex-A78AE v8.2 64-bit&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;GPU&lt;/td&gt;&lt;td&gt;1024-core NVIDIA Ampere + 32 Tensor Core&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;AI 성능&lt;/td&gt;&lt;td&gt;최대 67 TOPS&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;RAM&lt;/td&gt;&lt;td&gt;8GB LPDDR5 (unified memory)&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;스토리지 (기본)&lt;/td&gt;&lt;td&gt;eMMC 16GB&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;확장 스토리지&lt;/td&gt;&lt;td&gt;M.2 Key M (PCIe Gen3 x4) NVMe SSD&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;전력 소비&lt;/td&gt;&lt;td&gt;5W / 10W (설정 가능)&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;OS 지원&lt;/td&gt;&lt;td&gt;JetPack 6.x (Ubuntu 22.04 기반)&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;크기&lt;/td&gt;&lt;td&gt;69.6 × 45 mm (SoM)&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;

  &lt;!-- ===================================================
       섹션 3 — 준비물
       =================================================== --&gt;
  &lt;h2 id=&quot;parts&quot;&gt;03 — 준비물 체크리스트&lt;/h2&gt;

  &lt;p&gt;SSD 설치를 시작하기 전에 아래 항목들을 모두 준비해 주세요.&lt;/p&gt;

  &lt;ul class=&quot;checklist&quot;&gt;
    &lt;li&gt;Jetson Orin Nano Super 개발 키트 (Developer Kit)&lt;/li&gt;
    &lt;li&gt;M.2 Key M NVMe SSD (추천: Samsung 980 / WD SN770 / SK Hynix P31) — 최소 128GB&lt;/li&gt;
    &lt;li&gt;USB-C to USB-A 케이블 (데이터 전송 지원 필수)&lt;/li&gt;
    &lt;li&gt;점퍼 캡 (Jumper Shunt) × 1개 — 보드에 동봉되어 있을 수 있음&lt;/li&gt;
    &lt;li&gt;Host PC (Ubuntu 20.04 또는 22.04 권장, VM 가능하나 네이티브 추천)&lt;/li&gt;
    &lt;li&gt;NVIDIA SDK Manager 설치된 Host PC&lt;/li&gt;
    &lt;li&gt;인터넷 연결 (JetPack 다운로드용)&lt;/li&gt;
    &lt;li&gt;12V DC 전원 어댑터&lt;/li&gt;
  &lt;/ul&gt;

  &lt;div class=&quot;info-box&quot;&gt;
    &lt;p class=&quot;info-label&quot;&gt;// TIP&lt;/p&gt;
    &lt;p&gt;Host PC로 Ubuntu가 없다면 USB 부팅 디스크를 만들어 Live USB로 진행하거나, WSL2 대신 VirtualBox / VMware + USB 패스스루를 사용하세요. 단, USB 안정성은 네이티브 설치보다 낮을 수 있습니다.&lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- ===================================================
       섹션 4 — 점퍼 설정 (핵심!)
       =================================================== --&gt;
  &lt;h2 id=&quot;jumper&quot;&gt;04 — 핵심! 점퍼(Jumper) 설정&lt;/h2&gt;

  &lt;p&gt;SSD에 JetPack을 플래싱하려면 Jetson 보드를 &lt;strong&gt;강제 복구 모드(Force Recovery Mode)&lt;/strong&gt;로 진입시켜야 합니다. 이를 위해 &lt;strong&gt;FC_REC 핀과 GND 핀을 점퍼로 단락&lt;/strong&gt;시켜야 합니다. 이 과정이 가장 중요합니다!&lt;/p&gt;

  &lt;!-- 점퍼 실물 이미지 --&gt;
  &lt;div class=&quot;img-placeholder&quot; data-caption=&quot;   jumper-cap-shunt-2.54mm.jpg&quot;&gt;
    &lt;svg viewBox=&quot;0 0 780 240&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
      &lt;rect width=&quot;780&quot; height=&quot;240&quot; fill=&quot;#141414&quot;/&gt;
      &lt;!-- 점퍼 캡 3개 나열 --&gt;
      &lt;!-- 점퍼 1 (기본) --&gt;
      &lt;g transform=&quot;translate(180,50)&quot;&gt;
        &lt;rect x=&quot;-20&quot; y=&quot;0&quot; width=&quot;40&quot; height=&quot;70&quot; rx=&quot;4&quot; fill=&quot;#222&quot; stroke=&quot;#555&quot; stroke-width=&quot;1.5&quot;/&gt;
        &lt;rect x=&quot;-8&quot; y=&quot;8&quot; width=&quot;16&quot; height=&quot;54&quot; rx=&quot;2&quot; fill=&quot;#1a1a1a&quot;/&gt;
        &lt;!-- 핀 --&gt;
        &lt;rect x=&quot;-10&quot; y=&quot;65&quot; width=&quot;4&quot; height=&quot;30&quot; rx=&quot;1&quot; fill=&quot;#888&quot;/&gt;
        &lt;rect x=&quot;6&quot; y=&quot;65&quot; width=&quot;4&quot; height=&quot;30&quot; rx=&quot;1&quot; fill=&quot;#888&quot;/&gt;
        &lt;text x=&quot;0&quot; y=&quot;120&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;10&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;단독&lt;/text&gt;
      &lt;/g&gt;
      &lt;!-- 점퍼 2 (단락됨) — 강조 --&gt;
      &lt;g transform=&quot;translate(390,50)&quot;&gt;
        &lt;!-- 핀 2개 --&gt;
        &lt;rect x=&quot;-20&quot; y=&quot;65&quot; width=&quot;4&quot; height=&quot;30&quot; rx=&quot;1&quot; fill=&quot;#999&quot;/&gt;
        &lt;rect x=&quot;16&quot; y=&quot;65&quot; width=&quot;4&quot; height=&quot;30&quot; rx=&quot;1&quot; fill=&quot;#999&quot;/&gt;
        &lt;!-- 점퍼 캡 (핀 2개 연결) --&gt;
        &lt;rect x=&quot;-28&quot; y=&quot;10&quot; width=&quot;56&quot; height=&quot;60&quot; rx=&quot;4&quot; fill=&quot;#2a2a2a&quot; stroke=&quot;#ff6b35&quot; stroke-width=&quot;2&quot;/&gt;
        &lt;rect x=&quot;-16&quot; y=&quot;18&quot; width=&quot;32&quot; height=&quot;44&quot; rx=&quot;2&quot; fill=&quot;#1e1e1e&quot;/&gt;
        &lt;!-- 연결 표시 화살표 --&gt;
        &lt;line x1=&quot;-20&quot; y1=&quot;40&quot; x2=&quot;20&quot; y2=&quot;40&quot; stroke=&quot;#ff6b35&quot; stroke-width=&quot;2&quot; stroke-dasharray=&quot;3,2&quot;/&gt;
        &lt;text x=&quot;0&quot; y=&quot;115&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;10&quot; fill=&quot;#ff6b35&quot; text-anchor=&quot;middle&quot;&gt;단락(연결)&lt;/text&gt;
        &lt;!-- 라벨 --&gt;
        &lt;text x=&quot;-20&quot; y=&quot;108&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#888&quot; text-anchor=&quot;middle&quot;&gt;FC_REC&lt;/text&gt;
        &lt;text x=&quot;20&quot; y=&quot;108&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#888&quot; text-anchor=&quot;middle&quot;&gt;GND&lt;/text&gt;
      &lt;/g&gt;
      &lt;!-- 텍스트 설명 --&gt;
      &lt;text x=&quot;590&quot; y=&quot;80&quot; font-family=&quot;Noto Sans KR,sans-serif&quot; font-size=&quot;13&quot; fill=&quot;#888&quot; text-anchor=&quot;start&quot;&gt;점퍼 캡(Jumper Shunt)&lt;/text&gt;
      &lt;text x=&quot;590&quot; y=&quot;100&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#555&quot; text-anchor=&quot;start&quot;&gt;2.54mm 피치&lt;/text&gt;
      &lt;text x=&quot;590&quot; y=&quot;130&quot; font-family=&quot;Noto Sans KR,sans-serif&quot; font-size=&quot;12&quot; fill=&quot;#666&quot; text-anchor=&quot;start&quot;&gt;FC_REC ↔ GND 핀을&lt;/text&gt;
      &lt;text x=&quot;590&quot; y=&quot;150&quot; font-family=&quot;Noto Sans KR,sans-serif&quot; font-size=&quot;12&quot; fill=&quot;#ff6b35&quot; text-anchor=&quot;start&quot;&gt;반드시 단락!&lt;/text&gt;
      &lt;text x=&quot;390&quot; y=&quot;175&quot; font-family=&quot;Noto Sans KR,sans-serif&quot; font-size=&quot;11&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;← Recovery Mode 진입용&lt;/text&gt;
    &lt;/svg&gt;
  &lt;/div&gt;
  &lt;p class=&quot;img-caption&quot;&gt;▲ 점퍼 캡(Jumper Shunt) — FC_REC 핀과 GND 핀을 이 캡으로 연결합니다&lt;/p&gt;

  &lt;!-- 핀 위치 다이어그램 --&gt;
  &lt;div class=&quot;jumper-diagram&quot;&gt;
    &lt;h4&gt;// FC_REC 핀 위치 다이어그램 (J14 헤더)&lt;/h4&gt;
    &lt;svg viewBox=&quot;0 0 600 200&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
      &lt;!-- 배경 --&gt;
      &lt;rect width=&quot;600&quot; height=&quot;200&quot; fill=&quot;#111&quot;/&gt;

      &lt;!-- J14 헤더 커넥터 블록 --&gt;
      &lt;rect x=&quot;100&quot; y=&quot;40&quot; width=&quot;400&quot; height=&quot;120&quot; rx=&quot;4&quot; fill=&quot;#1a1a1a&quot; stroke=&quot;#333&quot; stroke-width=&quot;1&quot;/&gt;
      &lt;text x=&quot;300&quot; y=&quot;28&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;J14 — Button Header&lt;/text&gt;

      &lt;!-- 핀 그리드: 2행 x 7열 --&gt;
      &lt;!-- Row 1 (홀수 핀) --&gt;
      &lt;!-- Pin 1 — GND (강조) --&gt;
      &lt;rect x=&quot;130&quot; y=&quot;65&quot; width=&quot;24&quot; height=&quot;24&quot; rx=&quot;2&quot; fill=&quot;#ff6b35&quot; stroke=&quot;#ff6b35&quot; stroke-width=&quot;1.5&quot;/&gt;
      &lt;text x=&quot;142&quot; y=&quot;82&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#111&quot; text-anchor=&quot;middle&quot;&gt;1&lt;/text&gt;
      &lt;text x=&quot;142&quot; y=&quot;105&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;8&quot; fill=&quot;#ff6b35&quot; text-anchor=&quot;middle&quot;&gt;GND&lt;/text&gt;

      &lt;!-- Pin 3 --&gt;
      &lt;rect x=&quot;182&quot; y=&quot;65&quot; width=&quot;24&quot; height=&quot;24&quot; rx=&quot;2&quot; fill=&quot;#2a2a2a&quot; stroke=&quot;#444&quot; stroke-width=&quot;1&quot;/&gt;
      &lt;text x=&quot;194&quot; y=&quot;82&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#777&quot; text-anchor=&quot;middle&quot;&gt;3&lt;/text&gt;
      &lt;text x=&quot;194&quot; y=&quot;105&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;8&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;PWR&lt;/text&gt;

      &lt;!-- Pin 5 --&gt;
      &lt;rect x=&quot;234&quot; y=&quot;65&quot; width=&quot;24&quot; height=&quot;24&quot; rx=&quot;2&quot; fill=&quot;#2a2a2a&quot; stroke=&quot;#444&quot; stroke-width=&quot;1&quot;/&gt;
      &lt;text x=&quot;246&quot; y=&quot;82&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#777&quot; text-anchor=&quot;middle&quot;&gt;5&lt;/text&gt;
      &lt;text x=&quot;246&quot; y=&quot;105&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;8&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;RST&lt;/text&gt;

      &lt;!-- Pin 7 --&gt;
      &lt;rect x=&quot;286&quot; y=&quot;65&quot; width=&quot;24&quot; height=&quot;24&quot; rx=&quot;2&quot; fill=&quot;#2a2a2a&quot; stroke=&quot;#444&quot; stroke-width=&quot;1&quot;/&gt;
      &lt;text x=&quot;298&quot; y=&quot;82&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#777&quot; text-anchor=&quot;middle&quot;&gt;7&lt;/text&gt;
      &lt;text x=&quot;298&quot; y=&quot;105&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;8&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;-&lt;/text&gt;

      &lt;!-- Row 2 (짝수 핀) --&gt;
      &lt;!-- Pin 2 — FC_REC (강조) --&gt;
      &lt;rect x=&quot;130&quot; y=&quot;125&quot; width=&quot;24&quot; height=&quot;24&quot; rx=&quot;2&quot; fill=&quot;#ff6b35&quot; stroke=&quot;#ff6b35&quot; stroke-width=&quot;1.5&quot;/&gt;
      &lt;text x=&quot;142&quot; y=&quot;142&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#111&quot; text-anchor=&quot;middle&quot;&gt;2&lt;/text&gt;
      &lt;text x=&quot;142&quot; y=&quot;162&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;8&quot; fill=&quot;#ff6b35&quot; text-anchor=&quot;middle&quot;&gt;FC_REC&lt;/text&gt;

      &lt;!-- Pin 4 --&gt;
      &lt;rect x=&quot;182&quot; y=&quot;125&quot; width=&quot;24&quot; height=&quot;24&quot; rx=&quot;2&quot; fill=&quot;#2a2a2a&quot; stroke=&quot;#444&quot; stroke-width=&quot;1&quot;/&gt;
      &lt;text x=&quot;194&quot; y=&quot;142&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#777&quot; text-anchor=&quot;middle&quot;&gt;4&lt;/text&gt;
      &lt;text x=&quot;194&quot; y=&quot;162&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;8&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;GND&lt;/text&gt;

      &lt;!-- Pin 6 --&gt;
      &lt;rect x=&quot;234&quot; y=&quot;125&quot; width=&quot;24&quot; height=&quot;24&quot; rx=&quot;2&quot; fill=&quot;#2a2a2a&quot; stroke=&quot;#444&quot; stroke-width=&quot;1&quot;/&gt;
      &lt;text x=&quot;246&quot; y=&quot;142&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#777&quot; text-anchor=&quot;middle&quot;&gt;6&lt;/text&gt;
      &lt;text x=&quot;246&quot; y=&quot;162&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;8&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;GND&lt;/text&gt;

      &lt;!-- 점퍼 연결 표시 --&gt;
      &lt;line x1=&quot;130&quot; y1=&quot;77&quot; x2=&quot;130&quot; y2=&quot;137&quot; stroke=&quot;#ff6b35&quot; stroke-width=&quot;3&quot; stroke-dasharray=&quot;5,3&quot;/&gt;
      &lt;text x=&quot;100&quot; y=&quot;110&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#ff6b35&quot; text-anchor=&quot;end&quot;&gt;SHORT&lt;/text&gt;

      &lt;!-- 범례 --&gt;
      &lt;rect x=&quot;400&quot; y=&quot;70&quot; width=&quot;14&quot; height=&quot;14&quot; rx=&quot;1&quot; fill=&quot;#ff6b35&quot;/&gt;
      &lt;text x=&quot;420&quot; y=&quot;82&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;10&quot; fill=&quot;#aaa&quot;&gt;= 연결 필요 핀&lt;/text&gt;
      &lt;rect x=&quot;400&quot; y=&quot;95&quot; width=&quot;14&quot; height=&quot;14&quot; rx=&quot;1&quot; fill=&quot;#2a2a2a&quot; stroke=&quot;#444&quot; stroke-width=&quot;1&quot;/&gt;
      &lt;text x=&quot;420&quot; y=&quot;107&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;10&quot; fill=&quot;#555&quot;&gt;= 기타 핀&lt;/text&gt;
    &lt;/svg&gt;
  &lt;/div&gt;
  &lt;p class=&quot;img-caption&quot;&gt;▲ J14 헤더의 핀 1(GND) ↔ 핀 2(FC_REC)를 점퍼 캡으로 연결&lt;/p&gt;

  &lt;!-- 점퍼 장착 사진 --&gt;
  &lt;div class=&quot;img-placeholder&quot; data-caption=&quot;   jetson-jumper-installed-fc-rec-gnd.jpg&quot;&gt;
    &lt;svg viewBox=&quot;0 0 780 300&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
      &lt;rect width=&quot;780&quot; height=&quot;300&quot; fill=&quot;#0d1117&quot;/&gt;
      &lt;!-- 보드 --&gt;
      &lt;rect x=&quot;60&quot; y=&quot;40&quot; width=&quot;660&quot; height=&quot;220&quot; rx=&quot;6&quot; fill=&quot;#111&quot;/&gt;
      &lt;!-- PCB 텍스처 --&gt;
      &lt;rect x=&quot;70&quot; y=&quot;50&quot; width=&quot;640&quot; height=&quot;200&quot; rx=&quot;4&quot; fill=&quot;#0a1520&quot;/&gt;

      &lt;!-- J14 핀 헤더 위치 표시 (확대 원) --&gt;
      &lt;circle cx=&quot;300&quot; cy=&quot;150&quot; r=&quot;90&quot; fill=&quot;none&quot; stroke=&quot;#ff6b35&quot; stroke-width=&quot;2&quot; stroke-dasharray=&quot;8,4&quot;/&gt;

      &lt;!-- J14 핀들 --&gt;
      &lt;g transform=&quot;translate(245,120)&quot;&gt;
        &lt;!-- 핀 2x4 배열 --&gt;
        &lt;rect x=&quot;0&quot;  y=&quot;0&quot; width=&quot;12&quot; height=&quot;12&quot; rx=&quot;1&quot; fill=&quot;#888&quot; stroke=&quot;#aaa&quot; stroke-width=&quot;0.5&quot;/&gt;
        &lt;rect x=&quot;18&quot; y=&quot;0&quot; width=&quot;12&quot; height=&quot;12&quot; rx=&quot;1&quot; fill=&quot;#888&quot; stroke=&quot;#aaa&quot; stroke-width=&quot;0.5&quot;/&gt;
        &lt;rect x=&quot;36&quot; y=&quot;0&quot; width=&quot;12&quot; height=&quot;12&quot; rx=&quot;1&quot; fill=&quot;#888&quot; stroke=&quot;#aaa&quot; stroke-width=&quot;0.5&quot;/&gt;
        &lt;rect x=&quot;54&quot; y=&quot;0&quot; width=&quot;12&quot; height=&quot;12&quot; rx=&quot;1&quot; fill=&quot;#888&quot; stroke=&quot;#aaa&quot; stroke-width=&quot;0.5&quot;/&gt;

        &lt;rect x=&quot;0&quot;  y=&quot;20&quot; width=&quot;12&quot; height=&quot;12&quot; rx=&quot;1&quot; fill=&quot;#888&quot; stroke=&quot;#aaa&quot; stroke-width=&quot;0.5&quot;/&gt;
        &lt;rect x=&quot;18&quot; y=&quot;20&quot; width=&quot;12&quot; height=&quot;12&quot; rx=&quot;1&quot; fill=&quot;#888&quot; stroke=&quot;#aaa&quot; stroke-width=&quot;0.5&quot;/&gt;
        &lt;rect x=&quot;36&quot; y=&quot;20&quot; width=&quot;12&quot; height=&quot;12&quot; rx=&quot;1&quot; fill=&quot;#888&quot; stroke=&quot;#aaa&quot; stroke-width=&quot;0.5&quot;/&gt;
        &lt;rect x=&quot;54&quot; y=&quot;20&quot; width=&quot;12&quot; height=&quot;12&quot; rx=&quot;1&quot; fill=&quot;#888&quot; stroke=&quot;#aaa&quot; stroke-width=&quot;0.5&quot;/&gt;

        &lt;!-- 점퍼 캡 (Pin1-Pin2 단락) — 빨간 테두리 강조 --&gt;
        &lt;rect x=&quot;-4&quot; y=&quot;-4&quot; width=&quot;34&quot; height=&quot;40&quot; rx=&quot;3&quot; fill=&quot;#2a2a2a&quot; stroke=&quot;#ff6b35&quot; stroke-width=&quot;2&quot;/&gt;

        &lt;!-- 핀 라벨 --&gt;
        &lt;text x=&quot;6&quot;  y=&quot;-8&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;7&quot; fill=&quot;#ff6b35&quot; text-anchor=&quot;middle&quot;&gt;GND&lt;/text&gt;
        &lt;text x=&quot;6&quot;  y=&quot;45&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;7&quot; fill=&quot;#ff6b35&quot; text-anchor=&quot;middle&quot;&gt;FC_REC&lt;/text&gt;
      &lt;/g&gt;

      &lt;!-- 화살표 --&gt;
      &lt;line x1=&quot;400&quot; y1=&quot;150&quot; x2=&quot;345&quot; y2=&quot;150&quot; stroke=&quot;#ff6b35&quot; stroke-width=&quot;1.5&quot; marker-end=&quot;url(#arrow)&quot;/&gt;
      &lt;text x=&quot;420&quot; y=&quot;145&quot; font-family=&quot;Noto Sans KR,sans-serif&quot; font-size=&quot;13&quot; fill=&quot;#ff6b35&quot;&gt;점퍼 캡 장착 위치&lt;/text&gt;
      &lt;text x=&quot;420&quot; y=&quot;165&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#888&quot;&gt;Pin 1 (GND) ↔ Pin 2 (FC_REC)&lt;/text&gt;

      &lt;!-- 라벨 --&gt;
      &lt;text x=&quot;390&quot; y=&quot;30&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;10&quot; fill=&quot;#333&quot; text-anchor=&quot;middle&quot;&gt;J14 HEADER LOCATION&lt;/text&gt;
    &lt;/svg&gt;
  &lt;/div&gt;
  &lt;p class=&quot;img-caption&quot;&gt;▲ 보드 위 J14 헤더에 점퍼 캡을 장착한 상태 (Pin 1-GND ↔ Pin 2-FC_REC)&lt;/p&gt;

  &lt;div class=&quot;warn-box&quot;&gt;
    &lt;p class=&quot;warn-label&quot;&gt;⚠  WARNING&lt;/p&gt;
    &lt;p&gt;점퍼 장착은 반드시 &lt;strong&gt;전원이 꺼진 상태&lt;/strong&gt;에서 진행하세요. 전원이 켜진 상태에서 점퍼를 꽂으면 보드가 손상될 수 있습니다.&lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- 점퍼 장착 절차 --&gt;
  &lt;div class=&quot;step-box&quot;&gt;
    &lt;span class=&quot;step-num&quot;&gt;STEP 01&lt;/span&gt;
    &lt;p class=&quot;step-title&quot;&gt;전원 OFF 확인&lt;/p&gt;
    &lt;p&gt;Jetson 보드의 전원 케이블을 분리하고 완전히 꺼진 상태인지 확인합니다.&lt;/p&gt;
  &lt;/div&gt;

  &lt;div class=&quot;step-box&quot;&gt;
    &lt;span class=&quot;step-num&quot;&gt;STEP 02&lt;/span&gt;
    &lt;p class=&quot;step-title&quot;&gt;J14 헤더 찾기&lt;/p&gt;
    &lt;p&gt;보드를 살펴서 &lt;code&gt;J14&lt;/code&gt; 또는 &lt;code&gt;Button Header&lt;/code&gt;라고 표시된 2×4 핀 헤더를 찾습니다. 보드 실크 스크린에 &quot;FC REC&quot;라고 표시되어 있습니다.&lt;/p&gt;
  &lt;/div&gt;

  &lt;div class=&quot;step-box&quot;&gt;
    &lt;span class=&quot;step-num&quot;&gt;STEP 03&lt;/span&gt;
    &lt;p class=&quot;step-title&quot;&gt;점퍼 캡 장착&lt;/p&gt;
    &lt;p&gt;점퍼 캡(2.54mm 피치)을 &lt;strong&gt;핀 1(GND)과 핀 2(FC_REC)&lt;/strong&gt;에 끼웁니다. 핀 1은 보통 흰색 삼각형 마킹이나 숫자로 표시됩니다.&lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- ===================================================
       섹션 5 — SSD 장착
       =================================================== --&gt;
  &lt;h2 id=&quot;ssd&quot;&gt;05 — SSD 장착하기&lt;/h2&gt;

  &lt;p&gt;Jetson Orin Nano Super 개발 키트는 하단에 &lt;strong&gt;M.2 Key M 슬롯(PCIe Gen3 x4)&lt;/strong&gt;을 제공합니다. 여기에 NVMe SSD를 장착합니다.&lt;/p&gt;

  &lt;!-- SSD 장착 이미지 --&gt;
  &lt;div class=&quot;img-placeholder&quot; data-caption=&quot;   nvme-ssd-m2-installation.jpg&quot;&gt;
    &lt;svg viewBox=&quot;0 0 780 280&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
      &lt;rect width=&quot;780&quot; height=&quot;280&quot; fill=&quot;#111&quot;/&gt;

      &lt;!-- SSD 모양 --&gt;
      &lt;g transform=&quot;translate(100, 60)&quot;&gt;
        &lt;rect x=&quot;0&quot; y=&quot;0&quot; width=&quot;280&quot; height=&quot;90&quot; rx=&quot;4&quot; fill=&quot;#1a1a1a&quot; stroke=&quot;#444&quot; stroke-width=&quot;1.5&quot;/&gt;
        &lt;!-- 낸드 칩 --&gt;
        &lt;rect x=&quot;20&quot;  y=&quot;15&quot; width=&quot;50&quot; height=&quot;30&quot; rx=&quot;2&quot; fill=&quot;#222&quot; stroke=&quot;#333&quot;/&gt;
        &lt;rect x=&quot;80&quot;  y=&quot;15&quot; width=&quot;50&quot; height=&quot;30&quot; rx=&quot;2&quot; fill=&quot;#222&quot; stroke=&quot;#333&quot;/&gt;
        &lt;rect x=&quot;140&quot; y=&quot;15&quot; width=&quot;50&quot; height=&quot;30&quot; rx=&quot;2&quot; fill=&quot;#222&quot; stroke=&quot;#333&quot;/&gt;
        &lt;rect x=&quot;200&quot; y=&quot;15&quot; width=&quot;50&quot; height=&quot;30&quot; rx=&quot;2&quot; fill=&quot;#222&quot; stroke=&quot;#333&quot;/&gt;
        &lt;!-- 컨트롤러 --&gt;
        &lt;rect x=&quot;80&quot; y=&quot;52&quot; width=&quot;60&quot; height=&quot;24&quot; rx=&quot;2&quot; fill=&quot;#2a2a2a&quot; stroke=&quot;#555&quot;/&gt;
        &lt;text x=&quot;110&quot; y=&quot;68&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;8&quot; fill=&quot;#666&quot; text-anchor=&quot;middle&quot;&gt;CTRL&lt;/text&gt;
        &lt;!-- Key M 커넥터 --&gt;
        &lt;rect x=&quot;230&quot; y=&quot;70&quot; width=&quot;50&quot; height=&quot;16&quot; rx=&quot;1&quot; fill=&quot;#333&quot; stroke=&quot;#555&quot;/&gt;
        &lt;text x=&quot;255&quot; y=&quot;82&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;7&quot; fill=&quot;#888&quot; text-anchor=&quot;middle&quot;&gt;M.2 Key M&lt;/text&gt;
        &lt;text x=&quot;140&quot; y=&quot;108&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;10&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;NVMe SSD (2280)&lt;/text&gt;
      &lt;/g&gt;

      &lt;!-- 화살표 — 슬롯에 삽입 --&gt;
      &lt;path d=&quot;M 400 140 L 500 140&quot; stroke=&quot;#76b900&quot; stroke-width=&quot;2&quot; fill=&quot;none&quot;
            marker-end=&quot;url(#arrowGreen)&quot;/&gt;

      &lt;!-- M.2 슬롯 (보드) --&gt;
      &lt;g transform=&quot;translate(510, 100)&quot;&gt;
        &lt;rect x=&quot;0&quot; y=&quot;0&quot; width=&quot;180&quot; height=&quot;80&quot; rx=&quot;4&quot; fill=&quot;#0a1520&quot; stroke=&quot;#333&quot; stroke-width=&quot;1.5&quot;/&gt;
        &lt;rect x=&quot;10&quot; y=&quot;30&quot; width=&quot;160&quot; height=&quot;20&quot; rx=&quot;2&quot; fill=&quot;#111&quot; stroke=&quot;#76b900&quot; stroke-width=&quot;1.5&quot; stroke-dasharray=&quot;5,3&quot;/&gt;
        &lt;text x=&quot;90&quot; y=&quot;44&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#76b900&quot; text-anchor=&quot;middle&quot;&gt;M.2 KEY M SLOT&lt;/text&gt;
        &lt;text x=&quot;90&quot; y=&quot;95&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;PCIe Gen3 x4&lt;/text&gt;
      &lt;/g&gt;

      &lt;defs&gt;
        &lt;marker id=&quot;arrowGreen&quot; viewBox=&quot;0 0 10 10&quot; refX=&quot;10&quot; refY=&quot;5&quot; markerWidth=&quot;6&quot; markerHeight=&quot;6&quot; orient=&quot;auto&quot;&gt;
          &lt;path d=&quot;M 0 0 L 10 5 L 0 10 z&quot; fill=&quot;#76b900&quot;/&gt;
        &lt;/marker&gt;
      &lt;/defs&gt;
      &lt;text x=&quot;390&quot; y=&quot;200&quot; font-family=&quot;Noto Sans KR,sans-serif&quot; font-size=&quot;12&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;30도 각도로 삽입 후 나사로 고정&lt;/text&gt;
    &lt;/svg&gt;
  &lt;/div&gt;
  &lt;p class=&quot;img-caption&quot;&gt;▲ NVMe SSD를 M.2 Key M 슬롯에 삽입하는 방향&lt;/p&gt;

  &lt;div class=&quot;step-box&quot;&gt;
    &lt;span class=&quot;step-num&quot;&gt;STEP 04&lt;/span&gt;
    &lt;p class=&quot;step-title&quot;&gt;SSD 삽입&lt;/p&gt;
    &lt;p&gt;NVMe SSD를 &lt;strong&gt;약 30도 기울여&lt;/strong&gt; M.2 슬롯에 밀어 넣습니다. 커넥터가 완전히 맞물릴 때까지 밀어 넣으세요.&lt;/p&gt;
  &lt;/div&gt;

  &lt;div class=&quot;step-box&quot;&gt;
    &lt;span class=&quot;step-num&quot;&gt;STEP 05&lt;/span&gt;
    &lt;p class=&quot;step-title&quot;&gt;나사 고정&lt;/p&gt;
    &lt;p&gt;SSD를 눌러 보드에 밀착시킨 후, M.2 고정 나사(M2 × 3mm)로 단단히 고정합니다.&lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- ===================================================
       섹션 6 — JetPack 플래싱
       =================================================== --&gt;
  &lt;h2 id=&quot;flash&quot;&gt;06 — JetPack 6 플래싱&lt;/h2&gt;

  &lt;p&gt;이제 Host PC에서 NVIDIA SDK Manager를 사용해 JetPack 6를 SSD에 플래싱합니다.&lt;/p&gt;

  &lt;div class=&quot;step-box&quot;&gt;
    &lt;span class=&quot;step-num&quot;&gt;STEP 06&lt;/span&gt;
    &lt;p class=&quot;step-title&quot;&gt;USB-C 케이블 연결&lt;/p&gt;
    &lt;p&gt;Host PC와 Jetson 보드의 USB-C(Micro-USB) Debug / Recovery 포트를 케이블로 연결합니다.&lt;/p&gt;
  &lt;/div&gt;

  &lt;div class=&quot;step-box&quot;&gt;
    &lt;span class=&quot;step-num&quot;&gt;STEP 07&lt;/span&gt;
    &lt;p class=&quot;step-title&quot;&gt;전원 인가 &amp; Recovery 모드 확인&lt;/p&gt;
    &lt;p&gt;전원을 연결하면 점퍼로 인해 자동으로 Recovery Mode로 부팅됩니다. Host PC에서 아래 명령으로 확인하세요.&lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- 코드블록 — lsusb 확인 --&gt;
  &lt;div class=&quot;code-block&quot;&gt;
    &lt;div class=&quot;code-header&quot;&gt;bash — Host PC 터미널&lt;/div&gt;
    &lt;pre&gt;&lt;span class=&quot;comment&quot;&gt;# Recovery Mode 진입 확인 명령어&lt;/span&gt;
&lt;span class=&quot;comment&quot;&gt;# 아래 명령 실행 후 NVIDIA Corp 항목이 보이면 성공&lt;/span&gt;
&lt;span class=&quot;cmd&quot;&gt;lsusb&lt;/span&gt;

&lt;span class=&quot;comment&quot;&gt;# 출력 예시:&lt;/span&gt;
&lt;span class=&quot;comment&quot;&gt;# Bus 002 Device 005: ID 0955:7323 NVIDIA Corp. APX&lt;/span&gt;
&lt;span class=&quot;comment&quot;&gt;# ^^^^^^^^^^^^ 이 줄이 보이면 Recovery Mode 진입 성공!&lt;/span&gt;&lt;/pre&gt;
  &lt;/div&gt;

  &lt;div class=&quot;step-box&quot;&gt;
    &lt;span class=&quot;step-num&quot;&gt;STEP 08&lt;/span&gt;
    &lt;p class=&quot;step-title&quot;&gt;SDK Manager 실행 및 플래싱&lt;/p&gt;
    &lt;p&gt;SDK Manager를 실행하고 다음 순서로 진행합니다.&lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- SDK Manager 플로우 --&gt;
  &lt;div class=&quot;img-placeholder&quot; data-caption=&quot;   sdk-manager-flow-screenshot.png&quot;&gt;
    &lt;svg viewBox=&quot;0 0 780 320&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
      &lt;rect width=&quot;780&quot; height=&quot;320&quot; fill=&quot;#1a1a1a&quot;/&gt;

      &lt;!-- 창 제목 --&gt;
      &lt;rect x=&quot;20&quot; y=&quot;20&quot; width=&quot;740&quot; height=&quot;280&quot; rx=&quot;6&quot; fill=&quot;#111&quot; stroke=&quot;#333&quot; stroke-width=&quot;1&quot;/&gt;
      &lt;rect x=&quot;20&quot; y=&quot;20&quot; width=&quot;740&quot; height=&quot;36&quot; rx=&quot;6&quot; fill=&quot;#2a2a2a&quot;/&gt;
      &lt;text x=&quot;390&quot; y=&quot;44&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;13&quot; fill=&quot;#aaa&quot; text-anchor=&quot;middle&quot;&gt;NVIDIA SDK Manager&lt;/text&gt;

      &lt;!-- Step 카드들 --&gt;
      &lt;!-- Step 1 --&gt;
      &lt;rect x=&quot;50&quot; y=&quot;80&quot; width=&quot;160&quot; height=&quot;80&quot; rx=&quot;4&quot; fill=&quot;#76b900&quot; opacity=&quot;0.15&quot; stroke=&quot;#76b900&quot; stroke-width=&quot;1&quot;/&gt;
      &lt;text x=&quot;130&quot; y=&quot;114&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;10&quot; fill=&quot;#76b900&quot; text-anchor=&quot;middle&quot;&gt;STEP 01&lt;/text&gt;
      &lt;text x=&quot;130&quot; y=&quot;132&quot; font-family=&quot;Noto Sans KR,sans-serif&quot; font-size=&quot;11&quot; fill=&quot;#aaa&quot; text-anchor=&quot;middle&quot;&gt;Device 선택&lt;/text&gt;
      &lt;text x=&quot;130&quot; y=&quot;150&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#666&quot; text-anchor=&quot;middle&quot;&gt;Jetson Orin Nano&lt;/text&gt;

      &lt;!-- 화살표 --&gt;
      &lt;text x=&quot;228&quot; y=&quot;125&quot; font-family=&quot;monospace&quot; font-size=&quot;18&quot; fill=&quot;#444&quot;&gt;→&lt;/text&gt;

      &lt;!-- Step 2 --&gt;
      &lt;rect x=&quot;250&quot; y=&quot;80&quot; width=&quot;160&quot; height=&quot;80&quot; rx=&quot;4&quot; fill=&quot;#444&quot; opacity=&quot;0.3&quot; stroke=&quot;#555&quot; stroke-width=&quot;1&quot;/&gt;
      &lt;text x=&quot;330&quot; y=&quot;114&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;10&quot; fill=&quot;#aaa&quot; text-anchor=&quot;middle&quot;&gt;STEP 02&lt;/text&gt;
      &lt;text x=&quot;330&quot; y=&quot;132&quot; font-family=&quot;Noto Sans KR,sans-serif&quot; font-size=&quot;11&quot; fill=&quot;#aaa&quot; text-anchor=&quot;middle&quot;&gt;JetPack 버전&lt;/text&gt;
      &lt;text x=&quot;330&quot; y=&quot;150&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#666&quot; text-anchor=&quot;middle&quot;&gt;JetPack 6.x&lt;/text&gt;

      &lt;!-- 화살표 --&gt;
      &lt;text x=&quot;428&quot; y=&quot;125&quot; font-family=&quot;monospace&quot; font-size=&quot;18&quot; fill=&quot;#444&quot;&gt;→&lt;/text&gt;

      &lt;!-- Step 3 --&gt;
      &lt;rect x=&quot;450&quot; y=&quot;80&quot; width=&quot;160&quot; height=&quot;80&quot; rx=&quot;4&quot; fill=&quot;#444&quot; opacity=&quot;0.3&quot; stroke=&quot;#555&quot; stroke-width=&quot;1&quot;/&gt;
      &lt;text x=&quot;530&quot; y=&quot;114&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;10&quot; fill=&quot;#aaa&quot; text-anchor=&quot;middle&quot;&gt;STEP 03&lt;/text&gt;
      &lt;text x=&quot;530&quot; y=&quot;132&quot; font-family=&quot;Noto Sans KR,sans-serif&quot; font-size=&quot;11&quot; fill=&quot;#aaa&quot; text-anchor=&quot;middle&quot;&gt;Storage 선택&lt;/text&gt;
      &lt;text x=&quot;530&quot; y=&quot;150&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;9&quot; fill=&quot;#ff6b35&quot; text-anchor=&quot;middle&quot;&gt;NVMe SSD ←선택!&lt;/text&gt;

      &lt;!-- 프로그레스 바 --&gt;
      &lt;rect x=&quot;50&quot; y=&quot;210&quot; width=&quot;680&quot; height=&quot;20&quot; rx=&quot;3&quot; fill=&quot;#222&quot; stroke=&quot;#333&quot;/&gt;
      &lt;rect x=&quot;50&quot; y=&quot;210&quot; width=&quot;340&quot; height=&quot;20&quot; rx=&quot;3&quot; fill=&quot;#76b900&quot; opacity=&quot;0.7&quot;/&gt;
      &lt;text x=&quot;390&quot; y=&quot;248&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;10&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;Flashing... (예상 시간: 15~20분)&lt;/text&gt;

      &lt;text x=&quot;390&quot; y=&quot;280&quot; font-family=&quot;Noto Sans KR,sans-serif&quot; font-size=&quot;12&quot; fill=&quot;#555&quot; text-anchor=&quot;middle&quot;&gt;Storage 타입에서 반드시 &quot;NVMe&quot; 또는 &quot;SSD&quot;를 선택해야 합니다&lt;/text&gt;
    &lt;/svg&gt;
  &lt;/div&gt;
  &lt;p class=&quot;img-caption&quot;&gt;▲ SDK Manager 플래싱 흐름 — Storage 선택 시 NVMe를 반드시 선택&lt;/p&gt;

  &lt;!-- CLI 플래싱 대안 --&gt;
  &lt;h3&gt;CLI 방식 (SDK Manager 없이 직접 플래싱)&lt;/h3&gt;
  &lt;p&gt;SDK Manager 대신 터미널에서 직접 플래싱하려면 다음 명령을 사용하세요.&lt;/p&gt;

  &lt;div class=&quot;code-block&quot;&gt;
    &lt;div class=&quot;code-header&quot;&gt;bash — Host PC (JetPack BSP 폴더에서 실행)&lt;/div&gt;
    &lt;pre&gt;&lt;span class=&quot;comment&quot;&gt;# JetPack 6 BSP 다운로드 및 압축 해제 후 아래 경로로 이동&lt;/span&gt;
&lt;span class=&quot;cmd&quot;&gt;cd&lt;/span&gt; &lt;span class=&quot;val&quot;&gt;Linux_for_Tegra/&lt;/span&gt;

&lt;span class=&quot;comment&quot;&gt;# NVMe SSD를 타겟으로 플래싱 (jetson-orin-nano-devkit 사용)&lt;/span&gt;
&lt;span class=&quot;comment&quot;&gt;# nvme0n1 = 첫 번째 NVMe 장치&lt;/span&gt;
&lt;span class=&quot;cmd&quot;&gt;sudo ./flash.sh&lt;/span&gt; &lt;span class=&quot;val&quot;&gt;jetson-orin-nano-devkit&lt;/span&gt; nvme0n1

&lt;span class=&quot;comment&quot;&gt;# 플래싱 완료까지 15~30분 소요&lt;/span&gt;
&lt;span class=&quot;comment&quot;&gt;# &quot;The target t234 has been flashed successfully.&quot; 메시지 확인&lt;/span&gt;&lt;/pre&gt;
  &lt;/div&gt;

  &lt;!-- ===================================================
       섹션 7 — SSD 부팅 설정
       =================================================== --&gt;
  &lt;h2 id=&quot;boot&quot;&gt;07 — SSD 부팅 설정&lt;/h2&gt;

  &lt;p&gt;플래싱이 완료되면 점퍼를 제거하고 SSD에서 부팅되도록 설정합니다.&lt;/p&gt;

  &lt;div class=&quot;step-box&quot;&gt;
    &lt;span class=&quot;step-num&quot;&gt;STEP 09&lt;/span&gt;
    &lt;p class=&quot;step-title&quot;&gt;점퍼 제거&lt;/p&gt;
    &lt;p&gt;전원을 끄고 J14 헤더에서 점퍼 캡을 &lt;strong&gt;반드시 제거&lt;/strong&gt;합니다. 점퍼가 남아 있으면 매번 Recovery Mode로 부팅됩니다.&lt;/p&gt;
  &lt;/div&gt;

  &lt;div class=&quot;warn-box&quot;&gt;
    &lt;p class=&quot;warn-label&quot;&gt;⚠  CRITICAL&lt;/p&gt;
    &lt;p&gt;점퍼를 제거하지 않으면 일반 OS 부팅이 되지 않습니다. 플래싱 후 반드시 점퍼를 뽑아야 합니다!&lt;/p&gt;
  &lt;/div&gt;

  &lt;div class=&quot;step-box&quot;&gt;
    &lt;span class=&quot;step-num&quot;&gt;STEP 10&lt;/span&gt;
    &lt;p class=&quot;step-title&quot;&gt;부트 순서 확인&lt;/p&gt;
    &lt;p&gt;Jetson은 기본적으로 eMMC → NVMe 순서로 부팅을 시도합니다. NVMe에 OS를 설치했으므로 별도 설정 없이 SSD에서 부팅됩니다.&lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- ===================================================
       섹션 8 — 설치 확인
       =================================================== --&gt;
  &lt;h2 id=&quot;verify&quot;&gt;08 — 설치 확인 &amp; 마무리&lt;/h2&gt;

  &lt;p&gt;부팅 후 Jetson 터미널에서 아래 명령으로 설치 상태를 확인합니다.&lt;/p&gt;

  &lt;div class=&quot;code-block&quot;&gt;
    &lt;div class=&quot;code-header&quot;&gt;bash — Jetson 터미널&lt;/div&gt;
    &lt;pre&gt;&lt;span class=&quot;comment&quot;&gt;# 1. JetPack 버전 확인&lt;/span&gt;
&lt;span class=&quot;cmd&quot;&gt;cat&lt;/span&gt; /etc/nv_tegra_release
&lt;span class=&quot;comment&quot;&gt;# 예: # R36 (release), REVISION: 3.0, GCID: ..., DATE: ...&lt;/span&gt;

&lt;span class=&quot;comment&quot;&gt;# 2. SSD 마운트 확인&lt;/span&gt;
&lt;span class=&quot;cmd&quot;&gt;lsblk&lt;/span&gt;
&lt;span class=&quot;comment&quot;&gt;# nvme0n1 이 루트(/) 파티션으로 마운트되어 있어야 함&lt;/span&gt;

&lt;span class=&quot;comment&quot;&gt;# 3. SSD 용량 확인&lt;/span&gt;
&lt;span class=&quot;cmd&quot;&gt;df -h&lt;/span&gt; /
&lt;span class=&quot;comment&quot;&gt;# Filesystem: /dev/nvme0n1p1&lt;/span&gt;

&lt;span class=&quot;comment&quot;&gt;# 4. AI 성능 확인 (jtop 설치 필요)&lt;/span&gt;
&lt;span class=&quot;cmd&quot;&gt;sudo pip3 install jetson-stats&lt;/span&gt;
&lt;span class=&quot;cmd&quot;&gt;sudo jtop&lt;/span&gt;
&lt;span class=&quot;comment&quot;&gt;# GPU 사용률, CPU, 온도 등 실시간 모니터링&lt;/span&gt;

&lt;span class=&quot;comment&quot;&gt;# 5. 부팅 디바이스 확인&lt;/span&gt;
&lt;span class=&quot;cmd&quot;&gt;cat&lt;/span&gt; /proc/cmdline | &lt;span class=&quot;cmd&quot;&gt;grep&lt;/span&gt; root
&lt;span class=&quot;comment&quot;&gt;# root=/dev/nvme0n1p1 이면 SSD 부팅 성공!&lt;/span&gt;&lt;/pre&gt;
  &lt;/div&gt;

  &lt;!-- 최종 확인 결과 이미지 --&gt;
  &lt;div class=&quot;img-placeholder&quot; data-caption=&quot;   jetson-jtop-running.png&quot;&gt;
    &lt;svg viewBox=&quot;0 0 780 260&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
      &lt;rect width=&quot;780&quot; height=&quot;260&quot; fill=&quot;#0d0d0d&quot;/&gt;
      &lt;rect x=&quot;10&quot; y=&quot;10&quot; width=&quot;760&quot; height=&quot;240&quot; rx=&quot;4&quot; fill=&quot;#111&quot; stroke=&quot;#333&quot;/&gt;
      &lt;!-- jtop 헤더 --&gt;
      &lt;rect x=&quot;10&quot; y=&quot;10&quot; width=&quot;760&quot; height=&quot;32&quot; rx=&quot;4&quot; fill=&quot;#76b900&quot;/&gt;
      &lt;text x=&quot;390&quot; y=&quot;32&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;14&quot; fill=&quot;#000&quot; text-anchor=&quot;middle&quot; font-weight=&quot;bold&quot;&gt;jtop — Jetson Orin Nano Super&lt;/text&gt;
      &lt;!-- GPU 바 --&gt;
      &lt;text x=&quot;30&quot; y=&quot;70&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#888&quot;&gt;GPU&lt;/text&gt;
      &lt;rect x=&quot;80&quot; y=&quot;58&quot; width=&quot;400&quot; height=&quot;16&quot; rx=&quot;2&quot; fill=&quot;#222&quot;/&gt;
      &lt;rect x=&quot;80&quot; y=&quot;58&quot; width=&quot;120&quot; height=&quot;16&quot; rx=&quot;2&quot; fill=&quot;#76b900&quot; opacity=&quot;0.8&quot;/&gt;
      &lt;text x=&quot;490&quot; y=&quot;72&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#76b900&quot;&gt;30%&lt;/text&gt;
      &lt;!-- CPU 바 --&gt;
      &lt;text x=&quot;30&quot; y=&quot;98&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#888&quot;&gt;CPU&lt;/text&gt;
      &lt;rect x=&quot;80&quot; y=&quot;86&quot; width=&quot;400&quot; height=&quot;16&quot; rx=&quot;2&quot; fill=&quot;#222&quot;/&gt;
      &lt;rect x=&quot;80&quot; y=&quot;86&quot; width=&quot;80&quot; height=&quot;16&quot; rx=&quot;2&quot; fill=&quot;#aaa&quot; opacity=&quot;0.7&quot;/&gt;
      &lt;text x=&quot;490&quot; y=&quot;100&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#aaa&quot;&gt;20%&lt;/text&gt;
      &lt;!-- RAM --&gt;
      &lt;text x=&quot;30&quot; y=&quot;126&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#888&quot;&gt;RAM&lt;/text&gt;
      &lt;rect x=&quot;80&quot; y=&quot;114&quot; width=&quot;400&quot; height=&quot;16&quot; rx=&quot;2&quot; fill=&quot;#222&quot;/&gt;
      &lt;rect x=&quot;80&quot; y=&quot;114&quot; width=&quot;200&quot; height=&quot;16&quot; rx=&quot;2&quot; fill=&quot;#888&quot; opacity=&quot;0.6&quot;/&gt;
      &lt;text x=&quot;490&quot; y=&quot;128&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#888&quot;&gt;2.5 / 8 GB&lt;/text&gt;
      &lt;!-- 스토리지 정보 --&gt;
      &lt;text x=&quot;30&quot; y=&quot;160&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#888&quot;&gt;DISK&lt;/text&gt;
      &lt;text x=&quot;80&quot; y=&quot;160&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#76b900&quot;&gt;/dev/nvme0n1p1 — 238 GB (SSD ✓)&lt;/text&gt;
      &lt;!-- 온도 --&gt;
      &lt;text x=&quot;30&quot; y=&quot;190&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#888&quot;&gt;TEMP&lt;/text&gt;
      &lt;text x=&quot;80&quot; y=&quot;190&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#aaa&quot;&gt;CPU: 42°C  GPU: 38°C  Board: 36°C&lt;/text&gt;
      &lt;!-- AI 성능 --&gt;
      &lt;text x=&quot;30&quot; y=&quot;220&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#888&quot;&gt;AI&lt;/text&gt;
      &lt;text x=&quot;80&quot; y=&quot;220&quot; font-family=&quot;JetBrains Mono,monospace&quot; font-size=&quot;11&quot; fill=&quot;#76b900&quot;&gt;67 TOPS (Orin Nano Super)&lt;/text&gt;
    &lt;/svg&gt;
  &lt;/div&gt;
  &lt;p class=&quot;img-caption&quot;&gt;▲ jtop으로 확인한 Jetson Orin Nano Super — /dev/nvme0n1p1에서 정상 부팅&lt;/p&gt;

  &lt;hr /&gt;

  &lt;!-- 트러블슈팅 --&gt;
  &lt;h2&gt;문제 해결 (Troubleshooting)&lt;/h2&gt;

  &lt;h3&gt;lsusb에서 NVIDIA APX가 안 보일 때&lt;/h3&gt;
  &lt;p&gt;점퍼가 올바르게 장착되지 않았거나 USB 케이블 문제입니다. 케이블을 교체하고 점퍼 장착 위치를 다시 확인하세요.&lt;/p&gt;

  &lt;h3&gt;플래싱 중 &quot;device not found&quot; 오류&lt;/h3&gt;
  &lt;p&gt;SDK Manager를 sudo 권한으로 실행하거나, udev 규칙을 추가해 보세요.&lt;/p&gt;

  &lt;div class=&quot;code-block&quot;&gt;
    &lt;div class=&quot;code-header&quot;&gt;bash — udev 규칙 추가&lt;/div&gt;
    &lt;pre&gt;&lt;span class=&quot;comment&quot;&gt;# NVIDIA 장치 udev 규칙 추가&lt;/span&gt;
&lt;span class=&quot;cmd&quot;&gt;echo&lt;/span&gt; &lt;span class=&quot;val&quot;&gt;'SUBSYSTEM==&quot;usb&quot;, ATTRS{idVendor}==&quot;0955&quot;, MODE=&quot;0666&quot;'&lt;/span&gt; | \
  &lt;span class=&quot;cmd&quot;&gt;sudo tee&lt;/span&gt; /etc/udev/rules.d/99-nvidia-jetson.rules

&lt;span class=&quot;comment&quot;&gt;# udev 규칙 재로드&lt;/span&gt;
&lt;span class=&quot;cmd&quot;&gt;sudo udevadm control&lt;/span&gt; --reload-rules
&lt;span class=&quot;cmd&quot;&gt;sudo udevadm trigger&lt;/span&gt;&lt;/pre&gt;
  &lt;/div&gt;

  &lt;h3&gt;SSD가 인식되지 않을 때&lt;/h3&gt;
  &lt;p&gt;SSD가 M.2 슬롯에 완전히 삽입되지 않았을 가능성이 큽니다. SSD를 다시 뽑아 슬롯에 단단히 꽂고 고정 나사를 조여 주세요.&lt;/p&gt;

  &lt;hr /&gt;

  &lt;!-- 마무리 --&gt;
  &lt;div class=&quot;outro&quot;&gt;
    &lt;p&gt;  &lt;strong&gt;축하합니다!&lt;/strong&gt;&lt;/p&gt;
    &lt;p&gt;Jetson Orin Nano Super에 NVMe SSD 부팅 설치를 완료했습니다. eMMC 대비 훨씬 빠른 I/O와 넉넉한 저장 공간으로 AI 프로젝트를 시작할 준비가 됐습니다.&lt;/p&gt;
    &lt;p style=&quot;margin-top:16px; font-family:'JetBrains Mono',monospace; font-size:12px; color:#555;&quot;&gt;
      다음 글 → Docker + CUDA 환경 설정 | TensorRT 최적화 가이드
    &lt;/p&gt;
  &lt;/div&gt;

&lt;/div&gt;&lt;!-- /wrap --&gt;

&lt;/body&gt;
&lt;/html&gt;</description>
      <author>아이템기어</author>
      <guid isPermaLink="true">https://itemgear.tistory.com/8</guid>
      <comments>https://itemgear.tistory.com/8#entry8comment</comments>
      <pubDate>Tue, 24 Feb 2026 18:01:51 +0900</pubDate>
    </item>
    <item>
      <title>seedance 2.0 현존 최강의 동영상 생성형A</title>
      <link>https://itemgear.tistory.com/7</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot; /&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
  &lt;title&gt;Seedance 2.0 현존 최강의 동영상 생성형 AI&lt;/title&gt;

  &lt;!--
  ============================================================
  [ 폰트 설정 ]
  - 본문: Noto Sans KR (한국어 가독성 최적화)
  - 제목: Bebas Neue (강렬한 영문 디스플레이)
  - Google Fonts CDN에서 불러옴
  ============================================================
  --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&amp;family=Bebas+Neue&amp;display=swap&quot; rel=&quot;stylesheet&quot; /&gt;

  &lt;style&gt;
    /* ============================================================
       [ CSS 변수 - 색상 팔레트 &amp; 디자인 토큰 ]
       티스토리 블로그 스타일 + 현대적인 테크 느낌의 다크모드
    ============================================================ */
    :root {
      --bg-primary: #0a0a0f;          /* 메인 배경 - 거의 블랙 */
      --bg-secondary: #13131a;        /* 카드/섹션 배경 */
      --bg-card: #1a1a25;             /* 카드 배경 */
      --accent-main: #00d4ff;         /* 메인 액센트 - 시아노 블루 */
      --accent-gold: #ffd700;         /* 강조 골드 */
      --accent-purple: #9b59b6;       /* 보조 액센트 퍼플 */
      --text-primary: #e8e8f0;        /* 기본 텍스트 */
      --text-secondary: #9090a8;      /* 보조 텍스트 */
      --text-muted: #5a5a72;          /* 흐린 텍스트 */
      --border-color: #2a2a3a;        /* 테두리 색상 */
      --success: #00e676;             /* 장점 표시 그린 */
      --danger: #ff4757;              /* 단점 표시 레드 */
      --seedance: #00d4ff;            /* Seedance 브랜드 컬러 */
      --sora: #ff6b35;                /* Sora 브랜드 컬러 */
      --runway: #a855f7;              /* Runway 브랜드 컬러 */
      --kling: #f59e0b;               /* Kling AI 브랜드 컬러 */
      --pika: #ec4899;                /* Pika 브랜드 컬러 */
    }

    /* ============================================================
       [ 전역 리셋 및 기본 스타일 ]
    ============================================================ */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth; /* 부드러운 스크롤 */
    }

    body {
      /* 기본 폰트, 배경, 텍스트 색상 */
      font-family: 'Noto Sans KR', sans-serif;
      background-color: var(--bg-primary);
      color: var(--text-primary);
      line-height: 1.8;
      font-size: 16px;
      overflow-x: hidden; /* 가로 스크롤 방지 */
    }

    /* ============================================================
       [ 배경 노이즈 텍스처 - 깊이감 추가 ]
       pseudo-element로 그레인 효과 구현
    ============================================================ */
    body::before {
      content: '';
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      /* SVG 노이즈 필터로 필름 그레인 효과 */
      background-image: url(&quot;data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E&quot;);
      pointer-events: none; /* 클릭 이벤트 통과 */
      z-index: 1000;
      opacity: 0.4;
    }

    /* ============================================================
       [ 히어로 섹션 - 블로그 최상단 타이틀 영역 ]
    ============================================================ */
    .hero {
      position: relative;
      min-height: 520px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 80px 20px 60px;
      overflow: hidden;
    }

    /* 히어로 배경 메쉬 그라디언트 */
    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 80% 50% at 20% 30%, rgba(0, 212, 255, 0.12) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 80% 70%, rgba(155, 89, 182, 0.10) 0%, transparent 60%),
        radial-gradient(ellipse 50% 60% at 50% 100%, rgba(0, 214, 255, 0.06) 0%, transparent 50%);
      z-index: 0;
    }

    /* 히어로 내용물은 배경 위에 표시 */
    .hero &gt; * { position: relative; z-index: 1; }

    /* 카테고리 뱃지 - &quot;AI 트렌드&quot; 표시 */
    .category-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(0, 212, 255, 0.12);
      border: 1px solid rgba(0, 212, 255, 0.3);
      color: var(--accent-main);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: 6px 16px;
      border-radius: 50px;
      margin-bottom: 24px;
      /* 입장 애니메이션 */
      animation: fadeInDown 0.6s ease both;
    }

    /* 메인 타이틀 스타일 */
    .hero-title {
      font-family: 'Noto Sans KR', sans-serif;
      font-weight: 900;
      font-size: clamp(28px, 5vw, 52px); /* 반응형 폰트 크기 */
      line-height: 1.25;
      letter-spacing: -1px;
      margin-bottom: 20px;
      /* 텍스트 그라디언트 효과 */
      background: linear-gradient(135deg, #ffffff 0%, #00d4ff 50%, #9b59b6 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      animation: fadeInDown 0.6s ease 0.1s both;
    }

    /* 서브타이틀 */
    .hero-subtitle {
      font-size: 17px;
      color: var(--text-secondary);
      max-width: 640px;
      margin: 0 auto 32px;
      font-weight: 300;
      animation: fadeInDown 0.6s ease 0.2s both;
    }

    /* 날짜/읽기시간 메타 정보 */
    .hero-meta {
      display: flex;
      align-items: center;
      gap: 20px;
      font-size: 13px;
      color: var(--text-muted);
      animation: fadeInDown 0.6s ease 0.3s both;
      flex-wrap: wrap;
      justify-content: center;
    }

    .hero-meta span {
      display: flex;
      align-items: center;
      gap: 5px;
    }

    /* ============================================================
       [ 메인 컨테이너 - 블로그 본문 영역 ]
    ============================================================ */
    .container {
      max-width: 860px;
      margin: 0 auto;
      padding: 0 20px 80px;
    }

    /* ============================================================
       [ TOC - 목차 박스 ]
       블로그 상단에 자주 등장하는 목차 형식
    ============================================================ */
    .toc-box {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-main);
      border-radius: 12px;
      padding: 28px 32px;
      margin-bottom: 48px;
      animation: fadeInUp 0.5s ease 0.4s both;
    }

    .toc-box h3 {
      font-size: 14px;
      font-weight: 700;
      color: var(--accent-main);
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 16px;
    }

    .toc-list {
      list-style: none;
      display: grid;
      grid-template-columns: 1fr 1fr; /* 2열 목차 */
      gap: 8px;
    }

    .toc-list li a {
      color: var(--text-secondary);
      text-decoration: none;
      font-size: 14px;
      display: flex;
      align-items: center;
      gap: 8px;
      transition: color 0.2s;
    }

    /* 목차 번호 표시 */
    .toc-list li a::before {
      content: attr(data-num);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      background: rgba(0, 212, 255, 0.1);
      border-radius: 50%;
      font-size: 11px;
      font-weight: 700;
      color: var(--accent-main);
      flex-shrink: 0;
    }

    .toc-list li a:hover { color: var(--text-primary); }

    /* ============================================================
       [ 섹션 제목 스타일 ]
    ============================================================ */
    .section-title {
      font-size: 26px;
      font-weight: 800;
      color: var(--text-primary);
      margin-bottom: 20px;
      padding-top: 48px;
      display: flex;
      align-items: center;
      gap: 12px;
      border-top: 1px solid var(--border-color);
    }

    /* 섹션 번호 뱃지 */
    .section-num {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      background: linear-gradient(135deg, var(--accent-main), var(--accent-purple));
      border-radius: 8px;
      font-size: 15px;
      font-weight: 900;
      color: #000;
      flex-shrink: 0;
    }

    /* ============================================================
       [ 인포 카드 - Seedance 소개 하이라이트 박스 ]
    ============================================================ */
    .info-card {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: 16px;
      padding: 28px;
      margin-bottom: 24px;
      position: relative;
      overflow: hidden;
    }

    /* 카드 상단 컬러 라인 */
    .info-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--accent-main), var(--accent-purple));
    }

    /* 강조 박스 (핵심 내용) */
    .highlight-box {
      background: linear-gradient(135deg, rgba(0, 212, 255, 0.08), rgba(155, 89, 182, 0.08));
      border: 1px solid rgba(0, 212, 255, 0.2);
      border-radius: 12px;
      padding: 24px 28px;
      margin: 28px 0;
      font-size: 15px;
      color: var(--text-primary);
      font-weight: 500;
      line-height: 1.9;
    }

    /* ============================================================
       [ 스펙 그리드 - Seedance 2.0 주요 스펙 표시 ]
    ============================================================ */
    .specs-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
      gap: 16px;
      margin: 28px 0;
    }

    /* 각 스펙 항목 카드 */
    .spec-item {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: 12px;
      padding: 20px;
      text-align: center;
      transition: transform 0.2s, border-color 0.2s;
    }

    .spec-item:hover {
      transform: translateY(-3px); /* 호버 시 살짝 위로 */
      border-color: var(--accent-main);
    }

    /* 스펙 수치 (큰 숫자) */
    .spec-value {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 36px;
      color: var(--accent-main);
      letter-spacing: 1px;
      line-height: 1;
      margin-bottom: 6px;
    }

    /* 스펙 레이블 */
    .spec-label {
      font-size: 12px;
      color: var(--text-secondary);
      font-weight: 500;
      letter-spacing: 0.5px;
    }

    /* ============================================================
       [ 비교 테이블 - 핵심 비교 영역 ]
       각 AI별 색상 코딩으로 시각적 구분
    ============================================================ */
    .comparison-table-wrap {
      overflow-x: auto; /* 모바일에서 가로 스크롤 허용 */
      border-radius: 16px;
      border: 1px solid var(--border-color);
      margin: 28px 0;
    }

    .comparison-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 14px;
    }

    /* 테이블 헤더 */
    .comparison-table th {
      background: var(--bg-secondary);
      padding: 16px 18px;
      text-align: center;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 0.5px;
      border-bottom: 2px solid var(--border-color);
      white-space: nowrap;
    }

    /* 테이블 데이터 셀 */
    .comparison-table td {
      padding: 14px 18px;
      border-bottom: 1px solid var(--border-color);
      vertical-align: middle;
      text-align: center;
    }

    /* 테이블 행 호버 */
    .comparison-table tr:hover td {
      background: rgba(255,255,255,0.02);
    }

    /* 행 카테고리 레이블 (왼쪽) */
    .comparison-table td:first-child {
      text-align: left;
      font-weight: 600;
      color: var(--text-secondary);
      background: var(--bg-secondary);
    }

    /* Seedance 열 강조 */
    .col-seedance {
      background: rgba(0, 212, 255, 0.05);
      font-weight: 700;
      color: var(--accent-main) !important;
    }

    /* 평가 뱃지 (★ ★★ 등) */
    .rating {
      display: inline-flex;
      gap: 2px;
      color: var(--accent-gold);
      font-size: 13px;
    }

    /* ============================================================
       [ AI 카드 그리드 - 각 경쟁사 소개 ]
    ============================================================ */
    .ai-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 20px;
      margin: 28px 0;
    }

    .ai-card {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: 16px;
      padding: 24px;
      position: relative;
      overflow: hidden;
      transition: transform 0.2s, box-shadow 0.2s;
    }

    .ai-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 40px rgba(0,0,0,0.4);
    }

    /* 카드 좌측 상단 컬러 도트 */
    .ai-card-accent {
      width: 40px;
      height: 40px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      margin-bottom: 14px;
    }

    /* 카드 AI 이름 */
    .ai-card h4 {
      font-size: 18px;
      font-weight: 800;
      margin-bottom: 6px;
    }

    /* 카드 설명 */
    .ai-card p {
      font-size: 13px;
      color: var(--text-secondary);
      line-height: 1.7;
    }

    /* 카드 하단 태그 목록 */
    .ai-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 14px;
    }

    .tag {
      font-size: 11px;
      font-weight: 600;
      padding: 3px 10px;
      border-radius: 50px;
      background: rgba(255,255,255,0.06);
      color: var(--text-secondary);
      border: 1px solid var(--border-color);
    }

    /* ============================================================
       [ 장단점 리스트 - 체크/엑스 아이콘 포함 ]
    ============================================================ */
    .pros-cons {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      margin: 20px 0;
    }

    .pros-box, .cons-box {
      background: var(--bg-card);
      border-radius: 12px;
      padding: 20px;
    }

    .pros-box { border: 1px solid rgba(0, 230, 118, 0.25); }
    .cons-box { border: 1px solid rgba(255, 71, 87, 0.25); }

    .pros-box h5 { color: var(--success); margin-bottom: 14px; font-size: 14px; font-weight: 700; }
    .cons-box h5 { color: var(--danger); margin-bottom: 14px; font-size: 14px; font-weight: 700; }

    .pros-cons-list { list-style: none; }
    .pros-cons-list li {
      font-size: 13px;
      color: var(--text-secondary);
      padding: 5px 0;
      display: flex;
      gap: 8px;
      align-items: flex-start;
    }

    .pros-cons-list li::before {
      flex-shrink: 0;
      font-size: 12px;
      margin-top: 2px;
    }

    .pros-cons-list.pros li::before { content: '✓'; color: var(--success); }
    .pros-cons-list.cons li::before { content: '✗'; color: var(--danger); }

    /* ============================================================
       [ 가격표 - 요금제 비교 카드 ]
    ============================================================ */
    .pricing-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 16px;
      margin: 28px 0;
    }

    .pricing-card {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: 16px;
      padding: 24px;
      text-align: center;
      position: relative;
      transition: transform 0.2s;
    }

    .pricing-card:hover { transform: translateY(-3px); }

    /* 추천 플랜 강조 (Recommended 뱃지) */
    .pricing-card.featured {
      border-color: var(--accent-main);
      background: linear-gradient(135deg, rgba(0,212,255,0.08), rgba(155,89,182,0.06));
    }

    .pricing-card.featured::before {
      content: 'POPULAR';
      position: absolute;
      top: -10px;
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(90deg, var(--accent-main), var(--accent-purple));
      color: #000;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 2px;
      padding: 3px 14px;
      border-radius: 50px;
    }

    /* AI 브랜드 이름 */
    .pricing-brand {
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 6px;
    }

    /* 플랜 이름 */
    .pricing-plan {
      font-size: 12px;
      color: var(--text-muted);
      margin-bottom: 12px;
    }

    /* 가격 수치 */
    .pricing-price {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 42px;
      letter-spacing: 1px;
      line-height: 1;
      margin-bottom: 4px;
    }

    .pricing-unit {
      font-size: 12px;
      color: var(--text-muted);
      margin-bottom: 16px;
    }

    /* 가격 플랜 세부 사항 */
    .pricing-features {
      list-style: none;
      font-size: 12px;
      color: var(--text-secondary);
      text-align: left;
    }

    .pricing-features li {
      padding: 4px 0;
      display: flex;
      gap: 6px;
      align-items: flex-start;
    }

    .pricing-features li::before {
      content: '·';
      color: var(--accent-main);
      font-size: 18px;
      line-height: 1;
      flex-shrink: 0;
    }

    /* ============================================================
       [ 본문 텍스트 공통 스타일 ]
    ============================================================ */
    .body-text {
      font-size: 15px;
      color: var(--text-secondary);
      line-height: 1.9;
      margin-bottom: 20px;
    }

    /* 인라인 강조 텍스트 */
    .em {
      color: var(--accent-main);
      font-weight: 700;
    }

    /* 블록 인용 */
    blockquote {
      border-left: 3px solid var(--accent-main);
      padding: 16px 24px;
      margin: 24px 0;
      background: rgba(0,212,255,0.05);
      border-radius: 0 8px 8px 0;
      font-size: 15px;
      color: var(--text-secondary);
      font-style: italic;
    }

    /* ============================================================
       [ 총점 레이더 차트 영역 - 텍스트 기반 시각화 ]
    ============================================================ */
    .score-bars {
      display: grid;
      gap: 14px;
      margin: 24px 0;
    }

    .score-row {
      display: grid;
      grid-template-columns: 140px 1fr 60px;
      align-items: center;
      gap: 14px;
      font-size: 13px;
    }

    .score-label { color: var(--text-secondary); font-weight: 500; }

    /* 점수 바 배경 */
    .score-bar-bg {
      height: 8px;
      background: var(--border-color);
      border-radius: 50px;
      overflow: hidden;
    }

    /* 점수 바 채우기 - CSS 변수로 width 제어 */
    .score-bar-fill {
      height: 100%;
      border-radius: 50px;
      background: linear-gradient(90deg, var(--accent-main), var(--accent-purple));
      width: var(--score);
      transition: width 1s ease;
    }

    .score-num {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 18px;
      color: var(--accent-main);
      text-align: right;
    }

    /* ============================================================
       [ 결론 박스 - 마무리 섹션 ]
    ============================================================ */
    .conclusion-box {
      background: linear-gradient(135deg, rgba(0,212,255,0.1), rgba(155,89,182,0.1));
      border: 1px solid rgba(0,212,255,0.3);
      border-radius: 20px;
      padding: 40px;
      margin-top: 60px;
      text-align: center;
    }

    .conclusion-box h3 {
      font-size: 24px;
      font-weight: 900;
      margin-bottom: 16px;
      background: linear-gradient(135deg, var(--accent-main), var(--accent-purple));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .conclusion-box p {
      font-size: 15px;
      color: var(--text-secondary);
      max-width: 600px;
      margin: 0 auto;
      line-height: 1.9;
    }

    /* ============================================================
       [ 소셜 공유 버튼 - 티스토리 스타일 ]
    ============================================================ */
    .share-bar {
      display: flex;
      gap: 12px;
      justify-content: center;
      margin-top: 40px;
      flex-wrap: wrap;
    }

    .share-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 22px;
      border-radius: 50px;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      border: none;
      transition: transform 0.2s, opacity 0.2s;
      text-decoration: none;
    }

    .share-btn:hover { transform: scale(1.05); opacity: 0.9; }
    .share-kakao { background: #FEE500; color: #391B1B; }
    .share-twitter { background: #1DA1F2; color: #fff; }
    .share-copy { background: var(--bg-card); color: var(--text-primary); border: 1px solid var(--border-color); }

    /* ============================================================
       [ 태그 섹션 - 블로그 하단 해시태그 ]
    ============================================================ */
    .blog-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 40px;
      padding-top: 28px;
      border-top: 1px solid var(--border-color);
    }

    .blog-tag {
      display: inline-block;
      font-size: 12px;
      color: var(--text-muted);
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      padding: 4px 12px;
      border-radius: 50px;
      text-decoration: none;
      transition: color 0.2s, border-color 0.2s;
    }

    .blog-tag:hover {
      color: var(--accent-main);
      border-color: var(--accent-main);
    }

    /* ============================================================
       [ 애니메이션 키프레임 ]
    ============================================================ */
    @keyframes fadeInDown {
      from { opacity: 0; transform: translateY(-20px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(20px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* ============================================================
       [ 반응형 - 모바일 스타일 ]
    ============================================================ */
    @media (max-width: 640px) {
      /* 목차 1열로 변경 */
      .toc-list { grid-template-columns: 1fr; }
      /* 장단점 1열로 변경 */
      .pros-cons { grid-template-columns: 1fr; }
      /* 점수 바 레이아웃 조정 */
      .score-row { grid-template-columns: 100px 1fr 50px; }
      /* 결론 박스 패딩 축소 */
      .conclusion-box { padding: 28px 20px; }
    }

    /* ============================================================
       [ 구분선 ]
    ============================================================ */
    .divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--border-color), transparent);
      margin: 32px 0;
    }

    /* ============================================================
       [ 주목 배너 - 중요 정보 강조 ]
    ============================================================ */
    .notice-banner {
      background: rgba(255, 215, 0, 0.07);
      border: 1px solid rgba(255, 215, 0, 0.25);
      border-radius: 10px;
      padding: 16px 20px;
      font-size: 13px;
      color: #c8a000;
      margin: 20px 0;
      display: flex;
      gap: 10px;
      align-items: flex-start;
    }

    .notice-banner::before {
      content: ' ';
      flex-shrink: 0;
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

  &lt;!-- ============================================================
       [ 히어로 섹션 - 블로그 포스트 상단 ]
  ============================================================ --&gt;
  &lt;section class=&quot;hero&quot;&gt;
    &lt;span class=&quot;category-badge&quot;&gt;  AI VIDEO&lt;/span&gt;
    &lt;h1 class=&quot;hero-title&quot;&gt;Seedance 2.0&lt;br&gt;현존 최강의 동영상 생성형 AI&lt;/h1&gt;
    &lt;p class=&quot;hero-subtitle&quot;&gt;
      OpenAI Sora, Runway, Kling AI, Pika를 압도하는&lt;br&gt;
      Seedance 2.0의 모든 것 — 스펙, 강점, 비용 완벽 정리
    &lt;/p&gt;
    &lt;div class=&quot;hero-meta&quot;&gt;
      &lt;span&gt;  2025년 2월&lt;/span&gt;
      &lt;span&gt;⏱ 약 10분 읽기&lt;/span&gt;
      &lt;span&gt;  AI 트렌드 · 영상 생성&lt;/span&gt;
    &lt;/div&gt;
  &lt;/section&gt;

  &lt;!-- ============================================================
       [ 메인 블로그 본문 ]
  ============================================================ --&gt;
  &lt;div class=&quot;container&quot;&gt;

    &lt;!-- 목차 박스 --&gt;
    &lt;div class=&quot;toc-box&quot;&gt;
      &lt;h3&gt;  목차&lt;/h3&gt;
      &lt;ul class=&quot;toc-list&quot;&gt;
        &lt;li&gt;&lt;a href=&quot;#intro&quot; data-num=&quot;01&quot;&gt;Seedance 2.0 소개&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#specs&quot; data-num=&quot;02&quot;&gt;핵심 스펙 &amp; 기술력&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#competitors&quot; data-num=&quot;03&quot;&gt;경쟁 AI 비교&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#comparison-table&quot; data-num=&quot;04&quot;&gt;상세 비교표&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#strengths&quot; data-num=&quot;05&quot;&gt;Seedance의 강점&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#pricing&quot; data-num=&quot;06&quot;&gt;가격 및 요금제&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#verdict&quot; data-num=&quot;07&quot;&gt;총평 &amp; 결론&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;

    &lt;!-- ============================================================
         [ 1. Seedance 2.0 소개 ]
    ============================================================ --&gt;
    &lt;section id=&quot;intro&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;01&lt;/span&gt;
        Seedance 2.0이란?
      &lt;/h2&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        &lt;span class=&quot;em&quot;&gt;Seedance 2.0&lt;/span&gt;은 중국의 AI 연구 기업 &lt;span class=&quot;em&quot;&gt;ByteDance(바이트댄스)&lt;/span&gt;의 자회사
        Seed 팀이 개발한 차세대 동영상 생성형 AI 모델입니다. TikTok의 모회사가 만든 이 모델은
        2025년 초 공개 이후 영상 품질과 생성 속도 면에서 업계를 발칵 뒤집어 놓았습니다.
      &lt;/p&gt;

      &lt;div class=&quot;highlight-box&quot;&gt;
          Seedance 2.0은 단순히 &quot;잘 만들어진 AI 모델&quot;이 아닙니다.&lt;br&gt;
        물리 법칙 시뮬레이션, 고충실도 캐릭터 일관성, 영화급 카메라 워크를 동시에 구현하는
        최초의 상용 동영상 생성 모델로 평가받고 있습니다.
      &lt;/div&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        기존 AI 동영상 모델들이 2~4초 클립을 생성하는 데 그쳤다면, Seedance 2.0은
        최대 &lt;span class=&quot;em&quot;&gt;20초 고품질 영상&lt;/span&gt;을 단번에 생성할 수 있습니다.
        텍스트-투-비디오(Text-to-Video), 이미지-투-비디오(Image-to-Video) 두 가지 모드 모두
        지원하며, 생성된 영상은 상업적 사용이 가능합니다.
      &lt;/p&gt;

      &lt;div class=&quot;notice-banner&quot;&gt;
        현재 Seedance 2.0은 PixVerse, Jimeng AI 등 바이트댄스 계열 플랫폼과
        독립적인 API를 통해 이용 가능합니다. 2025년 하반기 글로벌 서비스 확대가 예정되어 있습니다.
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- ============================================================
         [ 2. 핵심 스펙 ]
    ============================================================ --&gt;
    &lt;section id=&quot;specs&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;02&lt;/span&gt;
        핵심 스펙 &amp; 기술력
      &lt;/h2&gt;

      &lt;!-- 스펙 숫자 그리드 --&gt;
      &lt;div class=&quot;specs-grid&quot;&gt;
        &lt;div class=&quot;spec-item&quot;&gt;
          &lt;div class=&quot;spec-value&quot;&gt;20s&lt;/div&gt;
          &lt;div class=&quot;spec-label&quot;&gt;최대 클립 길이&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;spec-item&quot;&gt;
          &lt;div class=&quot;spec-value&quot;&gt;4K&lt;/div&gt;
          &lt;div class=&quot;spec-label&quot;&gt;최대 해상도&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;spec-item&quot;&gt;
          &lt;div class=&quot;spec-value&quot;&gt;60fps&lt;/div&gt;
          &lt;div class=&quot;spec-label&quot;&gt;최대 프레임레이트&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;spec-item&quot;&gt;
          &lt;div class=&quot;spec-value&quot;&gt;~45s&lt;/div&gt;
          &lt;div class=&quot;spec-label&quot;&gt;영상 생성 시간&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;spec-item&quot;&gt;
          &lt;div class=&quot;spec-value&quot;&gt;I2V&lt;/div&gt;
          &lt;div class=&quot;spec-label&quot;&gt;이미지→비디오&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;spec-item&quot;&gt;
          &lt;div class=&quot;spec-value&quot;&gt;T2V&lt;/div&gt;
          &lt;div class=&quot;spec-label&quot;&gt;텍스트→비디오&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;info-card&quot;&gt;
        &lt;h4 style=&quot;margin-bottom:14px; font-size:16px; font-weight:700;&quot;&gt;  핵심 기술 특징&lt;/h4&gt;
        &lt;ul class=&quot;pros-cons-list pros&quot; style=&quot;gap:2px;&quot;&gt;
          &lt;li&gt;&lt;strong&gt;물리 시뮬레이션 엔진&lt;/strong&gt; — 중력, 유체, 연기 등 자연현상을 현실적으로 표현&lt;/li&gt;
          &lt;li&gt;&lt;strong&gt;일관된 캐릭터 유지 (Subject Consistency)&lt;/strong&gt; — 다중 샷에서도 인물의 외형 유지&lt;/li&gt;
          &lt;li&gt;&lt;strong&gt;영화급 카메라 모션&lt;/strong&gt; — 패닝, 달리, 크레인 샷 등 전문 카메라 워크 지원&lt;/li&gt;
          &lt;li&gt;&lt;strong&gt;시맨틱 프롬프트 이해&lt;/strong&gt; — 복잡한 다중 요소 프롬프트 정확 해석&lt;/li&gt;
          &lt;li&gt;&lt;strong&gt;고해상도 시간적 일관성&lt;/strong&gt; — 초고해상도에서도 프레임 간 품질 저하 없음&lt;/li&gt;
          &lt;li&gt;&lt;strong&gt;오디오-비주얼 동기화&lt;/strong&gt; — 입술 움직임, 발화 타이밍 정확도 향상&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- ============================================================
         [ 3. 경쟁 AI 비교 ]
    ============================================================ --&gt;
    &lt;section id=&quot;competitors&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;03&lt;/span&gt;
        경쟁 AI 한눈에 보기
      &lt;/h2&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        Seedance 2.0과 비교되는 주요 동영상 생성 AI는 다음과 같습니다.
        각 모델의 특성과 포지셔닝을 먼저 파악해보겠습니다.
      &lt;/p&gt;

      &lt;!-- 경쟁사 카드 그리드 --&gt;
      &lt;div class=&quot;ai-cards&quot;&gt;

        &lt;!-- OpenAI Sora 카드 --&gt;
        &lt;div class=&quot;ai-card&quot; style=&quot;border-top: 3px solid var(--sora);&quot;&gt;
          &lt;div class=&quot;ai-card-accent&quot; style=&quot;background: rgba(255,107,53,0.15);&quot;&gt; &lt;/div&gt;
          &lt;h4 style=&quot;color: var(--sora);&quot;&gt;OpenAI Sora&lt;/h4&gt;
          &lt;p&gt;OpenAI가 개발한 텍스트-투-비디오 모델. 2024년 초 공개 당시 충격적인 퀄리티로 주목받았으나 접근성이 제한적이며 생성 속도가 느린 편.&lt;/p&gt;
          &lt;div class=&quot;ai-tags&quot;&gt;
            &lt;span class=&quot;tag&quot;&gt;ChatGPT Plus 포함&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;최대 20초&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;1080p&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Runway Gen-3 카드 --&gt;
        &lt;div class=&quot;ai-card&quot; style=&quot;border-top: 3px solid var(--runway);&quot;&gt;
          &lt;div class=&quot;ai-card-accent&quot; style=&quot;background: rgba(168,85,247,0.15);&quot;&gt; &lt;/div&gt;
          &lt;h4 style=&quot;color: var(--runway);&quot;&gt;Runway Gen-3&lt;/h4&gt;
          &lt;p&gt;크리에이터에게 인기 높은 Runway의 최신 모델. 영화·광고 업계에서 널리 사용되며, 세밀한 편집 도구가 강점. 고비용이 단점.&lt;/p&gt;
          &lt;div class=&quot;ai-tags&quot;&gt;
            &lt;span class=&quot;tag&quot;&gt;크리에이터 최적화&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;최대 10초&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;편집 도구 풍부&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Kling AI 카드 --&gt;
        &lt;div class=&quot;ai-card&quot; style=&quot;border-top: 3px solid var(--kling);&quot;&gt;
          &lt;div class=&quot;ai-card-accent&quot; style=&quot;background: rgba(245,158,11,0.15);&quot;&gt;⚡&lt;/div&gt;
          &lt;h4 style=&quot;color: var(--kling);&quot;&gt;Kling AI 1.6&lt;/h4&gt;
          &lt;p&gt;Kuaishou(콰이쇼우)가 개발. 중국산 모델 중 가장 높은 해외 인지도를 보유하며, 인체 동작 표현이 특히 자연스럽다는 평가.&lt;/p&gt;
          &lt;div class=&quot;ai-tags&quot;&gt;
            &lt;span class=&quot;tag&quot;&gt;인체 동작 우수&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;최대 10초&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;합리적 가격&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Pika 카드 --&gt;
        &lt;div class=&quot;ai-card&quot; style=&quot;border-top: 3px solid var(--pika);&quot;&gt;
          &lt;div class=&quot;ai-card-accent&quot; style=&quot;background: rgba(236,72,153,0.15);&quot;&gt;✨&lt;/div&gt;
          &lt;h4 style=&quot;color: var(--pika);&quot;&gt;Pika 2.1&lt;/h4&gt;
          &lt;p&gt;사용하기 쉬운 UX와 빠른 이터레이션이 장점. 유튜버, 콘텐츠 크리에이터에게 적합. 출력 품질은 경쟁 모델 대비 낮은 편.&lt;/p&gt;
          &lt;div class=&quot;ai-tags&quot;&gt;
            &lt;span class=&quot;tag&quot;&gt;쉬운 사용성&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;빠른 생성&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;입문자 친화&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- ============================================================
         [ 4. 상세 비교 테이블 ]
    ============================================================ --&gt;
    &lt;section id=&quot;comparison-table&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;04&lt;/span&gt;
        항목별 상세 비교표
      &lt;/h2&gt;

      &lt;div class=&quot;comparison-table-wrap&quot;&gt;
        &lt;table class=&quot;comparison-table&quot;&gt;
          &lt;!-- 테이블 헤더 - 각 AI 이름 --&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th style=&quot;width:160px; text-align:left;&quot;&gt;비교 항목&lt;/th&gt;
              &lt;th style=&quot;color: var(--seedance);&quot;&gt;  Seedance 2.0&lt;/th&gt;
              &lt;th style=&quot;color: var(--sora);&quot;&gt;  Sora&lt;/th&gt;
              &lt;th style=&quot;color: var(--runway);&quot;&gt;  Runway Gen-3&lt;/th&gt;
              &lt;th style=&quot;color: var(--kling);&quot;&gt;  Kling 1.6&lt;/th&gt;
              &lt;th style=&quot;color: var(--pika);&quot;&gt;  Pika 2.1&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;!-- 최대 해상도 --&gt;
            &lt;tr&gt;
              &lt;td&gt;최대 해상도&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;4K (3840×2160)&lt;/td&gt;
              &lt;td&gt;1080p&lt;/td&gt;
              &lt;td&gt;1080p&lt;/td&gt;
              &lt;td&gt;1080p&lt;/td&gt;
              &lt;td&gt;1080p&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 최대 클립 길이 --&gt;
            &lt;tr&gt;
              &lt;td&gt;최대 클립 길이&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;20초&lt;/td&gt;
              &lt;td&gt;20초&lt;/td&gt;
              &lt;td&gt;10초&lt;/td&gt;
              &lt;td&gt;10초&lt;/td&gt;
              &lt;td&gt;10초&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 프레임레이트 --&gt;
            &lt;tr&gt;
              &lt;td&gt;최대 프레임레이트&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;60fps&lt;/td&gt;
              &lt;td&gt;30fps&lt;/td&gt;
              &lt;td&gt;24fps&lt;/td&gt;
              &lt;td&gt;30fps&lt;/td&gt;
              &lt;td&gt;24fps&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 생성 속도 --&gt;
            &lt;tr&gt;
              &lt;td&gt;평균 생성 시간&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;~45초&lt;/td&gt;
              &lt;td&gt;2~5분&lt;/td&gt;
              &lt;td&gt;30~90초&lt;/td&gt;
              &lt;td&gt;2~3분&lt;/td&gt;
              &lt;td&gt;20~40초&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 물리 시뮬레이션 --&gt;
            &lt;tr&gt;
              &lt;td&gt;물리 시뮬레이션&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★☆☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★☆☆☆&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 캐릭터 일관성 --&gt;
            &lt;tr&gt;
              &lt;td&gt;캐릭터 일관성&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★☆☆&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 카메라 워크 --&gt;
            &lt;tr&gt;
              &lt;td&gt;카메라 워크&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★☆☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★☆☆&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 프롬프트 이해력 --&gt;
            &lt;tr&gt;
              &lt;td&gt;프롬프트 이해력&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★☆☆&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 사용 편의성 --&gt;
            &lt;tr&gt;
              &lt;td&gt;사용 편의성&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★☆☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- API 제공 --&gt;
            &lt;tr&gt;
              &lt;td&gt;API 제공&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;✅ 제공&lt;/td&gt;
              &lt;td&gt;⚠️ 제한적&lt;/td&gt;
              &lt;td&gt;✅ 제공&lt;/td&gt;
              &lt;td&gt;✅ 제공&lt;/td&gt;
              &lt;td&gt;✅ 제공&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 상업적 사용 --&gt;
            &lt;tr&gt;
              &lt;td&gt;상업적 사용&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;✅ 허용&lt;/td&gt;
              &lt;td&gt;✅ 허용&lt;/td&gt;
              &lt;td&gt;✅ 허용&lt;/td&gt;
              &lt;td&gt;✅ 허용&lt;/td&gt;
              &lt;td&gt;✅ 허용&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 전체 종합 점수 --&gt;
            &lt;tr style=&quot;background: rgba(0,212,255,0.03);&quot;&gt;
              &lt;td style=&quot;font-weight:700; color:var(--text-primary);&quot;&gt;종합 평점&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot; style=&quot;font-family:'Bebas Neue'; font-size:22px;&quot;&gt;9.6 / 10&lt;/td&gt;
              &lt;td style=&quot;font-family:'Bebas Neue'; font-size:22px; color:var(--sora);&quot;&gt;8.8 / 10&lt;/td&gt;
              &lt;td style=&quot;font-family:'Bebas Neue'; font-size:22px; color:var(--runway);&quot;&gt;8.4 / 10&lt;/td&gt;
              &lt;td style=&quot;font-family:'Bebas Neue'; font-size:22px; color:var(--kling);&quot;&gt;8.2 / 10&lt;/td&gt;
              &lt;td style=&quot;font-family:'Bebas Neue'; font-size:22px; color:var(--pika);&quot;&gt;7.2 / 10&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;

      &lt;blockquote&gt;
          위 평점은 기술 스펙, 실제 출력 품질, 커뮤니티 벤치마크 결과를 종합한
        편집부 평가 기준입니다. 사용 목적에 따라 최적 모델은 달라질 수 있습니다.
      &lt;/blockquote&gt;
    &lt;/section&gt;

    &lt;!-- ============================================================
         [ 5. Seedance 2.0의 강점 ]
    ============================================================ --&gt;
    &lt;section id=&quot;strengths&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;05&lt;/span&gt;
        Seedance 2.0의 핵심 강점 &amp; 약점
      &lt;/h2&gt;

      &lt;!-- 강점 영역별 점수 바 --&gt;
      &lt;h3 style=&quot;font-size:15px; font-weight:700; margin-bottom:20px; color:var(--text-secondary);&quot;&gt;
          카테고리별 성능 점수
      &lt;/h3&gt;
      &lt;div class=&quot;score-bars&quot;&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;영상 품질&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 96%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;9.6&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;물리 시뮬레이션&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 98%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;9.8&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;생성 속도&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 85%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;8.5&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;프롬프트 이해&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 94%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;9.4&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;캐릭터 일관성&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 95%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;9.5&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;사용 편의성&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 78%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;7.8&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;가격 경쟁력&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 88%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;8.8&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;divider&quot;&gt;&lt;/div&gt;

      &lt;!-- 장단점 박스 --&gt;
      &lt;div class=&quot;pros-cons&quot;&gt;
        &lt;div class=&quot;pros-box&quot;&gt;
          &lt;h5&gt;✅ Seedance 2.0의 강점&lt;/h5&gt;
          &lt;ul class=&quot;pros-cons-list pros&quot;&gt;
            &lt;li&gt;현존 최고 수준의 4K 60fps 영상 생성&lt;/li&gt;
            &lt;li&gt;20초 장편 클립 단일 생성 가능&lt;/li&gt;
            &lt;li&gt;물리 엔진 수준의 자연현상 표현&lt;/li&gt;
            &lt;li&gt;영화급 카메라 워크 (달리, 크레인, 패닝)&lt;/li&gt;
            &lt;li&gt;다중 프레임에서 인물 외형 일관성 유지&lt;/li&gt;
            &lt;li&gt;~45초의 빠른 생성 속도 (고품질 대비)&lt;/li&gt;
            &lt;li&gt;상업적 이용 완전 허용&lt;/li&gt;
            &lt;li&gt;강력한 API 제공&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class=&quot;cons-box&quot;&gt;
          &lt;h5&gt;⚠️ 개선이 필요한 부분&lt;/h5&gt;
          &lt;ul class=&quot;pros-cons-list cons&quot;&gt;
            &lt;li&gt;글로벌 직접 서비스 접근성 제한&lt;/li&gt;
            &lt;li&gt;한국어 인터페이스 미지원 (일부 플랫폼)&lt;/li&gt;
            &lt;li&gt;편집 도구가 Runway 대비 부족&lt;/li&gt;
            &lt;li&gt;중국 기업 데이터 정책 우려 (일부 사용자)&lt;/li&gt;
            &lt;li&gt;텍스트 렌더링 정확도 개선 여지&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- ============================================================
         [ 6. 가격 및 요금제 ]
    ============================================================ --&gt;
    &lt;section id=&quot;pricing&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;06&lt;/span&gt;
        가격 및 요금제 비교
      &lt;/h2&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        각 AI 모델의 가격 정책은 크레딧(Credit) 또는 클립 수 기반으로 다양합니다.
        아래는 2025년 2월 기준 각 서비스의 대표적인 유료 플랜 요금입니다.
      &lt;/p&gt;

      &lt;div class=&quot;notice-banner&quot;&gt;
        가격은 환율, 플랫폼 정책 변경에 따라 달라질 수 있습니다.
        최신 정보는 각 공식 사이트를 확인하세요.
      &lt;/div&gt;

      &lt;!-- 가격 카드 그리드 --&gt;
      &lt;div class=&quot;pricing-grid&quot;&gt;

        &lt;!-- Seedance 2.0 --&gt;
        &lt;div class=&quot;pricing-card featured&quot; style=&quot;border-color:var(--seedance);&quot;&gt;
          &lt;div class=&quot;pricing-brand&quot; style=&quot;color:var(--seedance);&quot;&gt;Seedance 2.0&lt;/div&gt;
          &lt;div class=&quot;pricing-plan&quot;&gt;Standard Plan (API)&lt;/div&gt;
          &lt;div class=&quot;pricing-price&quot; style=&quot;color:var(--seedance);&quot;&gt;$0.35&lt;/div&gt;
          &lt;div class=&quot;pricing-unit&quot;&gt;클립당 (5초 기준)&lt;/div&gt;
          &lt;ul class=&quot;pricing-features&quot;&gt;
            &lt;li&gt;4K 60fps 지원&lt;/li&gt;
            &lt;li&gt;최대 20초 클립&lt;/li&gt;
            &lt;li&gt;T2V / I2V 모두 지원&lt;/li&gt;
            &lt;li&gt;상업적 라이선스 포함&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;

        &lt;!-- Sora --&gt;
        &lt;div class=&quot;pricing-card&quot;&gt;
          &lt;div class=&quot;pricing-brand&quot; style=&quot;color:var(--sora);&quot;&gt;OpenAI Sora&lt;/div&gt;
          &lt;div class=&quot;pricing-plan&quot;&gt;ChatGPT Plus 포함&lt;/div&gt;
          &lt;div class=&quot;pricing-price&quot; style=&quot;color:var(--sora);&quot;&gt;$20&lt;/div&gt;
          &lt;div class=&quot;pricing-unit&quot;&gt;월 구독 / 50클립 제한&lt;/div&gt;
          &lt;ul class=&quot;pricing-features&quot;&gt;
            &lt;li&gt;ChatGPT Plus 구독 필요&lt;/li&gt;
            &lt;li&gt;Pro는 $200/월 (무제한)&lt;/li&gt;
            &lt;li&gt;최대 20초 1080p&lt;/li&gt;
            &lt;li&gt;워터마크 없음&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;

        &lt;!-- Runway Gen-3 --&gt;
        &lt;div class=&quot;pricing-card&quot;&gt;
          &lt;div class=&quot;pricing-brand&quot; style=&quot;color:var(--runway);&quot;&gt;Runway Gen-3&lt;/div&gt;
          &lt;div class=&quot;pricing-plan&quot;&gt;Standard Plan&lt;/div&gt;
          &lt;div class=&quot;pricing-price&quot; style=&quot;color:var(--runway);&quot;&gt;$15&lt;/div&gt;
          &lt;div class=&quot;pricing-unit&quot;&gt;월 / 625 크레딧&lt;/div&gt;
          &lt;ul class=&quot;pricing-features&quot;&gt;
            &lt;li&gt;5초 클립 = 25 크레딧&lt;/li&gt;
            &lt;li&gt;10초 클립 = 50 크레딧&lt;/li&gt;
            &lt;li&gt;Pro: $35/월 (2250 크레딧)&lt;/li&gt;
            &lt;li&gt;편집 툴 완전 지원&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;

        &lt;!-- Kling AI --&gt;
        &lt;div class=&quot;pricing-card&quot;&gt;
          &lt;div class=&quot;pricing-brand&quot; style=&quot;color:var(--kling);&quot;&gt;Kling AI 1.6&lt;/div&gt;
          &lt;div class=&quot;pricing-plan&quot;&gt;Basic Plan&lt;/div&gt;
          &lt;div class=&quot;pricing-price&quot; style=&quot;color:var(--kling);&quot;&gt;$9.9&lt;/div&gt;
          &lt;div class=&quot;pricing-unit&quot;&gt;월 / 660 크레딧&lt;/div&gt;
          &lt;ul class=&quot;pricing-features&quot;&gt;
            &lt;li&gt;5초 클립 = 10 크레딧&lt;/li&gt;
            &lt;li&gt;Standard: $29.9/월&lt;/li&gt;
            &lt;li&gt;Pro: $99/월 (무제한)&lt;/li&gt;
            &lt;li&gt;가성비 최고 수준&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;

        &lt;!-- Pika 2.1 --&gt;
        &lt;div class=&quot;pricing-card&quot;&gt;
          &lt;div class=&quot;pricing-brand&quot; style=&quot;color:var(--pika);&quot;&gt;Pika 2.1&lt;/div&gt;
          &lt;div class=&quot;pricing-plan&quot;&gt;Basic Plan&lt;/div&gt;
          &lt;div class=&quot;pricing-price&quot; style=&quot;color:var(--pika);&quot;&gt;$8&lt;/div&gt;
          &lt;div class=&quot;pricing-unit&quot;&gt;월 / 250 크레딧&lt;/div&gt;
          &lt;ul class=&quot;pricing-features&quot;&gt;
            &lt;li&gt;월 250 크레딧 제공&lt;/li&gt;
            &lt;li&gt;Standard: $28/월&lt;/li&gt;
            &lt;li&gt;Pro: $68/월&lt;/li&gt;
            &lt;li&gt;입문자 친화적&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;

      &lt;/div&gt;

      &lt;!-- 가격 요약 인포 박스 --&gt;
      &lt;div class=&quot;info-card&quot; style=&quot;margin-top:24px;&quot;&gt;
        &lt;h4 style=&quot;font-size:15px; margin-bottom:14px; font-weight:700;&quot;&gt;  비용 효율성 요약&lt;/h4&gt;
        &lt;p class=&quot;body-text&quot; style=&quot;margin:0; font-size:14px;&quot;&gt;
          &lt;strong&gt;가장 저렴한 입문&lt;/strong&gt;: Pika 2.1 ($8/월) · Kling AI ($9.9/월)&lt;br&gt;
          &lt;strong&gt;최고 가성비 (품질 대비)&lt;/strong&gt;: &lt;span class=&quot;em&quot;&gt;Seedance 2.0&lt;/span&gt; — 4K 60fps 기준 경쟁 모델 최저가&lt;br&gt;
          &lt;strong&gt;가장 비싼 서비스&lt;/strong&gt;: Runway Gen-3 Pro (품질 대비 고가)&lt;br&gt;
          &lt;strong&gt;구독 없이 이용&lt;/strong&gt;: Seedance API는 사용량 기반 과금으로 부담 최소화
        &lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- ============================================================
         [ 7. 총평 &amp; 결론 ]
    ============================================================ --&gt;
    &lt;section id=&quot;verdict&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;07&lt;/span&gt;
        총평 &amp; 결론
      &lt;/h2&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        2025년 현재, 동영상 생성 AI 시장은 빠른 속도로 성장 중입니다.
        OpenAI Sora, Runway, Kling AI 모두 훌륭한 도구이지만,
        &lt;span class=&quot;em&quot;&gt;Seedance 2.0은 기술적 스펙과 출력 품질 모든 면에서 한 발 앞서&lt;/span&gt; 있습니다.
      &lt;/p&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        특히 &lt;strong&gt;4K 60fps, 20초 클립, 물리 기반 시뮬레이션&lt;/strong&gt;은 경쟁사 어디에서도 동시에 제공하지 못하는
        Seedance 2.0만의 독보적인 조합입니다. 영화, 광고, 유튜브 콘텐츠, 제품 시연 영상 등
        고품질 영상이 필요한 모든 분야에서 최적의 선택이 될 것입니다.
      &lt;/p&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        &lt;strong&gt;접근성&lt;/strong&gt; 면에서는 아직 글로벌 직접 서비스가 제한적이라는 점이 아쉽지만,
        API를 통한 개발자 접근과 PixVerse 등 연계 플랫폼을 통해 현재도 충분히 활용 가능합니다.
      &lt;/p&gt;

      &lt;!-- 결론 박스 --&gt;
      &lt;div class=&quot;conclusion-box&quot;&gt;
        &lt;h3&gt;  편집부 최종 평가&lt;/h3&gt;
        &lt;p&gt;
          Seedance 2.0은 현 시점 &lt;strong&gt;동영상 생성 AI의 정점&lt;/strong&gt;입니다.
          고품질 영상 제작이 목표라면, 비용 대비 최고의 퀄리티를 제공하는
          Seedance 2.0을 적극 추천합니다. 사용 편의성을 원한다면 Pika, 편집 도구가 필요하다면 Runway,
          가성비를 원한다면 Kling AI도 좋은 대안입니다.
        &lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- 공유 버튼 (티스토리 스타일) --&gt;
    &lt;div class=&quot;share-bar&quot;&gt;
      &lt;button class=&quot;share-btn share-kakao&quot; onclick=&quot;alert('카카오 공유 (데모)')&quot;&gt;
          카카오톡 공유
      &lt;/button&gt;
      &lt;button class=&quot;share-btn share-twitter&quot; onclick=&quot;alert('트위터 공유 (데모)')&quot;&gt;
          트위터 공유
      &lt;/button&gt;
      &lt;button class=&quot;share-btn share-copy&quot; onclick=&quot;navigator.clipboard.writeText(location.href).then(()=&gt;alert('링크 복사됨!'))&quot;&gt;
          링크 복사
      &lt;/button&gt;
    &lt;/div&gt;

    &lt;!-- 해시 태그 --&gt;
    &lt;div class=&quot;blog-tags&quot;&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#Seedance2.0&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#AI영상생성&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#동영상AI&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#Sora비교&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#RunwayGen3&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#KlingAI&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#Pika&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#ByteDance&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#AI트렌드2025&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#텍스트투비디오&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#생성형AI&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#4K영상&lt;/a&gt;
    &lt;/div&gt;

  &lt;/div&gt;&lt;!-- /container --&gt;

  &lt;!-- ============================================================
       [ JavaScript - 스크롤 기반 애니메이션 ]
       Intersection Observer API를 사용해 스크롤 시 요소 등장 효과
  ============================================================ --&gt;
  &lt;script&gt;
    // ============================================================
    // [ Intersection Observer 설정 ]
    // 뷰포트에 요소가 들어올 때 'visible' 클래스 추가
    // ============================================================
    const observer = new IntersectionObserver((entries) =&gt; {
      entries.forEach(entry =&gt; {
        if (entry.isIntersecting) {
          // 요소가 화면에 나타났을 때 애니메이션 트리거
          entry.target.style.opacity = '1';
          entry.target.style.transform = 'translateY(0)';
          // 한 번 실행 후 관찰 종료
          observer.unobserve(entry.target);
        }
      });
    }, {
      threshold: 0.1,     // 10% 이상 보일 때 트리거
      rootMargin: '0px 0px -40px 0px' // 하단 40px 여유
    });

    // ============================================================
    // [ 애니메이션 대상 요소 선택 및 초기 상태 설정 ]
    // ============================================================
    document.querySelectorAll('.info-card, .specs-grid .spec-item, .ai-card, .pricing-card, .score-bars .score-row').forEach((el, index) =&gt; {
      // 초기 상태: 투명 + 아래에서 올라오는 효과
      el.style.opacity = '0';
      el.style.transform = 'translateY(24px)';
      // 순차적 딜레이로 물결 효과
      el.style.transition = `opacity 0.5s ease ${index * 0.06}s, transform 0.5s ease ${index * 0.06}s`;
      observer.observe(el);
    });
  &lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;</description>
      <author>아이템기어</author>
      <guid isPermaLink="true">https://itemgear.tistory.com/7</guid>
      <comments>https://itemgear.tistory.com/7#entry7comment</comments>
      <pubDate>Tue, 24 Feb 2026 18:00:33 +0900</pubDate>
    </item>
    <item>
      <title>seedance 2.0 현존 최강의 동영상 생성형A</title>
      <link>https://itemgear.tistory.com/6</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot; /&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
  &lt;title&gt;Seedance 2.0 현존 최강의 동영상 생성형 AI&lt;/title&gt;

  &lt;!--
  ============================================================
  [ 폰트 설정 ]
  - 본문: Noto Sans KR (한국어 가독성 최적화)
  - 제목: Bebas Neue (강렬한 영문 디스플레이)
  - Google Fonts CDN에서 불러옴
  ============================================================
  --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&amp;family=Bebas+Neue&amp;display=swap&quot; rel=&quot;stylesheet&quot; /&gt;

  &lt;style&gt;
    /* ============================================================
       [ CSS 변수 - 색상 팔레트 &amp; 디자인 토큰 ]
       티스토리 블로그 스타일 + 현대적인 테크 느낌의 다크모드
    ============================================================ */
    :root {
      --bg-primary: #0a0a0f;          /* 메인 배경 - 거의 블랙 */
      --bg-secondary: #13131a;        /* 카드/섹션 배경 */
      --bg-card: #1a1a25;             /* 카드 배경 */
      --accent-main: #00d4ff;         /* 메인 액센트 - 시아노 블루 */
      --accent-gold: #ffd700;         /* 강조 골드 */
      --accent-purple: #9b59b6;       /* 보조 액센트 퍼플 */
      --text-primary: #e8e8f0;        /* 기본 텍스트 */
      --text-secondary: #9090a8;      /* 보조 텍스트 */
      --text-muted: #5a5a72;          /* 흐린 텍스트 */
      --border-color: #2a2a3a;        /* 테두리 색상 */
      --success: #00e676;             /* 장점 표시 그린 */
      --danger: #ff4757;              /* 단점 표시 레드 */
      --seedance: #00d4ff;            /* Seedance 브랜드 컬러 */
      --sora: #ff6b35;                /* Sora 브랜드 컬러 */
      --runway: #a855f7;              /* Runway 브랜드 컬러 */
      --kling: #f59e0b;               /* Kling AI 브랜드 컬러 */
      --pika: #ec4899;                /* Pika 브랜드 컬러 */
    }

    /* ============================================================
       [ 전역 리셋 및 기본 스타일 ]
    ============================================================ */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth; /* 부드러운 스크롤 */
    }

    body {
      /* 기본 폰트, 배경, 텍스트 색상 */
      font-family: 'Noto Sans KR', sans-serif;
      background-color: var(--bg-primary);
      color: var(--text-primary);
      line-height: 1.8;
      font-size: 16px;
      overflow-x: hidden; /* 가로 스크롤 방지 */
    }

    /* ============================================================
       [ 배경 노이즈 텍스처 - 깊이감 추가 ]
       pseudo-element로 그레인 효과 구현
    ============================================================ */
    body::before {
      content: '';
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      /* SVG 노이즈 필터로 필름 그레인 효과 */
      background-image: url(&quot;data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E&quot;);
      pointer-events: none; /* 클릭 이벤트 통과 */
      z-index: 1000;
      opacity: 0.4;
    }

    /* ============================================================
       [ 히어로 섹션 - 블로그 최상단 타이틀 영역 ]
    ============================================================ */
    .hero {
      position: relative;
      min-height: 520px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 80px 20px 60px;
      overflow: hidden;
    }

    /* 히어로 배경 메쉬 그라디언트 */
    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 80% 50% at 20% 30%, rgba(0, 212, 255, 0.12) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 80% 70%, rgba(155, 89, 182, 0.10) 0%, transparent 60%),
        radial-gradient(ellipse 50% 60% at 50% 100%, rgba(0, 214, 255, 0.06) 0%, transparent 50%);
      z-index: 0;
    }

    /* 히어로 내용물은 배경 위에 표시 */
    .hero &gt; * { position: relative; z-index: 1; }

    /* 카테고리 뱃지 - &quot;AI 트렌드&quot; 표시 */
    .category-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(0, 212, 255, 0.12);
      border: 1px solid rgba(0, 212, 255, 0.3);
      color: var(--accent-main);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: 6px 16px;
      border-radius: 50px;
      margin-bottom: 24px;
      /* 입장 애니메이션 */
      animation: fadeInDown 0.6s ease both;
    }

    /* 메인 타이틀 스타일 */
    .hero-title {
      font-family: 'Noto Sans KR', sans-serif;
      font-weight: 900;
      font-size: clamp(28px, 5vw, 52px); /* 반응형 폰트 크기 */
      line-height: 1.25;
      letter-spacing: -1px;
      margin-bottom: 20px;
      /* 텍스트 그라디언트 효과 */
      background: linear-gradient(135deg, #ffffff 0%, #00d4ff 50%, #9b59b6 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      animation: fadeInDown 0.6s ease 0.1s both;
    }

    /* 서브타이틀 */
    .hero-subtitle {
      font-size: 17px;
      color: var(--text-secondary);
      max-width: 640px;
      margin: 0 auto 32px;
      font-weight: 300;
      animation: fadeInDown 0.6s ease 0.2s both;
    }

    /* 날짜/읽기시간 메타 정보 */
    .hero-meta {
      display: flex;
      align-items: center;
      gap: 20px;
      font-size: 13px;
      color: var(--text-muted);
      animation: fadeInDown 0.6s ease 0.3s both;
      flex-wrap: wrap;
      justify-content: center;
    }

    .hero-meta span {
      display: flex;
      align-items: center;
      gap: 5px;
    }

    /* ============================================================
       [ 메인 컨테이너 - 블로그 본문 영역 ]
    ============================================================ */
    .container {
      max-width: 860px;
      margin: 0 auto;
      padding: 0 20px 80px;
    }

    /* ============================================================
       [ TOC - 목차 박스 ]
       블로그 상단에 자주 등장하는 목차 형식
    ============================================================ */
    .toc-box {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-main);
      border-radius: 12px;
      padding: 28px 32px;
      margin-bottom: 48px;
      animation: fadeInUp 0.5s ease 0.4s both;
    }

    .toc-box h3 {
      font-size: 14px;
      font-weight: 700;
      color: var(--accent-main);
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 16px;
    }

    .toc-list {
      list-style: none;
      display: grid;
      grid-template-columns: 1fr 1fr; /* 2열 목차 */
      gap: 8px;
    }

    .toc-list li a {
      color: var(--text-secondary);
      text-decoration: none;
      font-size: 14px;
      display: flex;
      align-items: center;
      gap: 8px;
      transition: color 0.2s;
    }

    /* 목차 번호 표시 */
    .toc-list li a::before {
      content: attr(data-num);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      background: rgba(0, 212, 255, 0.1);
      border-radius: 50%;
      font-size: 11px;
      font-weight: 700;
      color: var(--accent-main);
      flex-shrink: 0;
    }

    .toc-list li a:hover { color: var(--text-primary); }

    /* ============================================================
       [ 섹션 제목 스타일 ]
    ============================================================ */
    .section-title {
      font-size: 26px;
      font-weight: 800;
      color: var(--text-primary);
      margin-bottom: 20px;
      padding-top: 48px;
      display: flex;
      align-items: center;
      gap: 12px;
      border-top: 1px solid var(--border-color);
    }

    /* 섹션 번호 뱃지 */
    .section-num {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      background: linear-gradient(135deg, var(--accent-main), var(--accent-purple));
      border-radius: 8px;
      font-size: 15px;
      font-weight: 900;
      color: #000;
      flex-shrink: 0;
    }

    /* ============================================================
       [ 인포 카드 - Seedance 소개 하이라이트 박스 ]
    ============================================================ */
    .info-card {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: 16px;
      padding: 28px;
      margin-bottom: 24px;
      position: relative;
      overflow: hidden;
    }

    /* 카드 상단 컬러 라인 */
    .info-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--accent-main), var(--accent-purple));
    }

    /* 강조 박스 (핵심 내용) */
    .highlight-box {
      background: linear-gradient(135deg, rgba(0, 212, 255, 0.08), rgba(155, 89, 182, 0.08));
      border: 1px solid rgba(0, 212, 255, 0.2);
      border-radius: 12px;
      padding: 24px 28px;
      margin: 28px 0;
      font-size: 15px;
      color: var(--text-primary);
      font-weight: 500;
      line-height: 1.9;
    }

    /* ============================================================
       [ 스펙 그리드 - Seedance 2.0 주요 스펙 표시 ]
    ============================================================ */
    .specs-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
      gap: 16px;
      margin: 28px 0;
    }

    /* 각 스펙 항목 카드 */
    .spec-item {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: 12px;
      padding: 20px;
      text-align: center;
      transition: transform 0.2s, border-color 0.2s;
    }

    .spec-item:hover {
      transform: translateY(-3px); /* 호버 시 살짝 위로 */
      border-color: var(--accent-main);
    }

    /* 스펙 수치 (큰 숫자) */
    .spec-value {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 36px;
      color: var(--accent-main);
      letter-spacing: 1px;
      line-height: 1;
      margin-bottom: 6px;
    }

    /* 스펙 레이블 */
    .spec-label {
      font-size: 12px;
      color: var(--text-secondary);
      font-weight: 500;
      letter-spacing: 0.5px;
    }

    /* ============================================================
       [ 비교 테이블 - 핵심 비교 영역 ]
       각 AI별 색상 코딩으로 시각적 구분
    ============================================================ */
    .comparison-table-wrap {
      overflow-x: auto; /* 모바일에서 가로 스크롤 허용 */
      border-radius: 16px;
      border: 1px solid var(--border-color);
      margin: 28px 0;
    }

    .comparison-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 14px;
    }

    /* 테이블 헤더 */
    .comparison-table th {
      background: var(--bg-secondary);
      padding: 16px 18px;
      text-align: center;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 0.5px;
      border-bottom: 2px solid var(--border-color);
      white-space: nowrap;
    }

    /* 테이블 데이터 셀 */
    .comparison-table td {
      padding: 14px 18px;
      border-bottom: 1px solid var(--border-color);
      vertical-align: middle;
      text-align: center;
    }

    /* 테이블 행 호버 */
    .comparison-table tr:hover td {
      background: rgba(255,255,255,0.02);
    }

    /* 행 카테고리 레이블 (왼쪽) */
    .comparison-table td:first-child {
      text-align: left;
      font-weight: 600;
      color: var(--text-secondary);
      background: var(--bg-secondary);
    }

    /* Seedance 열 강조 */
    .col-seedance {
      background: rgba(0, 212, 255, 0.05);
      font-weight: 700;
      color: var(--accent-main) !important;
    }

    /* 평가 뱃지 (★ ★★ 등) */
    .rating {
      display: inline-flex;
      gap: 2px;
      color: var(--accent-gold);
      font-size: 13px;
    }

    /* ============================================================
       [ AI 카드 그리드 - 각 경쟁사 소개 ]
    ============================================================ */
    .ai-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 20px;
      margin: 28px 0;
    }

    .ai-card {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: 16px;
      padding: 24px;
      position: relative;
      overflow: hidden;
      transition: transform 0.2s, box-shadow 0.2s;
    }

    .ai-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 40px rgba(0,0,0,0.4);
    }

    /* 카드 좌측 상단 컬러 도트 */
    .ai-card-accent {
      width: 40px;
      height: 40px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      margin-bottom: 14px;
    }

    /* 카드 AI 이름 */
    .ai-card h4 {
      font-size: 18px;
      font-weight: 800;
      margin-bottom: 6px;
    }

    /* 카드 설명 */
    .ai-card p {
      font-size: 13px;
      color: var(--text-secondary);
      line-height: 1.7;
    }

    /* 카드 하단 태그 목록 */
    .ai-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 14px;
    }

    .tag {
      font-size: 11px;
      font-weight: 600;
      padding: 3px 10px;
      border-radius: 50px;
      background: rgba(255,255,255,0.06);
      color: var(--text-secondary);
      border: 1px solid var(--border-color);
    }

    /* ============================================================
       [ 장단점 리스트 - 체크/엑스 아이콘 포함 ]
    ============================================================ */
    .pros-cons {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      margin: 20px 0;
    }

    .pros-box, .cons-box {
      background: var(--bg-card);
      border-radius: 12px;
      padding: 20px;
    }

    .pros-box { border: 1px solid rgba(0, 230, 118, 0.25); }
    .cons-box { border: 1px solid rgba(255, 71, 87, 0.25); }

    .pros-box h5 { color: var(--success); margin-bottom: 14px; font-size: 14px; font-weight: 700; }
    .cons-box h5 { color: var(--danger); margin-bottom: 14px; font-size: 14px; font-weight: 700; }

    .pros-cons-list { list-style: none; }
    .pros-cons-list li {
      font-size: 13px;
      color: var(--text-secondary);
      padding: 5px 0;
      display: flex;
      gap: 8px;
      align-items: flex-start;
    }

    .pros-cons-list li::before {
      flex-shrink: 0;
      font-size: 12px;
      margin-top: 2px;
    }

    .pros-cons-list.pros li::before { content: '✓'; color: var(--success); }
    .pros-cons-list.cons li::before { content: '✗'; color: var(--danger); }

    /* ============================================================
       [ 가격표 - 요금제 비교 카드 ]
    ============================================================ */
    .pricing-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 16px;
      margin: 28px 0;
    }

    .pricing-card {
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      border-radius: 16px;
      padding: 24px;
      text-align: center;
      position: relative;
      transition: transform 0.2s;
    }

    .pricing-card:hover { transform: translateY(-3px); }

    /* 추천 플랜 강조 (Recommended 뱃지) */
    .pricing-card.featured {
      border-color: var(--accent-main);
      background: linear-gradient(135deg, rgba(0,212,255,0.08), rgba(155,89,182,0.06));
    }

    .pricing-card.featured::before {
      content: 'POPULAR';
      position: absolute;
      top: -10px;
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(90deg, var(--accent-main), var(--accent-purple));
      color: #000;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 2px;
      padding: 3px 14px;
      border-radius: 50px;
    }

    /* AI 브랜드 이름 */
    .pricing-brand {
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 6px;
    }

    /* 플랜 이름 */
    .pricing-plan {
      font-size: 12px;
      color: var(--text-muted);
      margin-bottom: 12px;
    }

    /* 가격 수치 */
    .pricing-price {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 42px;
      letter-spacing: 1px;
      line-height: 1;
      margin-bottom: 4px;
    }

    .pricing-unit {
      font-size: 12px;
      color: var(--text-muted);
      margin-bottom: 16px;
    }

    /* 가격 플랜 세부 사항 */
    .pricing-features {
      list-style: none;
      font-size: 12px;
      color: var(--text-secondary);
      text-align: left;
    }

    .pricing-features li {
      padding: 4px 0;
      display: flex;
      gap: 6px;
      align-items: flex-start;
    }

    .pricing-features li::before {
      content: '·';
      color: var(--accent-main);
      font-size: 18px;
      line-height: 1;
      flex-shrink: 0;
    }

    /* ============================================================
       [ 본문 텍스트 공통 스타일 ]
    ============================================================ */
    .body-text {
      font-size: 15px;
      color: var(--text-secondary);
      line-height: 1.9;
      margin-bottom: 20px;
    }

    /* 인라인 강조 텍스트 */
    .em {
      color: var(--accent-main);
      font-weight: 700;
    }

    /* 블록 인용 */
    blockquote {
      border-left: 3px solid var(--accent-main);
      padding: 16px 24px;
      margin: 24px 0;
      background: rgba(0,212,255,0.05);
      border-radius: 0 8px 8px 0;
      font-size: 15px;
      color: var(--text-secondary);
      font-style: italic;
    }

    /* ============================================================
       [ 총점 레이더 차트 영역 - 텍스트 기반 시각화 ]
    ============================================================ */
    .score-bars {
      display: grid;
      gap: 14px;
      margin: 24px 0;
    }

    .score-row {
      display: grid;
      grid-template-columns: 140px 1fr 60px;
      align-items: center;
      gap: 14px;
      font-size: 13px;
    }

    .score-label { color: var(--text-secondary); font-weight: 500; }

    /* 점수 바 배경 */
    .score-bar-bg {
      height: 8px;
      background: var(--border-color);
      border-radius: 50px;
      overflow: hidden;
    }

    /* 점수 바 채우기 - CSS 변수로 width 제어 */
    .score-bar-fill {
      height: 100%;
      border-radius: 50px;
      background: linear-gradient(90deg, var(--accent-main), var(--accent-purple));
      width: var(--score);
      transition: width 1s ease;
    }

    .score-num {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 18px;
      color: var(--accent-main);
      text-align: right;
    }

    /* ============================================================
       [ 결론 박스 - 마무리 섹션 ]
    ============================================================ */
    .conclusion-box {
      background: linear-gradient(135deg, rgba(0,212,255,0.1), rgba(155,89,182,0.1));
      border: 1px solid rgba(0,212,255,0.3);
      border-radius: 20px;
      padding: 40px;
      margin-top: 60px;
      text-align: center;
    }

    .conclusion-box h3 {
      font-size: 24px;
      font-weight: 900;
      margin-bottom: 16px;
      background: linear-gradient(135deg, var(--accent-main), var(--accent-purple));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .conclusion-box p {
      font-size: 15px;
      color: var(--text-secondary);
      max-width: 600px;
      margin: 0 auto;
      line-height: 1.9;
    }

    /* ============================================================
       [ 소셜 공유 버튼 - 티스토리 스타일 ]
    ============================================================ */
    .share-bar {
      display: flex;
      gap: 12px;
      justify-content: center;
      margin-top: 40px;
      flex-wrap: wrap;
    }

    .share-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 22px;
      border-radius: 50px;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      border: none;
      transition: transform 0.2s, opacity 0.2s;
      text-decoration: none;
    }

    .share-btn:hover { transform: scale(1.05); opacity: 0.9; }
    .share-kakao { background: #FEE500; color: #391B1B; }
    .share-twitter { background: #1DA1F2; color: #fff; }
    .share-copy { background: var(--bg-card); color: var(--text-primary); border: 1px solid var(--border-color); }

    /* ============================================================
       [ 태그 섹션 - 블로그 하단 해시태그 ]
    ============================================================ */
    .blog-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 40px;
      padding-top: 28px;
      border-top: 1px solid var(--border-color);
    }

    .blog-tag {
      display: inline-block;
      font-size: 12px;
      color: var(--text-muted);
      background: var(--bg-card);
      border: 1px solid var(--border-color);
      padding: 4px 12px;
      border-radius: 50px;
      text-decoration: none;
      transition: color 0.2s, border-color 0.2s;
    }

    .blog-tag:hover {
      color: var(--accent-main);
      border-color: var(--accent-main);
    }

    /* ============================================================
       [ 애니메이션 키프레임 ]
    ============================================================ */
    @keyframes fadeInDown {
      from { opacity: 0; transform: translateY(-20px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(20px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* ============================================================
       [ 반응형 - 모바일 스타일 ]
    ============================================================ */
    @media (max-width: 640px) {
      /* 목차 1열로 변경 */
      .toc-list { grid-template-columns: 1fr; }
      /* 장단점 1열로 변경 */
      .pros-cons { grid-template-columns: 1fr; }
      /* 점수 바 레이아웃 조정 */
      .score-row { grid-template-columns: 100px 1fr 50px; }
      /* 결론 박스 패딩 축소 */
      .conclusion-box { padding: 28px 20px; }
    }

    /* ============================================================
       [ 구분선 ]
    ============================================================ */
    .divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--border-color), transparent);
      margin: 32px 0;
    }

    /* ============================================================
       [ 주목 배너 - 중요 정보 강조 ]
    ============================================================ */
    .notice-banner {
      background: rgba(255, 215, 0, 0.07);
      border: 1px solid rgba(255, 215, 0, 0.25);
      border-radius: 10px;
      padding: 16px 20px;
      font-size: 13px;
      color: #c8a000;
      margin: 20px 0;
      display: flex;
      gap: 10px;
      align-items: flex-start;
    }

    .notice-banner::before {
      content: ' ';
      flex-shrink: 0;
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

  &lt;!-- ============================================================
       [ 히어로 섹션 - 블로그 포스트 상단 ]
  ============================================================ --&gt;
  &lt;section class=&quot;hero&quot;&gt;
    &lt;span class=&quot;category-badge&quot;&gt;  AI VIDEO&lt;/span&gt;
    &lt;h1 class=&quot;hero-title&quot;&gt;Seedance 2.0&lt;br&gt;현존 최강의 동영상 생성형 AI&lt;/h1&gt;
    &lt;p class=&quot;hero-subtitle&quot;&gt;
      OpenAI Sora, Runway, Kling AI, Pika를 압도하는&lt;br&gt;
      Seedance 2.0의 모든 것 — 스펙, 강점, 비용 완벽 정리
    &lt;/p&gt;
    &lt;div class=&quot;hero-meta&quot;&gt;
      &lt;span&gt;  2025년 2월&lt;/span&gt;
      &lt;span&gt;⏱ 약 10분 읽기&lt;/span&gt;
      &lt;span&gt;  AI 트렌드 · 영상 생성&lt;/span&gt;
    &lt;/div&gt;
  &lt;/section&gt;

  &lt;!-- ============================================================
       [ 메인 블로그 본문 ]
  ============================================================ --&gt;
  &lt;div class=&quot;container&quot;&gt;

    &lt;!-- 목차 박스 --&gt;
    &lt;div class=&quot;toc-box&quot;&gt;
      &lt;h3&gt;  목차&lt;/h3&gt;
      &lt;ul class=&quot;toc-list&quot;&gt;
        &lt;li&gt;&lt;a href=&quot;#intro&quot; data-num=&quot;01&quot;&gt;Seedance 2.0 소개&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#specs&quot; data-num=&quot;02&quot;&gt;핵심 스펙 &amp; 기술력&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#competitors&quot; data-num=&quot;03&quot;&gt;경쟁 AI 비교&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#comparison-table&quot; data-num=&quot;04&quot;&gt;상세 비교표&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#strengths&quot; data-num=&quot;05&quot;&gt;Seedance의 강점&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#pricing&quot; data-num=&quot;06&quot;&gt;가격 및 요금제&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#verdict&quot; data-num=&quot;07&quot;&gt;총평 &amp; 결론&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;

    &lt;!-- ============================================================
         [ 1. Seedance 2.0 소개 ]
    ============================================================ --&gt;
    &lt;section id=&quot;intro&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;01&lt;/span&gt;
        Seedance 2.0이란?
      &lt;/h2&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        &lt;span class=&quot;em&quot;&gt;Seedance 2.0&lt;/span&gt;은 중국의 AI 연구 기업 &lt;span class=&quot;em&quot;&gt;ByteDance(바이트댄스)&lt;/span&gt;의 자회사
        Seed 팀이 개발한 차세대 동영상 생성형 AI 모델입니다. TikTok의 모회사가 만든 이 모델은
        2025년 초 공개 이후 영상 품질과 생성 속도 면에서 업계를 발칵 뒤집어 놓았습니다.
      &lt;/p&gt;

      &lt;div class=&quot;highlight-box&quot;&gt;
          Seedance 2.0은 단순히 &quot;잘 만들어진 AI 모델&quot;이 아닙니다.&lt;br&gt;
        물리 법칙 시뮬레이션, 고충실도 캐릭터 일관성, 영화급 카메라 워크를 동시에 구현하는
        최초의 상용 동영상 생성 모델로 평가받고 있습니다.
      &lt;/div&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        기존 AI 동영상 모델들이 2~4초 클립을 생성하는 데 그쳤다면, Seedance 2.0은
        최대 &lt;span class=&quot;em&quot;&gt;20초 고품질 영상&lt;/span&gt;을 단번에 생성할 수 있습니다.
        텍스트-투-비디오(Text-to-Video), 이미지-투-비디오(Image-to-Video) 두 가지 모드 모두
        지원하며, 생성된 영상은 상업적 사용이 가능합니다.
      &lt;/p&gt;

      &lt;div class=&quot;notice-banner&quot;&gt;
        현재 Seedance 2.0은 PixVerse, Jimeng AI 등 바이트댄스 계열 플랫폼과
        독립적인 API를 통해 이용 가능합니다. 2025년 하반기 글로벌 서비스 확대가 예정되어 있습니다.
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- ============================================================
         [ 2. 핵심 스펙 ]
    ============================================================ --&gt;
    &lt;section id=&quot;specs&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;02&lt;/span&gt;
        핵심 스펙 &amp; 기술력
      &lt;/h2&gt;

      &lt;!-- 스펙 숫자 그리드 --&gt;
      &lt;div class=&quot;specs-grid&quot;&gt;
        &lt;div class=&quot;spec-item&quot;&gt;
          &lt;div class=&quot;spec-value&quot;&gt;20s&lt;/div&gt;
          &lt;div class=&quot;spec-label&quot;&gt;최대 클립 길이&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;spec-item&quot;&gt;
          &lt;div class=&quot;spec-value&quot;&gt;4K&lt;/div&gt;
          &lt;div class=&quot;spec-label&quot;&gt;최대 해상도&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;spec-item&quot;&gt;
          &lt;div class=&quot;spec-value&quot;&gt;60fps&lt;/div&gt;
          &lt;div class=&quot;spec-label&quot;&gt;최대 프레임레이트&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;spec-item&quot;&gt;
          &lt;div class=&quot;spec-value&quot;&gt;~45s&lt;/div&gt;
          &lt;div class=&quot;spec-label&quot;&gt;영상 생성 시간&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;spec-item&quot;&gt;
          &lt;div class=&quot;spec-value&quot;&gt;I2V&lt;/div&gt;
          &lt;div class=&quot;spec-label&quot;&gt;이미지→비디오&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;spec-item&quot;&gt;
          &lt;div class=&quot;spec-value&quot;&gt;T2V&lt;/div&gt;
          &lt;div class=&quot;spec-label&quot;&gt;텍스트→비디오&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;info-card&quot;&gt;
        &lt;h4 style=&quot;margin-bottom:14px; font-size:16px; font-weight:700;&quot;&gt;  핵심 기술 특징&lt;/h4&gt;
        &lt;ul class=&quot;pros-cons-list pros&quot; style=&quot;gap:2px;&quot;&gt;
          &lt;li&gt;&lt;strong&gt;물리 시뮬레이션 엔진&lt;/strong&gt; — 중력, 유체, 연기 등 자연현상을 현실적으로 표현&lt;/li&gt;
          &lt;li&gt;&lt;strong&gt;일관된 캐릭터 유지 (Subject Consistency)&lt;/strong&gt; — 다중 샷에서도 인물의 외형 유지&lt;/li&gt;
          &lt;li&gt;&lt;strong&gt;영화급 카메라 모션&lt;/strong&gt; — 패닝, 달리, 크레인 샷 등 전문 카메라 워크 지원&lt;/li&gt;
          &lt;li&gt;&lt;strong&gt;시맨틱 프롬프트 이해&lt;/strong&gt; — 복잡한 다중 요소 프롬프트 정확 해석&lt;/li&gt;
          &lt;li&gt;&lt;strong&gt;고해상도 시간적 일관성&lt;/strong&gt; — 초고해상도에서도 프레임 간 품질 저하 없음&lt;/li&gt;
          &lt;li&gt;&lt;strong&gt;오디오-비주얼 동기화&lt;/strong&gt; — 입술 움직임, 발화 타이밍 정확도 향상&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- ============================================================
         [ 3. 경쟁 AI 비교 ]
    ============================================================ --&gt;
    &lt;section id=&quot;competitors&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;03&lt;/span&gt;
        경쟁 AI 한눈에 보기
      &lt;/h2&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        Seedance 2.0과 비교되는 주요 동영상 생성 AI는 다음과 같습니다.
        각 모델의 특성과 포지셔닝을 먼저 파악해보겠습니다.
      &lt;/p&gt;

      &lt;!-- 경쟁사 카드 그리드 --&gt;
      &lt;div class=&quot;ai-cards&quot;&gt;

        &lt;!-- OpenAI Sora 카드 --&gt;
        &lt;div class=&quot;ai-card&quot; style=&quot;border-top: 3px solid var(--sora);&quot;&gt;
          &lt;div class=&quot;ai-card-accent&quot; style=&quot;background: rgba(255,107,53,0.15);&quot;&gt; &lt;/div&gt;
          &lt;h4 style=&quot;color: var(--sora);&quot;&gt;OpenAI Sora&lt;/h4&gt;
          &lt;p&gt;OpenAI가 개발한 텍스트-투-비디오 모델. 2024년 초 공개 당시 충격적인 퀄리티로 주목받았으나 접근성이 제한적이며 생성 속도가 느린 편.&lt;/p&gt;
          &lt;div class=&quot;ai-tags&quot;&gt;
            &lt;span class=&quot;tag&quot;&gt;ChatGPT Plus 포함&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;최대 20초&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;1080p&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Runway Gen-3 카드 --&gt;
        &lt;div class=&quot;ai-card&quot; style=&quot;border-top: 3px solid var(--runway);&quot;&gt;
          &lt;div class=&quot;ai-card-accent&quot; style=&quot;background: rgba(168,85,247,0.15);&quot;&gt; &lt;/div&gt;
          &lt;h4 style=&quot;color: var(--runway);&quot;&gt;Runway Gen-3&lt;/h4&gt;
          &lt;p&gt;크리에이터에게 인기 높은 Runway의 최신 모델. 영화·광고 업계에서 널리 사용되며, 세밀한 편집 도구가 강점. 고비용이 단점.&lt;/p&gt;
          &lt;div class=&quot;ai-tags&quot;&gt;
            &lt;span class=&quot;tag&quot;&gt;크리에이터 최적화&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;최대 10초&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;편집 도구 풍부&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Kling AI 카드 --&gt;
        &lt;div class=&quot;ai-card&quot; style=&quot;border-top: 3px solid var(--kling);&quot;&gt;
          &lt;div class=&quot;ai-card-accent&quot; style=&quot;background: rgba(245,158,11,0.15);&quot;&gt;⚡&lt;/div&gt;
          &lt;h4 style=&quot;color: var(--kling);&quot;&gt;Kling AI 1.6&lt;/h4&gt;
          &lt;p&gt;Kuaishou(콰이쇼우)가 개발. 중국산 모델 중 가장 높은 해외 인지도를 보유하며, 인체 동작 표현이 특히 자연스럽다는 평가.&lt;/p&gt;
          &lt;div class=&quot;ai-tags&quot;&gt;
            &lt;span class=&quot;tag&quot;&gt;인체 동작 우수&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;최대 10초&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;합리적 가격&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Pika 카드 --&gt;
        &lt;div class=&quot;ai-card&quot; style=&quot;border-top: 3px solid var(--pika);&quot;&gt;
          &lt;div class=&quot;ai-card-accent&quot; style=&quot;background: rgba(236,72,153,0.15);&quot;&gt;✨&lt;/div&gt;
          &lt;h4 style=&quot;color: var(--pika);&quot;&gt;Pika 2.1&lt;/h4&gt;
          &lt;p&gt;사용하기 쉬운 UX와 빠른 이터레이션이 장점. 유튜버, 콘텐츠 크리에이터에게 적합. 출력 품질은 경쟁 모델 대비 낮은 편.&lt;/p&gt;
          &lt;div class=&quot;ai-tags&quot;&gt;
            &lt;span class=&quot;tag&quot;&gt;쉬운 사용성&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;빠른 생성&lt;/span&gt;
            &lt;span class=&quot;tag&quot;&gt;입문자 친화&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- ============================================================
         [ 4. 상세 비교 테이블 ]
    ============================================================ --&gt;
    &lt;section id=&quot;comparison-table&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;04&lt;/span&gt;
        항목별 상세 비교표
      &lt;/h2&gt;

      &lt;div class=&quot;comparison-table-wrap&quot;&gt;
        &lt;table class=&quot;comparison-table&quot;&gt;
          &lt;!-- 테이블 헤더 - 각 AI 이름 --&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th style=&quot;width:160px; text-align:left;&quot;&gt;비교 항목&lt;/th&gt;
              &lt;th style=&quot;color: var(--seedance);&quot;&gt;  Seedance 2.0&lt;/th&gt;
              &lt;th style=&quot;color: var(--sora);&quot;&gt;  Sora&lt;/th&gt;
              &lt;th style=&quot;color: var(--runway);&quot;&gt;  Runway Gen-3&lt;/th&gt;
              &lt;th style=&quot;color: var(--kling);&quot;&gt;  Kling 1.6&lt;/th&gt;
              &lt;th style=&quot;color: var(--pika);&quot;&gt;  Pika 2.1&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;!-- 최대 해상도 --&gt;
            &lt;tr&gt;
              &lt;td&gt;최대 해상도&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;4K (3840×2160)&lt;/td&gt;
              &lt;td&gt;1080p&lt;/td&gt;
              &lt;td&gt;1080p&lt;/td&gt;
              &lt;td&gt;1080p&lt;/td&gt;
              &lt;td&gt;1080p&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 최대 클립 길이 --&gt;
            &lt;tr&gt;
              &lt;td&gt;최대 클립 길이&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;20초&lt;/td&gt;
              &lt;td&gt;20초&lt;/td&gt;
              &lt;td&gt;10초&lt;/td&gt;
              &lt;td&gt;10초&lt;/td&gt;
              &lt;td&gt;10초&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 프레임레이트 --&gt;
            &lt;tr&gt;
              &lt;td&gt;최대 프레임레이트&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;60fps&lt;/td&gt;
              &lt;td&gt;30fps&lt;/td&gt;
              &lt;td&gt;24fps&lt;/td&gt;
              &lt;td&gt;30fps&lt;/td&gt;
              &lt;td&gt;24fps&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 생성 속도 --&gt;
            &lt;tr&gt;
              &lt;td&gt;평균 생성 시간&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;~45초&lt;/td&gt;
              &lt;td&gt;2~5분&lt;/td&gt;
              &lt;td&gt;30~90초&lt;/td&gt;
              &lt;td&gt;2~3분&lt;/td&gt;
              &lt;td&gt;20~40초&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 물리 시뮬레이션 --&gt;
            &lt;tr&gt;
              &lt;td&gt;물리 시뮬레이션&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★☆☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★☆☆☆&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 캐릭터 일관성 --&gt;
            &lt;tr&gt;
              &lt;td&gt;캐릭터 일관성&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★☆☆&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 카메라 워크 --&gt;
            &lt;tr&gt;
              &lt;td&gt;카메라 워크&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★☆☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★☆☆&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 프롬프트 이해력 --&gt;
            &lt;tr&gt;
              &lt;td&gt;프롬프트 이해력&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★☆☆&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 사용 편의성 --&gt;
            &lt;tr&gt;
              &lt;td&gt;사용 편의성&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★☆☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★☆&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;&lt;span class=&quot;rating&quot;&gt;★★★★★&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- API 제공 --&gt;
            &lt;tr&gt;
              &lt;td&gt;API 제공&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;✅ 제공&lt;/td&gt;
              &lt;td&gt;⚠️ 제한적&lt;/td&gt;
              &lt;td&gt;✅ 제공&lt;/td&gt;
              &lt;td&gt;✅ 제공&lt;/td&gt;
              &lt;td&gt;✅ 제공&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 상업적 사용 --&gt;
            &lt;tr&gt;
              &lt;td&gt;상업적 사용&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot;&gt;✅ 허용&lt;/td&gt;
              &lt;td&gt;✅ 허용&lt;/td&gt;
              &lt;td&gt;✅ 허용&lt;/td&gt;
              &lt;td&gt;✅ 허용&lt;/td&gt;
              &lt;td&gt;✅ 허용&lt;/td&gt;
            &lt;/tr&gt;
            &lt;!-- 전체 종합 점수 --&gt;
            &lt;tr style=&quot;background: rgba(0,212,255,0.03);&quot;&gt;
              &lt;td style=&quot;font-weight:700; color:var(--text-primary);&quot;&gt;종합 평점&lt;/td&gt;
              &lt;td class=&quot;col-seedance&quot; style=&quot;font-family:'Bebas Neue'; font-size:22px;&quot;&gt;9.6 / 10&lt;/td&gt;
              &lt;td style=&quot;font-family:'Bebas Neue'; font-size:22px; color:var(--sora);&quot;&gt;8.8 / 10&lt;/td&gt;
              &lt;td style=&quot;font-family:'Bebas Neue'; font-size:22px; color:var(--runway);&quot;&gt;8.4 / 10&lt;/td&gt;
              &lt;td style=&quot;font-family:'Bebas Neue'; font-size:22px; color:var(--kling);&quot;&gt;8.2 / 10&lt;/td&gt;
              &lt;td style=&quot;font-family:'Bebas Neue'; font-size:22px; color:var(--pika);&quot;&gt;7.2 / 10&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;

      &lt;blockquote&gt;
          위 평점은 기술 스펙, 실제 출력 품질, 커뮤니티 벤치마크 결과를 종합한
        편집부 평가 기준입니다. 사용 목적에 따라 최적 모델은 달라질 수 있습니다.
      &lt;/blockquote&gt;
    &lt;/section&gt;

    &lt;!-- ============================================================
         [ 5. Seedance 2.0의 강점 ]
    ============================================================ --&gt;
    &lt;section id=&quot;strengths&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;05&lt;/span&gt;
        Seedance 2.0의 핵심 강점 &amp; 약점
      &lt;/h2&gt;

      &lt;!-- 강점 영역별 점수 바 --&gt;
      &lt;h3 style=&quot;font-size:15px; font-weight:700; margin-bottom:20px; color:var(--text-secondary);&quot;&gt;
          카테고리별 성능 점수
      &lt;/h3&gt;
      &lt;div class=&quot;score-bars&quot;&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;영상 품질&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 96%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;9.6&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;물리 시뮬레이션&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 98%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;9.8&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;생성 속도&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 85%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;8.5&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;프롬프트 이해&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 94%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;9.4&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;캐릭터 일관성&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 95%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;9.5&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;사용 편의성&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 78%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;7.8&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;score-row&quot;&gt;
          &lt;span class=&quot;score-label&quot;&gt;가격 경쟁력&lt;/span&gt;
          &lt;div class=&quot;score-bar-bg&quot;&gt;&lt;div class=&quot;score-bar-fill&quot; style=&quot;--score: 88%&quot;&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;span class=&quot;score-num&quot;&gt;8.8&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;divider&quot;&gt;&lt;/div&gt;

      &lt;!-- 장단점 박스 --&gt;
      &lt;div class=&quot;pros-cons&quot;&gt;
        &lt;div class=&quot;pros-box&quot;&gt;
          &lt;h5&gt;✅ Seedance 2.0의 강점&lt;/h5&gt;
          &lt;ul class=&quot;pros-cons-list pros&quot;&gt;
            &lt;li&gt;현존 최고 수준의 4K 60fps 영상 생성&lt;/li&gt;
            &lt;li&gt;20초 장편 클립 단일 생성 가능&lt;/li&gt;
            &lt;li&gt;물리 엔진 수준의 자연현상 표현&lt;/li&gt;
            &lt;li&gt;영화급 카메라 워크 (달리, 크레인, 패닝)&lt;/li&gt;
            &lt;li&gt;다중 프레임에서 인물 외형 일관성 유지&lt;/li&gt;
            &lt;li&gt;~45초의 빠른 생성 속도 (고품질 대비)&lt;/li&gt;
            &lt;li&gt;상업적 이용 완전 허용&lt;/li&gt;
            &lt;li&gt;강력한 API 제공&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class=&quot;cons-box&quot;&gt;
          &lt;h5&gt;⚠️ 개선이 필요한 부분&lt;/h5&gt;
          &lt;ul class=&quot;pros-cons-list cons&quot;&gt;
            &lt;li&gt;글로벌 직접 서비스 접근성 제한&lt;/li&gt;
            &lt;li&gt;한국어 인터페이스 미지원 (일부 플랫폼)&lt;/li&gt;
            &lt;li&gt;편집 도구가 Runway 대비 부족&lt;/li&gt;
            &lt;li&gt;중국 기업 데이터 정책 우려 (일부 사용자)&lt;/li&gt;
            &lt;li&gt;텍스트 렌더링 정확도 개선 여지&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- ============================================================
         [ 6. 가격 및 요금제 ]
    ============================================================ --&gt;
    &lt;section id=&quot;pricing&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;06&lt;/span&gt;
        가격 및 요금제 비교
      &lt;/h2&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        각 AI 모델의 가격 정책은 크레딧(Credit) 또는 클립 수 기반으로 다양합니다.
        아래는 2025년 2월 기준 각 서비스의 대표적인 유료 플랜 요금입니다.
      &lt;/p&gt;

      &lt;div class=&quot;notice-banner&quot;&gt;
        가격은 환율, 플랫폼 정책 변경에 따라 달라질 수 있습니다.
        최신 정보는 각 공식 사이트를 확인하세요.
      &lt;/div&gt;

      &lt;!-- 가격 카드 그리드 --&gt;
      &lt;div class=&quot;pricing-grid&quot;&gt;

        &lt;!-- Seedance 2.0 --&gt;
        &lt;div class=&quot;pricing-card featured&quot; style=&quot;border-color:var(--seedance);&quot;&gt;
          &lt;div class=&quot;pricing-brand&quot; style=&quot;color:var(--seedance);&quot;&gt;Seedance 2.0&lt;/div&gt;
          &lt;div class=&quot;pricing-plan&quot;&gt;Standard Plan (API)&lt;/div&gt;
          &lt;div class=&quot;pricing-price&quot; style=&quot;color:var(--seedance);&quot;&gt;$0.35&lt;/div&gt;
          &lt;div class=&quot;pricing-unit&quot;&gt;클립당 (5초 기준)&lt;/div&gt;
          &lt;ul class=&quot;pricing-features&quot;&gt;
            &lt;li&gt;4K 60fps 지원&lt;/li&gt;
            &lt;li&gt;최대 20초 클립&lt;/li&gt;
            &lt;li&gt;T2V / I2V 모두 지원&lt;/li&gt;
            &lt;li&gt;상업적 라이선스 포함&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;

        &lt;!-- Sora --&gt;
        &lt;div class=&quot;pricing-card&quot;&gt;
          &lt;div class=&quot;pricing-brand&quot; style=&quot;color:var(--sora);&quot;&gt;OpenAI Sora&lt;/div&gt;
          &lt;div class=&quot;pricing-plan&quot;&gt;ChatGPT Plus 포함&lt;/div&gt;
          &lt;div class=&quot;pricing-price&quot; style=&quot;color:var(--sora);&quot;&gt;$20&lt;/div&gt;
          &lt;div class=&quot;pricing-unit&quot;&gt;월 구독 / 50클립 제한&lt;/div&gt;
          &lt;ul class=&quot;pricing-features&quot;&gt;
            &lt;li&gt;ChatGPT Plus 구독 필요&lt;/li&gt;
            &lt;li&gt;Pro는 $200/월 (무제한)&lt;/li&gt;
            &lt;li&gt;최대 20초 1080p&lt;/li&gt;
            &lt;li&gt;워터마크 없음&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;

        &lt;!-- Runway Gen-3 --&gt;
        &lt;div class=&quot;pricing-card&quot;&gt;
          &lt;div class=&quot;pricing-brand&quot; style=&quot;color:var(--runway);&quot;&gt;Runway Gen-3&lt;/div&gt;
          &lt;div class=&quot;pricing-plan&quot;&gt;Standard Plan&lt;/div&gt;
          &lt;div class=&quot;pricing-price&quot; style=&quot;color:var(--runway);&quot;&gt;$15&lt;/div&gt;
          &lt;div class=&quot;pricing-unit&quot;&gt;월 / 625 크레딧&lt;/div&gt;
          &lt;ul class=&quot;pricing-features&quot;&gt;
            &lt;li&gt;5초 클립 = 25 크레딧&lt;/li&gt;
            &lt;li&gt;10초 클립 = 50 크레딧&lt;/li&gt;
            &lt;li&gt;Pro: $35/월 (2250 크레딧)&lt;/li&gt;
            &lt;li&gt;편집 툴 완전 지원&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;

        &lt;!-- Kling AI --&gt;
        &lt;div class=&quot;pricing-card&quot;&gt;
          &lt;div class=&quot;pricing-brand&quot; style=&quot;color:var(--kling);&quot;&gt;Kling AI 1.6&lt;/div&gt;
          &lt;div class=&quot;pricing-plan&quot;&gt;Basic Plan&lt;/div&gt;
          &lt;div class=&quot;pricing-price&quot; style=&quot;color:var(--kling);&quot;&gt;$9.9&lt;/div&gt;
          &lt;div class=&quot;pricing-unit&quot;&gt;월 / 660 크레딧&lt;/div&gt;
          &lt;ul class=&quot;pricing-features&quot;&gt;
            &lt;li&gt;5초 클립 = 10 크레딧&lt;/li&gt;
            &lt;li&gt;Standard: $29.9/월&lt;/li&gt;
            &lt;li&gt;Pro: $99/월 (무제한)&lt;/li&gt;
            &lt;li&gt;가성비 최고 수준&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;

        &lt;!-- Pika 2.1 --&gt;
        &lt;div class=&quot;pricing-card&quot;&gt;
          &lt;div class=&quot;pricing-brand&quot; style=&quot;color:var(--pika);&quot;&gt;Pika 2.1&lt;/div&gt;
          &lt;div class=&quot;pricing-plan&quot;&gt;Basic Plan&lt;/div&gt;
          &lt;div class=&quot;pricing-price&quot; style=&quot;color:var(--pika);&quot;&gt;$8&lt;/div&gt;
          &lt;div class=&quot;pricing-unit&quot;&gt;월 / 250 크레딧&lt;/div&gt;
          &lt;ul class=&quot;pricing-features&quot;&gt;
            &lt;li&gt;월 250 크레딧 제공&lt;/li&gt;
            &lt;li&gt;Standard: $28/월&lt;/li&gt;
            &lt;li&gt;Pro: $68/월&lt;/li&gt;
            &lt;li&gt;입문자 친화적&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;

      &lt;/div&gt;

      &lt;!-- 가격 요약 인포 박스 --&gt;
      &lt;div class=&quot;info-card&quot; style=&quot;margin-top:24px;&quot;&gt;
        &lt;h4 style=&quot;font-size:15px; margin-bottom:14px; font-weight:700;&quot;&gt;  비용 효율성 요약&lt;/h4&gt;
        &lt;p class=&quot;body-text&quot; style=&quot;margin:0; font-size:14px;&quot;&gt;
          &lt;strong&gt;가장 저렴한 입문&lt;/strong&gt;: Pika 2.1 ($8/월) · Kling AI ($9.9/월)&lt;br&gt;
          &lt;strong&gt;최고 가성비 (품질 대비)&lt;/strong&gt;: &lt;span class=&quot;em&quot;&gt;Seedance 2.0&lt;/span&gt; — 4K 60fps 기준 경쟁 모델 최저가&lt;br&gt;
          &lt;strong&gt;가장 비싼 서비스&lt;/strong&gt;: Runway Gen-3 Pro (품질 대비 고가)&lt;br&gt;
          &lt;strong&gt;구독 없이 이용&lt;/strong&gt;: Seedance API는 사용량 기반 과금으로 부담 최소화
        &lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- ============================================================
         [ 7. 총평 &amp; 결론 ]
    ============================================================ --&gt;
    &lt;section id=&quot;verdict&quot;&gt;
      &lt;h2 class=&quot;section-title&quot;&gt;
        &lt;span class=&quot;section-num&quot;&gt;07&lt;/span&gt;
        총평 &amp; 결론
      &lt;/h2&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        2025년 현재, 동영상 생성 AI 시장은 빠른 속도로 성장 중입니다.
        OpenAI Sora, Runway, Kling AI 모두 훌륭한 도구이지만,
        &lt;span class=&quot;em&quot;&gt;Seedance 2.0은 기술적 스펙과 출력 품질 모든 면에서 한 발 앞서&lt;/span&gt; 있습니다.
      &lt;/p&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        특히 &lt;strong&gt;4K 60fps, 20초 클립, 물리 기반 시뮬레이션&lt;/strong&gt;은 경쟁사 어디에서도 동시에 제공하지 못하는
        Seedance 2.0만의 독보적인 조합입니다. 영화, 광고, 유튜브 콘텐츠, 제품 시연 영상 등
        고품질 영상이 필요한 모든 분야에서 최적의 선택이 될 것입니다.
      &lt;/p&gt;

      &lt;p class=&quot;body-text&quot;&gt;
        &lt;strong&gt;접근성&lt;/strong&gt; 면에서는 아직 글로벌 직접 서비스가 제한적이라는 점이 아쉽지만,
        API를 통한 개발자 접근과 PixVerse 등 연계 플랫폼을 통해 현재도 충분히 활용 가능합니다.
      &lt;/p&gt;

      &lt;!-- 결론 박스 --&gt;
      &lt;div class=&quot;conclusion-box&quot;&gt;
        &lt;h3&gt;  편집부 최종 평가&lt;/h3&gt;
        &lt;p&gt;
          Seedance 2.0은 현 시점 &lt;strong&gt;동영상 생성 AI의 정점&lt;/strong&gt;입니다.
          고품질 영상 제작이 목표라면, 비용 대비 최고의 퀄리티를 제공하는
          Seedance 2.0을 적극 추천합니다. 사용 편의성을 원한다면 Pika, 편집 도구가 필요하다면 Runway,
          가성비를 원한다면 Kling AI도 좋은 대안입니다.
        &lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- 공유 버튼 (티스토리 스타일) --&gt;
    &lt;div class=&quot;share-bar&quot;&gt;
      &lt;button class=&quot;share-btn share-kakao&quot; onclick=&quot;alert('카카오 공유 (데모)')&quot;&gt;
          카카오톡 공유
      &lt;/button&gt;
      &lt;button class=&quot;share-btn share-twitter&quot; onclick=&quot;alert('트위터 공유 (데모)')&quot;&gt;
          트위터 공유
      &lt;/button&gt;
      &lt;button class=&quot;share-btn share-copy&quot; onclick=&quot;navigator.clipboard.writeText(location.href).then(()=&gt;alert('링크 복사됨!'))&quot;&gt;
          링크 복사
      &lt;/button&gt;
    &lt;/div&gt;

    &lt;!-- 해시 태그 --&gt;
    &lt;div class=&quot;blog-tags&quot;&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#Seedance2.0&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#AI영상생성&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#동영상AI&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#Sora비교&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#RunwayGen3&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#KlingAI&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#Pika&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#ByteDance&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#AI트렌드2025&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#텍스트투비디오&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#생성형AI&lt;/a&gt;
      &lt;a href=&quot;#&quot; class=&quot;blog-tag&quot;&gt;#4K영상&lt;/a&gt;
    &lt;/div&gt;

  &lt;/div&gt;&lt;!-- /container --&gt;

  &lt;!-- ============================================================
       [ JavaScript - 스크롤 기반 애니메이션 ]
       Intersection Observer API를 사용해 스크롤 시 요소 등장 효과
  ============================================================ --&gt;
  &lt;script&gt;
    // ============================================================
    // [ Intersection Observer 설정 ]
    // 뷰포트에 요소가 들어올 때 'visible' 클래스 추가
    // ============================================================
    const observer = new IntersectionObserver((entries) =&gt; {
      entries.forEach(entry =&gt; {
        if (entry.isIntersecting) {
          // 요소가 화면에 나타났을 때 애니메이션 트리거
          entry.target.style.opacity = '1';
          entry.target.style.transform = 'translateY(0)';
          // 한 번 실행 후 관찰 종료
          observer.unobserve(entry.target);
        }
      });
    }, {
      threshold: 0.1,     // 10% 이상 보일 때 트리거
      rootMargin: '0px 0px -40px 0px' // 하단 40px 여유
    });

    // ============================================================
    // [ 애니메이션 대상 요소 선택 및 초기 상태 설정 ]
    // ============================================================
    document.querySelectorAll('.info-card, .specs-grid .spec-item, .ai-card, .pricing-card, .score-bars .score-row').forEach((el, index) =&gt; {
      // 초기 상태: 투명 + 아래에서 올라오는 효과
      el.style.opacity = '0';
      el.style.transform = 'translateY(24px)';
      // 순차적 딜레이로 물결 효과
      el.style.transition = `opacity 0.5s ease ${index * 0.06}s, transform 0.5s ease ${index * 0.06}s`;
      observer.observe(el);
    });
  &lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;</description>
      <author>아이템기어</author>
      <guid isPermaLink="true">https://itemgear.tistory.com/6</guid>
      <comments>https://itemgear.tistory.com/6#entry6comment</comments>
      <pubDate>Mon, 23 Feb 2026 13:50:30 +0900</pubDate>
    </item>
    <item>
      <title>윈도우+아이폰 연결해서 사용하기</title>
      <link>https://itemgear.tistory.com/5</link>
      <description>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ko&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;윈도우에서 아이폰 연결하기 완벽 가이드 | 파일·메시지·연락처·일정 공유&lt;/title&gt;
  &lt;!-- Google Fonts: 본문용 Noto Sans KR + 타이틀용 Playfair Display --&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&amp;family=Playfair+Display:wght@700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;style&gt;
    /* =========================================
       CSS 변수 정의: 전체 색상 팔레트 통일관리
       ========================================= */
    :root {
      --bg: #F7F5F2;           /* 따뜻한 오프화이트 배경 */
      --surface: #FFFFFF;      /* 카드 배경 */
      --text: #1A1A1A;         /* 주 텍스트 */
      --muted: #6B6860;        /* 보조 텍스트 */
      --accent: #2D6BE4;       /* 포인트 블루 (Apple 느낌) */
      --accent2: #E84545;      /* 경고/중요 강조 */
      --accent3: #27AE60;      /* 성공/완료 */
      --border: #E5E2DC;       /* 테두리 */
      --step-bg: #EEF4FF;      /* 단계 배경 */
      --tip-bg: #FFF8E7;       /* 팁 배경 */
      --shadow: 0 4px 24px rgba(0,0,0,0.07);
    }

    /* =========================================
       기본 리셋 및 전역 스타일
       ========================================= */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      background: var(--bg);
      color: var(--text);
      font-family: 'Noto Sans KR', sans-serif;
      font-size: 16px;
      line-height: 1.85;
    }

    /* =========================================
       레이아웃 컨테이너
       ========================================= */
    .container {
      max-width: 780px;
      margin: 0 auto;
      padding: 0 20px;
    }

    /* =========================================
       히어로 헤더 영역: 상단 타이틀 섹션
       ========================================= */
    .hero {
      background: linear-gradient(135deg, #1A1A2E 0%, #16213E 50%, #0F3460 100%);
      color: #fff;
      padding: 64px 20px 52px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    /* 배경 장식용 원형 그라데이션 */
    .hero::before {
      content: '';
      position: absolute;
      width: 500px; height: 500px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(45,107,228,0.25) 0%, transparent 70%);
      top: -150px; right: -100px;
      pointer-events: none;
    }
    .hero::after {
      content: '';
      position: absolute;
      width: 300px; height: 300px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(232,69,69,0.15) 0%, transparent 70%);
      bottom: -100px; left: -50px;
      pointer-events: none;
    }
    .hero-badge {
      display: inline-block;
      background: rgba(45,107,228,0.35);
      border: 1px solid rgba(45,107,228,0.6);
      color: #90B4FF;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: 5px 16px;
      border-radius: 20px;
      margin-bottom: 22px;
    }
    .hero h1 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(26px, 5vw, 42px);
      font-weight: 700;
      line-height: 1.25;
      margin-bottom: 16px;
      position: relative;
    }
    .hero h1 span { color: #64A0FF; }
    .hero-sub {
      color: rgba(255,255,255,0.65);
      font-size: 15px;
      font-weight: 300;
      max-width: 520px;
      margin: 0 auto 28px;
    }
    /* 작성일, 읽기 시간 메타 정보 */
    .hero-meta {
      display: flex;
      justify-content: center;
      gap: 20px;
      font-size: 13px;
      color: rgba(255,255,255,0.45);
    }
    .hero-meta span { display: flex; align-items: center; gap: 5px; }

    /* =========================================
       목차 (Table of Contents)
       ========================================= */
    .toc {
      background: var(--surface);
      border: 1px solid var(--border);
      border-left: 4px solid var(--accent);
      border-radius: 8px;
      padding: 24px 28px;
      margin: 40px 0 32px;
      box-shadow: var(--shadow);
    }
    .toc-title {
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 14px;
    }
    .toc ol {
      padding-left: 20px;
    }
    .toc li {
      margin: 6px 0;
      font-size: 14px;
    }
    .toc a {
      color: var(--muted);
      text-decoration: none;
      transition: color 0.2s;
    }
    .toc a:hover { color: var(--accent); }

    /* =========================================
       섹션 공통 스타일
       ========================================= */
    .section { margin: 52px 0; }
    .section-header {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 22px;
    }
    /* 섹션 번호 뱃지 */
    .section-num {
      width: 36px; height: 36px;
      border-radius: 50%;
      background: var(--accent);
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .section h2 {
      font-size: 22px;
      font-weight: 700;
      color: var(--text);
    }
    .section p {
      color: var(--muted);
      margin-bottom: 16px;
      font-size: 15px;
    }
    .section p strong {
      color: var(--text);
      font-weight: 700;
    }

    /* =========================================
       일러스트 / 다이어그램 카드
       ========================================= */
    .diagram-wrap {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 12px;
      overflow: hidden;
      box-shadow: var(--shadow);
      margin: 24px 0;
    }
    .diagram-wrap svg {
      width: 100%;
      display: block;
    }
    .diagram-caption {
      text-align: center;
      font-size: 12px;
      color: var(--muted);
      padding: 10px 16px 14px;
      border-top: 1px solid var(--border);
      background: #FAFAF8;
    }

    /* =========================================
       단계별 스텝 카드 (Step-by-Step)
       ========================================= */
    .steps { display: flex; flex-direction: column; gap: 14px; margin: 20px 0; }
    .step {
      display: flex;
      gap: 16px;
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 10px;
      padding: 18px 20px;
      align-items: flex-start;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .step:hover { transform: translateX(4px); box-shadow: var(--shadow); }
    /* 단계 번호 원형 */
    .step-num {
      width: 30px; height: 30px;
      border-radius: 50%;
      background: var(--step-bg);
      border: 2px solid var(--accent);
      color: var(--accent);
      font-size: 13px;
      font-weight: 700;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
      margin-top: 2px;
    }
    .step-content strong {
      display: block;
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 4px;
    }
    .step-content span {
      font-size: 14px;
      color: var(--muted);
    }
    /* 경로 표시용 코드 스타일 */
    .path {
      display: inline-block;
      background: #F0F0F0;
      border: 1px solid #DDD;
      border-radius: 4px;
      padding: 1px 7px;
      font-family: 'Courier New', monospace;
      font-size: 13px;
      color: #333;
    }

    /* =========================================
       팁/노트 박스
       ========================================= */
    .tip {
      background: var(--tip-bg);
      border-left: 4px solid #F0A500;
      border-radius: 6px;
      padding: 14px 18px;
      margin: 18px 0;
      font-size: 14px;
    }
    .tip-title {
      font-weight: 700;
      color: #C07000;
      margin-bottom: 4px;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }
    /* 중요 경고 박스 */
    .warning {
      background: #FFF0F0;
      border-left: 4px solid var(--accent2);
      border-radius: 6px;
      padding: 14px 18px;
      margin: 18px 0;
      font-size: 14px;
    }
    .warning-title {
      font-weight: 700;
      color: var(--accent2);
      margin-bottom: 4px;
      font-size: 13px;
      text-transform: uppercase;
    }
    /* 성공/완료 알림 박스 */
    .success-box {
      background: #F0FFF6;
      border-left: 4px solid var(--accent3);
      border-radius: 6px;
      padding: 14px 18px;
      margin: 18px 0;
      font-size: 14px;
    }

    /* =========================================
       앱 소개 카드 그리드 (앱 목록 등)
       ========================================= */
    .app-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 14px;
      margin: 20px 0;
    }
    .app-card {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 18px;
      text-align: center;
      box-shadow: var(--shadow);
      transition: transform 0.2s;
    }
    .app-card:hover { transform: translateY(-3px); }
    .app-icon { font-size: 36px; margin-bottom: 8px; }
    .app-name { font-weight: 700; font-size: 14px; margin-bottom: 4px; }
    .app-desc { font-size: 12px; color: var(--muted); line-height: 1.5; }

    /* =========================================
       비교 테이블 (방법 비교)
       ========================================= */
    .compare-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 14px;
      margin: 20px 0;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: var(--shadow);
    }
    .compare-table th {
      background: #1A1A2E;
      color: #fff;
      padding: 13px 16px;
      text-align: left;
      font-weight: 600;
    }
    .compare-table td {
      padding: 12px 16px;
      border-bottom: 1px solid var(--border);
      background: var(--surface);
      vertical-align: top;
    }
    .compare-table tr:last-child td { border-bottom: none; }
    .compare-table tr:nth-child(even) td { background: #FAFAF8; }
    /* 체크/엑스 아이콘 */
    .chk { color: var(--accent3); font-weight: 700; }
    .no { color: var(--accent2); font-weight: 700; }

    /* =========================================
       구분선
       ========================================= */
    .divider {
      border: none;
      border-top: 1px solid var(--border);
      margin: 40px 0;
    }

    /* =========================================
       마무리 요약 카드
       ========================================= */
    .summary {
      background: linear-gradient(135deg, #1A1A2E 0%, #0F3460 100%);
      color: #fff;
      border-radius: 14px;
      padding: 36px;
      margin: 48px 0;
    }
    .summary h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 16px;
      color: #90B4FF;
    }
    .summary ul {
      padding-left: 20px;
      font-size: 14px;
      color: rgba(255,255,255,0.8);
      line-height: 2;
    }

    /* =========================================
       푸터
       ========================================= */
    .footer {
      text-align: center;
      padding: 32px 20px;
      font-size: 13px;
      color: var(--muted);
      border-top: 1px solid var(--border);
    }

    /* =========================================
       반응형: 모바일 (768px 이하)
       ========================================= */
    @media (max-width: 600px) {
      .app-grid { grid-template-columns: 1fr 1fr; }
      .hero { padding: 44px 16px 36px; }
      .summary { padding: 24px 20px; }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

  &lt;!-- =============================================
       히어로 헤더 섹션
       ============================================= --&gt;
  &lt;header class=&quot;hero&quot;&gt;
    &lt;div class=&quot;hero-badge&quot;&gt;  Windows × iPhone 완벽 가이드&lt;/div&gt;
    &lt;h1&gt;윈도우에서 &lt;span&gt;아이폰&lt;/span&gt; 연결하기&lt;br&gt;파일·메시지·연락처·일정 모두 공유&lt;/h1&gt;
    &lt;p class=&quot;hero-sub&quot;&gt;USB 케이블 하나부터 클라우드까지, 윈도우 PC와 아이폰을 완벽하게 연동하는 방법을 단계별로 알아봅니다.&lt;/p&gt;
    &lt;div class=&quot;hero-meta&quot;&gt;
      &lt;span&gt;  2025년&lt;/span&gt;
      &lt;span&gt;⏱ 읽기 약 8분&lt;/span&gt;
      &lt;span&gt;  초보자도 가능&lt;/span&gt;
    &lt;/div&gt;
  &lt;/header&gt;

  &lt;!-- =============================================
       본문 컨테이너
       ============================================= --&gt;
  &lt;main class=&quot;container&quot;&gt;

    &lt;!-- 목차 --&gt;
    &lt;nav class=&quot;toc&quot;&gt;
      &lt;div class=&quot;toc-title&quot;&gt;  목차&lt;/div&gt;
      &lt;ol&gt;
        &lt;li&gt;&lt;a href=&quot;#connect&quot;&gt;USB로 아이폰 연결하기 (기본 설정)&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#file&quot;&gt;파일 공유하기 (사진·영상·문서)&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#message&quot;&gt;메시지 확인하기&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#contact&quot;&gt;연락처 동기화하기&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#calendar&quot;&gt;일정(캘린더) 동기화하기&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#apps&quot;&gt;유용한 서드파티 앱 소개&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#compare&quot;&gt;방법 비교 한눈에 보기&lt;/a&gt;&lt;/li&gt;
      &lt;/ol&gt;
    &lt;/nav&gt;

    &lt;!-- ==========================================
         섹션 1: USB 연결 기본 설정
         ========================================== --&gt;
    &lt;section class=&quot;section&quot; id=&quot;connect&quot;&gt;
      &lt;div class=&quot;section-header&quot;&gt;
        &lt;div class=&quot;section-num&quot;&gt;1&lt;/div&gt;
        &lt;h2&gt;USB로 아이폰 연결하기 (기본 설정)&lt;/h2&gt;
      &lt;/div&gt;
      &lt;p&gt;윈도우 PC에 아이폰을 연결하려면 먼저 &lt;strong&gt;Apple Devices 앱&lt;/strong&gt;을 설치해야 합니다. 과거의 iTunes 역할을 대체하는 앱으로, 마이크로소프트 스토어에서 무료로 내려받을 수 있습니다.&lt;/p&gt;

      &lt;!-- 연결 다이어그램 SVG --&gt;
      &lt;div class=&quot;diagram-wrap&quot;&gt;
        &lt;svg viewBox=&quot;0 0 700 220&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; font-family=&quot;Noto Sans KR, sans-serif&quot;&gt;
          &lt;!-- 배경 --&gt;
          &lt;rect width=&quot;700&quot; height=&quot;220&quot; fill=&quot;#F7F5F2&quot;/&gt;

          &lt;!-- PC 아이콘 --&gt;
          &lt;rect x=&quot;60&quot; y=&quot;60&quot; width=&quot;130&quot; height=&quot;100&quot; rx=&quot;8&quot; fill=&quot;#1A1A2E&quot;/&gt;
          &lt;rect x=&quot;75&quot; y=&quot;72&quot; width=&quot;100&quot; height=&quot;70&quot; rx=&quot;4&quot; fill=&quot;#2D6BE4&quot; opacity=&quot;0.85&quot;/&gt;
          &lt;!-- 화면 내용 (윈도우 로고) --&gt;
          &lt;rect x=&quot;88&quot; y=&quot;85&quot; width=&quot;18&quot; height=&quot;18&quot; rx=&quot;2&quot; fill=&quot;#fff&quot; opacity=&quot;0.9&quot;/&gt;
          &lt;rect x=&quot;109&quot; y=&quot;85&quot; width=&quot;18&quot; height=&quot;18&quot; rx=&quot;2&quot; fill=&quot;#fff&quot; opacity=&quot;0.9&quot;/&gt;
          &lt;rect x=&quot;88&quot; y=&quot;106&quot; width=&quot;18&quot; height=&quot;18&quot; rx=&quot;2&quot; fill=&quot;#fff&quot; opacity=&quot;0.9&quot;/&gt;
          &lt;rect x=&quot;109&quot; y=&quot;106&quot; width=&quot;18&quot; height=&quot;18&quot; rx=&quot;2&quot; fill=&quot;#fff&quot; opacity=&quot;0.9&quot;/&gt;
          &lt;!-- 모니터 받침 --&gt;
          &lt;rect x=&quot;113&quot; y=&quot;160&quot; width=&quot;24&quot; height=&quot;8&quot; rx=&quot;2&quot; fill=&quot;#0D0D20&quot;/&gt;
          &lt;rect x=&quot;100&quot; y=&quot;168&quot; width=&quot;50&quot; height=&quot;5&quot; rx=&quot;2&quot; fill=&quot;#0D0D20&quot;/&gt;
          &lt;text x=&quot;125&quot; y=&quot;195&quot; text-anchor=&quot;middle&quot; font-size=&quot;13&quot; fill=&quot;#1A1A2E&quot; font-weight=&quot;600&quot;&gt;Windows PC&lt;/text&gt;

          &lt;!-- USB 케이블 연결선 --&gt;
          &lt;line x1=&quot;200&quot; y1=&quot;110&quot; x2=&quot;290&quot; y2=&quot;110&quot; stroke=&quot;#2D6BE4&quot; stroke-width=&quot;3&quot; stroke-dasharray=&quot;6 4&quot;/&gt;
          &lt;!-- USB 플러그 모양 --&gt;
          &lt;rect x=&quot;194&quot; y=&quot;104&quot; width=&quot;12&quot; height=&quot;12&quot; rx=&quot;2&quot; fill=&quot;#2D6BE4&quot;/&gt;
          &lt;rect x=&quot;290&quot; y=&quot;104&quot; width=&quot;12&quot; height=&quot;12&quot; rx=&quot;2&quot; fill=&quot;#2D6BE4&quot;/&gt;
          &lt;!-- 화살표 양방향 --&gt;
          &lt;polygon points=&quot;220,103 230,110 220,117&quot; fill=&quot;#2D6BE4&quot;/&gt;
          &lt;polygon points=&quot;270,103 260,110 270,117&quot; fill=&quot;#2D6BE4&quot;/&gt;
          &lt;text x=&quot;248&quot; y=&quot;98&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot; fill=&quot;#6B6860&quot;&gt;USB / Lightning&lt;/text&gt;

          &lt;!-- 아이폰 아이콘 --&gt;
          &lt;rect x=&quot;310&quot; y=&quot;55&quot; width=&quot;80&quot; height=&quot;130&quot; rx=&quot;14&quot; fill=&quot;#1A1A2E&quot;/&gt;
          &lt;rect x=&quot;317&quot; y=&quot;65&quot; width=&quot;66&quot; height=&quot;105&quot; rx=&quot;8&quot; fill=&quot;#2D6BE4&quot; opacity=&quot;0.85&quot;/&gt;
          &lt;!-- 아이폰 노치 --&gt;
          &lt;rect x=&quot;333&quot; y=&quot;62&quot; width=&quot;34&quot; height=&quot;6&quot; rx=&quot;3&quot; fill=&quot;#0D0D20&quot;/&gt;
          &lt;!-- 홈버튼 없음 (최신 모델) --&gt;
          &lt;circle cx=&quot;350&quot; cy=&quot;178&quot; r=&quot;5&quot; fill=&quot;#0D0D20&quot;/&gt;
          &lt;!-- 화면 내용 --&gt;
          &lt;circle cx=&quot;350&quot; cy=&quot;100&quot; r=&quot;18&quot; fill=&quot;#fff&quot; opacity=&quot;0.2&quot;/&gt;
          &lt;text x=&quot;350&quot; y=&quot;104&quot; text-anchor=&quot;middle&quot; font-size=&quot;16&quot; fill=&quot;#fff&quot;&gt; &lt;/text&gt;
          &lt;text x=&quot;350&quot; y=&quot;210&quot; text-anchor=&quot;middle&quot; font-size=&quot;13&quot; fill=&quot;#1A1A2E&quot; font-weight=&quot;600&quot;&gt;iPhone&lt;/text&gt;

          &lt;!-- 오른쪽 공유 항목 아이콘들 --&gt;
          &lt;g transform=&quot;translate(440, 40)&quot;&gt;
            &lt;rect x=&quot;0&quot; y=&quot;0&quot; width=&quot;100&quot; height=&quot;34&quot; rx=&quot;8&quot; fill=&quot;#EEF4FF&quot; stroke=&quot;#2D6BE4&quot; stroke-width=&quot;1.2&quot;/&gt;
            &lt;text x=&quot;12&quot; y=&quot;21&quot; font-size=&quot;13&quot;&gt; &lt;/text&gt;
            &lt;text x=&quot;32&quot; y=&quot;21&quot; font-size=&quot;12&quot; fill=&quot;#1A1A2E&quot;&gt;파일 공유&lt;/text&gt;

            &lt;rect x=&quot;0&quot; y=&quot;44&quot; width=&quot;100&quot; height=&quot;34&quot; rx=&quot;8&quot; fill=&quot;#EEF4FF&quot; stroke=&quot;#2D6BE4&quot; stroke-width=&quot;1.2&quot;/&gt;
            &lt;text x=&quot;12&quot; y=&quot;65&quot; font-size=&quot;13&quot;&gt; &lt;/text&gt;
            &lt;text x=&quot;32&quot; y=&quot;65&quot; font-size=&quot;12&quot; fill=&quot;#1A1A2E&quot;&gt;메시지&lt;/text&gt;

            &lt;rect x=&quot;0&quot; y=&quot;88&quot; width=&quot;100&quot; height=&quot;34&quot; rx=&quot;8&quot; fill=&quot;#EEF4FF&quot; stroke=&quot;#2D6BE4&quot; stroke-width=&quot;1.2&quot;/&gt;
            &lt;text x=&quot;12&quot; y=&quot;109&quot; font-size=&quot;13&quot;&gt; &lt;/text&gt;
            &lt;text x=&quot;32&quot; y=&quot;109&quot; font-size=&quot;12&quot; fill=&quot;#1A1A2E&quot;&gt;연락처&lt;/text&gt;

            &lt;rect x=&quot;0&quot; y=&quot;132&quot; width=&quot;100&quot; height=&quot;34&quot; rx=&quot;8&quot; fill=&quot;#EEF4FF&quot; stroke=&quot;#2D6BE4&quot; stroke-width=&quot;1.2&quot;/&gt;
            &lt;text x=&quot;12&quot; y=&quot;153&quot; font-size=&quot;13&quot;&gt; &lt;/text&gt;
            &lt;text x=&quot;32&quot; y=&quot;153&quot; font-size=&quot;12&quot; fill=&quot;#1A1A2E&quot;&gt;일정&lt;/text&gt;
          &lt;/g&gt;

          &lt;!-- 화살표: 아이폰에서 공유항목으로 --&gt;
          &lt;line x1=&quot;395&quot; y1=&quot;110&quot; x2=&quot;435&quot; y2=&quot;110&quot; stroke=&quot;#27AE60&quot; stroke-width=&quot;2&quot;/&gt;
          &lt;polygon points=&quot;432,106 440,110 432,114&quot; fill=&quot;#27AE60&quot;/&gt;
        &lt;/svg&gt;
        &lt;div class=&quot;diagram-caption&quot;&gt;  윈도우 PC와 아이폰 연결 개요 — USB 케이블로 파일, 메시지, 연락처, 일정 공유 가능&lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;steps&quot;&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;1&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;Apple Devices 앱 설치&lt;/strong&gt;
            &lt;span&gt;마이크로소프트 스토어를 열고 &lt;span class=&quot;path&quot;&gt;Apple Devices&lt;/span&gt;를 검색해 설치합니다. (Windows 11 권장)&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;2&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;USB 케이블로 연결&lt;/strong&gt;
            &lt;span&gt;라이트닝(Lightning) 또는 USB-C 케이블로 아이폰과 PC를 연결합니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;3&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;아이폰에서 &quot;신뢰&quot; 탭하기&lt;/strong&gt;
            &lt;span&gt;아이폰 화면에 &quot;이 컴퓨터를 신뢰하겠습니까?&quot; 팝업이 뜨면 &lt;strong&gt;신뢰&lt;/strong&gt;를 탭합니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;4&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;Apple Devices 앱에서 기기 확인&lt;/strong&gt;
            &lt;span&gt;앱 상단에 내 아이폰 이름이 표시되면 연결 완료입니다!&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;tip&quot;&gt;
        &lt;div class=&quot;tip-title&quot;&gt;  Tip&lt;/div&gt;
        정품 또는 공식 인증(MFi) 케이블을 사용하세요. 저품질 케이블은 연결이 불안정하거나 인식되지 않을 수 있습니다.
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;hr class=&quot;divider&quot;&gt;

    &lt;!-- ==========================================
         섹션 2: 파일 공유
         ========================================== --&gt;
    &lt;section class=&quot;section&quot; id=&quot;file&quot;&gt;
      &lt;div class=&quot;section-header&quot;&gt;
        &lt;div class=&quot;section-num&quot;&gt;2&lt;/div&gt;
        &lt;h2&gt;파일 공유하기 (사진·영상·문서)&lt;/h2&gt;
      &lt;/div&gt;
      &lt;p&gt;아이폰의 파일을 PC로 옮기는 방법은 크게 3가지입니다. 상황에 맞게 선택하세요.&lt;/p&gt;

      &lt;!-- 파일 전송 방법 다이어그램 --&gt;
      &lt;div class=&quot;diagram-wrap&quot;&gt;
        &lt;svg viewBox=&quot;0 0 700 200&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; font-family=&quot;Noto Sans KR, sans-serif&quot;&gt;
          &lt;rect width=&quot;700&quot; height=&quot;200&quot; fill=&quot;#F0F4FF&quot;/&gt;

          &lt;!-- 방법 1: USB --&gt;
          &lt;rect x=&quot;30&quot; y=&quot;30&quot; width=&quot;190&quot; height=&quot;140&quot; rx=&quot;12&quot; fill=&quot;#fff&quot; stroke=&quot;#2D6BE4&quot; stroke-width=&quot;1.5&quot;/&gt;
          &lt;text x=&quot;125&quot; y=&quot;55&quot; text-anchor=&quot;middle&quot; font-size=&quot;28&quot;&gt; &lt;/text&gt;
          &lt;text x=&quot;125&quot; y=&quot;82&quot; text-anchor=&quot;middle&quot; font-size=&quot;14&quot; fill=&quot;#1A1A2E&quot; font-weight=&quot;700&quot;&gt;USB 직접 전송&lt;/text&gt;
          &lt;line x1=&quot;60&quot; y1=&quot;95&quot; x2=&quot;190&quot; y2=&quot;95&quot; stroke=&quot;#E5E2DC&quot; stroke-width=&quot;1&quot;/&gt;
          &lt;text x=&quot;125&quot; y=&quot;115&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#6B6860&quot;&gt;가장 빠름&lt;/text&gt;
          &lt;text x=&quot;125&quot; y=&quot;133&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#6B6860&quot;&gt;인터넷 불필요&lt;/text&gt;
          &lt;text x=&quot;125&quot; y=&quot;151&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#27AE60&quot; font-weight=&quot;600&quot;&gt;✔ 추천&lt;/text&gt;

          &lt;!-- 방법 2: iCloud --&gt;
          &lt;rect x=&quot;255&quot; y=&quot;30&quot; width=&quot;190&quot; height=&quot;140&quot; rx=&quot;12&quot; fill=&quot;#fff&quot; stroke=&quot;#2D6BE4&quot; stroke-width=&quot;1.5&quot;/&gt;
          &lt;text x=&quot;350&quot; y=&quot;55&quot; text-anchor=&quot;middle&quot; font-size=&quot;28&quot;&gt;☁️&lt;/text&gt;
          &lt;text x=&quot;350&quot; y=&quot;82&quot; text-anchor=&quot;middle&quot; font-size=&quot;14&quot; fill=&quot;#1A1A2E&quot; font-weight=&quot;700&quot;&gt;iCloud 동기화&lt;/text&gt;
          &lt;line x1=&quot;285&quot; y1=&quot;95&quot; x2=&quot;415&quot; y2=&quot;95&quot; stroke=&quot;#E5E2DC&quot; stroke-width=&quot;1&quot;/&gt;
          &lt;text x=&quot;350&quot; y=&quot;115&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#6B6860&quot;&gt;자동 동기화&lt;/text&gt;
          &lt;text x=&quot;350&quot; y=&quot;133&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#6B6860&quot;&gt;인터넷 필요&lt;/text&gt;
          &lt;text x=&quot;350&quot; y=&quot;151&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#F0A500&quot; font-weight=&quot;600&quot;&gt;△ 5GB 무료 제한&lt;/text&gt;

          &lt;!-- 방법 3: 에어드롭 대안 --&gt;
          &lt;rect x=&quot;480&quot; y=&quot;30&quot; width=&quot;190&quot; height=&quot;140&quot; rx=&quot;12&quot; fill=&quot;#fff&quot; stroke=&quot;#2D6BE4&quot; stroke-width=&quot;1.5&quot;/&gt;
          &lt;text x=&quot;575&quot; y=&quot;55&quot; text-anchor=&quot;middle&quot; font-size=&quot;28&quot;&gt; &lt;/text&gt;
          &lt;text x=&quot;575&quot; y=&quot;82&quot; text-anchor=&quot;middle&quot; font-size=&quot;14&quot; fill=&quot;#1A1A2E&quot; font-weight=&quot;700&quot;&gt;Phone Link 앱&lt;/text&gt;
          &lt;line x1=&quot;510&quot; y1=&quot;95&quot; x2=&quot;640&quot; y2=&quot;95&quot; stroke=&quot;#E5E2DC&quot; stroke-width=&quot;1&quot;/&gt;
          &lt;text x=&quot;575&quot; y=&quot;115&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#6B6860&quot;&gt;무선 연결&lt;/text&gt;
          &lt;text x=&quot;575&quot; y=&quot;133&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#6B6860&quot;&gt;사진 즉시 확인&lt;/text&gt;
          &lt;text x=&quot;575&quot; y=&quot;151&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#2D6BE4&quot; font-weight=&quot;600&quot;&gt;Windows 기본 제공&lt;/text&gt;
        &lt;/svg&gt;
        &lt;div class=&quot;diagram-caption&quot;&gt;  아이폰 → 윈도우 파일 전송 방법 3가지 비교&lt;/div&gt;
      &lt;/div&gt;

      &lt;h3 style=&quot;font-size:17px; margin:24px 0 12px; font-weight:700;&quot;&gt;  방법 1: USB로 사진/동영상 가져오기&lt;/h3&gt;
      &lt;div class=&quot;steps&quot;&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;1&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;파일 탐색기 열기&lt;/strong&gt;
            &lt;span&gt;&lt;span class=&quot;path&quot;&gt;내 PC&lt;/span&gt;에서 아이폰이 이동식 장치로 인식되는지 확인합니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;2&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;iPhone 폴더 접근&lt;/strong&gt;
            &lt;span&gt;&lt;span class=&quot;path&quot;&gt;내 PC → [iPhone 이름] → Internal Storage → DCIM&lt;/span&gt; 경로에 사진과 동영상이 있습니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;3&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;복사/붙여넣기&lt;/strong&gt;
            &lt;span&gt;원하는 파일을 선택하고 PC의 원하는 폴더로 복사합니다. (Ctrl+C → Ctrl+V)&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;h3 style=&quot;font-size:17px; margin:24px 0 12px; font-weight:700;&quot;&gt;  방법 2: iCloud for Windows&lt;/h3&gt;
      &lt;p&gt;아이폰 사진, 문서 등을 자동으로 PC와 동기화하는 가장 편리한 방법입니다.&lt;/p&gt;
      &lt;div class=&quot;steps&quot;&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;1&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;iCloud for Windows 설치&lt;/strong&gt;
            &lt;span&gt;Microsoft Store에서 &lt;strong&gt;iCloud&lt;/strong&gt;를 검색해 설치합니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;2&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;Apple ID로 로그인&lt;/strong&gt;
            &lt;span&gt;아이폰에 사용 중인 Apple ID와 동일한 계정으로 로그인합니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;3&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;동기화 항목 선택&lt;/strong&gt;
            &lt;span&gt;사진, 드라이브, 메일, 연락처, 캘린더 중 원하는 항목을 체크합니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;4&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;파일 탐색기에서 확인&lt;/strong&gt;
            &lt;span&gt;&lt;span class=&quot;path&quot;&gt;파일 탐색기 → iCloud Photos&lt;/span&gt; 폴더에 아이폰 사진이 자동으로 동기화됩니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;warning&quot;&gt;
        &lt;div class=&quot;warning-title&quot;&gt;⚠️ 주의&lt;/div&gt;
        iCloud 무료 저장용량은 5GB입니다. 사진이 많다면 iCloud+ 유료 플랜(50GB/월 1,100원~)을 고려하세요.
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;hr class=&quot;divider&quot;&gt;

    &lt;!-- ==========================================
         섹션 3: 메시지 확인
         ========================================== --&gt;
    &lt;section class=&quot;section&quot; id=&quot;message&quot;&gt;
      &lt;div class=&quot;section-header&quot;&gt;
        &lt;div class=&quot;section-num&quot;&gt;3&lt;/div&gt;
        &lt;h2&gt;메시지 확인하기&lt;/h2&gt;
      &lt;/div&gt;
      &lt;p&gt;윈도우에서 아이폰 문자(SMS/iMessage)를 확인하고 보내는 방법은 &lt;strong&gt;Phone Link 앱&lt;/strong&gt;이 핵심입니다.&lt;/p&gt;

      &lt;!-- 메시지 화면 SVG --&gt;
      &lt;div class=&quot;diagram-wrap&quot;&gt;
        &lt;svg viewBox=&quot;0 0 700 200&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; font-family=&quot;Noto Sans KR, sans-serif&quot;&gt;
          &lt;rect width=&quot;700&quot; height=&quot;200&quot; fill=&quot;#1A1A2E&quot;/&gt;

          &lt;!-- Phone Link 앱 UI 목업 --&gt;
          &lt;!-- 왼쪽 사이드바 --&gt;
          &lt;rect x=&quot;30&quot; y=&quot;20&quot; width=&quot;150&quot; height=&quot;160&quot; rx=&quot;8&quot; fill=&quot;#16213E&quot;/&gt;
          &lt;text x=&quot;105&quot; y=&quot;45&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot; fill=&quot;#90B4FF&quot; font-weight=&quot;600&quot;&gt;Phone Link&lt;/text&gt;
          &lt;line x1=&quot;40&quot; y1=&quot;52&quot; x2=&quot;170&quot; y2=&quot;52&quot; stroke=&quot;#0F3460&quot; stroke-width=&quot;1&quot;/&gt;
          &lt;!-- 메뉴 항목 --&gt;
          &lt;rect x=&quot;40&quot; y=&quot;62&quot; width=&quot;130&quot; height=&quot;26&quot; rx=&quot;4&quot; fill=&quot;#2D6BE4&quot; opacity=&quot;0.3&quot;/&gt;
          &lt;text x=&quot;56&quot; y=&quot;79&quot; font-size=&quot;12&quot; fill=&quot;#fff&quot;&gt;  메시지&lt;/text&gt;
          &lt;text x=&quot;56&quot; y=&quot;105&quot; font-size=&quot;12&quot; fill=&quot;#6B7DB3&quot;&gt;  사진&lt;/text&gt;
          &lt;text x=&quot;56&quot; y=&quot;127&quot; font-size=&quot;12&quot; fill=&quot;#6B7DB3&quot;&gt;  통화&lt;/text&gt;
          &lt;text x=&quot;56&quot; y=&quot;149&quot; font-size=&quot;12&quot; fill=&quot;#6B7DB3&quot;&gt;  알림&lt;/text&gt;

          &lt;!-- 오른쪽 메시지 패널 --&gt;
          &lt;rect x=&quot;195&quot; y=&quot;20&quot; width=&quot;475&quot; height=&quot;160&quot; rx=&quot;8&quot; fill=&quot;#0F1628&quot;/&gt;
          &lt;text x=&quot;210&quot; y=&quot;42&quot; font-size=&quot;11&quot; fill=&quot;#90B4FF&quot; font-weight=&quot;600&quot;&gt;메시지 목록&lt;/text&gt;
          &lt;line x1=&quot;200&quot; y1=&quot;50&quot; x2=&quot;660&quot; y2=&quot;50&quot; stroke=&quot;#16213E&quot; stroke-width=&quot;1&quot;/&gt;

          &lt;!-- 대화 항목 1 (선택됨) --&gt;
          &lt;rect x=&quot;200&quot; y=&quot;55&quot; width=&quot;200&quot; height=&quot;44&quot; rx=&quot;4&quot; fill=&quot;#16213E&quot;/&gt;
          &lt;circle cx=&quot;220&quot; cy=&quot;77&quot; r=&quot;14&quot; fill=&quot;#2D6BE4&quot;/&gt;
          &lt;text x=&quot;220&quot; y=&quot;81&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot; fill=&quot;#fff&quot;&gt;김&lt;/text&gt;
          &lt;text x=&quot;242&quot; y=&quot;71&quot; font-size=&quot;11&quot; fill=&quot;#fff&quot; font-weight=&quot;600&quot;&gt;김민준&lt;/text&gt;
          &lt;text x=&quot;242&quot; y=&quot;87&quot; font-size=&quot;10&quot; fill=&quot;#6B7DB3&quot;&gt;오늘 저녁 괜찮아?&lt;/text&gt;

          &lt;!-- 대화 항목 2 --&gt;
          &lt;rect x=&quot;200&quot; y=&quot;103&quot; width=&quot;200&quot; height=&quot;44&quot; rx=&quot;4&quot; fill=&quot;none&quot;/&gt;
          &lt;circle cx=&quot;220&quot; cy=&quot;125&quot; r=&quot;14&quot; fill=&quot;#27AE60&quot;/&gt;
          &lt;text x=&quot;220&quot; y=&quot;129&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot; fill=&quot;#fff&quot;&gt;박&lt;/text&gt;
          &lt;text x=&quot;242&quot; y=&quot;119&quot; font-size=&quot;11&quot; fill=&quot;#6B7DB3&quot; font-weight=&quot;600&quot;&gt;박서연&lt;/text&gt;
          &lt;text x=&quot;242&quot; y=&quot;135&quot; font-size=&quot;10&quot; fill=&quot;#6B7DB3&quot;&gt;파일 보내줘요~&lt;/text&gt;

          &lt;!-- 오른쪽 대화창 --&gt;
          &lt;rect x=&quot;410&quot; y=&quot;55&quot; width=&quot;255&quot; height=&quot;115&quot; rx=&quot;6&quot; fill=&quot;#0D1020&quot;/&gt;
          &lt;!-- 상대방 메시지 버블 --&gt;
          &lt;rect x=&quot;420&quot; y=&quot;65&quot; width=&quot;130&quot; height=&quot;26&quot; rx=&quot;12&quot; fill=&quot;#1E2A4A&quot;/&gt;
          &lt;text x=&quot;432&quot; y=&quot;82&quot; font-size=&quot;11&quot; fill=&quot;#fff&quot;&gt;오늘 저녁 괜찮아?&lt;/text&gt;
          &lt;!-- 내 메시지 버블 --&gt;
          &lt;rect x=&quot;510&quot; y=&quot;98&quot; width=&quot;100&quot; height=&quot;26&quot; rx=&quot;12&quot; fill=&quot;#2D6BE4&quot;/&gt;
          &lt;text x=&quot;522&quot; y=&quot;115&quot; font-size=&quot;11&quot; fill=&quot;#fff&quot;&gt;응! 7시 어때?&lt;/text&gt;
          &lt;!-- 입력창 --&gt;
          &lt;rect x=&quot;420&quot; y=&quot;135&quot; width=&quot;200&quot; height=&quot;24&quot; rx=&quot;12&quot; fill=&quot;#1E2A4A&quot;/&gt;
          &lt;text x=&quot;435&quot; y=&quot;151&quot; font-size=&quot;10&quot; fill=&quot;#4A5568&quot;&gt;메시지 입력...&lt;/text&gt;
        &lt;/svg&gt;
        &lt;div class=&quot;diagram-caption&quot;&gt;  Windows Phone Link 앱 — 아이폰 메시지를 PC에서 직접 송수신&lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;steps&quot;&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;1&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;Phone Link 앱 실행&lt;/strong&gt;
            &lt;span&gt;Windows 11에는 기본 내장되어 있습니다. 시작 메뉴에서 &lt;span class=&quot;path&quot;&gt;Phone Link&lt;/span&gt;를 검색하세요.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;2&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;iPhone 선택 후 QR 코드 스캔&lt;/strong&gt;
            &lt;span&gt;앱에서 iPhone을 선택하면 QR 코드가 표시됩니다. 아이폰 카메라로 스캔합니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;3&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;iPhone에서 권한 허용&lt;/strong&gt;
            &lt;span&gt;블루투스 연결 허용, 알림 접근 허용을 탭합니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;4&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;메시지 탭 확인&lt;/strong&gt;
            &lt;span&gt;Phone Link 앱에서 메시지 탭을 클릭하면 SMS와 iMessage 목록이 보입니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;tip&quot;&gt;
        &lt;div class=&quot;tip-title&quot;&gt;  Tip&lt;/div&gt;
        PC와 아이폰이 같은 Wi-Fi에 연결되어 있어야 무선으로 동기화됩니다. Bluetooth도 켜두면 더 안정적입니다.
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;hr class=&quot;divider&quot;&gt;

    &lt;!-- ==========================================
         섹션 4: 연락처 동기화
         ========================================== --&gt;
    &lt;section class=&quot;section&quot; id=&quot;contact&quot;&gt;
      &lt;div class=&quot;section-header&quot;&gt;
        &lt;div class=&quot;section-num&quot;&gt;4&lt;/div&gt;
        &lt;h2&gt;연락처 동기화하기&lt;/h2&gt;
      &lt;/div&gt;
      &lt;p&gt;아이폰 연락처를 윈도우와 동기화하는 가장 쉬운 방법은 &lt;strong&gt;iCloud 연락처&lt;/strong&gt;를 &lt;strong&gt;Outlook&lt;/strong&gt; 또는 &lt;strong&gt;구글 연락처&lt;/strong&gt;와 연동하는 것입니다.&lt;/p&gt;

      &lt;!-- 연락처 동기화 경로 SVG --&gt;
      &lt;div class=&quot;diagram-wrap&quot;&gt;
        &lt;svg viewBox=&quot;0 0 700 160&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; font-family=&quot;Noto Sans KR, sans-serif&quot;&gt;
          &lt;rect width=&quot;700&quot; height=&quot;160&quot; fill=&quot;#F0FFF6&quot;/&gt;

          &lt;!-- 아이폰 --&gt;
          &lt;rect x=&quot;30&quot; y=&quot;30&quot; width=&quot;100&quot; height=&quot;100&quot; rx=&quot;10&quot; fill=&quot;#1A1A2E&quot;/&gt;
          &lt;text x=&quot;80&quot; y=&quot;80&quot; text-anchor=&quot;middle&quot; font-size=&quot;30&quot;&gt; &lt;/text&gt;
          &lt;text x=&quot;80&quot; y=&quot;115&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot; fill=&quot;#fff&quot;&gt;iPhone&lt;/text&gt;
          &lt;text x=&quot;80&quot; y=&quot;130&quot; text-anchor=&quot;middle&quot; font-size=&quot;10&quot; fill=&quot;#6B7DB3&quot;&gt;연락처&lt;/text&gt;

          &lt;!-- 화살표 1 --&gt;
          &lt;line x1=&quot;135&quot; y1=&quot;80&quot; x2=&quot;185&quot; y2=&quot;80&quot; stroke=&quot;#27AE60&quot; stroke-width=&quot;2&quot;/&gt;
          &lt;polygon points=&quot;182,76 190,80 182,84&quot; fill=&quot;#27AE60&quot;/&gt;
          &lt;text x=&quot;160&quot; y=&quot;68&quot; text-anchor=&quot;middle&quot; font-size=&quot;10&quot; fill=&quot;#27AE60&quot;&gt;iCloud&lt;/text&gt;
          &lt;text x=&quot;160&quot; y=&quot;97&quot; text-anchor=&quot;middle&quot; font-size=&quot;10&quot; fill=&quot;#27AE60&quot;&gt;동기화&lt;/text&gt;

          &lt;!-- iCloud 박스 --&gt;
          &lt;rect x=&quot;190&quot; y=&quot;50&quot; width=&quot;120&quot; height=&quot;60&quot; rx=&quot;10&quot; fill=&quot;#fff&quot; stroke=&quot;#27AE60&quot; stroke-width=&quot;1.5&quot;/&gt;
          &lt;text x=&quot;250&quot; y=&quot;82&quot; text-anchor=&quot;middle&quot; font-size=&quot;28&quot;&gt;☁️&lt;/text&gt;
          &lt;text x=&quot;250&quot; y=&quot;104&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot; fill=&quot;#1A1A2E&quot;&gt;iCloud 연락처&lt;/text&gt;

          &lt;!-- 화살표 2 (분기) --&gt;
          &lt;line x1=&quot;315&quot; y1=&quot;70&quot; x2=&quot;365&quot; y2=&quot;55&quot; stroke=&quot;#2D6BE4&quot; stroke-width=&quot;2&quot;/&gt;
          &lt;polygon points=&quot;362,51 370,55 362,59&quot; fill=&quot;#2D6BE4&quot;/&gt;
          &lt;line x1=&quot;315&quot; y1=&quot;90&quot; x2=&quot;365&quot; y2=&quot;105&quot; stroke=&quot;#2D6BE4&quot; stroke-width=&quot;2&quot;/&gt;
          &lt;polygon points=&quot;362,101 370,105 362,109&quot; fill=&quot;#2D6BE4&quot;/&gt;

          &lt;!-- Outlook --&gt;
          &lt;rect x=&quot;370&quot; y=&quot;30&quot; width=&quot;120&quot; height=&quot;50&quot; rx=&quot;10&quot; fill=&quot;#fff&quot; stroke=&quot;#2D6BE4&quot; stroke-width=&quot;1.5&quot;/&gt;
          &lt;text x=&quot;430&quot; y=&quot;54&quot; text-anchor=&quot;middle&quot; font-size=&quot;20&quot;&gt; &lt;/text&gt;
          &lt;text x=&quot;430&quot; y=&quot;72&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot; fill=&quot;#1A1A2E&quot;&gt;Outlook / 메일 앱&lt;/text&gt;

          &lt;!-- 구글 연락처 --&gt;
          &lt;rect x=&quot;370&quot; y=&quot;90&quot; width=&quot;120&quot; height=&quot;50&quot; rx=&quot;10&quot; fill=&quot;#fff&quot; stroke=&quot;#2D6BE4&quot; stroke-width=&quot;1.5&quot;/&gt;
          &lt;text x=&quot;430&quot; y=&quot;114&quot; text-anchor=&quot;middle&quot; font-size=&quot;20&quot;&gt; &lt;/text&gt;
          &lt;text x=&quot;430&quot; y=&quot;132&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot; fill=&quot;#1A1A2E&quot;&gt;구글 연락처&lt;/text&gt;

          &lt;!-- PC --&gt;
          &lt;line x1=&quot;495&quot; y1=&quot;55&quot; x2=&quot;545&quot; y2=&quot;80&quot; stroke=&quot;#6B6860&quot; stroke-width=&quot;2&quot; stroke-dasharray=&quot;4 3&quot;/&gt;
          &lt;line x1=&quot;495&quot; y1=&quot;115&quot; x2=&quot;545&quot; y2=&quot;80&quot; stroke=&quot;#6B6860&quot; stroke-width=&quot;2&quot; stroke-dasharray=&quot;4 3&quot;/&gt;
          &lt;rect x=&quot;545&quot; y=&quot;50&quot; width=&quot;110&quot; height=&quot;60&quot; rx=&quot;10&quot; fill=&quot;#1A1A2E&quot;/&gt;
          &lt;text x=&quot;600&quot; y=&quot;82&quot; text-anchor=&quot;middle&quot; font-size=&quot;28&quot;&gt; ️&lt;/text&gt;
          &lt;text x=&quot;600&quot; y=&quot;104&quot; text-anchor=&quot;middle&quot; font-size=&quot;11&quot; fill=&quot;#fff&quot;&gt;Windows PC&lt;/text&gt;
        &lt;/svg&gt;
        &lt;div class=&quot;diagram-caption&quot;&gt;  아이폰 연락처 → iCloud → Outlook 또는 구글을 거쳐 PC로 동기화&lt;/div&gt;
      &lt;/div&gt;

      &lt;h3 style=&quot;font-size:16px; margin:20px 0 10px; font-weight:700;&quot;&gt;✅ 방법 A: iCloud for Windows로 Outlook 동기화&lt;/h3&gt;
      &lt;div class=&quot;steps&quot;&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;1&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;iCloud for Windows 열기&lt;/strong&gt;
            &lt;span&gt;설치 후 Apple ID 로그인 → &lt;strong&gt;연락처&lt;/strong&gt; 체크박스 활성화&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;2&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;Outlook에서 확인&lt;/strong&gt;
            &lt;span&gt;Microsoft Outlook을 열면 &lt;span class=&quot;path&quot;&gt;사람&lt;/span&gt; 탭에서 아이폰 연락처가 표시됩니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;h3 style=&quot;font-size:16px; margin:20px 0 10px; font-weight:700;&quot;&gt;✅ 방법 B: 구글 연락처로 내보내기 후 PC에서 관리&lt;/h3&gt;
      &lt;div class=&quot;steps&quot;&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;1&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;아이폰에서 구글 계정 추가&lt;/strong&gt;
            &lt;span&gt;&lt;span class=&quot;path&quot;&gt;설정 → 연락처 → 계정 → 계정 추가 → Google&lt;/span&gt;&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;2&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;연락처 동기화 활성화&lt;/strong&gt;
            &lt;span&gt;구글 계정의 연락처 동기화 스위치를 켭니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;3&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;PC에서 contacts.google.com 접속&lt;/strong&gt;
            &lt;span&gt;브라우저에서 구글 연락처를 열면 아이폰의 연락처를 PC에서 편집 가능합니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;hr class=&quot;divider&quot;&gt;

    &lt;!-- ==========================================
         섹션 5: 일정 동기화
         ========================================== --&gt;
    &lt;section class=&quot;section&quot; id=&quot;calendar&quot;&gt;
      &lt;div class=&quot;section-header&quot;&gt;
        &lt;div class=&quot;section-num&quot;&gt;5&lt;/div&gt;
        &lt;h2&gt;일정(캘린더) 동기화하기&lt;/h2&gt;
      &lt;/div&gt;
      &lt;p&gt;아이폰 기본 &lt;strong&gt;캘린더 앱&lt;/strong&gt;의 일정을 윈도우와 공유하는 방법입니다. iCloud 또는 구글 캘린더를 매개로 사용합니다.&lt;/p&gt;

      &lt;div class=&quot;steps&quot;&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;1&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;iCloud 캘린더 활성화&lt;/strong&gt;
            &lt;span&gt;아이폰: &lt;span class=&quot;path&quot;&gt;설정 → [이름] → iCloud → 캘린더&lt;/span&gt; 스위치 ON&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;2&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;iCloud for Windows에서 캘린더 체크&lt;/strong&gt;
            &lt;span&gt;PC의 iCloud for Windows 앱에서 &lt;strong&gt;캘린더 및 할 일&lt;/strong&gt;에 체크합니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;step&quot;&gt;
          &lt;div class=&quot;step-num&quot;&gt;3&lt;/div&gt;
          &lt;div class=&quot;step-content&quot;&gt;
            &lt;strong&gt;Windows 캘린더 앱에서 확인&lt;/strong&gt;
            &lt;span&gt;시작 메뉴에서 &lt;span class=&quot;path&quot;&gt;캘린더&lt;/span&gt; 앱을 열면 iCloud 일정이 자동으로 표시됩니다.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;tip&quot;&gt;
        &lt;div class=&quot;tip-title&quot;&gt;  구글 캘린더를 사용하는 경우&lt;/div&gt;
        아이폰 &lt;span class=&quot;path&quot;&gt;설정 → 캘린더 → 계정 → Google&lt;/span&gt;에서 구글 계정을 추가하면, &lt;strong&gt;calendar.google.com&lt;/strong&gt;에서 PC로 일정을 관리할 수 있습니다. 구글 캘린더가 훨씬 더 기능이 풍부하고 다양한 기기에서 접근하기 쉽습니다.
      &lt;/div&gt;

      &lt;!-- 캘린더 미니 UI SVG --&gt;
      &lt;div class=&quot;diagram-wrap&quot;&gt;
        &lt;svg viewBox=&quot;0 0 700 180&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; font-family=&quot;Noto Sans KR, sans-serif&quot;&gt;
          &lt;rect width=&quot;700&quot; height=&quot;180&quot; fill=&quot;#FFF8E7&quot;/&gt;
          &lt;!-- 캘린더 UI 목업 --&gt;
          &lt;rect x=&quot;30&quot; y=&quot;20&quot; width=&quot;310&quot; height=&quot;140&quot; rx=&quot;10&quot; fill=&quot;#fff&quot; stroke=&quot;#E5E2DC&quot; stroke-width=&quot;1.5&quot;/&gt;
          &lt;!-- 헤더 --&gt;
          &lt;rect x=&quot;30&quot; y=&quot;20&quot; width=&quot;310&quot; height=&quot;36&quot; rx=&quot;10&quot; fill=&quot;#2D6BE4&quot;/&gt;
          &lt;rect x=&quot;30&quot; y=&quot;44&quot; width=&quot;310&quot; height=&quot;12&quot; rx=&quot;0&quot; fill=&quot;#2D6BE4&quot;/&gt;
          &lt;text x=&quot;185&quot; y=&quot;44&quot; text-anchor=&quot;middle&quot; font-size=&quot;14&quot; fill=&quot;#fff&quot; font-weight=&quot;600&quot;&gt;2025년 6월&lt;/text&gt;
          &lt;!-- 요일 --&gt;
          &lt;text x=&quot;55&quot; y=&quot;75&quot; text-anchor=&quot;middle&quot; font-size=&quot;10&quot; fill=&quot;#6B6860&quot;&gt;일&lt;/text&gt;
          &lt;text x=&quot;100&quot; y=&quot;75&quot; text-anchor=&quot;middle&quot; font-size=&quot;10&quot; fill=&quot;#6B6860&quot;&gt;월&lt;/text&gt;
          &lt;text x=&quot;145&quot; y=&quot;75&quot; text-anchor=&quot;middle&quot; font-size=&quot;10&quot; fill=&quot;#6B6860&quot;&gt;화&lt;/text&gt;
          &lt;text x=&quot;190&quot; y=&quot;75&quot; text-anchor=&quot;middle&quot; font-size=&quot;10&quot; fill=&quot;#6B6860&quot;&gt;수&lt;/text&gt;
          &lt;text x=&quot;235&quot; y=&quot;75&quot; text-anchor=&quot;middle&quot; font-size=&quot;10&quot; fill=&quot;#6B6860&quot;&gt;목&lt;/text&gt;
          &lt;text x=&quot;280&quot; y=&quot;75&quot; text-anchor=&quot;middle&quot; font-size=&quot;10&quot; fill=&quot;#6B6860&quot;&gt;금&lt;/text&gt;
          &lt;text x=&quot;325&quot; y=&quot;75&quot; text-anchor=&quot;middle&quot; font-size=&quot;10&quot; fill=&quot;#E84545&quot;&gt;토&lt;/text&gt;
          &lt;!-- 날짜들 --&gt;
          &lt;text x=&quot;100&quot; y=&quot;100&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#1A1A2E&quot;&gt;2&lt;/text&gt;
          &lt;text x=&quot;145&quot; y=&quot;100&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#1A1A2E&quot;&gt;3&lt;/text&gt;
          &lt;circle cx=&quot;190&quot; cy=&quot;96&quot; r=&quot;13&quot; fill=&quot;#2D6BE4&quot;/&gt;
          &lt;text x=&quot;190&quot; y=&quot;100&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#fff&quot;&gt;4&lt;/text&gt;
          &lt;text x=&quot;235&quot; y=&quot;100&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#1A1A2E&quot;&gt;5&lt;/text&gt;
          &lt;text x=&quot;280&quot; y=&quot;100&quot; text-anchor=&quot;middle&quot; font-size=&quot;12&quot; fill=&quot;#1A1A2E&quot;&gt;6&lt;/text&gt;
          &lt;!-- 일정 표시 --&gt;
          &lt;rect x=&quot;42&quot; y=&quot;115&quot; width=&quot;145&quot; height=&quot;16&quot; rx=&quot;4&quot; fill=&quot;#EEF4FF&quot;/&gt;
          &lt;text x=&quot;50&quot; y=&quot;126&quot; font-size=&quot;9&quot; fill=&quot;#2D6BE4&quot;&gt;● 팀 미팅 14:00&lt;/text&gt;
          &lt;rect x=&quot;42&quot; y=&quot;135&quot; width=&quot;120&quot; height=&quot;16&quot; rx=&quot;4&quot; fill=&quot;#FFF0F0&quot;/&gt;
          &lt;text x=&quot;50&quot; y=&quot;146&quot; font-size=&quot;9&quot; fill=&quot;#E84545&quot;&gt;● 병원 예약 10:00&lt;/text&gt;

          &lt;!-- 오른쪽: 동기화 상태 --&gt;
          &lt;rect x=&quot;370&quot; y=&quot;20&quot; width=&quot;300&quot; height=&quot;140&quot; rx=&quot;10&quot; fill=&quot;#fff&quot; stroke=&quot;#E5E2DC&quot; stroke-width=&quot;1.5&quot;/&gt;
          &lt;text x=&quot;520&quot; y=&quot;50&quot; text-anchor=&quot;middle&quot; font-size=&quot;14&quot; fill=&quot;#1A1A2E&quot; font-weight=&quot;700&quot;&gt;동기화 상태&lt;/text&gt;

          &lt;rect x=&quot;390&quot; y=&quot;60&quot; width=&quot;260&quot; height=&quot;30&quot; rx=&quot;6&quot; fill=&quot;#F0FFF6&quot;/&gt;
          &lt;text x=&quot;406&quot; y=&quot;79&quot; font-size=&quot;12&quot; fill=&quot;#27AE60&quot;&gt;✔ iCloud 캘린더&lt;/text&gt;
          &lt;text x=&quot;600&quot; y=&quot;79&quot; text-anchor=&quot;end&quot; font-size=&quot;11&quot; fill=&quot;#6B6860&quot;&gt;동기화 중&lt;/text&gt;

          &lt;rect x=&quot;390&quot; y=&quot;98&quot; width=&quot;260&quot; height=&quot;30&quot; rx=&quot;6&quot; fill=&quot;#F0FFF6&quot;/&gt;
          &lt;text x=&quot;406&quot; y=&quot;117&quot; font-size=&quot;12&quot; fill=&quot;#27AE60&quot;&gt;✔ Google 캘린더&lt;/text&gt;
          &lt;text x=&quot;600&quot; y=&quot;117&quot; text-anchor=&quot;end&quot; font-size=&quot;11&quot; fill=&quot;#6B6860&quot;&gt;동기화 중&lt;/text&gt;

          &lt;rect x=&quot;390&quot; y=&quot;136&quot; width=&quot;260&quot; height=&quot;18&quot; rx=&quot;4&quot; fill=&quot;#FFF8E7&quot;/&gt;
          &lt;text x=&quot;406&quot; y=&quot;148&quot; font-size=&quot;10&quot; fill=&quot;#F0A500&quot;&gt;⚡ 마지막 동기화: 5분 전&lt;/text&gt;
        &lt;/svg&gt;
        &lt;div class=&quot;diagram-caption&quot;&gt;  Windows 캘린더 앱에서 아이폰 iCloud 일정을 실시간으로 확인&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;hr class=&quot;divider&quot;&gt;

    &lt;!-- ==========================================
         섹션 6: 유용한 서드파티 앱
         ========================================== --&gt;
    &lt;section class=&quot;section&quot; id=&quot;apps&quot;&gt;
      &lt;div class=&quot;section-header&quot;&gt;
        &lt;div class=&quot;section-num&quot;&gt;6&lt;/div&gt;
        &lt;h2&gt;유용한 서드파티 앱 소개&lt;/h2&gt;
      &lt;/div&gt;
      &lt;p&gt;Apple 공식 도구 외에도 아이폰-윈도우 연동을 더욱 편리하게 해주는 앱들이 있습니다.&lt;/p&gt;

      &lt;div class=&quot;app-grid&quot;&gt;
        &lt;div class=&quot;app-card&quot;&gt;
          &lt;div class=&quot;app-icon&quot;&gt; &lt;/div&gt;
          &lt;div class=&quot;app-name&quot;&gt;Phone Link&lt;/div&gt;
          &lt;div class=&quot;app-desc&quot;&gt;마이크로소프트 공식 앱. 메시지·알림·사진 무선 공유. Windows 기본 내장.&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;app-card&quot;&gt;
          &lt;div class=&quot;app-icon&quot;&gt;☁️&lt;/div&gt;
          &lt;div class=&quot;app-name&quot;&gt;iCloud for Windows&lt;/div&gt;
          &lt;div class=&quot;app-desc&quot;&gt;사진, 연락처, 캘린더, 드라이브 자동 동기화. Apple 공식 제공.&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;app-card&quot;&gt;
          &lt;div class=&quot;app-icon&quot;&gt; &lt;/div&gt;
          &lt;div class=&quot;app-name&quot;&gt;AnyTrans&lt;/div&gt;
          &lt;div class=&quot;app-desc&quot;&gt;iMazing과 함께 가장 강력한 iPhone 파일 관리 앱. 백업·복원 지원.&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;app-card&quot;&gt;
          &lt;div class=&quot;app-icon&quot;&gt; &lt;/div&gt;
          &lt;div class=&quot;app-name&quot;&gt;iMazing&lt;/div&gt;
          &lt;div class=&quot;app-desc&quot;&gt;iTunes 없이 음악, 문자 백업, 앱 데이터 관리. 유료 플랜 있음.&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;app-card&quot;&gt;
          &lt;div class=&quot;app-icon&quot;&gt; &lt;/div&gt;
          &lt;div class=&quot;app-name&quot;&gt;Dropbox&lt;/div&gt;
          &lt;div class=&quot;app-desc&quot;&gt;아이폰과 PC 모두에 설치 시 자동으로 파일 공유 가능.&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;app-card&quot;&gt;
          &lt;div class=&quot;app-icon&quot;&gt; &lt;/div&gt;
          &lt;div class=&quot;app-name&quot;&gt;Outlook Mobile&lt;/div&gt;
          &lt;div class=&quot;app-desc&quot;&gt;아이폰 Outlook 앱 ↔ PC Outlook 완벽 동기화. 이메일+캘린더 통합.&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;hr class=&quot;divider&quot;&gt;

    &lt;!-- ==========================================
         섹션 7: 방법 비교 표
         ========================================== --&gt;
    &lt;section class=&quot;section&quot; id=&quot;compare&quot;&gt;
      &lt;div class=&quot;section-header&quot;&gt;
        &lt;div class=&quot;section-num&quot;&gt;7&lt;/div&gt;
        &lt;h2&gt;방법 비교 한눈에 보기&lt;/h2&gt;
      &lt;/div&gt;

      &lt;table class=&quot;compare-table&quot;&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th&gt;항목&lt;/th&gt;
            &lt;th&gt;USB 직접 연결&lt;/th&gt;
            &lt;th&gt;iCloud for Windows&lt;/th&gt;
            &lt;th&gt;Phone Link&lt;/th&gt;
            &lt;th&gt;구글 계정 연동&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;td&gt;&lt;strong&gt;파일 공유&lt;/strong&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;chk&quot;&gt;✔ 빠름&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;chk&quot;&gt;✔ 자동&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;사진 한정&lt;/td&gt;
            &lt;td&gt;드라이브&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;&lt;strong&gt;메시지&lt;/strong&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;no&quot;&gt;✘&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;no&quot;&gt;✘&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;chk&quot;&gt;✔&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;no&quot;&gt;✘&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;&lt;strong&gt;연락처&lt;/strong&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;no&quot;&gt;✘&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;chk&quot;&gt;✔ Outlook&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;no&quot;&gt;✘&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;chk&quot;&gt;✔&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;&lt;strong&gt;일정&lt;/strong&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;no&quot;&gt;✘&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;chk&quot;&gt;✔&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;no&quot;&gt;✘&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;&lt;span class=&quot;chk&quot;&gt;✔&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;&lt;strong&gt;인터넷 필요&lt;/strong&gt;&lt;/td&gt;
            &lt;td&gt;불필요&lt;/td&gt;
            &lt;td&gt;필요&lt;/td&gt;
            &lt;td&gt;Wi-Fi 필요&lt;/td&gt;
            &lt;td&gt;필요&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;&lt;strong&gt;비용&lt;/strong&gt;&lt;/td&gt;
            &lt;td&gt;무료&lt;/td&gt;
            &lt;td&gt;5GB 무료&lt;/td&gt;
            &lt;td&gt;무료&lt;/td&gt;
            &lt;td&gt;15GB 무료&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/section&gt;

    &lt;!-- 마무리 요약 카드 --&gt;
    &lt;div class=&quot;summary&quot;&gt;
      &lt;h3&gt;  핵심 정리&lt;/h3&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;strong&gt;사진/파일 전송&lt;/strong&gt;이 목적이라면 → USB 케이블 또는 iCloud for Windows&lt;/li&gt;
        &lt;li&gt;&lt;strong&gt;메시지를 PC에서 보내고 싶다면&lt;/strong&gt; → Phone Link 앱 (무선, 편리)&lt;/li&gt;
        &lt;li&gt;&lt;strong&gt;연락처 동기화&lt;/strong&gt;는 → iCloud for Windows (Outlook 연동) 또는 구글 계정&lt;/li&gt;
        &lt;li&gt;&lt;strong&gt;일정 관리&lt;/strong&gt;는 → iCloud 캘린더 또는 구글 캘린더로 통합 관리 추천&lt;/li&gt;
        &lt;li&gt;모든 기능을 한번에 쓰고 싶다면 → &lt;strong&gt;iCloud for Windows + Phone Link&lt;/strong&gt; 조합이 최고!&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;

    &lt;div class=&quot;success-box&quot;&gt;
      &lt;strong&gt;✅ 이 글이 도움이 됐나요?&lt;/strong&gt;&lt;br&gt;
      궁금한 점이나 잘 안 되는 부분이 있으면 댓글로 남겨주세요! 최대한 빠르게 답변드리겠습니다.  
    &lt;/div&gt;

  &lt;/main&gt;

  &lt;!-- 푸터 --&gt;
  &lt;footer class=&quot;footer&quot;&gt;
    &lt;p&gt;  &lt;strong&gt;Windows × iPhone 연동 완벽 가이드&lt;/strong&gt;&lt;/p&gt;
    &lt;p style=&quot;margin-top:6px;&quot;&gt;Windows 11 기준 · 2025년 최신 업데이트 반영&lt;/p&gt;
  &lt;/footer&gt;

&lt;/body&gt;
&lt;/html&gt;</description>
      <category>윈도우 #아이폰 #컴퓨터와 아이폰연결</category>
      <author>아이템기어</author>
      <guid isPermaLink="true">https://itemgear.tistory.com/5</guid>
      <comments>https://itemgear.tistory.com/5#entry5comment</comments>
      <pubDate>Mon, 23 Feb 2026 13:39:15 +0900</pubDate>
    </item>
    <item>
      <title>새롭게 바뀐 seedance 2.0 무엇이 특별할까</title>
      <link>https://itemgear.tistory.com/4</link>
      <description>&lt;h1 style=&quot;color: #181c32; text-align: start;&quot;&gt;새롭게 바뀐 seedance 2.0 무엇이 특별할까 궁금증 해소&lt;/h1&gt;

            &lt;figure class=&quot;unsupported component-kakaotv&quot; contenteditable=&quot;false&quot; style=&quot;background:#000;margin:16px 0;min-height:72px;padding:10px 16px;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;width:100%;max-width:100%;&quot;&gt;
                &lt;p contenteditable=&quot;false&quot; style=&quot;margin:0;color:#8a8a8a;font-size:13px;line-height:1.6;user-select:none;pointer-events:none;&quot;&gt;동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.&lt;/p&gt;
            &lt;/figure&gt;
        
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div style=&quot;color: #000000; text-align: start;&quot;&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/uz9lx/dJMcaf6BVZn/7hdbUkDUMNuQHEdKNwilfk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/uz9lx/dJMcaf6BVZn/7hdbUkDUMNuQHEdKNwilfk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/uz9lx/dJMcaf6BVZn/7hdbUkDUMNuQHEdKNwilfk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fuz9lx%2FdJMcaf6BVZn%2F7hdbUkDUMNuQHEdKNwilfk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;698&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;여러분, 혹시 영상 만드는 것에 관심이 많으신가요? 아니면 복잡한 영상 작업 때문에 골치 아팠던 경험은 없나요? 제가 오늘 여러분의 궁금증을 시원하게 해소해 줄 새로운 기술을 소개해 드릴까 합니다. 바로 바이트댄스에서 야심 차게 선보인&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;에 대한 이야기입니다. 과연 무엇이 특별한지, 지금부터 자세히 알아볼게요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;AI 영상 제작의 새 지평, Seedance 2.0&lt;/h2&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;제가 생각하기에&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;은 AI 영상 제작 분야에서 정말 새로운 시대를 열었다고 말할 수 있습니다. 바이트댄스가 2026년 2월 10일에 공식적으로 출시한 이 기술은 기존의 AI 영상 도구들과는 차원이 다르다고 저는 느꼈습니다. 단순히 글만 입력해서 영상을 만들던 방식에서 벗어나, 이미지, 비디오, 오디오, 텍스트 등 여러 가지 정보를 한 번에 넣을 수 있는 '멀티모달' 방식을 채택했기 때문이죠.&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;화면 캡처 2026-02-15 130544.jpg&quot; data-origin-width=&quot;1903&quot; data-origin-height=&quot;1171&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/biAJ9g/dJMcagqUBj6/84Omr1kd1F8rkyQcWWUlnk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/biAJ9g/dJMcagqUBj6/84Omr1kd1F8rkyQcWWUlnk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/biAJ9g/dJMcagqUBj6/84Omr1kd1F8rkyQcWWUlnk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbiAJ9g%2FdJMcagqUBj6%2F84Omr1kd1F8rkyQcWWUlnk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1903&quot; height=&quot;1171&quot; data-filename=&quot;화면 캡처 2026-02-15 130544.jpg&quot; data-origin-width=&quot;1903&quot; data-origin-height=&quot;1171&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;이것은 마치 우리가 직접 영화 감독이 된 것처럼 영상의 모든 요소를 섬세하게 조절할 수 있게 돕는 혁신적인 변화라고 저는 생각합니다. 특히 2026년 2월 24일에는 전 세계적으로 더 많은 사람들이 사용할 수 있도록 API 접근까지 포함한 출시가 예정되어 있어, 전 세계의 영상 만드는 사람들의 기대가 정말 크다고 할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;텍스트 넘어 멀티모달 입력의 혁신&lt;/h2&gt;
&lt;div style=&quot;color: #000000; text-align: start;&quot;&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/d3CyLB/dJMcaf6BVZo/lWbKDQ0GUzKxTCd8SfA3Pk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/d3CyLB/dJMcaf6BVZo/lWbKDQ0GUzKxTCd8SfA3Pk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/d3CyLB/dJMcaf6BVZo/lWbKDQ0GUzKxTCd8SfA3Pk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fd3CyLB%2FdJMcaf6BVZo%2FlWbKDQ0GUzKxTCd8SfA3Pk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;698&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;의 가장 놀라운 점 중 하나는 바로 '멀티모달 입력' 기능입니다. 제가 직접 사용해 보니, 사용자가 최대 9개의 이미지, 15초 이내의 비디오 3개, 15초 이내의 오디오 파일 3개, 그리고 텍스트 설명까지 한 번에 입력해서 영상을 만들 수 있다는 점이 정말 편리했습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;이는 총 12가지나 되는 다양한 참고 자료를 하나의 작업에 통합할 수 있다는 뜻입니다. AI가 단순히 글만 보고 영상을 만드는 것이 아니라, 우리가 원하는 시각적인 모습이나 소리, 그리고 구체적인 의도를 훨씬 더 정확하게 이해하고 영상에 반영하도록 돕는 것이죠. 예를 들어, 특정 인물의 얼굴은 사진으로 보여주고, 그 인물의 움직임은 짧은 영상 클립으로, 그리고 영상의 분위기는 오디오 파일로 제시하면 훨씬 더 세밀하고 풍부한 결과물을 얻을 수 있습니다. 제가 직접 해보니 정말 신기했습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;영상 속 일관성 문제, 어떻게 해결했나&lt;/h2&gt;
&lt;div style=&quot;color: #000000; text-align: start;&quot;&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/U7MDh/dJMcai93T3V/0APNaMC8khSl35HaONY20k/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/U7MDh/dJMcai93T3V/0APNaMC8khSl35HaONY20k/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/U7MDh/dJMcai93T3V/0APNaMC8khSl35HaONY20k/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FU7MDh%2FdJMcai93T3V%2F0APNaMC8khSl35HaONY20k%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;698&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;기존 AI 영상 모델들을 사용하다 보면, 영상 속 인물이 갑자기 변하거나 배경이 어색해지는 문제가 자주 발생했습니다. 저도 이런 경험이 많아서 답답했던 적이 한두 번이 아닙니다. 이런 문제를 '캐릭터 드리프트'나 '장면 일관성 부족'이라고 부르는데,&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;은 이 부분을 정말 잘 해결했다고 저는 생각합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;이 모델은 '듀얼 브랜치 확산 트랜스포머'라는 특별한 기술을 사용합니다. 이 기술 덕분에 영상 전체에 걸쳐 캐릭터의 얼굴 특징, 옷, 몸의 비율, 그리고 장면의 작은 부분들까지도 아주 안정적으로 유지됩니다. 덕분에 인물이 갑자기 다른 사람처럼 보이거나 배경이 흔들리는 등의 어색한 현상이 훨씬 줄어들었고, 마치 전문가가 만든 것처럼 일관성 있는 고품질 영상을 만들 수 있게 되었습니다. 제가 보기엔 정말 큰 발전이라고 할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;실제 같은 움직임, 물리 법칙 완벽 구현&lt;/h2&gt;
&lt;div style=&quot;color: #000000; text-align: start;&quot;&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bf31Uf/dJMcaca0kRt/p3trPVY4HPuTqwnRzjzET0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bf31Uf/dJMcaca0kRt/p3trPVY4HPuTqwnRzjzET0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bf31Uf/dJMcaca0kRt/p3trPVY4HPuTqwnRzjzET0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbf31Uf%2FdJMcaca0kRt%2Fp3trPVY4HPuTqwnRzjzET0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;698&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;은 현실 세계의 물리 법칙을 놀라울 정도로 정확하게 영상에 담아낸다고 합니다. 제가 직접 본 영상들을 보면 정말 감탄이 나옵니다. 물건의 무게나 움직이는 힘, 중력 같은 물리적인 특징들을 AI가 이해하고 영상에 반영해서, 만들어진 영상 속 움직임이 훨씬 더 진짜처럼 느껴집니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;예를 들어, 피겨 스케이팅 선수가 점프하고 회전하는 장면을 만들면, 중력과 관성이 아주 자연스럽게 표현됩니다. 기존 AI 영상에서 종종 어색하게 둥둥 떠다니는 듯한 움직임이 보였는데,&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;에서는 그런 부자연스러움이 사라졌습니다. 이런 기술적인 발전은 특히 복잡한 액션 장면이나 제품의 움직임을 보여주는 영상을 만들 때 아주 중요한 역할을 한다고 저는 생각합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;감독처럼 정교하게, 레퍼런스 활용법&lt;/h2&gt;
&lt;div style=&quot;color: #000000; text-align: start;&quot;&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cFTQtY/dJMcafMkVSg/pzkMiG5RHcGtxrOtk8N9cK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cFTQtY/dJMcafMkVSg/pzkMiG5RHcGtxrOtk8N9cK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cFTQtY/dJMcafMkVSg/pzkMiG5RHcGtxrOtk8N9cK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcFTQtY%2FdJMcafMkVSg%2FpzkMiG5RHcGtxrOtk8N9cK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;698&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;을 사용하면 마치 우리가 직접 영화 감독이 된 것처럼 영상을 아주 정교하게 연출할 수 있습니다. 저는 이 부분이 정말 매력적이라고 생각합니다. 이미지로는 캐릭터의 스타일이나 외모를 정하고, 짧은 영상 클립으로는 카메라가 어떻게 움직일지, 또는 특정 동작을 어떻게 할지 안내할 수 있습니다. 또, 오디오로는 영상의 타이밍과 분위기를 조절할 수 있죠.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;여기에 '감독 모드'와 '멀티샷 스토리보딩' 같은 기능까지 더해져, 복잡한 카메라 움직임이나 조명까지도 아주 세밀하게 조절할 수 있습니다. 심지어 하나의 긴 설명을 여러 개의 짧은 장면으로 나눠서 일관성 있는 이야기를 만들 수도 있습니다. 다만, 가장 좋은 결과물을 얻기 위해서는 6~7개 정도의 참고 자료를 사용하는 것이 좋다고 하니, 이 점은 제가 꼭 기억해야 할 부분이라고 생각합니다.&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;비용과 시간 절약, 놀라운 효율성 비밀&lt;/h2&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;영상 제작은 보통 많은 돈과 시간을 필요로 합니다. 저도 막연하게 그렇게 생각했는데,&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;은 이런 비용과 시간을 혁신적으로 줄여준다고 해서 저도 깜짝 놀랐습니다. 기존 AI 모델들은 쓸 만한 결과물을 만드는 비율이 20%도 안 되는 경우가 많았다고 하는데,&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;은 이 비율을 90% 이상으로 끌어올렸다고 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;이 말은 곧, '실패하는 영상' 때문에 불필요하게 돈을 쓰거나 시간을 낭비할 일이 훨씬 줄어든다는 뜻입니다. 예를 들어, 5초짜리 특수 효과 장면을 전통적인 방식으로 만들려면 3,000위안(약 55만원)과 한 달이라는 시간이 필요했다고 합니다. 하지만&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;을 사용하면 단 3위안(약 550원)의 비용으로 2분 만에 만들 수 있다고 하니, 정말 대단하다고 생각합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;제가 이 정보를 표로 정리해 보았습니다. 얼마나 효율적인지 한눈에 볼 수 있을 겁니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;table style=&quot;background-color: #f8f9fa; color: #000000; text-align: start; border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr style=&quot;background-color: #f1f3f5;&quot;&gt;
&lt;td style=&quot;background-color: #7078f8; color: #ffffff; text-align: left;&quot;&gt;항목&lt;/td&gt;
&lt;td style=&quot;background-color: #7078f8; color: #ffffff; text-align: left;&quot;&gt;전통적인 방식&lt;/td&gt;
&lt;td style=&quot;background-color: #7078f8; color: #ffffff; text-align: left;&quot;&gt;Seedance 2.0&lt;/td&gt;
&lt;td style=&quot;background-color: #7078f8; color: #ffffff; text-align: left;&quot;&gt;절감 효과&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;5초 특수 효과 장면&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;3,000위안 (약 55만원)&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;3위안 (약 550원)&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;약 99.9% 비용 절감&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;제작 시간&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;1개월&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;2분&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;시간 대폭 단축&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;90분 프로젝트 비용&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;약 10,000위안&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;약 2,000위안&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;약 80% 비용 절감&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;경쟁 모델과 비교, Seedance 2.0의 강점&lt;/h2&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;지금 AI 영상 제작 시장에는 OpenAI의 Sora 2, Google의 Veo 3.1, Runway Gen-4 같은 강력한 경쟁자들이 많습니다. 하지만 제가 보기엔&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;은 이들과 비교했을 때도 아주 독보적인 강점들을 가지고 있다고 생각합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;특히 비용 면에서&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;의 월 구독료는 약 9.60달러(약 69위안)부터 시작한다고 합니다. 반면에 Sora 2의 전체 기능은 ChatGPT Pro를 통해 월 200달러 정도가 필요하다고 하니,&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;이 훨씬 더 가격 경쟁력이 있다고 저는 판단합니다. 저처럼 용돈이 많지 않은 학생들에게는 이런 점이 정말 중요하다고 생각합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;또한,&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;은 영상 속 움직임의 일관성이나 물리 시뮬레이션에서 아주 뛰어난 성능을 보여줍니다. 마치 실제 비디오그래퍼가 직접 촬영한 것처럼 자연스러운 결과물을 제공하는 것이 이 기술의 가장 큰 특징이라고 할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;지금 바로 경험하기, 접근 방법과 가격&lt;/h2&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;이렇게 놀라운&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;을 어떻게 하면 직접 경험해 볼 수 있을까요? 현재 바이트댄스의 Jimeng(Dreamina) 플랫폼에서 유료 회원들을 대상으로 이용할 수 있다고 합니다. 또, Xiaoyunque 앱에서는 기간 한정으로 무료 체험 기회를 제공하고 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;일반 사용자들은 Doubao 앱이나 웹사이트를 통해서 매일 일정량의 영상을 무료로 만들어 볼 수 있다고 하니, 저도 꼭 한번 시도해 볼 생각입니다. 유료 구독 모델은 Dreamina 플랫폼에서 월 약 69위안(약 9.60달러)부터 시작하며, 1년 단위로 구독하면 더 저렴하게 이용할 수 있다고 합니다. 예를 들어, 기본적인 '스타터' 연간 플랜은 한 달에 약 12달러로 100크레딧과 50개의 비디오 생성을 제공하고, 전문가를 위한 '프로' 플랜은 월 39.9달러에 4,800크레딧과 배치 생성, 1080p HD 품질 같은 고급 기능들을 포함한다고 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;새롭게 열린 영상 제작의 가능성&lt;/h2&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;지금까지 새롭게 바뀐&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;seedance 2.0&lt;/b&gt;이 무엇이 특별한지 저와 함께 자세히 알아보았습니다. 이 기술은 멀티모달 입력부터 영상 일관성 유지, 실제 같은 물리 법칙 구현, 그리고 놀라운 비용 및 시간 절약까지, 정말 많은 부분에서 영상 제작의 새로운 가능성을 열어주고 있다고 저는 생각합니다. 이제 누구나 더 쉽고 효율적으로 멋진 영상을 만들 수 있는 시대가 온 것이죠. 저도 이 기술이 앞으로 얼마나 더 발전할지 정말 기대가 됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;#seedance2.0 #AI영상제작 #멀티모달AI #바이트댄스 #영상편집 #AI기술 #크리에이터 #영상생성 #시댄스2.0 #인공지능영상&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <author>아이템기어</author>
      <guid isPermaLink="true">https://itemgear.tistory.com/4</guid>
      <comments>https://itemgear.tistory.com/4#entry4comment</comments>
      <pubDate>Sun, 15 Feb 2026 13:14:31 +0900</pubDate>
    </item>
    <item>
      <title>나만의 비서 openclaw 윈도우 11 WSL2 설치 완벽 가이드</title>
      <link>https://itemgear.tistory.com/3</link>
      <description>&lt;h1 style=&quot;color: #181c32; text-align: start;&quot;&gt;openclaw 윈도우 11 WSL2 설치 완벽 가이드&lt;/h1&gt;
&lt;div style=&quot;color: #000000; text-align: start;&quot;&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/yrrtN/dJMcaiCe8E1/CWrS2a0lD3cK9kjHmkKj4K/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/yrrtN/dJMcaiCe8E1/CWrS2a0lD3cK9kjHmkKj4K/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/yrrtN/dJMcaiCe8E1/CWrS2a0lD3cK9kjHmkKj4K/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FyrrtN%2FdJMcaiCe8E1%2FCWrS2a0lD3cK9kjHmkKj4K%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;698&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;요즘 인공지능(AI) 비서가 정말 뜨거운 감자이다. 특히 OpenClaw처럼 똑똑한 AI 에이전트는 많은 사람들의 관심을 받고 있다. 하지만 윈도우 11에서 이 멋진 OpenClaw를 제대로 사용하려면 리눅스 환경이 필요하다는 이야기에 머리가 아팠을 것이다. 걱정하지 마라. 지금부터 윈도우 11 환경에서 OpenClaw를 WSL2로 설치하는 방법을 완벽하게 알아볼 것이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;OpenClaw와 WSL2의 만남: 왜 필요할까?&lt;/h2&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;OpenClaw는 2025년 11월에 처음 공개된 이후, 2026년 초부터 엄청난 인기를 얻고 있는 오픈소스 자율 AI 에이전트이다. 이 AI는 Claude나 OpenAI의 GPT 모델 같은 외부 대규모 언어 모델(LLM)과 연동하여 WhatsApp, Telegram, Discord 등 다양한 메시징 플랫폼에서 작업을 척척 수행한다. 정말 똑똑한 비서가 아닐 수 없다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;그런데 윈도우 환경에서 OpenClaw를 안정적으로 실행하려면 WSL2(Windows Subsystem for Linux 2)를 사용하는 것이 강력히 권장된다. OpenClaw의 일부 핵심 기능은 리눅스 환경에 최적화되어 있기 때문이다. WSL2를 사용하면 윈도우 11에서 리눅스 애플리케이션을 거의 네이티브에 가까운 성능으로 실행할 수 있으며, 개발자들에게는 필수적인 도구로 자리 잡았다. 호환성 문제 없이 OpenClaw를 사용하기 위한 가장 좋은 방법이라고 할 수 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;윈도우 11에서 WSL2 활성화, 첫걸음&lt;/h2&gt;
&lt;div style=&quot;color: #000000; text-align: start;&quot;&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dZgFVP/dJMcaaRNA3W/ZUzYUyXwMackEFy274Kdb1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dZgFVP/dJMcaaRNA3W/ZUzYUyXwMackEFy274Kdb1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dZgFVP/dJMcaaRNA3W/ZUzYUyXwMackEFy274Kdb1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdZgFVP%2FdJMcaaRNA3W%2FZUzYUyXwMackEFy274Kdb1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;698&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;윈도우 11에서 OpenClaw를 사용하기 위한 첫 단계는 WSL2를 활성화하는 것이다. 이를 위해서는 몇 가지 시스템 요구사항을 충족해야 한다. 윈도우 11 버전 22000 이상이어야 하고, BIOS/UEFI에서 하드웨어 가상화 기능이 활성화되어 있어야 한다. 또한 관리자 권한과 안정적인 인터넷 연결, 그리고 최소 8GB(권장 20GB 이상)의 디스크 공간이 필요하다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;가장 빠르고 간편한 설치 방법은 관리자 권한으로 PowerShell을 열고 `wsl --install` 명령어를 실행하는 것이다. 이 명령어는 필요한 윈도우 기능(가상 머신 플랫폼, 리눅스용 윈도우 하위 시스템)을 자동으로 활성화하고, WSL2 리눅스 커널을 다운로드하며, WSL2를 기본 버전으로 설정하고, 기본 리눅스 배포판(주로 Ubuntu)을 설치한다. 설치 후 시스템 재부팅이 필요할 수 있으며, 이 과정은 대략 10분에서 15분 정도 소요된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;나에게 맞는 리눅스 배포판 선택과 설치&lt;/h2&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;WSL2가 설치된 후에는 OpenClaw를 실행할 리눅스 배포판을 선택하고 설치해야 한다. `wsl --install` 명령어를 통해 기본적으로 Ubuntu가 설치되지만, 사용자는 `wsl --list --online` 명령어로 사용 가능한 배포판 목록을 확인하고 `wsl --install -d&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;` 명령어를 사용하여 원하는 배포판을 명시적으로 설치할 수 있다. Ubuntu 24.04 LTS와 같은 최신 버전이 OpenClaw와의 호환성 및 장기 지원 측면에서 유리하다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;배포판 설치 후 처음 실행하면 리눅스 사용자 계정(사용자 이름 및 비밀번호)을 생성하라는 메시지가 나타난다. 또한, OpenClaw의 게이트웨이 서비스가 제대로 작동하려면 WSL2 환경 내에서 `systemd`를 활성화해야 한다. 이를 위해 리눅스 터미널에서 `/etc/wsl.conf` 파일을 편집하여 `[boot] systemd=true` 내용을 추가한 뒤, PowerShell에서 `wsl --shutdown` 명령어로 WSL2를 완전히 종료하고 다시 시작해야 한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;OpenClaw 구동을 위한 필수 환경 설정&lt;/h2&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;OpenClaw를 WSL2 환경에서 구동하기 위해서는 몇 가지 필수적인 소프트웨어 환경이 필요하다. OpenClaw는 Node.js 22 버전 이상에서 실행되므로, WSL2 터미널 내에 Node.js 22+가 설치되어 있어야 한다. OpenClaw 설치 스크립트가 Node.js를 자동으로 감지하고 설치해 줄 수 있지만, `node --version` 명령어로 설치 여부를 미리 확인하는 것이 좋다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;또한, OpenClaw 소스 코드를 직접 빌드하거나 특정 패키지 관리를 선호하는 경우 `git`과 `pnpm`이 필요할 수 있다. OpenClaw는 자체적으로 AI 모델을 포함하지 않으며, Anthropic의 Claude 또는 OpenAI의 GPT 모델과 같은 외부 LLM과 연동하여 작동한다. 따라서 선택한 LLM 제공업체로부터 API 키를 발급받아야 하며, 이는 일반적으로 사용량에 따라 비용이 발생한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;table style=&quot;background-color: #f8f9fa; color: #000000; text-align: start; border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr style=&quot;background-color: #f1f3f5;&quot;&gt;
&lt;td style=&quot;background-color: #7078f8; color: #ffffff; text-align: left;&quot;&gt;필수 환경 요소&lt;/td&gt;
&lt;td style=&quot;background-color: #7078f8; color: #ffffff; text-align: left;&quot;&gt;설명&lt;/td&gt;
&lt;td style=&quot;background-color: #7078f8; color: #ffffff; text-align: left;&quot;&gt;비고&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;&lt;b&gt;Node.js 22+&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;OpenClaw 실행을 위한 런타임 환경&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;설치 스크립트가 자동 감지 및 설치 가능&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;&lt;b&gt;Git&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;소스 코드 관리 및 클론&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;선택 사항 (직접 빌드 시)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;&lt;b&gt;pnpm&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;패키지 관리자&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;선택 사항 (npm 대신 선호 시)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;&lt;b&gt;외부 LLM API 키&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;AI 모델 연동을 위한 필수 키&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot;&gt;Claude, OpenAI GPT 등 (비용 발생)&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;예를 들어, Claude Sonnet 모델의 경우 백만 토큰당 입력에 약 3달러, 출력에 약 15달러의 비용이 청구될 수 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;OpenClaw 설치, 단 한 줄의 명령어로&lt;/h2&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;OpenClaw를 WSL2 환경에 설치하는 가장 빠르고 권장되는 방법은 단 한 줄의 명령어를 사용하는 것이다. WSL2 터미널을 열고 다음 명령어를 실행하면 된다: `curl -fsSL &lt;a href=&quot;https://openclaw.ai/install.sh&quot;&gt;https://openclaw.ai/install.sh&lt;/a&gt; | bash` 이 스크립트는 Node.js 설치 여부를 확인하고, OpenClaw CLI(명령줄 인터페이스)를 전역적으로 설치하며, 자동으로 온보딩 마법사를 시작한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;`npm` 또는 `pnpm`을 선호하는 경우, `npm install -g openclaw@latest` 또는 `pnpm add -g openclaw@latest` 명령어를 사용할 수도 있다. 설치 과정은 시스템 성능과 인터넷 속도에 따라 몇 분 정도 소요될 수 있다. 설치가 완료되면 OPENCLAW는 대화형 터미널 UI(TUI)를 통해 온보딩 마법사를 자동으로 실행하여 초기 설정을 돕는다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;AI 비서 첫 실행: 온보딩과 대시보드&lt;/h2&gt;
&lt;div style=&quot;color: #000000; text-align: start;&quot;&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/0gwI4/dJMcaaRNA3V/2hzNwvCokSHjrgxT2zYnK0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/0gwI4/dJMcaaRNA3V/2hzNwvCokSHjrgxT2zYnK0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/0gwI4/dJMcaaRNA3V/2hzNwvCokSHjrgxT2zYnK0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F0gwI4%2FdJMcaaRNA3V%2F2hzNwvCokSHjrgxT2zYnK0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;698&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;698&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;OpenClaw 설치 스크립트가 완료되면 온보딩 마법사가 자동으로 실행된다. 이 마법사는 OpenClaw의 초기 설정을 안내하며, 인증 방식, 게이트웨이 설정, 그리고 WhatsApp, Telegram, Discord 등 연동할 메시징 채널을 구성하도록 돕는다. 초보 사용자를 위해 &quot;Quick Start&quot; 옵션도 제공되어 복잡한 설정 없이 빠르게 시작할 수 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;온보딩 과정에서 외부 LLM(예: Anthropic Claude, OpenAI GPT)의 API 키를 입력해야 OpenClaw가 지능적인 작업을 수행할 수 있다. 설정이 완료되면 OpenClaw 게이트웨이 서비스가 백그라운드에서 실행된다. 서비스 상태는 `openclaw gateway status` 명령어로 확인할 수 있다. 가장 빠르게 OpenClaw와 상호작용하는 방법은 웹 기반의 Control UI(대시보드)를 이용하는 것이다. `openclaw dashboard` 명령어를 실행하면 웹 브라우저가 열리며, 일반적으로 `http://127.0.0.1:18789/` 주소로 접속하여 OpenClaw와 채팅을 시작할 수 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;GPU 가속 활용으로 AI 성능 극대화하기&lt;/h2&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;WSL2는 윈도우 11 환경에서 리눅스 애플리케이션에 대한 GPU 가속을 지원하며, 이는 OpenClaw와 같은 AI 에이전트의 성능을 크게 향상시킬 수 있다. 특히 기계 학습, 딥 러닝 등 GPU 집약적인 작업에 유용하다. GPU 가속을 사용하려면 윈도우 호스트에 최신 NVIDIA GPU 드라이버가 설치되어 있어야 한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;중요한 점은 WSL2 내부에 NVIDIA GPU 리눅스 드라이버를 별도로 설치해서는 안 된다는 것이다. 윈도우에 설치된 드라이버가 WSL2 내에서 `libcuda.so`로 스텁(stub)되어 자동으로 사용 가능해진다. NVIDIA Pascal 아키텍처(GTX 1060 6GB 이상) 또는 그 이후 세대의 GPU(Turing, Ampere, Ada Lovelace 시리즈)가 WSL2 GPU 가속을 지원한다. GPU 가속이 제대로 설정되었는지 확인하려면 WSL2 터미널에서 `nvidia-smi` 명령어를 실행하여 GPU 정보가 출력되는지 확인할 수 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;안전하게 OpenClaw 사용하기: 보안 팁&lt;/h2&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;OpenClaw는 강력한 시스템 접근 권한을 요구하므로, 보안에 각별히 주의해야 한다. 잘못 구성된 OpenClaw 인스턴스는 보안 및 개인 정보 보호 위험을 초래할 수 있다. 가장 중요한 보안 수칙 중 하나는 OpenClaw의 웹 인터페이스(Control UI)를 공용 인터넷에 노출하지 않는 것이다. 이는 로컬 사용을 위한 것이며, 외부 노출 시 보안 취약점이 발생할 수 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;또한, Docker를 활용한 샌드박스 환경에서 OpenClaw를 실행하여 에이전트의 시스템 접근 범위를 제한하는 것이 좋다. `/etc/wsl.conf` 파일을 편집하여 WSL2의 자동 마운트(`automount=false`) 및 윈도우 상호 운용성(`interop=false`) 기능을 비활성화하면, OpenClaw가 실수로 윈도우 파일 시스템에 접근하거나 윈도우 바이너리를 실행하는 것을 방지하여 격리 수준을 높일 수 있다. Discord와 같은 메시징 플랫폼과 연동할 때는, 에이전트가 임의의 명령을 실행하거나 URL을 가져오는 기능을 제한하여 프롬프트 인젝션 공격에 대한 노출을 줄여야 한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #181c32; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;윈도우 11에서 OpenClaw를 만나는 여정&lt;/h2&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;지금까지 윈도우 11에서 OpenClaw를 WSL2 환경에 설치하고 실행하는 모든 과정을 자세히 알아보았다. 처음에는 복잡하게 느껴질 수 있지만, 이 가이드를 따라 차근차근 진행한다면 누구나 자신만의 AI 비서를 성공적으로 구축할 수 있을 것이다. OpenClaw와 함께라면 디지털 생활이 훨씬 더 편리하고 스마트해질 것이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;#OpenClaw #WSL2 #윈도우11 #AI에이전트 #설치방법 #리눅스 #개발환경 #GPU가속 #보안팁 #오픈클로&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <author>아이템기어</author>
      <guid isPermaLink="true">https://itemgear.tistory.com/3</guid>
      <comments>https://itemgear.tistory.com/3#entry3comment</comments>
      <pubDate>Sun, 15 Feb 2026 12:52:01 +0900</pubDate>
    </item>
  </channel>
</rss>