케이위더스 평생교육원 AI 교육

2026년 6월 4일 · 고정

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AI Agent 1DAY 실습 세미나 | 케이위더스 평생교육원</title> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Bebas+Neue&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet"> <style> :root { --navy: #0a1836; --navy2: #0f2251; --teal: #0d8a7a; --teal2: #12b09d; --gold: #d4af37; --gold2: #f0d060; --orange: #e07820; --white: #f5f8ff; --muted: #8ca0c0; --card: rgba(255,255,255,0.05); --border: rgba(255,255,255,0.1); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'Noto Sans KR', sans-serif; background: var(--navy); color: var(--white); overflow-x: hidden; line-height: 1.6; } /* ── 배경 파티클 ── */ body::before { content: ''; position: fixed; inset: 0; background: radial-gradient(ellipse 80% 60% at 90% 10%, rgba(13,138,122,0.18) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 10% 80%, rgba(212,175,55,0.10) 0%, transparent 55%), radial-gradient(ellipse 40% 30% at 50% 50%, rgba(15,34,81,0.8) 0%, transparent 70%); pointer-events: none; z-index: 0; } /* ── 네비 ── */ nav { position: sticky; top: 0; z-index: 100; background: rgba(10,24,54,0.92); backdrop-filter: blur(14px); border-bottom: 1px solid var(--border); padding: 0 5vw; display: flex; align-items: center; justify-content: space-between; height: 60px; } .nav-logo { font-family: 'Bebas Neue', sans-serif; font-size: 1.4rem; letter-spacing: 2px; color: var(--gold); } .nav-logo span { color: var(--teal2); } .nav-links { display: flex; gap: 2rem; list-style: none; } .nav-links a { color: var(--muted); text-decoration: none; font-size: 0.85rem; font-weight: 500; transition: color .2s; } .nav-links a:hover { color: var(--white); } /* ── 섹션 공통 ── */ section { position: relative; z-index: 1; padding: 80px 5vw; } .container { max-width: 1100px; margin: 0 auto; } /* ── HERO ── */ #hero { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding-top: 0; overflow: hidden; } .hero-inner { max-width: 1100px; margin: 0 auto; width: 100%; display: grid; grid-template-columns: 1fr 420px; gap: 60px; align-items: center; } .hero-tag { display: inline-block; background: var(--teal); color: #fff; font-size: 0.8rem; font-weight: 700; letter-spacing: 2px; padding: 5px 16px; border-radius: 20px; margin-bottom: 20px; animation: fadeUp .6s .1s both; } .hero-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(5rem, 10vw, 9rem); line-height: 0.9; color: #fff; animation: fadeUp .6s .2s both; } .hero-title .accent { color: var(--teal2); } .hero-sub { font-size: clamp(1.4rem, 3vw, 2.2rem); font-weight: 700; color: rgba(255,255,255,0.75); margin: 16px 0 28px; animation: fadeUp .6s .3s both; } .hero-desc { font-size: 1rem; color: var(--muted); line-height: 1.75; max-width: 520px; animation: fadeUp .6s .4s both; } .hero-cta { display: flex; gap: 14px; margin-top: 36px; flex-wrap: wrap; animation: fadeUp .6s .5s both; } .btn-primary { background: var(--teal); color: #fff; padding: 14px 32px; border-radius: 8px; font-size: 1rem; font-weight: 700; text-decoration: none; transition: background .2s, transform .15s; display: inline-flex; align-items: center; gap: 8px; } .btn-primary:hover { background: var(--teal2); transform: translateY(-2px); } .btn-outline { border: 1.5px solid var(--gold); color: var(--gold); padding: 14px 28px; border-radius: 8px; font-size: 1rem; font-weight: 600; text-decoration: none; transition: background .2s, transform .15s; } .btn-outline:hover { background: rgba(212,175,55,0.12); transform: translateY(-2px); } /* 우측 날짜 카드 */ .hero-card { background: rgba(255,255,255,0.05); border: 1px solid var(--border); border-radius: 20px; padding: 36px 30px; animation: fadeUp .6s .35s both; backdrop-filter: blur(6px); } .hero-card-date { font-family: 'Bebas Neue', sans-serif; font-size: 2.6rem; color: var(--gold); letter-spacing: 2px; line-height: 1; } .hero-card-time { font-size: 1rem; color: var(--teal2); font-weight: 600; margin: 6px 0 20px; } .hero-card-divider { height: 1px; background: var(--border); margin: 20px 0; } .info-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); } .info-row:last-child { border-bottom: none; } .info-label { font-size: 0.78rem; color: var(--muted); font-weight: 500; } .info-value { font-size: 0.95rem; font-weight: 700; color: var(--white); text-align: right; } .info-value.gold { color: var(--gold); } .info-value.teal { color: var(--teal2); } .deadline-badge { display: inline-block; margin-top: 20px; background: rgba(224,120,32,0.2); border: 1px solid var(--orange); color: var(--orange); font-size: 0.82rem; font-weight: 700; padding: 6px 14px; border-radius: 6px; letter-spacing: 0.5px; } /* ── 통계 바 ── */ .stats-bar { background: var(--teal); padding: 28px 5vw; z-index: 2; } .stats-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; } .stat-item { text-align: center; } .stat-num { font-family: 'Bebas Neue', sans-serif; font-size: 2.4rem; color: var(--gold2); letter-spacing: 1px; } .stat-label { font-size: 0.8rem; color: rgba(255,255,255,0.8); font-weight: 500; margin-top: 2px; } /* ── 섹션 헤더 공통 ── */ .sec-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 3px; color: var(--teal2); text-transform: uppercase; margin-bottom: 10px; } .sec-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.2rem, 5vw, 3.4rem); line-height: 1.1; color: #fff; margin-bottom: 14px; } .sec-title .accent { color: var(--teal2); } .sec-desc { font-size: 1rem; color: var(--muted); max-width: 560px; line-height: 1.75; } /* ── 왜 지금? ── */ #why { background: rgba(255,255,255,0.02); } .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 48px; } .why-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 28px 26px; transition: border-color .2s, transform .2s; } .why-card:hover { border-color: var(--teal); transform: translateY(-4px); } .why-icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(13,138,122,0.2); border: 1px solid rgba(13,138,122,0.4); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; } .why-icon svg { width: 22px; height: 22px; stroke: var(--teal2); fill: none; stroke-width: 2; } .why-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 8px; } .why-card p { font-size: 0.88rem; color: var(--muted); line-height: 1.7; } /* ── 추천 대상 ── */ #target { padding-bottom: 60px; } .target-list { margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .target-item { display: flex; align-items: flex-start; gap: 14px; background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 18px 20px; transition: border-color .2s; } .target-item:hover { border-color: var(--gold); } .target-num { font-family: 'DM Mono', monospace; font-size: 0.75rem; color: var(--gold); background: rgba(212,175,55,0.12); border: 1px solid rgba(212,175,55,0.3); border-radius: 6px; padding: 3px 8px; white-space: nowrap; flex-shrink: 0; margin-top: 2px; } .target-item p { font-size: 0.92rem; color: rgba(255,255,255,0.85); } /* ── 핵심 특징 ── */ #features { background: rgba(255,255,255,0.02); } .features-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 48px; } .feature-card { background: var(--card); border: 1px solid var(--border); border-radius: 14px; padding: 24px 22px; transition: border-color .2s, transform .2s; } .feature-card:hover { border-color: var(--teal2); transform: translateY(-3px); } .feature-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--teal2); margin-bottom: 14px; } .feature-card h3 { font-size: 0.95rem; font-weight: 700; margin-bottom: 8px; } .feature-card p { font-size: 0.83rem; color: var(--muted); line-height: 1.65; } /* ── 강의 일정표 ── */ #schedule { padding-bottom: 60px; } .schedule-table { margin-top: 48px; border: 1px solid var(--border); border-radius: 16px; overflow: hidden; } .schedule-header { display: grid; grid-template-columns: 160px 200px 1fr; background: var(--teal); padding: 14px 24px; font-size: 0.8rem; font-weight: 700; letter-spacing: 1px; color: rgba(255,255,255,0.8); } .schedule-row { display: grid; grid-template-columns: 160px 200px 1fr; padding: 20px 24px; align-items: start; border-top: 1px solid var(--border); transition: background .2s; } .schedule-row:hover { background: rgba(255,255,255,0.04); } .schedule-row:nth-child(odd) { background: rgba(255,255,255,0.02); } .schedule-row:nth-child(odd):hover { background: rgba(255,255,255,0.05); } .s-time { font-family: 'DM Mono', monospace; font-size: 0.82rem; color: var(--teal2); font-weight: 500; padding-top: 2px; } .s-session { font-size: 0.9rem; font-weight: 700; color: var(--white); padding-right: 16px; } .s-badge { display: inline-block; margin-bottom: 6px; font-size: 0.7rem; font-weight: 700; letter-spacing: 1px; background: rgba(13,138,122,0.2); border: 1px solid rgba(13,138,122,0.4); color: var(--teal2); padding: 2px 8px; border-radius: 4px; } .s-content { font-size: 0.83rem; color: var(--muted); } .s-content ul { list-style: none; } .s-content li { padding: 2px 0; } .s-content li::before { content: "· "; color: var(--teal2); } .lunch-row { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 24px; border-top: 1px solid var(--border); background: rgba(212,175,55,0.05); font-size: 0.83rem; color: var(--muted); } .lunch-badge { font-size: 0.72rem; font-weight: 700; background: rgba(212,175,55,0.15); border: 1px solid rgba(212,175,55,0.3); color: var(--gold); padding: 2px 10px; border-radius: 4px; } /* ── 강사 ── */ #instructors { background: rgba(255,255,255,0.02); } .instructor-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 48px; } .instructor-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 30px 24px; text-align: center; transition: border-color .2s, transform .2s; } .instructor-card:hover { border-color: var(--gold); transform: translateY(-4px); } .avatar { width: 72px; height: 72px; border-radius: 50%; margin: 0 auto 16px; background: linear-gradient(135deg, var(--teal), var(--navy2)); border: 2px solid var(--teal2); display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 1.8rem; color: var(--white); } .instructor-name { font-size: 1.2rem; font-weight: 900; margin-bottom: 6px; } .instructor-title { font-size: 0.75rem; color: var(--teal2); font-weight: 600; letter-spacing: 0.5px; margin-bottom: 12px; } .instructor-desc { font-size: 0.83rem; color: var(--muted); line-height: 1.65; } /* ── 등록 안내 ── */ #register { background: linear-gradient(135deg, rgba(13,138,122,0.15) 0%, rgba(10,24,54,0) 60%); } .register-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 48px; align-items: start; } .reg-info-list { display: flex; flex-direction: column; gap: 0; } .reg-row { display: flex; align-items: flex-start; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--border); } .reg-row:last-child { border-bottom: none; } .reg-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; color: var(--teal2); min-width: 72px; padding-top: 2px; } .reg-value { font-size: 0.93rem; color: rgba(255,255,255,0.85); line-height: 1.6; } .reg-value strong { color: var(--white); } .reg-value a { color: var(--teal2); text-decoration: none; } .reg-value a:hover { text-decoration: underline; } .caution-box { background: rgba(224,120,32,0.08); border: 1px solid rgba(224,120,32,0.25); border-radius: 14px; padding: 24px; } .caution-box h3 { font-size: 0.8rem; font-weight: 700; letter-spacing: 2px; color: var(--orange); margin-bottom: 14px; } .caution-item { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 10px; } .caution-item:last-child { margin-bottom: 0; } .caution-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--orange); flex-shrink: 0; margin-top: 7px; } .caution-item p { font-size: 0.86rem; color: rgba(255,255,255,0.72); line-height: 1.6; } /* ── 장소 ── */ #venue { padding-bottom: 60px; } .venue-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; } .venue-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 28px 26px; } .venue-tag { display: inline-block; margin-bottom: 14px; font-size: 0.72rem; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 20px; } .venue-tag.seoul { background: rgba(13,138,122,0.2); color: var(--teal2); border: 1px solid rgba(13,138,122,0.4); } .venue-tag.sacheon { background: rgba(212,175,55,0.15); color: var(--gold); border: 1px solid rgba(212,175,55,0.3); } .venue-name { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; } .venue-addr { font-size: 0.88rem; color: var(--muted); line-height: 1.65; } .venue-note { margin-top: 12px; font-size: 0.8rem; color: rgba(255,255,255,0.45); padding-top: 12px; border-top: 1px solid var(--border); } /* ── CTA 배너 ── */ #cta { background: var(--teal); padding: 60px 5vw; text-align: center; } #cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.4rem, 5vw, 4rem); color: #fff; margin-bottom: 10px; } #cta p { font-size: 1rem; color: rgba(255,255,255,0.8); margin-bottom: 30px; } #cta .btn-white { background: #fff; color: var(--teal); padding: 15px 40px; border-radius: 8px; font-size: 1rem; font-weight: 800; text-decoration: none; display: inline-block; transition: transform .15s; } #cta .btn-white:hover { transform: translateY(-2px); } /* ── 푸터 ── */ footer { background: rgba(0,0,0,0.3); border-top: 1px solid var(--border); padding: 36px 5vw; text-align: center; position: relative; z-index: 1; } .footer-logo { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; color: var(--gold); letter-spacing: 2px; margin-bottom: 8px; } footer p { font-size: 0.8rem; color: var(--muted); line-height: 1.8; } footer a { color: var(--teal2); text-decoration: none; } /* ── 애니메이션 ── */ @keyframes fadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } } .reveal { opacity: 0; transform: translateY(24px); transition: opacity .55s ease, transform .55s ease; } .reveal.visible { opacity: 1; transform: translateY(0); } /* ── 반응형 ── */ @media (max-width: 900px) { .hero-inner { grid-template-columns: 1fr; } .hero-card { display: none; } .why-grid, .target-list, .features-grid, .instructor-grid, .register-grid, .venue-grid { grid-template-columns: 1fr; } .schedule-header, .schedule-row { grid-template-columns: 100px 1fr; } .schedule-header div:last-child, .schedule-row div:last-child { display: none; } .stats-inner { grid-template-columns: repeat(2,1fr); gap: 20px; } } </style> </head> <body>  <nav> <div class="nav-logo">K<span>·</span>WITHUS <span style="font-size:.85rem;color:var(--muted);font-family:'Noto Sans KR';font-weight:400;letter-spacing:0"> 평생교육원</span></div> <ul class="nav-links"> <li><a href="#why">소개</a></li> <li><a href="#schedule">일정표</a></li> <li><a href="#instructors">강사</a></li> <li><a href="#register">신청</a></li> </ul> </nav>  <section id="hero"> <div class="hero-inner container"> <div> <span class="hero-tag">2026 실무형 세미나</span> <h1 class="hero-title">AI<br><span class="accent">AGENT</span></h1> <p class="hero-sub">1 DAY 실습 세미나</p> <p class="hero-desc"> 단순 이론이 아닙니다. 실제 수년간 AI 개발 프로젝트와 기업 현업에 참여해 온 전문가들이 직접 실습 중심으로 진행하는 <strong style="color:#fff">현장형 AI 교육 프로그램</strong>입니다. </p> <div class="hero-cta"> <a href="mailto:kwithus@k-withus.kr?subject=AI교육 수강신청" class="btn-primary"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M4 4h16v16H4z"/><path d="M4 4l8 9 8-9"/></svg> 수강 신청하기 </a> <a href="#schedule" class="btn-outline">커리큘럼 보기</a> </div> </div> <div class="hero-card"> <div class="hero-card-date">2026. 06. 27</div> <div class="hero-card-time">토요일 · 10:00 ~ 18:00</div> <div class="hero-card-divider"></div> <div class="info-row"> <span class="info-label">수강료</span> <span class="info-value gold">30만원 / 인 <small style="font-size:.75rem;color:var(--muted)">(부가세 별도)</small></span> </div> <div class="info-row"> <span class="info-label">정원</span> <span class="info-value">서울 20명 · 사천 10명</span> </div> <div class="info-row"> <span class="info-label">서울 장소</span> <span class="info-value teal" style="font-size:.82rem">양재플라자빌딩 101<br><span style="color:var(--muted);font-size:.76rem">양재역 7번 출구</span></span> </div> <div class="info-row"> <span class="info-label">사천 장소</span> <span class="info-value teal" style="font-size:.82rem">사천읍 옥산로4, 2층<br><span style="color:var(--muted);font-size:.76rem">다문화커뮤니티룸</span></span> </div> <div class="info-row"> <span class="info-label">준비물</span> <span class="info-value" style="font-size:.82rem">노트북 PC · 신분증</span> </div> <span class="deadline-badge">⏰ 신청 마감 ~ 6월 20일</span> </div> </div> </section>  <div class="stats-bar"> <div class="stats-inner"> <div class="stat-item"> <div class="stat-num">1 DAY</div> <div class="stat-label">하루 완성 집중 실습</div> </div> <div class="stat-item"> <div class="stat-num">7</div> <div class="stat-label">실전 세션 커리큘럼</div> </div> <div class="stat-item"> <div class="stat-num">30명</div> <div class="stat-label">소규모 밀착 교육</div> </div> <div class="stat-item"> <div class="stat-num">3人</div> <div class="stat-label">현업 전문가 강사진</div> </div> </div> </div>  <section id="why"> <div class="container"> <p class="sec-label reveal">Why AI Agent</p> <h2 class="sec-title reveal">왜 지금 <span class="accent">AI Agent</span>인가?</h2> <p class="sec-desc reveal">AI 시대는 이미 시작됐습니다. 이제 필요한 것은 만들고 활용하는 능력입니다.</p> <div class="why-grid"> <div class="why-card reveal"> <div class="why-icon"> <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 8v4l3 3"/></svg> </div> <h3>글로벌 기업의 빠른 전환</h3> <p>이미 글로벌 기업들은 AI Agent를 통해 업무 생산성과 효율성을 혁신하고 있습니다. 지금 시작하지 않으면 격차는 더 벌어집니다.</p> </div> <div class="why-card reveal"> <div class="why-icon"> <svg viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg> </div> <h3>AI는 이제 필수 역량</h3> <p>선택이 아닌 필수입니다. 직장인, 취업 준비생, 개발자 모두에게 AI 활용 능력은 경쟁력의 핵심이 되고 있습니다.</p> </div> <div class="why-card reveal"> <div class="why-icon"> <svg viewBox="0 0 24 24"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg> </div> <h3>만드는 사람이 경쟁력</h3> <p>AI를 "아는 사람"이 아닌, 직접 만들고 자동화할 수 있는 사람이 진짜 경쟁력을 갖게 됩니다.</p> </div> <div class="why-card reveal"> <div class="why-icon"> <svg viewBox="0 0 24 24"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg> </div> <h3>이론 NO, 실습 YES</h3> <p>본 세미나는 강의 당일 바로 AI 에이전트를 구축하고, 실제 업무에 바로 적용할 수 있는 실습 중심 교육입니다.</p> </div> </div> </div> </section>  <section id="target"> <div class="container"> <p class="sec-label reveal">Target Audience</p> <h2 class="sec-title reveal">이런 분들께 <span class="accent">추천합니다</span></h2> <div class="target-list"> <div class="target-item reveal"> <span class="target-num">01</span> <p>AI를 활용해 취업 경쟁력을 높이고 싶은 <strong>유학생 및 취업 준비생</strong></p> </div> <div class="target-item reveal"> <span class="target-num">02</span> <p>회사 업무를 AI로 자동화하고 싶은 <strong>직장인</strong></p> </div> <div class="target-item reveal"> <span class="target-num">03</span> <p>생성형 AI와 AI Agent를 실제 업무에 적용하고 싶은 <strong>실무자</strong></p> </div> <div class="target-item reveal"> <span class="target-num">04</span> <p>개발 경험이 부족하지만 AI를 직접 활용해보고 싶은 <strong>비개발자</strong></p> </div> <div class="target-item reveal"> <span class="target-num">05</span> <p>최신 AI 기술을 빠르게 익혀 <strong>실전에 적용</strong>하고 싶은 분</p> </div> </div> </div> </section>  <section id="features"> <div class="container"> <p class="sec-label reveal">Core Features</p> <h2 class="sec-title reveal">세미나 <span class="accent">핵심 특징</span></h2> <div class="features-grid"> <div class="feature-card reveal"> <div class="feature-dot"></div> <h3>하루 만에 구축 가능</h3> <p>단 하루 만에 배우고 바로 구축 가능한 AI Agent 실습. 오늘 배운 내용을 내일 바로 현장에 적용합니다.</p> </div> <div class="feature-card reveal"> <div class="feature-dot" style="background:var(--gold)"></div> <h3>실무 중심 교육</h3> <p>실제 회사 업무에 즉시 적용 가능한 커리큘럼. 이론보다 현장에서 쓰는 방법을 집중 훈련합니다.</p> </div> <div class="feature-card reveal"> <div class="feature-dot" style="background:var(--orange)"></div> <h3>최신 AI 자동화 실습</h3> <p>최신 생성형 AI 및 AI 자동화 활용 방법 실습. Dify, Activepieces 등 현업 도구를 직접 다룹니다.</p> </div> <div class="feature-card reveal"> <div class="feature-dot"></div> <h3>업무 자동화 실전 제공</h3> <p>AI 기반 업무 자동화, 문서 작성, 데이터 분석, 리서치 실습을 한 번에 경험합니다.</p> </div> <div class="feature-card reveal"> <div class="feature-dot" style="background:var(--gold)"></div> <h3>현업 프롬프트 노하우</h3> <p>현업에서 바로 사용하는 AI 도구와 프롬프트 활용 노하우를 공개합니다.</p> </div> <div class="feature-card reveal"> <div class="feature-dot" style="background:var(--orange)"></div> <h3>누구나 쉽게 따라 가능</h3> <p>실습 중심 커리큘럼으로 코딩 지식 없이도 누구나 쉽게 따라 할 수 있습니다.</p> </div> </div> </div> </section>  <section id="schedule"> <div class="container"> <p class="sec-label reveal">Curriculum</p> <h2 class="sec-title reveal">강의 <span class="accent">일정표</span></h2> <p class="sec-desc reveal">이승훈 · 이기현 · 김현재 강사진이 직접 진행하는 AI 에이전트 실습</p> <div class="schedule-table reveal"> <div class="schedule-header"> <div>시간</div> <div>세션</div> <div>주요 내용</div> </div> <div class="schedule-row"> <div class="s-time">10:00 – 11:00</div> <div class="s-session"><span class="s-badge">AI / LLM</span><br>트렌드 & 구축</div> <div class="s-content"><ul> <li>AI/LLM 이슈와 트렌드</li> <li>AI/LLM 구축 방법</li> </ul></div> </div> <div class="schedule-row"> <div class="s-time">11:00 – 12:00</div> <div class="s-session"><span class="s-badge">Private Data</span><br>플랫폼 활용</div> <div class="s-content"><ul> <li>프라이빗 데이터의 LLM 적용</li> <li>한국 분야별 적용 사례</li> <li>AI Platform: Dify.ai / Activepieces</li> </ul></div> </div> <div class="lunch-row"> <span class="lunch-badge">LUNCH</span> 12:00 – 13:00 점심 시간 (개별 식사) </div> <div class="schedule-row"> <div class="s-time">13:00 – 13:50</div> <div class="s-session"><span class="s-badge">RAG 파운데이션</span><br>지식 기반 구축</div> <div class="s-content"><ul> <li>Dify를 활용한 Knowledge Base 생성</li> <li>PDF/TXT 비정형 데이터 정제 및 청킹(Chunking) 전략</li> <li>벡터 데이터베이스 이해 및 임베딩 설정</li> </ul></div> </div> <div class="schedule-row"> <div class="s-time">14:00 – 14:50</div> <div class="s-session"><span class="s-badge">Dify Workflow</span><br>고급 RAG 설계</div> <div class="s-content"><ul> <li>단순 Q&A를 넘어선 Reasoning 추론 루프 설계</li> <li>상황별 프롬프트 엔지니어링 및 변수 제어</li> <li>Retrieval 성능 최적화 (Rerank 및 하이브리드 검색)</li> </ul></div> </div> <div class="schedule-row"> <div class="s-time">15:00 – 15:50</div> <div class="s-session"><span class="s-badge">Activepieces</span><br>외부 도구 연결</div> <div class="s-content"><ul> <li>Activepieces 인터페이스 이해 및 트리거 설정</li> <li>HTTP Request를 통한 Dify API 연결</li> <li>구글 시트, 이메일, 슬랙 등 외부 SaaS 연동</li> </ul></div> </div> <div class="schedule-row"> <div class="s-time">16:00 – 16:50</div> <div class="s-session"><span class="s-badge">Agentic Workflow</span><br>자율 실행 에이전트</div> <div class="s-content"><ul> <li>실습: 이메일 문의를 분석하여 RAG 기반 답장 초안 작성</li> <li>승인 시 자동 발송하는 에이전트 구축</li> </ul></div> </div> <div class="schedule-row"> <div class="s-time">17:00 – 18:00</div> <div class="s-session"><span class="s-badge">종합 프로젝트 & QA</span><br>나만의 AI 비서 완성</div> <div class="s-content"><ul> <li>수강생별 맞춤형 챗봇/에이전트 고도화</li> <li>API 배포 및 실제 환경 적용 가이드</li> <li>트러블슈팅 및 피드백</li> </ul></div> </div> </div> </div> </section>  <section id="instructors"> <div class="container"> <p class="sec-label reveal">Instructors</p> <h2 class="sec-title reveal">현업 전문가 <span class="accent">강사진</span></h2> <div class="instructor-grid"> <div class="instructor-card reveal"> <div class="avatar">이</div> <div class="instructor-name">이승훈</div> <div class="instructor-title">AI 사업본부장 · 코세나 Director</div> <p class="instructor-desc">㈜에스알포스트(AI) / ㈜IDR시스템즈(AI) AI 사업본부장. 코세나 실장/Director. 수년간 AI 개발 프로젝트 및 기업 현업 참여.</p> </div> <div class="instructor-card reveal"> <div class="avatar" style="background:linear-gradient(135deg,var(--orange),var(--navy2))">이</div> <div class="instructor-name">이기현</div> <div class="instructor-title">RPA · AI Agent 전문가</div> <p class="instructor-desc">RPA 동향 및 업무자동화 교육 전문가. AI Agent 분야. ㈜차카다 프로. 실무 자동화 구축 다수 경험.</p> </div> <div class="instructor-card reveal"> <div class="avatar" style="background:linear-gradient(135deg,var(--gold),var(--navy2))">김</div> <div class="instructor-name">김현재</div> <div class="instructor-title">AI 개발 전문가</div> <p class="instructor-desc">SFA반도체 / 한국마사회 RPA 동향 및 업무자동화 교육. 삼성청년소프트웨어 AI 아카데미 공통 프로젝트 우수상 수상.</p> </div> </div> </div> </section>  <section id="register"> <div class="container"> <p class="sec-label reveal">Registration</p> <h2 class="sec-title reveal">수강 <span class="accent">신청 안내</span></h2> <div class="register-grid"> <div class="reg-info-list reveal"> <div class="reg-row"> <span class="reg-label">일 시</span> <span class="reg-value"><strong>2026년 6월 27일 (토)</strong><br>오전 10:00 ~ 오후 18:00</span> </div> <div class="reg-row"> <span class="reg-label">수강료</span> <span class="reg-value"><strong>30만원 / 인</strong> (부가세 별도)</span> </div> <div class="reg-row"> <span class="reg-label">입금 계좌</span> <span class="reg-value"><strong>537-062012-01-012</strong><br>케이위더스(주)</span> </div> <div class="reg-row"> <span class="reg-label">신청 마감</span> <span class="reg-value"><strong>2026년 6월 20일</strong>까지<br>이메일로 신청</span> </div> <div class="reg-row"> <span class="reg-label">신청 이메일</span> <span class="reg-value"><a href="mailto:kwithus@k-withus.kr">kwithus@k-withus.kr</a></span> </div> <div class="reg-row"> <span class="reg-label">정 원</span> <span class="reg-value">서울 20명 / 사천 10명<br><span style="color:var(--muted);font-size:.82rem">선착순 마감</span></span> </div> </div> <div class="caution-box reveal"> <h3>⚠ 유의 사항</h3> <div class="caution-item"> <div class="caution-dot"></div> <p>수강생은 <strong>신분증 및 노트북 PC</strong>를 반드시 지참하세요.</p> </div> <div class="caution-item"> <div class="caution-dot"></div> <p>강의 시간: 오전 10:00~12:00 (2시간), 오후 13:00~18:00 (5시간)</p> </div> <div class="caution-item"> <div class="caution-dot"></div> <p>점심은 포함되지 않으며, 개별 식사입니다.</p> </div> <div class="caution-item"> <div class="caution-dot"></div> <p>주차는 되도록 대중교통을 이용해 주세요. (서울 평생교육원 주차료: 13,000원/일)</p> </div> <div class="caution-item"> <div class="caution-dot"></div> <p>강사별 추가 수강 준비 사항이 사전 공지될 수 있습니다.</p> </div> </div> </div> </div> </section>  <section id="venue"> <div class="container"> <p class="sec-label reveal">Venue</p> <h2 class="sec-title reveal">교육 <span class="accent">장소</span></h2> <div class="venue-grid"> <div class="venue-card reveal"> <span class="venue-tag seoul">SEOUL · 서울</span> <div class="venue-name">케이위더스㈜ 평생교육원</div> <div class="venue-addr"> 서울특별시 서초구 강남대로 216<br> 양재플라자빌딩 101호 </div> <div class="venue-note"> 🚇 양재역 7번 출구 도보 1분<br> 🚗 주차 가능 (13,000원/일, 대중교통 이용 권장) </div> </div> <div class="venue-card reveal"> <span class="venue-tag sacheon">SACHEON · 사천</span> <div class="venue-name">케이위더스㈜ 다문화커뮤니티룸</div> <div class="venue-addr"> 경상남도 사천시 사천읍 옥산로 4<br> 2층 다문화커뮤니티룸 </div> <div class="venue-note"> 📍 케이위더스 사천지사 내 운영 </div> </div> </div> </div> </section>  <section id="cta"> <h2>지금 바로 신청하세요</h2> <p>마감: 2026년 6월 20일 · 정원 30명 선착순</p> <a href="mailto:kwithus@k-withus.kr?subject=AI Agent 1DAY 세미나 수강 신청" class="btn-white"> 이메일로 수강 신청 → </a> </section>  <footer> <div class="footer-logo">K · WITHUS</div> <p> 케이위더스(주) 평생교육원<br> 서울 서초구 강남대로 216, 양재플라자빌딩 101 | 경남 사천시 사천읍 옥산로4, 2층<br> <a href="mailto:kwithus@k-withus.kr">kwithus@k-withus.kr</a> | <a href="http://www.k-withus.kr" target="_blank">www.k-withus.kr</a> </p> <p style="margin-top:12px;font-size:.72rem;color:rgba(140,160,192,0.5)">© 2026 K-Withus Co., Ltd. All rights reserved.</p> </footer> <script> // 스크롤 reveal const revealEls = document.querySelectorAll('.reveal'); const observer = new IntersectionObserver((entries) => { entries.forEach((entry, i) => { if (entry.isIntersecting) { setTimeout(() => entry.target.classList.add('visible'), i * 60); observer.unobserve(entry.target); } }); }, { threshold: 0.12 }); revealEls.forEach(el => observer.observe(el)); </script> </body> </html>