---
layout: default
title: Home
permalink: /
description: "CanRobot - Microsoft 365 Copilot, Copilot Studio, Power Platform 전문 교육·컨설팅 브랜드"
---

<style>
/* ── 홈 공통 ── */
.cr-home { font-family:"Inter","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.cr-wrap  { max-width:1180px; margin:0 auto; padding:0 32px; }
@media(max-width:720px){ .cr-wrap { padding:0 16px; } }

/* ════════ 1. HERO ════════ */
.cr-hero { background:#000; color:#fff; overflow:hidden; padding:clamp(48px,8vw,90px) 0 clamp(40px,7vw,80px); }
.cr-hero-inner {
  max-width:1180px; margin:0 auto; padding:0 32px;
  display:flex; align-items:center; justify-content:flex-start; gap:16px;
}
.cr-hero-text { flex:1; min-width:0; }
.cr-hero-eyebrow { font-size:.82rem; color:rgba(255,255,255,.45); letter-spacing:.9px; text-transform:uppercase; margin-bottom:20px; }
.cr-hero-h1 { font-size:clamp(2.4rem,5vw,4rem); font-weight:900; line-height:1.18; letter-spacing:-.03em; margin:0 0 20px; color:#fff; }
.cr-hero-h1 span { background:linear-gradient(90deg,#59b9ff,#7b5cff,#d966b2); -webkit-background-clip:text; background-clip:text; color:transparent; }
.cr-hero-desc { font-size:1.05rem; color:rgba(255,255,255,.62); max-width:520px; line-height:1.75; margin:0 0 36px; }
.cr-hero-cta {
  display:inline-flex; align-items:center; gap:8px; padding:14px 32px; border-radius:999px;
  font-weight:700; font-size:1rem;
  background:linear-gradient(135deg,#0078d4,#5b3df0,#b13cff);
  color:#fff; text-decoration:none; box-shadow:0 8px 28px rgba(91,61,240,.45);
  transition:opacity .18s; -webkit-tap-highlight-color:transparent;
}
.cr-hero-cta:hover { opacity:.85; color:#fff; }
.cr-hero-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.cr-hero-tag { padding:5px 14px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); font-size:.75rem; color:rgba(255,255,255,.8); }
/* 좌측 마스코트 */
.cr-hero-img { flex-shrink:0; width:260px; display:flex; align-items:center; justify-content:center; order:-1; }
.cr-hero-img img {
  width:220px; height:auto;
  filter:drop-shadow(0 0 36px rgba(123,92,255,.55)) drop-shadow(0 0 72px rgba(91,61,240,.28));
  animation:heroFloat 4s ease-in-out infinite;
}
@keyframes heroFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }

/* 모바일 Hero */
@media(max-width:720px){
  .cr-hero-inner { flex-direction:column; align-items:center; text-align:center; gap:0; padding:0 16px; }
  .cr-hero-img { width:100%; order:-1; margin-bottom:20px; }
  .cr-hero-img img { width:150px; filter:drop-shadow(0 0 20px rgba(123,92,255,.6)); animation:none; }
  .cr-hero-desc { margin-left:auto; margin-right:auto; }
  .cr-hero-tags { justify-content:center; }
}

/* ════════ 2. 신뢰 지표 바 ════════ */
.cr-trust { background:#f8f9fa; padding:52px 0 0; }
.cr-trust-stats {
  display:flex; justify-content:center; gap:clamp(28px,6vw,80px);
  flex-wrap:wrap; margin-bottom:44px;
}
.cr-stat { text-align:center; }
.cr-stat-num {
  font-size:clamp(2rem,4vw,2.8rem); font-weight:900; display:block; line-height:1.1;
  background:linear-gradient(135deg,#0078d4,#7b5cff); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.cr-stat-label { font-size:.8rem; color:#666; margin-top:6px; font-weight:500; display:block; }
/* Marquee */
.cr-marquee-wrap { overflow:hidden; border-top:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb; padding:14px 0; background:#fff; }
.cr-marquee-track { display:flex; white-space:nowrap; animation:marqueeRun 35s linear infinite; }
.cr-marquee-track:hover { animation-play-state:paused; }
@keyframes marqueeRun { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.cr-mq-item { display:inline-flex; align-items:center; gap:7px; padding:0 28px; font-size:.84rem; font-weight:600; color:#444; white-space:nowrap; }
.cr-mq-dot { color:#0078d4; }

/* ════════ 3. 서비스 카드 ════════ */
.cr-services { background:#0a0a0a; padding:clamp(56px,8vw,88px) 0; }
.cr-sec-label { text-align:center; font-size:.78rem; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; margin-bottom:14px; }
.cr-sec-h2 { text-align:center; font-size:clamp(1.6rem,3vw,2.4rem); font-weight:900; letter-spacing:-.03em; margin:0 0 48px; line-height:1.25; }
.cr-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.cr-card {
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); border-radius:20px;
  padding:30px 26px; display:flex; flex-direction:column;
  transition:border-color .2s, transform .22s, background .2s;
}
.cr-card:hover { border-color:rgba(123,92,255,.5); background:rgba(123,92,255,.07); transform:translateY(-5px); }
.cr-card-icon { width:52px; height:52px; border-radius:13px; display:flex; align-items:center; justify-content:center; margin-bottom:20px; flex-shrink:0; overflow:hidden; background:#fff; padding:6px; box-sizing:content-box; }
.cr-card-icon img { width:52px; height:52px; display:block; object-fit:contain; }
.cr-card-title { font-size:1.05rem; font-weight:800; color:#fff; margin:0 0 11px; letter-spacing:-.02em; }
.cr-card-desc  { font-size:.858rem; color:rgba(255,255,255,.5); line-height:1.72; flex:1; margin:0 0 22px; }
.cr-card-link  { font-size:.83rem; font-weight:700; color:#7b5cff; text-decoration:none; display:inline-flex; align-items:center; gap:4px; transition:gap .14s; }
.cr-card-link:hover { gap:9px; }
@media(max-width:900px){ .cr-cards { grid-template-columns:1fr 1fr; } }
@media(max-width:580px){ .cr-cards { grid-template-columns:1fr; } }

/* ════════ 4. 최신 강의/일정 ════════ */
.cr-events { background:#f8f9fa; padding:clamp(56px,8vw,88px) 0; }
.cr-events-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.cr-ev-card {
  background:#fff; border-radius:20px; border:1px solid #e5e7eb; overflow:hidden;
  display:flex; flex-direction:column; text-decoration:none; color:inherit;
  transition:box-shadow .2s, transform .22s;
}
.cr-ev-card:hover { box-shadow:0 14px 44px rgba(0,0,0,.1); transform:translateY(-5px); }
.cr-ev-thumb { height:144px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; font-size:2.8rem; }
.cr-ev-thumb.purple { background:linear-gradient(135deg,#5b3df0,#b13cff); }
.cr-ev-thumb.blue   { background:linear-gradient(135deg,#0078d4,#00b4d8); }
.cr-ev-badge-top { position:absolute; top:12px; left:12px; font-size:.62rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.8); background:rgba(0,0,0,.28); padding:3px 8px; border-radius:4px; }
/* 이미지 전용 커드 */
.cr-ev-img-card {
  display:block; border-radius:20px; overflow:hidden; position:relative;
  text-decoration:none; box-shadow:0 4px 20px rgba(0,0,0,.1);
  transition:transform .22s, box-shadow .22s;
  aspect-ratio:16/9;
}
.cr-ev-img-card:hover { transform:translateY(-5px); box-shadow:0 14px 44px rgba(0,0,0,.18); }
.cr-ev-img-card img { width:100%; height:100%; object-fit:cover; display:block; }
/* 상태 전용 뉴스레터 */
.cr-ev-status {
  position:absolute; top:12px; left:12px; z-index:2;
  display:inline-flex; align-items:center; gap:5px;
  font-size:.7rem; font-weight:800; letter-spacing:.4px;
  padding:5px 11px; border-radius:999px;
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
.cr-ev-status.open  { background:rgba(0,200,100,.88); color:#fff; }
.cr-ev-status.closed{ background:rgba(80,80,80,.82);  color:rgba(255,255,255,.8); }
/* 마감 dim */
.cr-ev-img-card.is-closed img { filter:grayscale(60%); opacity:.55; }
.cr-ev-img-card.is-closed { cursor:default; }
.cr-ev-img-card.is-closed:hover { transform:none; box-shadow:0 4px 20px rgba(0,0,0,.1); }
.cr-ev-img-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.72) 0%, transparent 55%);
  display:flex; flex-direction:column; justify-content:flex-end; padding:18px 20px;
  opacity:0; transition:opacity .22s;
}
.cr-ev-img-card:hover .cr-ev-img-overlay { opacity:1; }
.cr-ev-img-label { font-size:.62rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,.7); margin-bottom:6px; }
.cr-ev-img-title { font-size:1rem; font-weight:800; color:#fff; line-height:1.3; }
.cr-ev-body { padding:22px 22px 20px; flex:1; display:flex; flex-direction:column; }
.cr-ev-badge { display:inline-block; font-size:.7rem; font-weight:700; padding:3px 9px; border-radius:4px; margin-bottom:11px; }
.cr-ev-badge.live   { background:#fff0f0; color:#c0392b; }
.cr-ev-badge.open   { background:#f0f5ff; color:#0078d4; }
.cr-ev-title { font-size:1.05rem; font-weight:800; color:#111; margin:0 0 9px; line-height:1.32; letter-spacing:-.02em; }
.cr-ev-desc  { font-size:.848rem; color:#666; line-height:1.62; flex:1; margin:0 0 18px; }
.cr-ev-link  { font-size:.83rem; font-weight:700; color:#0078d4; display:inline-flex; align-items:center; gap:4px; transition:gap .14s; }
.cr-ev-link:hover { gap:9px; }
@media(max-width:600px){ .cr-events-grid { grid-template-columns:1fr; } }

/* ════════ 5. CTA 배너 ════════ */
.cr-cta {
  background:linear-gradient(135deg,#06060f 0%,#0c1140 30%,#2a0858 65%,#360230 100%);
  padding:clamp(60px,9vw,104px) 0; text-align:center; position:relative; overflow:hidden;
}
.cr-cta::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 65% 65% at 50% 50%, rgba(123,92,255,.16) 0%, transparent 70%);
  pointer-events:none;
}
.cr-cta-inner { position:relative; }
.cr-cta-label { font-size:.78rem; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:rgba(255,255,255,.38); margin-bottom:14px; }
.cr-cta-h2 { font-size:clamp(1.9rem,4vw,3.2rem); font-weight:900; color:#fff; letter-spacing:-.03em; margin:0 0 14px; line-height:1.2; }
.cr-cta-sub { font-size:.98rem; color:rgba(255,255,255,.5); margin:0 auto 40px; max-width:460px; line-height:1.72; }
.cr-cta-btn {
  display:inline-flex; align-items:center; gap:10px; padding:16px 40px; border-radius:999px;
  background:#fff; color:#0a0a0a; font-weight:800; font-size:1rem; text-decoration:none;
  box-shadow:0 8px 32px rgba(0,0,0,.32); transition:transform .18s, box-shadow .18s;
  -webkit-tap-highlight-color:transparent;
}
.cr-cta-btn:hover { transform:translateY(-2px); box-shadow:0 16px 44px rgba(0,0,0,.4); color:#0078d4; }
</style>

<div class="cr-home">

<!-- ════════ 1. HERO ════════ -->
<section class="cr-hero">
  <div class="cr-hero-inner">
    <div class="cr-hero-img">
      <img src="https://raw.githubusercontent.com/CanRobotx/Blog1/main/assets/images/Canrobot.png"
           alt="CanRobot 마스코트" />
    </div>
    <div class="cr-hero-text">
      <p class="cr-hero-eyebrow">Microsoft Certified Trainer · Microsoft 365 Copilot MVP</p>
      <h1 class="cr-hero-h1">
        Copilot과 AI Agent로<br>
        <span>일하는 방식을 바꿉니다</span>
      </h1>
      <p class="cr-hero-desc">
        CanRobot은 기업·기관의 AI 전환을 위한 교육 과정을 개발하고, Microsoft 공인 커리큘럼 기반의 실무 교육을 직접 진행합니다.
      </p>

    </div>
  </div>
</section>

<!-- ════════ 2. 신뢰 지표 바 ════════ -->
<section class="cr-trust">
  <div class="cr-wrap">
    <div class="cr-trust-stats">
      <div class="cr-stat">
        <span class="cr-stat-num">60<span style="font-size:.6em;font-weight:700;">+</span></span>
        <span class="cr-stat-label">강의 기업·기관</span>
      </div>
      <div class="cr-stat">
        <span class="cr-stat-num">100<span style="font-size:.6em;font-weight:700;">+</span></span>
        <span class="cr-stat-label">누적 강의 과정</span>
      </div>
      <div class="cr-stat">
        <span class="cr-stat-num" style="font-size:clamp(1rem,2vw,1.5rem);letter-spacing:-.02em;">삼성 · 현대 · KT · MS 등</span>
        <span class="cr-stat-label">국내외 대표 기업</span>
      </div>
    </div>
  </div>
  <!-- 기업명 marquee -->
  <div class="cr-marquee-wrap">
    <div class="cr-marquee-track">
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>삼성물산</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>삼성전자</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>현대모비스</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>HD한국조선해양</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>현대엔지니어링</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>현대백화점</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>현대글로비스</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>현대아이티씨</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>KB손해보험</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>신한은행</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>BNK캐피탈</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>KT</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>Microsoft</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>SK C&amp;C</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>한화</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>CJ One</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>NIKE</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>유한킴벌리</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>아모레퍼시픽</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>동아쏘시오홀딩스</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>서강대학교</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>한독제약</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>DL이엔씨</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>한일시멘트</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>동아아연</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>린데코리아</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>딜로이트</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>한국조선해양플랜트협회</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>한일시멘트</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>동아아연</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>린데코리아</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>딜로이트</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>한국조선해양플랜트협회</span>
      <!-- 복제 세트 (무한 루프) -->
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>삼성물산</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>삼성전자</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>현대모비스</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>HD한국조선해양</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>현대엔지니어링</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>현대백화점</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>현대글로비스</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>현대아이티씨</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>KB손해보험</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>신한은행</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>BNK캐피탈</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>KT</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>Microsoft</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>SK C&amp;C</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>한화</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>CJ One</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>NIKE</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>유한킴벌리</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>아모레퍼시픽</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>동아쏘시오홀딩스</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>서강대학교</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>한독제약</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>DL이엔씨</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>한일시멘트</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>동아아연</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>린데코리아</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>딜로이트</span>
      <span class="cr-mq-item"><span class="cr-mq-dot">◆</span>한국조선해양플랜트협회</span>
    </div>
  </div>
</section>

<!-- ════════ 3. 서비스 카드 ════════ -->
<section class="cr-services">
  <div class="cr-wrap">
    <p class="cr-sec-label" style="color:rgba(255,255,255,.3);">What We Do</p>
    <h2 class="cr-sec-h2" style="color:#fff;">
      실무 중심 AI 교육<br>
      <span style="background:linear-gradient(90deg,#59b9ff,#7b5cff);-webkit-background-clip:text;background-clip:text;color:transparent;">3가지 핵심 과정</span>
    </h2>
    <div class="cr-cards">

      <!-- 카드 1 -->
      <div class="cr-card">
        <div class="cr-card-icon">
          <img src="https://raw.githubusercontent.com/CanRobotx/Blog1/main/assets/images/m365.png" alt="Microsoft 365" />
        </div>
        <h3 class="cr-card-title">Microsoft 365 Copilot 교육</h3>
        <p class="cr-card-desc">Microsoft 365 Copilot Chat, Teams, Word, Excel, PowerPoint에서 Copilot을 실무에 바로 활용하는 과정.</p>
        <a href="{{ '/courses/' | relative_url }}" class="cr-card-link">강의 일정 보기 →</a>
      </div>

      <!-- 카드 2 -->
      <div class="cr-card">
        <div class="cr-card-icon">
          <img src="https://raw.githubusercontent.com/CanRobotx/Blog1/main/assets/images/copilotStudio.png" alt="Copilot Studio" />
        </div>
        <h3 class="cr-card-title">Copilot Studio Agent 교육</h3>
        <p class="cr-card-desc">코드 없이 업무 자동화 Agent를 설계·제작·배포하는 집중 실습 과정. MS-4019, 4022, PL-7008 등 공인 커리큘럼을 포함합니다.</p>
        <a href="{{ '/labs/' | relative_url }}" class="cr-card-link">Lab 과정 보기 →</a>
      </div>

      <!-- 카드 3 -->
      <div class="cr-card">
        <div class="cr-card-icon">
          <img src="https://raw.githubusercontent.com/CanRobotx/Blog1/main/assets/images/PowerAutomate.png" alt="Power Automate" />
        </div>
        <h3 class="cr-card-title">Power Automate 실무 교육</h3>
        <p class="cr-card-desc">반복 업무를 자동화하는 Power Automate 흐름 설계부터 RPA(데스크톱 자동화)까지, 현업 적용 중심의 실무 교육.</p>
        <a href="{{ '/courses/' | relative_url }}" class="cr-card-link">강의 일정 보기 →</a>
      </div>

    </div>
  </div>
</section>

<!-- ════════ 4. 최신 강의/일정 ════════ -->
<section class="cr-events">
  <div class="cr-wrap">
    <p class="cr-sec-label" style="color:#0078d4;">Coming Up</p>
    <h2 class="cr-sec-h2" style="color:#111;">
      교육 프로그램 및 이벤트
    </h2>
    <div class="cr-events-grid">

      <!-- 월간 전대호 -->
      <a href="https://www.copilotclub.kr/channels/L2NoYW5uZWxzLzIyMTky/C00007/classes/191656/information"
         target="_blank" rel="noopener" class="cr-ev-img-card">
        <span class="cr-ev-status open">● 모집 중</span>
        <img src="https://raw.githubusercontent.com/CanRobotx/Blog1/main/assets/images/monthly-jeon5.png"
             alt="월간 전대호" />
        <div class="cr-ev-img-overlay">
          <span class="cr-ev-img-label">Live Program</span>
          <span class="cr-ev-img-title">월간 전대호</span>
        </div>
      </a>

      <!-- Global Power Platform Bootcamp 2026 Seoul -->
      <a href="https://event-us.kr/gppb2026seoul/event/119487" target="_blank" rel="noopener" class="cr-ev-img-card is-closed">
        <span class="cr-ev-status closed">✕ 마감됨</span>
        <img src="https://raw.githubusercontent.com/CanRobotx/Blog1/main/assets/images/GPPB2026Seoul.png"
             alt="Global Power Platform Bootcamp 2026 Seoul" />
        <div class="cr-ev-img-overlay">
          <span class="cr-ev-img-label">Bootcamp</span>
          <span class="cr-ev-img-title">Global Power Platform Bootcamp 2026 Seoul</span>
        </div>
      </a>

    </div>
  </div>
</section>

<!-- ════════ 5. CTA 배너 ════════ -->
<section class="cr-cta">
  <div class="cr-wrap cr-cta-inner">
    <p class="cr-cta-label">Contact</p>
    <h2 class="cr-cta-h2">AI 전환, 함께 시작하세요</h2>
    <p class="cr-cta-sub">교육 문의 · 강의 요청 · 기업 컨설팅<br>LinkedIn으로 바로 연락 주세요</p>
    <a href="{{ site.linkedin_url }}" target="_blank" rel="noopener" class="cr-cta-btn">
      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect width="24" height="24" rx="4" fill="#0A66C2"/>
        <circle cx="6" cy="6" r="1.5" fill="#fff"/>
        <rect x="4.5" y="9.5" width="3" height="8" rx="1" fill="#fff"/>
        <rect x="10" y="9.5" width="3" height="8" rx="1" fill="#fff"/>
        <path d="M13 13.5c0-2 1.2-3 2.5-3s2.5 1 2.5 3v4" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
      </svg>
      LinkedIn으로 문의하기
    </a>
  </div>
</section>

</div>