<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>jhoon-log 님의 블로그</title>
    <link>https://jhoon-log.tistory.com/</link>
    <description>jhoon-log 님의 블로그 입니다.</description>
    <language>ko</language>
    <pubDate>Wed, 8 Jul 2026 18:28:17 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>jhoon-log</managingEditor>
    <item>
      <title>취업 고민이면 그냥 국비 들어라 ㅇㅇ  </title>
      <link>https://jhoon-log.tistory.com/8</link>
      <description>&lt;!-- 
  ✅ 티스토리 붙여넣기용 코드
  - HTML 에디터(소스보기)에 전체 복사·붙여넣기
  - &lt;head&gt; 삽입 없이 본문 영역에만 넣어도 작동
--&gt;

&lt;!-- 구글 폰트 --&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Jua&amp;family=Noto+Sans+KR:wght@400;700;900&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;

&lt;style&gt;
/* ── 전역 리셋 (kdt- 네임스페이스로 티스토리 CSS 충돌 방지) */
.kdt-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.kdt-wrap {
  --kp: #FF6B9D;
  --khp: #FF2D78;
  --km: #4ECDC4;
  --ky: #FFE566;
  --klav: #9B85C8;
  --kpc: #E8825A;
  --kg: #A8E6CF;
  --kdk: #2D1B33;
  --kpch: #FFB5A7;
  font-family: 'Noto Sans KR', sans-serif;
  background: #FFF9F0;
  border-radius: 20px;
  overflow: hidden;
  max-width: 680px;
  margin: 0 auto;
  position: relative;
}

/* ── 마퀴 */
.kdt-mbar {
  background: var(--khp);
  color: #fff;
  font-family: 'Jua', sans-serif;
  font-size: 0.82rem;
  letter-spacing: 0.1em;
  padding: 7px 0;
  overflow: hidden;
  white-space: nowrap;
}
.kdt-minner {
  display: inline-block;
  animation: kdtMarquee 22s linear infinite;
}
@keyframes kdtMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ── 본문 패딩 */
.kdt-body { padding: 20px 16px 50px; }

/* ── 히어로 */
.kdt-hero {
  text-align: center;
  padding: 36px 20px 28px;
  background: linear-gradient(135deg, #fff0f7 0%, #f0fbfa 50%, #fffbea 100%);
  border-radius: 24px;
  border: 3px solid var(--kp);
  box-shadow: 6px 6px 0 var(--kp), 10px 10px 0 rgba(255,107,157,0.18);
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.kdt-hero::after {
  content: ' ';
  display: block;
  font-size: 1rem;
  letter-spacing: 3px;
  margin-top: 16px;
  opacity: 0.65;
}
.kdt-badge {
  display: inline-block;
  background: var(--ky);
  color: var(--kdk);
  font-family: 'Jua', sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.07em;
  padding: 4px 14px;
  border-radius: 99px;
  border: 2px solid var(--kdk);
  margin-bottom: 14px;
  animation: kdtWiggle 2.2s ease-in-out infinite;
}
@keyframes kdtWiggle {
  0%,100% { transform: rotate(-2deg); }
  50%      { transform: rotate(2deg); }
}
.kdt-h1 {
  font-family: 'Jua', sans-serif;
  font-size: clamp(1.55rem, 5.5vw, 2.3rem);
  color: var(--kdk);
  line-height: 1.4;
  margin-bottom: 6px;
  letter-spacing: -0.01em;
}
.kdt-h1 em {
  color: var(--khp);
  font-style: normal;
  display: inline-block;
  border-bottom: 4px solid var(--ky);
  padding-bottom: 2px;
}
.kdt-hsub {
  font-size: 0.92rem;
  color: #666;
  margin-top: 8px;
  line-height: 1.8;
}

/* ── 가격 카드 */
.kdt-price {
  background: var(--kdk);
  color: #fff;
  border-radius: 22px;
  padding: 26px 22px;
  margin-bottom: 18px;
  text-align: center;
  box-shadow: 6px 6px 0 var(--khp);
  position: relative;
  overflow: hidden;
}
.kdt-price::before {
  content: ' ';
  position: absolute;
  top: -8px; right: 18px;
  font-size: 2.8rem;
  opacity: 0.12;
  transform: rotate(15deg);
}
.kdt-plabel {
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  color: var(--kpch);
  margin-bottom: 5px;
  font-weight: 700;
}
.kdt-porig {
  font-size: 1rem;
  color: #aaa;
  text-decoration: line-through;
}
.kdt-porig b { color: #ccc; font-weight: 700; }
.kdt-parrow {
  font-size: 2rem;
  color: var(--ky);
  display: block;
  margin: 5px 0;
  animation: kdtBounce 1s ease-in-out infinite;
}
@keyframes kdtBounce {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-5px); }
}
.kdt-pfinal {
  font-family: 'Jua', sans-serif;
  font-size: clamp(2.2rem, 8vw, 3.4rem);
  color: var(--ky);
  line-height: 1;
}
.kdt-pfinal small {
  font-size: 1.1rem;
  color: var(--kg);
  display: block;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 700;
  margin-top: 3px;
}
.kdt-pnote { font-size: 0.76rem; color: #aaa; margin-top: 8px; }
.kdt-govbadge {
  display: inline-block;
  background: var(--khp);
  color: #fff;
  font-size: 0.76rem;
  font-weight: 700;
  padding: 3px 12px;
  border-radius: 99px;
  margin-top: 10px;
  letter-spacing: 0.05em;
}

/* ── 스탯 그리드 */
.kdt-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 18px;
}
.kdt-stat {
  background: #fff;
  border-radius: 18px;
  padding: 18px 14px;
  text-align: center;
  border: 2.5px solid currentColor;
  box-shadow: 4px 4px 0 currentColor;
  transition: transform .15s, box-shadow .15s;
}
.kdt-stat:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 currentColor; }
.kdt-stat.s-pink  { color: var(--khp); }
.kdt-stat.s-mint  { color: var(--km); }
.kdt-stat.s-lav   { color: var(--klav); }
.kdt-stat.s-peach { color: var(--kpc); }
.kdt-sico { font-size: 1.9rem; display: block; margin-bottom: 5px; }
.kdt-snum {
  font-family: 'Jua', sans-serif;
  font-size: clamp(1.3rem, 4.5vw, 1.8rem);
  display: block;
  line-height: 1.2;
}
.kdt-sdesc {
  font-size: 0.75rem;
  color: #666;
  margin-top: 4px;
  line-height: 1.4;
  font-weight: 700;
}

/* ── 일정 배너 */
.kdt-sched {
  background: var(--ky);
  border-radius: 18px;
  padding: 18px 20px;
  margin-bottom: 18px;
  border: 2.5px solid var(--kdk);
  box-shadow: 5px 5px 0 var(--kdk);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
  text-align: center;
}
.kdt-sdate .kdt-slbl {
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  color: #555;
  margin-bottom: 3px;
}
.kdt-sdate .kdt-sday {
  font-family: 'Jua', sans-serif;
  font-size: clamp(1.2rem, 4vw, 1.5rem);
  color: var(--kdk);
  line-height: 1.2;
}
.kdt-sdate .kdt-syear { font-size: 0.76rem; color: #666; }
.kdt-sarrow {
  font-size: 1.6rem;
  color: var(--kdk);
  animation: kdtSlide 1.2s ease-in-out infinite;
}
@keyframes kdtSlide {
  0%,100% { transform: translateX(0); }
  50%      { transform: translateX(5px); }
}
.kdt-sdur {
  font-size: 0.76rem;
  color: #666;
  font-weight: 700;
  grid-column: 1/-1;
  padding-top: 10px;
  border-top: 2px dashed rgba(0,0,0,0.1);
  margin-top: 4px;
  text-align: center;
}

/* ── 섹션 타이틀 */
.kdt-stitle {
  font-family: 'Jua', sans-serif;
  font-size: 1.25rem;
  color: var(--kdk);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.kdt-stitle::before, .kdt-stitle::after { content: '✦'; color: var(--kp); font-size: 0.85rem; }

/* ── 과정 카드 */
.kdt-course {
  background: #fff;
  border-radius: 18px;
  padding: 18px;
  margin-bottom: 10px;
  border: 2.5px solid var(--km);
  box-shadow: 5px 5px 0 var(--km);
  display: flex;
  align-items: flex-start;
  gap: 14px;
  transition: transform .15s;
}
.kdt-course:hover { transform: translate(-2px,-2px); }
.kdt-course.c-pink { border-color: var(--kp); box-shadow: 5px 5px 0 var(--kp); }
.kdt-cemo { font-size: 2.2rem; flex-shrink: 0; line-height: 1; margin-top: 2px; }
.kdt-ctitle {
  font-family: 'Jua', sans-serif;
  font-size: 1rem;
  color: var(--kdk);
  margin-bottom: 3px;
  line-height: 1.4;
}
.kdt-csub { font-size: 0.8rem; color: #777; line-height: 1.5; }
.kdt-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 7px; }
.kdt-tag {
  background: #f0f8ff;
  color: #4a7fa5;
  font-size: 0.68rem;
  padding: 2px 9px;
  border-radius: 99px;
  border: 1.5px solid #b3d9f0;
  font-weight: 700;
}
.kdt-tag.hot { background: #fff0f5; color: var(--khp); border-color: var(--kpch); }

/* ── 혜택 리스트 */
.kdt-blist {
  background: linear-gradient(135deg, #fff5fb, #f0fffe);
  border-radius: 18px;
  padding: 20px 18px;
  margin-bottom: 18px;
  border: 2.5px dashed var(--kp);
}
.kdt-bitem {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 7px 0;
  font-size: 0.9rem;
  color: var(--kdk);
  border-bottom: 1px dotted #eee;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
}
.kdt-bitem:last-child { border-bottom: none; }
.kdt-bitem .bi { font-size: 1.1rem; flex-shrink: 0; margin-top: 1px; }
.kdt-bitem b { color: var(--khp); }

/* ── 위치 칩 */
.kdt-loc {
  text-align: center;
  margin-bottom: 20px;
}
.kdt-locchip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #fff;
  border: 2.5px solid var(--klav);
  border-radius: 99px;
  padding: 6px 16px;
  font-size: 0.82rem;
  font-weight: 700;
  color: #555;
  box-shadow: 3px 3px 0 var(--klav);
}

/* ── CTA */
.kdt-cta { text-align: center; padding: 8px 0 16px; }
.kdt-ctatxt {
  font-size: 0.83rem;
  color: #888;
  margin-bottom: 14px;
  line-height: 1.65;
}
.kdt-btn {
  display: inline-block;
  background: var(--khp);
  color: #fff !important;
  font-family: 'Jua', sans-serif;
  font-size: 1.15rem;
  letter-spacing: 0.05em;
  padding: 15px 42px;
  border-radius: 14px;
  text-decoration: none !important;
  border: 3px solid var(--kdk);
  box-shadow: 6px 6px 0 var(--kdk);
  transition: transform .15s, box-shadow .15s;
  position: relative;
  overflow: hidden;
}
.kdt-btn::before {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  animation: kdtShine 2.5s ease-in-out infinite;
}
@keyframes kdtShine {
  from { left: -100%; }
  to   { left: 100%; }
}
.kdt-btn:hover { transform: translate(-3px,-3px); box-shadow: 9px 9px 0 var(--kdk); }
.kdt-btn:active { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--kdk); }
.kdt-kbtn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #FEE500;
  color: #191919 !important;
  font-weight: 900;
  font-size: 0.88rem;
  padding: 11px 26px;
  border-radius: 12px;
  text-decoration: none !important;
  border: 2.5px solid #191919;
  box-shadow: 4px 4px 0 #191919;
  margin-top: 12px;
  transition: transform .15s, box-shadow .15s;
}
.kdt-kbtn:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 #191919; }

.kdt-disc {
  font-size: 0.7rem;
  color: #bbb;
  text-align: center;
  margin-top: 28px;
  line-height: 1.7;
  padding: 0 4px;
}

/* ── 모바일 대응 */
@media (max-width: 480px) {
  .kdt-wrap { border-radius: 0; }
  .kdt-body { padding: 12px 12px 40px; }

  /* 히어로 */
  .kdt-hero { padding: 24px 12px 20px; border-radius: 18px; box-shadow: 4px 4px 0 var(--kp); }
  .kdt-badge { font-size: 0.65rem; padding: 3px 10px; }
  .kdt-hsub { font-size: 0.82rem; }

  /* 가격 카드 */
  .kdt-price { padding: 20px 14px; border-radius: 16px; }
  .kdt-porig { font-size: 1.05rem !important; }
  .kdt-porig b { font-size: 1.15rem !important; }
  .kdt-pfinal { font-size: 1.6rem !important; }

  /* 스탯 그리드 */
  .kdt-grid { gap: 8px; }
  .kdt-stat { padding: 12px 8px; border-radius: 14px; }
  .kdt-sico { font-size: 1.5rem; }
  .kdt-snum { font-size: 1.1rem !important; }
  .kdt-sdesc { font-size: 0.7rem; }

  /* 일정 배너 */
  .kdt-sched { padding: 14px 10px; gap: 4px; border-radius: 14px; }
  .kdt-sdate .kdt-sday { font-size: 1.15rem !important; }
  .kdt-sarrow { font-size: 1.2rem; }
  .kdt-sdur { font-size: 0.68rem; }

  /* 과정 카드 */
  .kdt-course { gap: 10px; padding: 14px 12px; border-radius: 14px; }
  .kdt-cemo { font-size: 1.8rem; }
  .kdt-ctitle { font-size: 0.92rem; }
  .kdt-csub { font-size: 0.76rem; }
  .kdt-tag { font-size: 0.65rem; padding: 2px 7px; }

  /* 혜택 리스트 */
  .kdt-blist { padding: 14px 12px; border-radius: 14px; }
  .kdt-bitem { font-size: 0.78rem; gap: 7px; word-break: keep-all; }
  .kdt-bitem .bi { font-size: 1rem; }

  /* 위치 칩 */
  .kdt-locchip { font-size: 0.72rem; padding: 5px 12px; white-space: normal; text-align: center; border-radius: 16px; line-height: 1.6; }

  /* CTA 버튼 — 풀너비 */
  .kdt-cta { padding: 8px 0 12px; }
  .kdt-btn {
    display: block;
    width: 100%;
    padding: 14px 16px;
    font-size: 1rem;
    box-sizing: border-box;
    text-align: center;
  }
  .kdt-kbtn {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px 16px;
    font-size: 0.85rem;
    box-sizing: border-box;
  }
}
&lt;/style&gt;

&lt;div class=&quot;kdt-wrap&quot;&gt;

  &lt;!-- 마퀴 --&gt;
  &lt;div class=&quot;kdt-mbar&quot;&gt;
    &lt;span class=&quot;kdt-minner&quot;&gt;
      &amp;nbsp;&amp;nbsp;  2026 봄학기 신규 모집 &amp;nbsp;✦&amp;nbsp; 국비지원 90% &amp;nbsp;✦&amp;nbsp; 자부담 단 40만원 &amp;nbsp;✦&amp;nbsp; 생성형AI 활용 과정 &amp;nbsp;✦&amp;nbsp; 취업연계기업 1,000여개 &amp;nbsp;✦&amp;nbsp; 이대역 6번출구 바로 앞 &amp;nbsp;✦&amp;nbsp; 3월 17일 개강 &amp;nbsp;✦&amp;nbsp; 선착순 마감   &amp;nbsp;&amp;nbsp;
        2026 봄학기 신규 모집 &amp;nbsp;✦&amp;nbsp; 국비지원 90% &amp;nbsp;✦&amp;nbsp; 자부담 단 40만원 &amp;nbsp;✦&amp;nbsp; 생성형AI 활용 과정 &amp;nbsp;✦&amp;nbsp; 취업연계기업 1,000여개 &amp;nbsp;✦&amp;nbsp; 이대역 6번출구 바로 앞 &amp;nbsp;✦&amp;nbsp; 3월 17일 개강 &amp;nbsp;✦&amp;nbsp; 선착순 마감   &amp;nbsp;&amp;nbsp;
    &lt;/span&gt;
  &lt;/div&gt;

  &lt;div class=&quot;kdt-body&quot;&gt;

    &lt;!-- 히어로 --&gt;
    &lt;div class=&quot;kdt-hero&quot;&gt;
      &lt;div class=&quot;kdt-badge&quot;&gt;  KDT K-Digital Training 공식 과정&lt;/div&gt;
      &lt;div class=&quot;kdt-h1&quot;&gt;&lt;em&gt;중앙정보기술인재개발원&lt;/em&gt;&lt;/div&gt;
      &lt;div class=&quot;kdt-h1&quot; style=&quot;font-size:clamp(1.15rem,4vw,1.6rem); margin-top:4px;&quot;&gt;중앙정보처리학원&lt;/div&gt;
      &lt;p class=&quot;kdt-hsub&quot; style=&quot;margin-top:10px;&quot;&gt;
          고용노동부 &lt;strong&gt;우수훈련기관&lt;/strong&gt;&lt;br&gt;
          &lt;strong&gt;SW기업이 선호하는 훈련기관&lt;/strong&gt;&lt;br&gt;
        봄처럼 새로운 나의 IT 커리어, 지금 시작해요  
      &lt;/p&gt;
    &lt;/div&gt;

    &lt;!-- 가격 카드 --&gt;
    &lt;div class=&quot;kdt-price&quot;&gt;
      &lt;div class=&quot;kdt-plabel&quot;&gt;  수강료 비교&lt;/div&gt;
      &lt;div class=&quot;kdt-porig&quot; style=&quot;font-size:1.45rem; color:#bbb;&quot;&gt;기존 수강료 &lt;b style=&quot;font-size:1.65rem; color:#ccc;&quot;&gt;9,113,280원&lt;/b&gt;&lt;/div&gt;
      &lt;span class=&quot;kdt-parrow&quot;&gt;↓&lt;/span&gt;
      &lt;div class=&quot;kdt-pfinal&quot; style=&quot;font-size:clamp(1.4rem,5vw,2rem); color:var(--ky);&quot;&gt;400,000&lt;/div&gt;
      &lt;div class=&quot;kdt-pnote&quot;&gt;정부가 나머지 90%를 대신 내드려요&lt;/div&gt;
      &lt;div class=&quot;kdt-govbadge&quot;&gt;  국비지원 90% 적용가&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- 스탯 그리드 --&gt;
    &lt;div class=&quot;kdt-grid&quot;&gt;
      &lt;div class=&quot;kdt-stat s-pink&quot;&gt;
        &lt;span class=&quot;kdt-sico&quot;&gt; &lt;/span&gt;
        &lt;span class=&quot;kdt-snum&quot;&gt;생성형 AI&lt;/span&gt;
        &lt;span class=&quot;kdt-sdesc&quot;&gt;ChatGPT·AWS·Docker&lt;br&gt;실무 중심 커리큘럼&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&quot;kdt-stat s-mint&quot;&gt;
        &lt;span class=&quot;kdt-sico&quot;&gt; &lt;/span&gt;
        &lt;span class=&quot;kdt-snum&quot;&gt;1,000여개&lt;/span&gt;
        &lt;span class=&quot;kdt-sdesc&quot;&gt;협력 기업 취업 연계&lt;br&gt;수료 후 바로 연결!&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&quot;kdt-stat s-lav&quot;&gt;
        &lt;span class=&quot;kdt-sico&quot;&gt; &lt;/span&gt;
        &lt;span class=&quot;kdt-snum&quot;&gt;월 최대&lt;/span&gt;
        &lt;span class=&quot;kdt-sdesc&quot;&gt;훈련장려금 80만원&lt;br&gt;출석만 잘 해도 수익!&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class=&quot;kdt-stat s-peach&quot;&gt;
        &lt;span class=&quot;kdt-sico&quot;&gt; &lt;/span&gt;
        &lt;span class=&quot;kdt-snum&quot;&gt;6개월&lt;/span&gt;
        &lt;span class=&quot;kdt-sdesc&quot;&gt;3.17 → 9.8&lt;br&gt;집중 완성 과정&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- 일정 배너 --&gt;
    &lt;div class=&quot;kdt-sched&quot;&gt;
      &lt;div class=&quot;kdt-sdate&quot;&gt;
        &lt;div class=&quot;kdt-slbl&quot;&gt;  개강&lt;/div&gt;
        &lt;div class=&quot;kdt-sday&quot;&gt;3월 17일&lt;/div&gt;
        &lt;div class=&quot;kdt-syear&quot;&gt;2026년&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;kdt-sarrow&quot;&gt;→&lt;/div&gt;
      &lt;div class=&quot;kdt-sdate&quot;&gt;
        &lt;div class=&quot;kdt-slbl&quot;&gt;  종강&lt;/div&gt;
        &lt;div class=&quot;kdt-sday&quot;&gt;9월 8일&lt;/div&gt;
        &lt;div class=&quot;kdt-syear&quot;&gt;2026년&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;kdt-sdur&quot;&gt;⏱ 약 6개월 집중 과정 &amp;nbsp;·&amp;nbsp;   &lt;b&gt;매월 개강&lt;/b&gt; &amp;nbsp;·&amp;nbsp; 선착순 마감 · 빠를수록 유리!&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- 과정 소개 --&gt;
    &lt;div class=&quot;kdt-stitle&quot;&gt;개설 과정&lt;/div&gt;

    &lt;div class=&quot;kdt-course c-pink&quot;&gt;
      &lt;span class=&quot;kdt-cemo&quot;&gt; &lt;/span&gt;
      &lt;div&gt;
        &lt;div class=&quot;kdt-ctitle&quot;&gt;생성형AI 활용 클라우드 데브옵스 풀스택 과정&lt;/div&gt;
        &lt;div class=&quot;kdt-csub&quot;&gt;AI 시대 핵심 기술을 한 번에 — 클라우드부터 AI 서비스 배포까지&lt;/div&gt;
        &lt;div class=&quot;kdt-tags&quot;&gt;
          &lt;span class=&quot;kdt-tag hot&quot;&gt;⭐ 인기 1위&lt;/span&gt;
          &lt;span class=&quot;kdt-tag&quot;&gt;ChatGPT API&lt;/span&gt;
          &lt;span class=&quot;kdt-tag&quot;&gt;AWS&lt;/span&gt;
          &lt;span class=&quot;kdt-tag&quot;&gt;Docker&lt;/span&gt;
          &lt;span class=&quot;kdt-tag&quot;&gt;Kubernetes&lt;/span&gt;
          &lt;span class=&quot;kdt-tag&quot;&gt;Java&lt;/span&gt;
          &lt;span class=&quot;kdt-tag&quot;&gt;Database&lt;/span&gt;
          &lt;span class=&quot;kdt-tag&quot;&gt;JavaScript&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- 혜택 --&gt;
    &lt;div style=&quot;margin-bottom:8px; margin-top:16px&quot;&gt;&lt;div class=&quot;kdt-stitle&quot;&gt;이런 혜택이 다 있어요&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;kdt-blist&quot;&gt;
      &lt;div class=&quot;kdt-bitem&quot;&gt;&lt;span class=&quot;bi&quot;&gt;✅&lt;/span&gt; 수강료 &lt;b&gt;90% 국비지원&lt;/b&gt; — 자부담 단 40만원&lt;/div&gt;
      &lt;div class=&quot;kdt-bitem&quot;&gt;&lt;span class=&quot;bi&quot;&gt; &lt;/span&gt; 훈련장려금 &lt;b&gt;월 최대 80만원&lt;/b&gt; 지급 (출석 기준)&lt;/div&gt;
      &lt;div class=&quot;kdt-bitem&quot;&gt;&lt;span class=&quot;bi&quot;&gt; &lt;/span&gt; SW기업 초청 채용 설명회 · 우수기업 &lt;b&gt;잡매칭&lt;/b&gt; 지원&lt;/div&gt;
      &lt;div class=&quot;kdt-bitem&quot;&gt;&lt;span class=&quot;bi&quot;&gt; &lt;/span&gt; 협약기업 &lt;b&gt;채용 우대&lt;/b&gt; · 수료 후 1,000여개 기업 연계&lt;/div&gt;
      &lt;div class=&quot;kdt-bitem&quot;&gt;&lt;span class=&quot;bi&quot;&gt; &lt;/span&gt; 이력서·자기소개서 첨삭 · 모의면접 · 기술면접 교육&lt;/div&gt;
      &lt;div class=&quot;kdt-bitem&quot;&gt;&lt;span class=&quot;bi&quot;&gt; &lt;/span&gt; 코딩테스트 알고리즘 강의 · 프로젝트 발표회·데모데이&lt;/div&gt;
      &lt;div class=&quot;kdt-bitem&quot;&gt;&lt;span class=&quot;bi&quot;&gt; &lt;/span&gt; 정보처리기사 · SQLD · &lt;b&gt;AWS 클라우드&lt;/b&gt; 자격증 무료강의&lt;/div&gt;
      &lt;div class=&quot;kdt-bitem&quot;&gt;&lt;span class=&quot;bi&quot;&gt; &lt;/span&gt; 빅데이터 분석기사 무료강의 · &lt;b&gt;생성형AI 활용 교육&lt;/b&gt;&lt;/div&gt;
      &lt;div class=&quot;kdt-bitem&quot;&gt;&lt;span class=&quot;bi&quot;&gt; &lt;/span&gt; SW기업 현직자 &lt;b&gt;프로젝트 멘토링&lt;/b&gt; · 포트폴리오 제작 지도&lt;/div&gt;
      &lt;div class=&quot;kdt-bitem&quot;&gt;&lt;span class=&quot;bi&quot;&gt; &lt;/span&gt; 최신 실습 장비 제공 · 1:1 멘토링 · 교재비 지원&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- 위치 --&gt;
    &lt;div class=&quot;kdt-loc&quot;&gt;
      &lt;span class=&quot;kdt-locchip&quot;&gt;  서울 이대역 6번출구 바로 앞 10M · 어디서든 오기 편해요&lt;/span&gt;
    &lt;/div&gt;

    &lt;!-- CTA --&gt;
    &lt;div class=&quot;kdt-cta&quot;&gt;
      &lt;p class=&quot;kdt-ctatxt&quot;&gt;
          아래 버튼에서 바로 상담 신청 가능해요&lt;br&gt;
        &lt;strong&gt;선착순 마감&lt;/strong&gt;이니 서두르세요!  
      &lt;/p&gt;
      &lt;a href=&quot;https://forms.gle/DoyVyNsJPdii5d4k6&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;kdt-btn&quot;&gt;
          지금 바로 신청하기
      &lt;/a&gt;
      &lt;br&gt;
      &lt;a href=&quot;http://pf.kakao.com/_xexfxhAC/chat&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; class=&quot;kdt-kbtn&quot;&gt;
          카카오로 무료 상담받기
      &lt;/a&gt;
    &lt;/div&gt;

    &lt;p class=&quot;kdt-disc&quot; style=&quot;font-size:0.62rem; line-height:2;&quot;&gt;
      본 과정은 고용노동부 인가 훈련기관&lt;br&gt;
      중앙정보기술인재개발원의 KDT 국비지원 과정입니다.&lt;br&gt;
      &lt;br&gt;
      수강 신청에는 국민내일배움카드 발급이 필요합니다.&lt;br&gt;
      &lt;br&gt;
      장려금 지급은 출석률 등&lt;br&gt;
      개인 조건에 따라 달라질 수 있습니다.&lt;br&gt;
      &lt;br&gt;
      국민취업지원제도 유형에 따라&lt;br&gt;
      지원 내용 및 금액이 달라질 수 있습니다.
    &lt;/p&gt;



  &lt;/div&gt;&lt;!-- /kdt-body --&gt;
&lt;/div&gt;&lt;!-- /kdt-wrap --&gt;</description>
      <category>ChatGPT</category>
      <category>국비지원</category>
      <category>내일배움카드</category>
      <category>생성형AI</category>
      <category>재미나이</category>
      <category>정보처리기사</category>
      <category>취업</category>
      <category>취업교육</category>
      <category>취업연계</category>
      <category>클로드</category>
      <author>jhoon-log</author>
      <guid isPermaLink="true">https://jhoon-log.tistory.com/8</guid>
      <comments>https://jhoon-log.tistory.com/8#entry8comment</comments>
      <pubDate>Mon, 9 Mar 2026 10:56:13 +0900</pubDate>
    </item>
    <item>
      <title>국비지원 산대특 과정 - [AI Shift Track]AI 서비스 개발자 과정 </title>
      <link>https://jhoon-log.tistory.com/7</link>
      <description>&lt;link href=&quot;https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&amp;family=Bebas+Neue&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;

&lt;div style=&quot;font-family:'Nanum Gothic',sans-serif; max-width:720px; margin:0 auto; padding-bottom:60px; background:#F7F3EE; line-height:1.7;&quot;&gt;

&lt;!-- HERO --&gt;
&lt;div style=&quot;background:#1A1A1A; border-radius:0 0 32px 32px; padding:56px 32px 48px; text-align:center; margin-bottom:36px; position:relative; overflow:hidden;&quot;&gt;
  &lt;div style=&quot;position:absolute;top:-60px;left:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(46,125,50,0.4) 0%,transparent 70%);pointer-events:none;&quot;&gt;&lt;/div&gt;
  &lt;div style=&quot;position:absolute;bottom:-60px;right:-40px;width:260px;height:260px;background:radial-gradient(circle,rgba(76,175,80,0.25) 0%,transparent 70%);pointer-events:none;&quot;&gt;&lt;/div&gt;
  &lt;div style=&quot;display:inline-block;background:#2E7D32;color:#fff;font-size:11px;font-weight:700;letter-spacing:2px;padding:5px 16px;border-radius:20px;margin-bottom:18px;position:relative;z-index:1;&quot;&gt;국비지원 · 산대특 단기 과정&lt;/div&gt;
  &lt;h1 style=&quot;font-family:'Nanum Gothic',sans-serif;font-weight:800;font-size:36px;color:#fff;line-height:1.3;margin:0 0 14px;position:relative;z-index:1;&quot;&gt;[AI Shift Track]&lt;br&gt;&lt;span style=&quot;color:#81C784;&quot;&gt;AI 서비스 개발자&lt;/span&gt; 과정&lt;/h1&gt;
  &lt;p style=&quot;color:#E8E8E8;font-size:14px;margin:0 0 28px;position:relative;z-index:1;text-shadow:0 1px 4px rgba(0,0,0,0.5);&quot;&gt;LLM · RAG · Agent · Cloud Deploy — 더 깊게, 더 실전적으로 AI 서비스를 설계하다&lt;/p&gt;
  &lt;div style=&quot;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1;&quot;&gt;
    &lt;span style=&quot;background:rgba(46,125,50,0.3);border:1px solid rgba(76,175,80,0.5);color:#81C784;padding:6px 14px;border-radius:20px;font-size:12px;&quot;&gt;  총 140시간 (40일)&lt;/span&gt;
    &lt;span style=&quot;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.15);color:#DDD;padding:6px 14px;border-radius:20px;font-size:12px;&quot;&gt; ️ 하이브리드 운영&lt;/span&gt;
    &lt;span style=&quot;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.15);color:#DDD;padding:6px 14px;border-radius:20px;font-size:12px;&quot;&gt;  정원 20명&lt;/span&gt;
    &lt;span style=&quot;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.15);color:#DDD;padding:6px 14px;border-radius:20px;font-size:12px;&quot;&gt;  이대·신촌캠퍼스&lt;/span&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;!-- SCHEDULE BANNER --&gt;
&lt;div style=&quot;background:#fff;border:1px solid #C8E6C9;border-left:5px solid #2E7D32;border-radius:14px;padding:20px 24px;margin-bottom:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;&quot;&gt;
  &lt;div&gt;
    &lt;div style=&quot;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#2E7D32;text-transform:uppercase;margin-bottom:4px;&quot;&gt;개강일&lt;/div&gt;
    &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;line-height:1.4;&quot;&gt;2026년 3월 23일 (월)&lt;/div&gt;
    &lt;div style=&quot;font-size:11px;color:#555;margin-top:2px;&quot;&gt;월~목 19:00 ~ 21:30&lt;/div&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;div style=&quot;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#2E7D32;text-transform:uppercase;margin-bottom:4px;&quot;&gt;종강일&lt;/div&gt;
    &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;line-height:1.4;&quot;&gt;2026년 5월 18일 (월)&lt;/div&gt;
    &lt;div style=&quot;font-size:11px;color:#555;margin-top:2px;&quot;&gt;토 09:30 ~ 17:30&lt;/div&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;div style=&quot;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#2E7D32;text-transform:uppercase;margin-bottom:4px;&quot;&gt;총 수업&lt;/div&gt;
    &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;line-height:1.4;&quot;&gt;40일 / 140시간&lt;/div&gt;
    &lt;div style=&quot;font-size:11px;color:#555;margin-top:2px;&quot;&gt;※ 5/5 어린이날 휴강&lt;/div&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;div style=&quot;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#2E7D32;text-transform:uppercase;margin-bottom:4px;&quot;&gt;운영 방식&lt;/div&gt;
    &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;line-height:1.4;&quot;&gt;온·오프라인 혼합&lt;/div&gt;
    &lt;div style=&quot;font-size:11px;color:#555;margin-top:2px;&quot;&gt;월~목 온라인 / 토 오프라인&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;!-- WHAT IS --&gt;
&lt;div style=&quot;margin-bottom:52px;&quot;&gt;
  &lt;div style=&quot;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2px;color:#2E7D32;margin-bottom:8px;&quot;&gt;&lt;span style=&quot;display:inline-block;width:18px;height:2px;background:#2E7D32;&quot;&gt;&lt;/span&gt;WHAT IS THIS?&lt;/div&gt;
  &lt;h2 style=&quot;font-family:'Nanum Gothic',sans-serif;font-weight:800;font-size:28px;color:#1A1A1A;margin:0 0 16px;line-height:1.3;&quot;&gt;AI Shift Track이란 &lt;span style=&quot;color:#2E7D32;&quot;&gt;무엇인가?&lt;/span&gt;&lt;/h2&gt;
  &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-left:4px solid #2E7D32;border-radius:12px;padding:22px 26px;margin-bottom:16px;font-size:15px;color:#2C2C2C;line-height:1.9;&quot;&gt;
    기존 개발 역량을 기반으로 &lt;strong style=&quot;color:#1B5E20;&quot;&gt;LLM·RAG·Agent 구조를 이해하고&lt;/strong&gt;&lt;br&gt;
    설계·구현·배포까지 완성하는 과정입니다.&lt;br&gt;&lt;br&gt;
    이론 이해를 넘어 &lt;strong style=&quot;color:#1B5E20;&quot;&gt;실제 서비스 수준으로 구현&lt;/strong&gt;합니다.
  &lt;/div&gt;
  &lt;div style=&quot;display:grid;grid-template-columns:1fr 1fr;gap:14px;&quot;&gt;
    &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:14px;padding:20px;&quot;&gt;
      &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #4CAF50;display:inline-block;&quot;&gt;RAG 기반 AI 서비스 설계&lt;/div&gt;
      &lt;ul style=&quot;list-style:none;padding:0;margin:8px 0 0;&quot;&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;position:relative;&quot;&gt;→&amp;nbsp;임베딩 기반 문서 검색&lt;/li&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;position:relative;&quot;&gt;→&amp;nbsp;Vector DB 활용 구조&lt;/li&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;position:relative;&quot;&gt;→&amp;nbsp;Multi-Query 및 Re-ranking&lt;/li&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;position:relative;&quot;&gt;→&amp;nbsp;검색 정확도 고도화&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:14px;padding:20px;&quot;&gt;
      &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #4CAF50;display:inline-block;&quot;&gt;LangChain·LlamaIndex 실습&lt;/div&gt;
      &lt;ul style=&quot;list-style:none;padding:0;margin:8px 0 0;&quot;&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;&quot;&gt;→&amp;nbsp;ChatPromptTemplate 활용&lt;/li&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;&quot;&gt;→&amp;nbsp;OutputParser 구조 설계&lt;/li&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;&quot;&gt;→&amp;nbsp;Chain 조합 및 응용&lt;/li&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;&quot;&gt;→&amp;nbsp;예외 처리 및 응답 안정화&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:14px;padding:20px;&quot;&gt;
      &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #4CAF50;display:inline-block;&quot;&gt;FastAPI + AWS 배포 완성&lt;/div&gt;
      &lt;ul style=&quot;list-style:none;padding:0;margin:8px 0 0;&quot;&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;&quot;&gt;→&amp;nbsp;FastAPI 비동기 서버 구성&lt;/li&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;&quot;&gt;→&amp;nbsp;Docker 컨테이너화&lt;/li&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;&quot;&gt;→&amp;nbsp;AWS 배포 및 운영 확인&lt;/li&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;&quot;&gt;→&amp;nbsp;실제 운영 가능 서비스 완성&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:14px;padding:20px;&quot;&gt;
      &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #4CAF50;display:inline-block;&quot;&gt;Agent &amp;amp; Memory 설계&lt;/div&gt;
      &lt;ul style=&quot;list-style:none;padding:0;margin:8px 0 0;&quot;&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;&quot;&gt;→&amp;nbsp;대화 맥락 유지 구조&lt;/li&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;&quot;&gt;→&amp;nbsp;ReAct 기반 실행형 Agent&lt;/li&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;&quot;&gt;→&amp;nbsp;외부 Tool 연동&lt;/li&gt;
        &lt;li style=&quot;font-size:13px;color:#555;padding:3px 0 3px 14px;&quot;&gt;→&amp;nbsp;지능형 서비스 구조 구현&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div style=&quot;border-top:1px solid #C8E6C9;margin:0 0 48px;&quot;&gt;&lt;/div&gt;

&lt;!-- WHY NOW --&gt;
&lt;div style=&quot;margin-bottom:52px;&quot;&gt;
  &lt;div style=&quot;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2px;color:#2E7D32;margin-bottom:8px;&quot;&gt;&lt;span style=&quot;display:inline-block;width:18px;height:2px;background:#2E7D32;&quot;&gt;&lt;/span&gt;WHY NOW?&lt;/div&gt;
  &lt;h2 style=&quot;font-family:'Nanum Gothic',sans-serif;font-weight:800;font-size:28px;color:#1A1A1A;margin:0 0 8px;line-height:1.3;&quot;&gt;왜 지금, &lt;span style=&quot;color:#2E7D32;&quot;&gt;AI 서비스 개발&lt;/span&gt;인가?&lt;/h2&gt;
  &lt;p style=&quot;color:#555;font-size:14px;margin:0 0 20px;&quot;&gt;AI는 도구가 아니라 서비스 아키텍처를 바꾸는 &lt;strong&gt;기술&lt;/strong&gt;입니다.&lt;/p&gt;
  &lt;!-- 3단계 진화 --&gt;
  &lt;div style=&quot;display:flex;border-radius:14px;overflow:hidden;border:1px solid #E0E0E0;margin-bottom:20px;&quot;&gt;
    &lt;div style=&quot;flex:1;padding:22px 12px;text-align:center;background:#fff;border-right:1px solid #E0E0E0;&quot;&gt;
      &lt;div style=&quot;font-size:12px;color:#4CAF50;font-weight:700;letter-spacing:2px;margin-bottom:6px;&quot;&gt;1세대&lt;/div&gt;
      &lt;div style=&quot;font-size:26px;margin-bottom:6px;&quot;&gt; &lt;/div&gt;
      &lt;div style=&quot;font-size:12px;font-weight:700;color:#777;&quot;&gt;전통 웹 개발&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;flex:1;padding:22px 12px;text-align:center;background:#fff;border-right:1px solid #E0E0E0;&quot;&gt;
      &lt;div style=&quot;font-size:12px;color:#4CAF50;font-weight:700;letter-spacing:2px;margin-bottom:6px;&quot;&gt;2세대&lt;/div&gt;
      &lt;div style=&quot;font-size:26px;margin-bottom:6px;&quot;&gt;☁️&lt;/div&gt;
      &lt;div style=&quot;font-size:12px;font-weight:700;color:#777;&quot;&gt;클라우드 기반 개발&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;flex:1;padding:22px 12px;text-align:center;background:#1A1A1A;&quot;&gt;
      &lt;div style=&quot;font-size:12px;color:#4CAF50;font-weight:700;letter-spacing:2px;margin-bottom:6px;&quot;&gt;3세대&lt;/div&gt;
      &lt;div style=&quot;font-size:26px;margin-bottom:6px;&quot;&gt; &lt;/div&gt;
      &lt;div style=&quot;font-size:12px;font-weight:700;color:#fff;&quot;&gt;LLM 기반 AI 서비스&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div style=&quot;text-align:center;font-family:'Nanum Gothic',sans-serif;font-weight:800;font-size:20px;color:#2E7D32;margin-bottom:28px;&quot;&gt;AI는 다음 진화 단계다&lt;/div&gt;

  &lt;!-- VS 표 --&gt;
  &lt;div style=&quot;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2px;color:#2E7D32;margin-bottom:8px;&quot;&gt;&lt;span style=&quot;display:inline-block;width:18px;height:2px;background:#2E7D32;&quot;&gt;&lt;/span&gt;비교&lt;/div&gt;
  &lt;h3 style=&quot;font-family:'Nanum Gothic',sans-serif;font-weight:800;font-size:20px;color:#1A1A1A;margin:0 0 8px;&quot;&gt;기존 개발과 &lt;span style=&quot;color:#2E7D32;&quot;&gt;무엇이 다른가?&lt;/span&gt;&lt;/h3&gt;
  &lt;p style=&quot;color:#555;font-size:14px;margin:0 0 16px;&quot;&gt;이제 개발은 기능 구현이 아니라 AI 통합 설계입니다.&lt;/p&gt;
  &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:16px;overflow:hidden;&quot;&gt;
    &lt;div style=&quot;display:grid;grid-template-columns:1fr 100px 1fr;background:#1A1A1A;color:#fff;font-weight:700;font-size:13px;text-align:center;&quot;&gt;
      &lt;div style=&quot;padding:14px 10px;&quot;&gt;기존 개발 학습&lt;/div&gt;
      &lt;div style=&quot;padding:14px 10px;background:#2E7D32;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;letter-spacing:1px;&quot;&gt;VS&lt;/div&gt;
      &lt;div style=&quot;padding:14px 10px;&quot;&gt;AI Shift Track&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;display:grid;grid-template-columns:1fr 100px 1fr;border-top:1px solid #E0E0E0;font-size:13px;&quot;&gt;
      &lt;div style=&quot;padding:12px 14px;color:#555;text-align:right;&quot;&gt;CRUD 중심&lt;/div&gt;
      &lt;div style=&quot;padding:12px 8px;background:#E8F5E9;text-align:center;font-size:11px;font-weight:700;color:#1B5E20;display:flex;align-items:center;justify-content:center;&quot;&gt;개발 구조&lt;/div&gt;
      &lt;div style=&quot;padding:12px 14px;color:#1A1A1A;font-weight:600;&quot;&gt;LLM 기반 서비스&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;display:grid;grid-template-columns:1fr 100px 1fr;border-top:1px solid #E0E0E0;font-size:13px;background:#FAFAFA;&quot;&gt;
      &lt;div style=&quot;padding:12px 14px;color:#555;text-align:right;&quot;&gt;정형 데이터 중심&lt;/div&gt;
      &lt;div style=&quot;padding:12px 8px;background:#E8F5E9;text-align:center;font-size:11px;font-weight:700;color:#1B5E20;display:flex;align-items:center;justify-content:center;word-break:keep-all;line-height:1.4;&quot;&gt;데이터 처리&lt;/div&gt;
      &lt;div style=&quot;padding:12px 14px;color:#1A1A1A;font-weight:600;background:#FAFAFA;&quot;&gt;비정형 데이터 + 임베딩&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;display:grid;grid-template-columns:1fr 100px 1fr;border-top:1px solid #E0E0E0;font-size:13px;&quot;&gt;
      &lt;div style=&quot;padding:12px 14px;color:#555;text-align:right;&quot;&gt;단순 쿼리&lt;/div&gt;
      &lt;div style=&quot;padding:12px 8px;background:#E8F5E9;text-align:center;font-size:11px;font-weight:700;color:#1B5E20;display:flex;align-items:center;justify-content:center;&quot;&gt;아키텍처&lt;/div&gt;
      &lt;div style=&quot;padding:12px 14px;color:#1A1A1A;font-weight:600;&quot;&gt;RAG 파이프라인&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;display:grid;grid-template-columns:1fr 100px 1fr;border-top:1px solid #E0E0E0;font-size:13px;background:#FAFAFA;&quot;&gt;
      &lt;div style=&quot;padding:12px 14px;color:#555;text-align:right;background:#FAFAFA;&quot;&gt;기능 추가&lt;/div&gt;
      &lt;div style=&quot;padding:12px 8px;background:#E8F5E9;text-align:center;font-size:11px;font-weight:700;color:#1B5E20;display:flex;align-items:center;justify-content:center;word-break:keep-all;line-height:1.4;&quot;&gt;확장 방식&lt;/div&gt;
      &lt;div style=&quot;padding:12px 14px;color:#1A1A1A;font-weight:600;background:#FAFAFA;&quot;&gt;Agent·Tool 통합&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;display:grid;grid-template-columns:1fr 100px 1fr;border-top:1px solid #E0E0E0;font-size:13px;&quot;&gt;
      &lt;div style=&quot;padding:12px 14px;color:#555;text-align:right;&quot;&gt;서버 배포&lt;/div&gt;
      &lt;div style=&quot;padding:12px 8px;background:#E8F5E9;text-align:center;font-size:11px;font-weight:700;color:#1B5E20;display:flex;align-items:center;justify-content:center;&quot;&gt;배포&lt;/div&gt;
      &lt;div style=&quot;padding:12px 14px;color:#1A1A1A;font-weight:600;&quot;&gt;Docker + AWS 운영&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;display:grid;grid-template-columns:1fr 100px 1fr;border-top:1px solid #E0E0E0;font-size:13px;background:#FAFAFA;&quot;&gt;
      &lt;div style=&quot;padding:12px 14px;color:#555;text-align:right;background:#FAFAFA;&quot;&gt;화면 중심&lt;/div&gt;
      &lt;div style=&quot;padding:12px 8px;background:#E8F5E9;text-align:center;font-size:11px;font-weight:700;color:#1B5E20;display:flex;align-items:center;justify-content:center;word-break:keep-all;line-height:1.4;&quot;&gt;사용자 경험&lt;/div&gt;
      &lt;div style=&quot;padding:12px 14px;color:#1A1A1A;font-weight:600;background:#FAFAFA;&quot;&gt;대화형 인터페이스&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div style=&quot;border-top:1px solid #C8E6C9;margin:0 0 48px;&quot;&gt;&lt;/div&gt;

&lt;!-- CURRICULUM --&gt;
&lt;div style=&quot;margin-bottom:52px;&quot;&gt;
  &lt;div style=&quot;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2px;color:#2E7D32;margin-bottom:8px;&quot;&gt;&lt;span style=&quot;display:inline-block;width:18px;height:2px;background:#2E7D32;&quot;&gt;&lt;/span&gt;CURRICULUM&lt;/div&gt;
  &lt;h2 style=&quot;font-family:'Nanum Gothic',sans-serif;font-weight:800;font-size:28px;color:#1A1A1A;margin:0 0 20px;line-height:1.3;&quot;&gt;훈련 커리큘럼 &lt;span style=&quot;color:#2E7D32;&quot;&gt;6단계&lt;/span&gt;&lt;/h2&gt;
  &lt;div style=&quot;display:grid;grid-template-columns:1fr 1fr;gap:14px;&quot;&gt;
    &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:20px;&quot;&gt;
      &lt;div style=&quot;width:28px;height:28px;background:#2E7D32;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-bottom:12px;&quot;&gt;1&lt;/div&gt;
      &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;margin-bottom:8px;&quot;&gt;LLM 기본 구조 이해&lt;/div&gt;
      &lt;ul style=&quot;list-style:none;padding:0;margin:0;&quot;&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· LLM 작동 원리&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· API 호출 구조&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· 토큰·컨텍스트 개념 이해&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· 모델 응답 흐름 분석&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:20px;&quot;&gt;
      &lt;div style=&quot;width:28px;height:28px;background:#2E7D32;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-bottom:12px;&quot;&gt;2&lt;/div&gt;
      &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;margin-bottom:8px;&quot;&gt;Prompt &amp;amp; Output Parser&lt;/div&gt;
      &lt;ul style=&quot;list-style:none;padding:0;margin:0;&quot;&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· ChatPromptTemplate 활용&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· JsonOutputParser 적용&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· 구조화 출력 설계&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· 예외 처리 및 응답 안정화&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:20px;&quot;&gt;
      &lt;div style=&quot;width:28px;height:28px;background:#2E7D32;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-bottom:12px;&quot;&gt;3&lt;/div&gt;
      &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;margin-bottom:8px;&quot;&gt;RAG 아키텍처 설계&lt;/div&gt;
      &lt;ul style=&quot;list-style:none;padding:0;margin:0;&quot;&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· 문서 로더 활용&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· 텍스트 분할 전략&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· 임베딩 모델 적용&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· Vector DB 저장 및 검색&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· Multi-Query 및 Re-ranking&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:20px;&quot;&gt;
      &lt;div style=&quot;width:28px;height:28px;background:#2E7D32;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-bottom:12px;&quot;&gt;4&lt;/div&gt;
      &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;margin-bottom:8px;&quot;&gt;Agent &amp;amp; Memory 구현&lt;/div&gt;
      &lt;ul style=&quot;list-style:none;padding:0;margin:0;&quot;&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· Conversation 구조 이해&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· Memory 적용 방식 비교&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· ReAct 기반 Agent 설계&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· Tool 호출 구조 구현&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:20px;&quot;&gt;
      &lt;div style=&quot;width:28px;height:28px;background:#2E7D32;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-bottom:12px;&quot;&gt;5&lt;/div&gt;
      &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;margin-bottom:8px;&quot;&gt;서비스 통합 개발&lt;/div&gt;
      &lt;ul style=&quot;list-style:none;padding:0;margin:0;&quot;&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· FastAPI 비동기 서버 구현&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· Streamlit UI 구성&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· 실시간 스트리밍 응답 처리&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· API 통합 테스트&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:20px;&quot;&gt;
      &lt;div style=&quot;width:28px;height:28px;background:#2E7D32;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-bottom:12px;&quot;&gt;6&lt;/div&gt;
      &lt;div style=&quot;font-size:14px;font-weight:700;color:#1A1A1A;margin-bottom:8px;&quot;&gt;배포 및 운영&lt;/div&gt;
      &lt;ul style=&quot;list-style:none;padding:0;margin:0;&quot;&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· Docker 이미지 빌드&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· 컨테이너 실행&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· AWS 배포&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· 환경 변수 관리&lt;/li&gt;
        &lt;li style=&quot;font-size:12px;color:#555;padding:2px 0 2px 10px;&quot;&gt;· 서비스 실행 확인&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div style=&quot;border-top:1px solid #C8E6C9;margin:0 0 48px;&quot;&gt;&lt;/div&gt;

&lt;!-- WHY SPECIAL --&gt;
&lt;div style=&quot;margin-bottom:52px;&quot;&gt;
  &lt;div style=&quot;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2px;color:#2E7D32;margin-bottom:8px;&quot;&gt;&lt;span style=&quot;display:inline-block;width:18px;height:2px;background:#2E7D32;&quot;&gt;&lt;/span&gt;WHY SPECIAL?&lt;/div&gt;
  &lt;h2 style=&quot;font-family:'Nanum Gothic',sans-serif;font-weight:800;font-size:28px;color:#1A1A1A;margin:0 0 20px;line-height:1.3;&quot;&gt;이번 훈련이 &lt;span style=&quot;color:#2E7D32;&quot;&gt;특별한 이유&lt;/span&gt;&lt;/h2&gt;
  &lt;div style=&quot;display:grid;grid-template-columns:1fr 1fr;gap:16px;&quot;&gt;
    &lt;div style=&quot;border-radius:12px;overflow:hidden;border:1px solid #E0E0E0;&quot;&gt;
      &lt;div style=&quot;background:#1A1A1A;color:#fff;font-size:12px;font-weight:700;padding:10px 16px;border-bottom:2px solid #4CAF50;&quot;&gt;✅ 단순 실습이 아닌 아키텍처 설계 중심&lt;/div&gt;
      &lt;div style=&quot;background:#fff;padding:14px 16px;font-size:13px;color:#555;line-height:1.7;&quot;&gt;코드 구현에 그치지 않고&lt;br&gt;LLM + RAG + Agent 구조를&lt;br&gt;하나의 통합 아키텍처로 설계합니다.&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;border-radius:12px;overflow:hidden;border:1px solid #E0E0E0;&quot;&gt;
      &lt;div style=&quot;background:#1A1A1A;color:#fff;font-size:12px;font-weight:700;padding:10px 16px;border-bottom:2px solid #4CAF50;&quot;&gt;✅ RAG 고도화 전략까지 포함&lt;/div&gt;
      &lt;div style=&quot;background:#fff;padding:14px 16px;font-size:13px;color:#555;line-height:1.7;&quot;&gt;Multi-Query 적용,&lt;br&gt;Re-ranking 기반 정확도 개선,&lt;br&gt;문서 전처리 및 Chunk 전략 설계까지.&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;border-radius:12px;overflow:hidden;border:1px solid #E0E0E0;&quot;&gt;
      &lt;div style=&quot;background:#1A1A1A;color:#fff;font-size:12px;font-weight:700;padding:10px 16px;border-bottom:2px solid #4CAF50;&quot;&gt;✅ Agent / Memory 설계 경험&lt;/div&gt;
      &lt;div style=&quot;background:#fff;padding:14px 16px;font-size:13px;color:#555;line-height:1.7;&quot;&gt;대화 맥락 유지 구조 구현,&lt;br&gt;Tool 연동 기반 실행형 Agent 설계,&lt;br&gt;외부 API 통합 구조 이해.&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;border-radius:12px;overflow:hidden;border:1px solid #E0E0E0;&quot;&gt;
      &lt;div style=&quot;background:#1A1A1A;color:#fff;font-size:12px;font-weight:700;padding:10px 16px;border-bottom:2px solid #4CAF50;&quot;&gt;✅ 클라우드 배포까지 완성&lt;/div&gt;
      &lt;div style=&quot;background:#fff;padding:14px 16px;font-size:13px;color:#555;line-height:1.7;&quot;&gt;Docker 컨테이너 기반 실행,&lt;br&gt;AWS 환경 배포,&lt;br&gt;운영 가능 상태 검증까지 진행합니다.&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div style=&quot;border-top:1px solid #C8E6C9;margin:0 0 48px;&quot;&gt;&lt;/div&gt;

&lt;!-- TRAINING INFO --&gt;
&lt;div style=&quot;margin-bottom:52px;&quot;&gt;
  &lt;div style=&quot;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2px;color:#2E7D32;margin-bottom:8px;&quot;&gt;&lt;span style=&quot;display:inline-block;width:18px;height:2px;background:#2E7D32;&quot;&gt;&lt;/span&gt;TRAINING INFO&lt;/div&gt;
  &lt;h2 style=&quot;font-family:'Nanum Gothic',sans-serif;font-weight:800;font-size:28px;color:#1A1A1A;margin:0 0 8px;line-height:1.3;&quot;&gt;훈련대상 &lt;span style=&quot;color:#2E7D32;&quot;&gt;안내&lt;/span&gt;&lt;/h2&gt;
  &lt;p style=&quot;color:#555;font-size:14px;margin:0 0 20px;&quot;&gt;AI 서비스 개발 역량을 배우고 싶은 예비 개발자 및 IT 전환 희망자를 위한 과정입니다.&lt;/p&gt;
  &lt;div style=&quot;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;&quot;&gt;
    &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:20px;&quot;&gt;
      &lt;div style=&quot;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#2E7D32;text-transform:uppercase;margin-bottom:8px;&quot;&gt;신청 자격&lt;/div&gt;
      &lt;div style=&quot;font-size:15px;font-weight:700;color:#1A1A1A;line-height:1.5;&quot;&gt;내일배움카드&lt;br&gt;소지 및 발급자&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:20px;&quot;&gt;
      &lt;div style=&quot;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#2E7D32;text-transform:uppercase;margin-bottom:8px;&quot;&gt;IT 기초 수준&lt;/div&gt;
      &lt;div style=&quot;font-size:13px;font-weight:500;color:#555;line-height:1.6;&quot;&gt;프로그래밍 기초 개념 이해 수준&lt;br&gt;Java·JS·Python 중 1개 경험 권장&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- 훈련비 --&gt;
  &lt;div style=&quot;background:#1A1A1A;border-radius:16px;overflow:hidden;margin-bottom:12px;&quot;&gt;
    &lt;div style=&quot;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,0.08);&quot;&gt;
      &lt;div style=&quot;display:flex;align-items:center;gap:10px;font-size:14px;color:#CCC;&quot;&gt;&lt;span style=&quot;width:8px;height:8px;border-radius:50%;background:#555;display:inline-block;flex-shrink:0;&quot;&gt;&lt;/span&gt;수강료&lt;/div&gt;
      &lt;div style=&quot;font-size:15px;color:#AAA;text-decoration:line-through;white-space:nowrap;&quot;&gt;1,196,230원&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,0.08);&quot;&gt;
      &lt;div style=&quot;display:flex;align-items:center;gap:10px;font-size:14px;color:#CCC;&quot;&gt;&lt;span style=&quot;width:8px;height:8px;border-radius:50%;background:#4CAF50;display:inline-block;flex-shrink:0;&quot;&gt;&lt;/span&gt;국비지원 (90%)&lt;/div&gt;
      &lt;div style=&quot;font-size:15px;color:#EF9A9A;font-weight:600;white-space:nowrap;&quot;&gt;− 1,086,230원&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:rgba(46,125,50,0.15);border-top:1px solid rgba(76,175,80,0.3);&quot;&gt;
      &lt;div style=&quot;display:flex;align-items:center;gap:10px;&quot;&gt;
        &lt;span style=&quot;width:8px;height:8px;border-radius:50%;background:#81C784;display:inline-block;flex-shrink:0;&quot;&gt;&lt;/span&gt;
        &lt;div&gt;
          &lt;div style=&quot;font-size:15px;color:#fff;font-weight:700;&quot;&gt;내일배움카드 자부담 (10%)&lt;/div&gt;
          &lt;div style=&quot;font-size:11px;color:#81C784;opacity:0.8;margin-top:2px;&quot;&gt;// 실제 납부금액&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div style=&quot;font-size:22px;color:#81C784;font-weight:800;white-space:nowrap;&quot;&gt;약 110,000원&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div style=&quot;background:#E8F5E9;border:1px solid #C8E6C9;border-radius:10px;padding:12px 16px;font-size:13px;color:#1B5E20;font-weight:500;&quot;&gt;
      월~목 온라인 + 토 오프라인, 총 140시간 집중 과정.&lt;br&gt;
    자부담 &lt;strong&gt;약 110,000원&lt;/strong&gt;으로 AI 서비스 개발 역량을 완성할 수 있습니다.
  &lt;/div&gt;
&lt;/div&gt;

&lt;!-- CTA --&gt;
&lt;div style=&quot;background:#1B5E20;color:#fff;border-radius:24px;padding:48px 32px;text-align:center;position:relative;overflow:hidden;&quot;&gt;
  &lt;h2 style=&quot;font-family:'Nanum Gothic',sans-serif;font-weight:800;font-size:30px;margin:0 0 10px;position:relative;z-index:1;&quot;&gt;지금, AI 전환을 시작하세요!&lt;/h2&gt;
  &lt;p style=&quot;font-size:14px;opacity:0.85;margin:0 0 28px;position:relative;z-index:1;&quot;&gt;LLM 기반 AI 서비스 개발 역량, 140시간 집중으로 완성합니다.&lt;/p&gt;
  &lt;div style=&quot;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:680px;margin:0 auto 16px;position:relative;z-index:1;&quot;&gt;
    &lt;div style=&quot;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:14px 10px;text-align:left;&quot;&gt;
      &lt;div style=&quot;font-size:10px;letter-spacing:1px;opacity:0.7;margin-bottom:4px;&quot;&gt;개강일&lt;/div&gt;
      &lt;div style=&quot;font-size:13px;font-weight:700;line-height:1.6;&quot;&gt;2026년 3월 23일&lt;br&gt;(월)&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:14px 10px;text-align:left;&quot;&gt;
      &lt;div style=&quot;font-size:10px;letter-spacing:1px;opacity:0.7;margin-bottom:4px;&quot;&gt;종강일&lt;/div&gt;
      &lt;div style=&quot;font-size:13px;font-weight:700;line-height:1.6;&quot;&gt;2026년 5월 18일&lt;br&gt;(월)&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:14px 10px;text-align:left;&quot;&gt;
      &lt;div style=&quot;font-size:10px;letter-spacing:1px;opacity:0.7;margin-bottom:4px;&quot;&gt;수업 시간&lt;/div&gt;
      &lt;div style=&quot;font-size:13px;font-weight:700;line-height:1.6;&quot;&gt;월~목 19:00~21:30&lt;br&gt;토 09:30~17:30&lt;/div&gt;
    &lt;/div&gt;
    &lt;div style=&quot;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:14px 10px;text-align:left;&quot;&gt;
      &lt;div style=&quot;font-size:10px;letter-spacing:1px;opacity:0.7;margin-bottom:4px;&quot;&gt;과정 상담&lt;/div&gt;
      &lt;div style=&quot;font-size:13px;font-weight:700;line-height:1.6;&quot;&gt;02-313-1711&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div style=&quot;display:inline-block;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.25);border-radius:20px;padding:7px 18px;font-size:12px;color:rgba(255,255,255,0.85);margin-bottom:20px;position:relative;z-index:1;&quot;&gt; ️ 온라인 수업 시에도 오프라인 실습환경 동일 제공&lt;/div&gt;
  &lt;div style=&quot;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1;&quot;&gt;
    &lt;a href=&quot;http://www.choongang.co.kr&quot; style=&quot;background:#fff;color:#1B5E20;font-size:13px;font-weight:700;padding:12px 24px;border-radius:30px;text-decoration:none;display:inline-block;&quot;&gt;홈페이지 바로가기&lt;/a&gt;
    &lt;a href=&quot;#&quot; style=&quot;background:transparent;border:2px solid rgba(255,255,255,0.45);color:#fff;font-size:13px;font-weight:700;padding:12px 24px;border-radius:30px;text-decoration:none;display:inline-block;&quot;&gt;카카오톡 @중앙정보기술인재개발원&lt;/a&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;</description>
      <author>jhoon-log</author>
      <guid isPermaLink="true">https://jhoon-log.tistory.com/7</guid>
      <comments>https://jhoon-log.tistory.com/7#entry7comment</comments>
      <pubDate>Fri, 6 Mar 2026 14:53:55 +0900</pubDate>
    </item>
    <item>
      <title>입문자를 위한 파이썬과 생성형 AI 국비지원으로 바로 시작! </title>
      <link>https://jhoon-log.tistory.com/4</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div&gt;
&lt;style&gt;
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg: #0e0e12;
  --bg2: #14141a;
  --bg3: #1c1c26;
  --blue: #4d9fff;
  --blue-dim: #1a3a5c;
  --violet: #a78bfa;
  --violet-dim: #2d1f5e;
  --cyan: #22d3ee;
  --green: #34d399;
  --yellow: #fbbf24;
  --red: #f87171;
  --text: #eeeef8;
  --text-mid: #c0c0d8;
  --text-dim: #9090b0;
  --border: #2a2a3a;
  --border-bright: #3a3a50;
  --mono: 'JetBrains Mono', monospace;
}

body {
  font-family: 'Noto Sans KR', sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.75;
  overflow-x: hidden;
}

/* ─── Scanline overlay ─── */
body::before {
  content: '';
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,0.03) 2px,
    rgba(0,0,0,0.03) 4px
  );
}

.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 24px 100px;
  position: relative; z-index: 1;
}

/* ─── Hero ─── */
.hero {
  margin: 0 -24px 64px;
  padding: 72px 48px 64px;
  background:
    radial-gradient(ellipse 80% 60% at 70% 30%, rgba(77,159,255,0.12) 0%, transparent 70%),
    radial-gradient(ellipse 60% 50% at 20% 80%, rgba(167,139,250,0.1) 0%, transparent 70%),
    var(--bg2);
  border-bottom: 1px solid var(--border);
  position: relative; overflow: hidden;
}
.hero::after {
  content: '';
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--blue), var(--violet), transparent);
}

/* animated grid bg */
.hero-grid {
  position: absolute; inset: 0; pointer-events: none; opacity: 0.04;
  background-image:
    linear-gradient(var(--blue) 1px, transparent 1px),
    linear-gradient(90deg, var(--blue) 1px, transparent 1px);
  background-size: 40px 40px;
}

.hero-tag {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--bg3); border: 1px solid var(--border-bright);
  border-radius: 4px; padding: 5px 14px;
  font-family: var(--mono); font-size: 11px; color: var(--blue);
  letter-spacing: 1px; text-transform: uppercase;
  margin-bottom: 24px;
}
.hero-tag::before { content: '▶'; font-size: 9px; }

.hero-eyebrow {
  font-size: 13px; color: var(--text-mid);
  margin-bottom: 14px; letter-spacing: 0.5px;
}

.hero-title {
  font-family: 'Noto Serif KR', serif;
  font-size: 36px; font-weight: 700;
  line-height: 1.3; color: var(--text);
  margin-bottom: 10px;
}
.hero-title .hl-blue   { color: var(--blue); }
.hero-title .hl-violet { color: var(--violet); }

.hero-sub {
  font-size: 14px; color: var(--text-mid);
  margin-bottom: 32px; line-height: 1.7;
}

.hero-chips {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.hero-chip {
  background: var(--bg3); border: 1px solid var(--border-bright);
  border-radius: 4px; padding: 5px 12px;
  font-size: 12.5px; color: var(--text-mid);
  font-family: var(--mono);
}
.hero-chip.blue   { border-color: var(--blue-dim); color: var(--blue); }
.hero-chip.violet { border-color: var(--violet-dim); color: var(--violet); }
.hero-chip.green  { border-color: #0d3d2a; color: var(--green); }

/* ─── Code intro box ─── */
.code-box {
  background: #0d0d14;
  border: 1px solid var(--border-bright);
  border-radius: 12px;
  margin-bottom: 56px;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.04);
}
.code-box-bar {
  background: #18181f; border-bottom: 1px solid #2a2a38;
  padding: 13px 20px; display: flex; align-items: center; gap: 8px;
}
.dot { width: 13px; height: 13px; border-radius: 50%; flex-shrink: 0; }
.dot-r { background: #ff5f57; }
.dot-y { background: #febc2e; }
.dot-g { background: #28c840; }
.code-filename { font-family: var(--mono); font-size: 12.5px; color: #7070a0; margin-left: 10px; }
.code-body { padding: 28px 0 24px; font-family: var(--mono); font-size: 15px; }
.code-line {
  display: flex; align-items: baseline;
  padding: 0 28px; min-height: 38px; line-height: 38px;
}
.code-line:hover { background: rgba(255,255,255,0.025); }
.line-num {
  min-width: 32px; color: #5a5a80; font-size: 12px;
  text-align: right; margin-right: 24px;
  user-select: none; flex-shrink: 0;
}
.line-code { flex: 1; }
.code-indent { display: inline-block; width: 28px; }
.c-comment { color: #7878a8; font-style: italic; }
.c-kw  { color: #c084fc; font-weight: 600; }
.c-fn  { color: #60a5fa; }
.c-str { color: #34d399; }
.c-num { color: #fbbf24; }
.c-var { color: #22d3ee; }
.c-op  { color: #94a3b8; }
.c-punct { color: #64748b; }
.code-output {
  margin: 8px 28px 0; padding: 14px 20px;
  background: rgba(52,211,153,0.06);
  border: 1px solid rgba(52,211,153,0.18);
  border-radius: 8px;
  display: flex; align-items: center; gap: 12px;
}
.code-output-prompt { color: #34d399; font-size: 13px; font-weight: 700; flex-shrink: 0; }
.code-output-text   { color: #a7f3d0; font-size: 14px; line-height: 1.5; }

/* ─── Section ─── */
.section { margin-bottom: 64px; }

.sec-head {
  display: flex; align-items: flex-start; gap: 16px;
  margin-bottom: 28px; padding-bottom: 20px;
  border-bottom: 1px solid var(--border);
}
.sec-num {
  font-family: var(--mono); font-size: 11px; color: var(--blue);
  background: var(--blue-dim); border: 1px solid rgba(77,159,255,0.3);
  border-radius: 4px; padding: 3px 8px; margin-top: 4px; flex-shrink: 0;
}
.sec-title {
  font-family: 'Noto Serif KR', serif;
  font-size: 22px; font-weight: 700; color: var(--text);
  line-height: 1.3;
}
.sec-title small {
  display: block; font-family: 'Noto Sans KR', sans-serif;
  font-size: 13px; font-weight: 400; color: var(--text-dim);
  margin-top: 3px;
}

p { font-size: 15px; line-height: 1.9; color: #c8c8e0; margin-bottom: 14px; }
p strong { color: var(--text); }

/* ─── Info table ─── */
.info-table {
  border: 1px solid var(--border-bright);
  border-radius: 8px; overflow: hidden;
  margin: 20px 0;
}
.info-row {
  display: flex; align-items: stretch;
  border-bottom: 1px solid var(--border);
  font-size: 14px;
}
.info-row:last-child { border-bottom: none; }
.info-key {
  min-width: 120px; max-width: 120px;
  background: var(--bg3); padding: 14px 16px;
  font-weight: 700; color: var(--text-mid);
  font-family: var(--mono); font-size: 12px;
  letter-spacing: 0.3px; border-right: 1px solid var(--border);
  display: flex; align-items: flex-start; padding-top: 15px;
}
.info-val {
  padding: 14px 18px; color: var(--text);
  display: flex; align-items: flex-start; flex-wrap: wrap; gap: 6px;
  line-height: 1.7;
}
.tag-blue {
  display: inline-block; background: var(--blue-dim);
  border: 1px solid rgba(77,159,255,0.3); color: var(--blue);
  font-size: 11px; font-weight: 700; padding: 2px 9px; border-radius: 4px;
  font-family: var(--mono);
}
.tag-green {
  display: inline-block; background: #0d3d2a;
  border: 1px solid rgba(52,211,153,0.3); color: var(--green);
  font-size: 11px; font-weight: 700; padding: 2px 9px; border-radius: 4px;
  font-family: var(--mono);
}
.tag-violet {
  display: inline-block; background: var(--violet-dim);
  border: 1px solid rgba(167,139,250,0.3); color: var(--violet);
  font-size: 11px; font-weight: 700; padding: 2px 9px; border-radius: 4px;
  font-family: var(--mono);
}

/* ─── Cost card ─── */
.cost-card {
  background: var(--bg3); border: 1px solid var(--border-bright);
  border-radius: 10px; overflow: hidden; margin: 24px 0;
}
.cost-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 24px; border-bottom: 1px solid var(--border);
}
.cost-row:last-child { border-bottom: none; }
.cost-label { font-size: 14px; color: var(--text-mid); display: flex; align-items: center; gap: 8px; }
.cost-label .dot-label {
  width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
}
.cost-amount { font-family: var(--mono); font-size: 16px; font-weight: 700; color: var(--text); }
.cost-amount.strike { text-decoration: line-through; color: var(--text-dim); font-size: 14px; font-weight: 400; }
.cost-amount.accent { color: var(--blue); font-size: 20px; }
.cost-row.highlight { background: linear-gradient(90deg, rgba(77,159,255,0.06), transparent); }
.cost-note { font-size: 11.5px; color: var(--text-dim); font-family: var(--mono); margin-top: 2px; }

/* ─── Schedule visual ─── */
.schedule-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 12px; margin: 24px 0;
}
.sched-card {
  background: var(--bg3); border: 1px solid var(--border-bright);
  border-radius: 8px; padding: 18px 14px; text-align: center;
  position: relative; overflow: hidden;
  transition: border-color 0.2s, transform 0.2s;
}
.sched-card:hover { border-color: var(--blue); transform: translateY(-3px); }
.sched-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--blue), var(--violet));
}
.sched-week { font-family: var(--mono); font-size: 10px; color: var(--text-dim); margin-bottom: 6px; }
.sched-date { font-size: 22px; font-weight: 900; color: var(--blue); line-height: 1; margin-bottom: 4px; }
.sched-day  { font-size: 11px; color: var(--text-mid); }
.sched-hours { font-family: var(--mono); font-size: 10px; color: var(--green); margin-top: 8px; }

/* ─── Why card ─── */
.why-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 12px; margin: 20px 0; }
.why-item {
  background: var(--bg3); border: 1px solid var(--border-bright);
  border-radius: 8px; padding: 20px 22px;
  display: flex; gap: 16px; align-items: flex-start;
  transition: border-color 0.2s;
}
.why-item:hover { border-color: var(--border-bright); }
.why-icon {
  font-family: var(--mono); font-size: 10px;
  color: var(--blue); background: var(--blue-dim);
  border: 1px solid rgba(77,159,255,0.25);
  border-radius: 4px; padding: 4px 8px;
  white-space: nowrap; flex-shrink: 0; margin-top: 2px;
}
.why-title { font-size: 14.5px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.why-desc  { font-size: 13.5px; color: var(--text-mid); line-height: 1.65; }

/* ─── Curriculum ─── */
.curri-section {
  margin-bottom: 28px;
}
.curri-phase {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 14px;
}
.curri-phase-num {
  font-family: var(--mono); font-size: 10px; font-weight: 700;
  color: var(--bg); padding: 3px 10px; border-radius: 4px;
  flex-shrink: 0;
}
.phase-1 { background: var(--blue); }
.phase-2 { background: var(--violet); }
.phase-3 { background: var(--green); color: var(--bg); }
.curri-phase-title {
  font-size: 15px; font-weight: 700; color: var(--text);
}
.curri-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.curri-card {
  background: var(--bg3); border: 1px solid var(--border);
  border-radius: 8px; padding: 16px 16px 18px; overflow: hidden;
  position: relative;
}
.curri-card::after {
  content: ''; position: absolute;
  bottom: 0; left: 0; right: 0; height: 2px;
}
.curri-card.c1::after { background: var(--blue); }
.curri-card.c2::after { background: var(--violet); }
.curri-card.c3::after { background: var(--green); }
.curri-card-title { font-size: 13px; font-weight: 700; color: var(--text); margin-bottom: 6px; }
.curri-card-desc  { font-size: 12px; color: var(--text-dim); line-height: 1.65; }

.curri-steps {
  display: flex; align-items: center; gap: 0;
  margin-top: 20px; overflow: hidden; border-radius: 6px;
}
.curri-step {
  flex: 1; text-align: center; padding: 10px 6px;
  font-size: 11px; font-weight: 700; font-family: var(--mono);
  position: relative;
}
.curri-step::after {
  content: '▶'; position: absolute; right: -6px; top: 50%;
  transform: translateY(-50%); font-size: 10px; z-index: 1;
}
.curri-step:last-child::after { display: none; }
.cs1 { background: rgba(77,159,255,0.15); color: var(--blue); border: 1px solid rgba(77,159,255,0.2); }
.cs2 { background: rgba(167,139,250,0.15); color: var(--violet); border: 1px solid rgba(167,139,250,0.2); border-left: none; }
.cs3 { background: rgba(52,211,153,0.15); color: var(--green); border: 1px solid rgba(52,211,153,0.2); border-left: none; }

/* ─── AI tools ─── */
.ai-tools {
  display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0;
}
.ai-tool {
  background: var(--bg3); border: 1px solid var(--border-bright);
  border-radius: 6px; padding: 10px 16px;
  display: flex; align-items: center; gap: 8px;
  font-size: 13.5px; color: var(--text);
  transition: border-color 0.2s, transform 0.2s;
}
.ai-tool:hover { border-color: var(--blue); transform: translateY(-2px); }
.ai-tool-dot { width: 8px; height: 8px; border-radius: 50%; }

/* ─── Highlight quote ─── */
.quote-box {
  border-left: 3px solid var(--blue);
  background: linear-gradient(90deg, rgba(77,159,255,0.07) 0%, transparent 80%);
  border-radius: 0 8px 8px 0;
  padding: 20px 24px; margin: 24px 0;
  font-size: 14.5px; color: var(--text-mid); line-height: 1.8;
}
.quote-box strong { color: var(--blue); }

/* ─── Alert box ─── */
.alert-box {
  background: var(--bg3); border: 1px solid var(--border-bright);
  border-radius: 8px; padding: 18px 22px; margin: 14px 0;
  display: flex; gap: 14px; align-items: flex-start;
}
.alert-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.alert-title { font-size: 14px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.alert-desc  { font-size: 13.5px; color: var(--text-mid); line-height: 1.7; }

/* ─── Divider ─── */
.divider {
  display: flex; align-items: center; gap: 16px;
  margin: 48px 0; font-family: var(--mono); font-size: 11px; color: var(--text-dim);
}
.divider::before, .divider::after {
  content: ''; flex: 1; height: 1px;
  background: linear-gradient(90deg, transparent, var(--border-bright), transparent);
}

/* ─── CTA ─── */
.cta {
  background: var(--bg3);
  border: 1px solid var(--border-bright);
  border-radius: 12px; overflow: hidden;
  margin-top: 60px; position: relative;
}
.cta-top {
  padding: 40px 36px 32px;
  background:
    radial-gradient(ellipse 70% 80% at 80% 50%, rgba(77,159,255,0.1) 0%, transparent 70%),
    radial-gradient(ellipse 50% 60% at 10% 50%, rgba(167,139,250,0.08) 0%, transparent 70%);
  border-bottom: 1px solid var(--border);
}
.cta-label {
  font-family: var(--mono); font-size: 11px; color: var(--blue);
  letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 12px;
}
.cta-label::before { content: '// '; color: var(--text-dim); }
.cta-title {
  font-family: 'Noto Serif KR', serif;
  font-size: 22px; font-weight: 700; color: var(--text); margin-bottom: 8px;
}
.cta-sub { font-size: 14px; color: var(--text-mid); line-height: 1.7; }
.cta-bottom {
  padding: 24px 36px;
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  flex-wrap: wrap;
}
.cta-info { font-family: var(--mono); font-size: 12px; color: var(--text-dim); line-height: 1.9; }
.cta-info span { color: var(--text-mid); }
.cta-btn {
  display: inline-block; text-decoration: none;
  background: var(--blue); color: #000;
  font-size: 14.5px; font-weight: 900;
  padding: 13px 32px; border-radius: 6px;
  letter-spacing: -0.2px;
  box-shadow: 0 0 24px rgba(77,159,255,0.3);
  transition: transform 0.2s, box-shadow 0.2s;
  white-space: nowrap;
  font-family: 'Noto Sans KR', sans-serif;
}
.cta-btn:hover { transform: translateY(-2px); box-shadow: 0 0 36px rgba(77,159,255,0.5); }

/* ─── Tags ─── */
.tags { margin-top: 52px; display: flex; flex-wrap: wrap; gap: 8px; }
.tag {
  background: var(--bg3); border: 1px solid var(--border);
  color: var(--text-dim); font-family: var(--mono);
  font-size: 12px; padding: 5px 13px; border-radius: 4px;
  cursor: pointer; transition: all 0.2s;
}
.tag:hover { border-color: var(--blue); color: var(--blue); }

/* ─── Responsive ─── */
@media (max-width: 620px) {
  .hero { padding: 52px 24px 48px; }
  .hero-title { font-size: 26px; }
  .schedule-grid { grid-template-columns: repeat(2, 1fr); }
  .curri-cards { grid-template-columns: 1fr; }
  .cta-bottom { flex-direction: column; align-items: flex-start; }
  .info-key { min-width: 90px; max-width: 90px; font-size: 11px; }
}
&lt;/style&gt;
&lt;/div&gt;
&lt;div class=&quot;container&quot;&gt;&lt;!-- ── HERO ── --&gt;
&lt;div class=&quot;hero&quot;&gt;
&lt;div class=&quot;hero-grid&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;hero-tag&quot;&gt;재직자 국비과정 &amp;middot; 내일배움카드&lt;/div&gt;
&lt;div class=&quot;hero-eyebrow&quot;&gt;중앙정보기술인재개발원 &amp;middot; 강남역 12번출구 100M&lt;/div&gt;
&lt;h1 class=&quot;hero-title&quot;&gt;&lt;span style=&quot;color: #ffffff;&quot;&gt;입문자를 위한&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;hl-blue&quot;&gt;파이썬&lt;/span&gt;&lt;span style=&quot;color: #ffffff;&quot;&gt;과&lt;/span&gt; &lt;span class=&quot;hl-violet&quot;&gt;생성형 AI&lt;/span&gt;&lt;/h1&gt;
&lt;div class=&quot;hero-sub&quot;&gt;디지털 업무 자동화 기초 &amp;mdash; 파이썬으로 자동화하고, 생성형 AI로 마무리하는 업무 루틴 만들기&lt;br /&gt;&lt;span style=&quot;font-family: var(--mono); font-size: 12px; color: var(--text-dim);&quot;&gt;// 토요일 4회, 총 32시간. 주말만 투자해서 평일을 바꾸는 과정&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;hero-chips&quot;&gt;&lt;span class=&quot;hero-chip blue&quot;&gt;4월 4일 개강&lt;/span&gt; &lt;span class=&quot;hero-chip&quot;&gt;토요일 09:00&amp;ndash;18:00&lt;/span&gt; &lt;span class=&quot;hero-chip&quot;&gt;4회 &amp;middot; 32시간&lt;/span&gt; &lt;span class=&quot;hero-chip green&quot;&gt;내일배움카드 사용가능&lt;/span&gt; &lt;span class=&quot;hero-chip violet&quot;&gt;비전공자 환영&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;!-- ── CODE INTRO ── --&gt;
&lt;div class=&quot;code-box&quot;&gt;
&lt;div class=&quot;code-box-bar&quot;&gt;
&lt;div class=&quot;dot dot-r&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;dot dot-y&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;dot dot-g&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;span class=&quot;code-filename&quot;&gt;my_monday_morning.py&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;code-body&quot;&gt;
&lt;div class=&quot;code-line&quot;&gt;&lt;span class=&quot;line-num&quot;&gt;1&lt;/span&gt; &lt;span class=&quot;line-code&quot;&gt;&lt;span class=&quot;c-comment&quot;&gt;# 월요일 아침, 또 반복 작업 중...&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;code-line&quot;&gt;&lt;span class=&quot;line-num&quot;&gt;2&lt;/span&gt; &lt;span class=&quot;line-code&quot;&gt; &lt;span class=&quot;c-var&quot;&gt;tasks&lt;/span&gt; &lt;span class=&quot;c-op&quot;&gt; = &lt;/span&gt; &lt;span class=&quot;c-punct&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;c-str&quot;&gt;&quot;엑셀 정리&quot;&lt;/span&gt;&lt;span class=&quot;c-punct&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;c-str&quot;&gt; &quot;보고서 작성&quot;&lt;/span&gt;&lt;span class=&quot;c-punct&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;c-str&quot;&gt; &quot;데이터 복붙&quot;&lt;/span&gt;&lt;span class=&quot;c-punct&quot;&gt;]&lt;/span&gt; &lt;span class=&quot;c-op&quot;&gt; * &lt;/span&gt;&lt;span class=&quot;c-num&quot;&gt;52&lt;/span&gt; &lt;span style=&quot;margin-left: 16px;&quot;&gt;&lt;span class=&quot;c-comment&quot;&gt;# 주 단위로 반복&lt;/span&gt;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;code-line&quot;&gt;&lt;span class=&quot;line-num&quot;&gt;3&lt;/span&gt; &lt;span class=&quot;line-code&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;code-line&quot;&gt;&lt;span class=&quot;line-num&quot;&gt;4&lt;/span&gt; &lt;span class=&quot;line-code&quot;&gt; &lt;span class=&quot;c-kw&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;c-op&quot;&gt; &lt;/span&gt; &lt;span class=&quot;c-var&quot;&gt;my_skills&lt;/span&gt; &lt;span class=&quot;c-op&quot;&gt; == &lt;/span&gt; &lt;span class=&quot;c-str&quot;&gt;&quot;Excel만&quot;&lt;/span&gt; &lt;span class=&quot;c-punct&quot;&gt;:&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;code-line&quot;&gt;&lt;span class=&quot;line-num&quot;&gt;5&lt;/span&gt; &lt;span class=&quot;line-code&quot;&gt; &lt;span class=&quot;code-indent&quot;&gt;&lt;/span&gt; &lt;span class=&quot;c-fn&quot;&gt;enroll&lt;/span&gt;&lt;span class=&quot;c-punct&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;c-str&quot;&gt;&quot;파이썬 + 생성형AI 과정&quot;&lt;/span&gt;&lt;span class=&quot;c-punct&quot;&gt;)&lt;/span&gt; &lt;span style=&quot;margin-left: 16px;&quot;&gt;&lt;span class=&quot;c-comment&quot;&gt;# 토요일 4번이면 충분&lt;/span&gt;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;code-output&quot;&gt;&lt;span class=&quot;code-output-prompt&quot;&gt;&amp;gt;&amp;gt;&amp;gt;&lt;/span&gt; &lt;span class=&quot;code-output-text&quot;&gt;과정 수강 완료. &amp;nbsp; 업무 루틴 자동화율 &amp;uarr; &amp;nbsp; 체감 피로도 &amp;darr;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- ── SECTION 1: 과정 안내 ── --&gt;
&lt;div class=&quot;section&quot;&gt;
&lt;div class=&quot;sec-head&quot;&gt;
&lt;div class=&quot;sec-num&quot;&gt;01&lt;/div&gt;
&lt;div class=&quot;sec-title&quot;&gt;과정 안내&lt;small&gt;Course Information&lt;/small&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;info-table&quot;&gt;
&lt;div class=&quot;info-row&quot;&gt;
&lt;div class=&quot;info-key&quot;&gt;COURSE&lt;/div&gt;
&lt;div class=&quot;info-val&quot; style=&quot;font-weight: bold;&quot;&gt;입문자를 위한 파이썬과 생성형 AI &amp;ndash; 디지털 업무 자동화 기초&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;info-row&quot;&gt;
&lt;div class=&quot;info-key&quot;&gt;TYPE&lt;/div&gt;
&lt;div class=&quot;info-val&quot;&gt;&lt;span class=&quot;tag-violet&quot;&gt;재직자 과정&lt;/span&gt; &lt;span class=&quot;tag-blue&quot;&gt;내일배움카드&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;info-row&quot;&gt;
&lt;div class=&quot;info-key&quot;&gt;START&lt;/div&gt;
&lt;div class=&quot;info-val&quot;&gt;&lt;b&gt;2025년 4월 4일(토)&lt;/b&gt; 개강 &lt;span class=&quot;tag-blue&quot;&gt;주말반&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;info-row&quot;&gt;
&lt;div class=&quot;info-key&quot;&gt;SCHEDULE&lt;/div&gt;
&lt;div class=&quot;info-val&quot;&gt;매주 토요일 &amp;middot; 09:00 ~ 18:00 &amp;middot; 하루 8시간 &amp;times; 4회&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;info-row&quot;&gt;
&lt;div class=&quot;info-key&quot;&gt;TOTAL&lt;/div&gt;
&lt;div class=&quot;info-val&quot;&gt;&lt;b&gt;총 32시간&lt;/b&gt; &lt;span style=&quot;color: var(--text-dim); font-size: 13px;&quot;&gt;&amp;middot; 4 Saturdays Only&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;info-row&quot;&gt;
&lt;div class=&quot;info-key&quot;&gt;CAPACITY&lt;/div&gt;
&lt;div class=&quot;info-val&quot;&gt;정원 &lt;b&gt;20명&lt;/b&gt; &lt;span style=&quot;color: var(--red); font-size: 12px; font-family: var(--mono);&quot;&gt;⚠ 선착순 마감&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;info-row&quot;&gt;
&lt;div class=&quot;info-key&quot;&gt;PLACE&lt;/div&gt;
&lt;div class=&quot;info-val&quot; style=&quot;flex-direction: column; gap: 4px;&quot;&gt;
&lt;div&gt;&lt;b&gt;중앙정보기술인재개발원&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;color: var(--text-mid); font-size: 13.5px;&quot;&gt;서울 강남구 테헤란로 7길 7&lt;/div&gt;
&lt;div style=&quot;color: var(--text-mid); font-size: 13.5px;&quot;&gt;에스코 빌딩 5층&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Schedule visual --&gt;
&lt;div class=&quot;schedule-grid&quot;&gt;
&lt;div class=&quot;sched-card&quot;&gt;
&lt;div class=&quot;sched-week&quot;&gt;WEEK 1&lt;/div&gt;
&lt;div class=&quot;sched-date&quot;&gt;4/4&lt;/div&gt;
&lt;div class=&quot;sched-day&quot;&gt;토요일&lt;/div&gt;
&lt;div class=&quot;sched-hours&quot;&gt;09:00 &amp;rarr; 18:00&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;sched-card&quot;&gt;
&lt;div class=&quot;sched-week&quot;&gt;WEEK 2&lt;/div&gt;
&lt;div class=&quot;sched-date&quot;&gt;4/11&lt;/div&gt;
&lt;div class=&quot;sched-day&quot;&gt;토요일&lt;/div&gt;
&lt;div class=&quot;sched-hours&quot;&gt;09:00 &amp;rarr; 18:00&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;sched-card&quot;&gt;
&lt;div class=&quot;sched-week&quot;&gt;WEEK 3&lt;/div&gt;
&lt;div class=&quot;sched-date&quot;&gt;4/18&lt;/div&gt;
&lt;div class=&quot;sched-day&quot;&gt;토요일&lt;/div&gt;
&lt;div class=&quot;sched-hours&quot;&gt;09:00 &amp;rarr; 18:00&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;sched-card&quot;&gt;
&lt;div class=&quot;sched-week&quot;&gt;WEEK 4&lt;/div&gt;
&lt;div class=&quot;sched-date&quot;&gt;4/25&lt;/div&gt;
&lt;div class=&quot;sched-day&quot;&gt;토요일&lt;/div&gt;
&lt;div class=&quot;sched-hours&quot;&gt;09:00 &amp;rarr; 18:00&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;divider&quot;&gt;// 교육비 안내&lt;/div&gt;
&lt;!-- ── SECTION 2: 교육비 ── --&gt;
&lt;div class=&quot;section&quot;&gt;
&lt;div class=&quot;sec-head&quot;&gt;
&lt;div class=&quot;sec-num&quot;&gt;02&lt;/div&gt;
&lt;div class=&quot;sec-title&quot;&gt;교육비 안내&lt;small&gt;Tuition &amp;amp; Card Benefits&lt;/small&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;cost-card&quot;&gt;
&lt;div class=&quot;cost-row&quot;&gt;
&lt;div class=&quot;cost-label&quot;&gt;
&lt;div class=&quot;dot-label&quot; style=&quot;background: var(--text-dim);&quot;&gt;&amp;nbsp;&lt;/div&gt;
정가 수강료&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;cost-amount strike&quot;&gt;234,560원&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;cost-row&quot;&gt;
&lt;div class=&quot;cost-label&quot;&gt;
&lt;div class=&quot;dot-label&quot; style=&quot;background: var(--violet);&quot;&gt;&amp;nbsp;&lt;/div&gt;
국비지원 (55%)&lt;/div&gt;
&lt;div class=&quot;cost-amount&quot; style=&quot;color: var(--violet);&quot;&gt;&amp;minus; 129,000원&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;cost-row highlight&quot;&gt;
&lt;div class=&quot;cost-label&quot; style=&quot;font-weight: bold; color: var(--text);&quot;&gt;
&lt;div class=&quot;dot-label&quot; style=&quot;background: var(--blue);&quot;&gt;&amp;nbsp;&lt;/div&gt;
내일배움카드 자부담 (45%)&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;cost-amount accent&quot;&gt;105,560원&lt;/div&gt;
&lt;div class=&quot;cost-note&quot;&gt;// 실제 납부금액&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;quote-box&quot;&gt;토요일 &lt;b&gt;4번&lt;/b&gt;, 총 &lt;b&gt;32시간&lt;/b&gt;. 자부담 &lt;b&gt;105,560원&lt;/b&gt;으로&lt;br /&gt;파이썬 기초부터 생성형AI 실무 적용까지 끝낼 수 있습니다.&lt;br /&gt;&lt;span style=&quot;font-family: var(--mono); font-size: 12px; color: var(--text-dim);&quot;&gt;// 커피값 아끼면 충분한 금액&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;divider&quot;&gt;// 이런 분들께 추천합니다&lt;/div&gt;
&lt;!-- ── SECTION 3: WHY ── --&gt;
&lt;div class=&quot;section&quot;&gt;
&lt;div class=&quot;sec-head&quot;&gt;
&lt;div class=&quot;sec-num&quot;&gt;03&lt;/div&gt;
&lt;div class=&quot;sec-title&quot;&gt;이 과정의 강점&lt;small&gt;Why This Course&lt;/small&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;why-grid&quot;&gt;
&lt;div class=&quot;why-item&quot;&gt;
&lt;div class=&quot;why-icon&quot;&gt;01 // 입문&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;why-title&quot;&gt;비전공자도 쉽게 &amp;mdash; 진짜로&lt;/div&gt;
&lt;div class=&quot;why-desc&quot;&gt;파이썬 문법과 기본 개념을 처음 접하는 학습자도 쉽게 이해할 수 있도록 구성된 커리큘럼. '어렵겠지'라는 선입견, 여기서 깨집니다.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;why-item&quot;&gt;
&lt;div class=&quot;why-icon&quot;&gt;02 // 실무&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;why-title&quot;&gt;문서 자동화 &amp;middot; 데이터 수집 &amp;middot; 실습 중심&lt;/div&gt;
&lt;div class=&quot;why-desc&quot;&gt;일상 업무에서 바로 꺼내 쓸 수 있는 예제 중심 실습. 배우고 나서 &quot;이걸 어디 써?&quot; 하는 질문이 안 나오는 구조입니다.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;why-item&quot;&gt;
&lt;div class=&quot;why-icon&quot;&gt;03 // AI&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;why-title&quot;&gt;ChatGPT &amp;middot; Gemini &amp;middot; Claude &amp;middot; Cursor 실무 활용&lt;/div&gt;
&lt;div class=&quot;why-desc&quot;&gt;생성형 AI를 구경하는 게 아니라 실무에 실제로 붙이는 방법을 배웁니다. 코드 작성, 데이터 분석, 보고서 작성까지 AI가 동료가 됩니다.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;why-item&quot;&gt;
&lt;div class=&quot;why-icon&quot;&gt;04 // 단기&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;why-title&quot;&gt;주말 4번이면 완성 &amp;mdash; 평일은 건드리지 않음&lt;/div&gt;
&lt;div class=&quot;why-desc&quot;&gt;바쁜 직장인을 위한 토요일 집중 과정. 월~금은 그냥 출근하면 됩니다. 배운 걸 월요일 업무에 바로 써먹는 게 목표.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;divider&quot;&gt;// 커리큘럼&lt;/div&gt;
&lt;!-- ── SECTION 4: 커리큘럼 ── --&gt;
&lt;div class=&quot;section&quot;&gt;
&lt;div class=&quot;sec-head&quot;&gt;
&lt;div class=&quot;sec-num&quot;&gt;04&lt;/div&gt;
&lt;div class=&quot;sec-title&quot;&gt;강의 커리큘럼&lt;small&gt;Curriculum &amp;mdash; 3 Phase Structure&lt;/small&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Phase 1 --&gt;
&lt;div class=&quot;curri-section&quot;&gt;
&lt;div class=&quot;curri-phase&quot;&gt;
&lt;div class=&quot;curri-phase-num phase-1&quot;&gt;1 STEP&lt;/div&gt;
&lt;div class=&quot;curri-phase-title&quot;&gt;파이썬 기초 다지기&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;curri-cards&quot;&gt;
&lt;div class=&quot;curri-card c1&quot;&gt;
&lt;div class=&quot;curri-card-title&quot;&gt;⚙️ 설치 및 환경 세팅&lt;/div&gt;
&lt;div class=&quot;curri-card-desc&quot;&gt;PyCharm &amp;middot; VS Code &amp;middot; Jupyter&lt;br /&gt;개발 환경 구성 및 첫 실행&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;curri-card c1&quot;&gt;
&lt;div class=&quot;curri-card-title&quot;&gt;  자료형과 연산자&lt;/div&gt;
&lt;div class=&quot;curri-card-desc&quot;&gt;숫자, 문자열, 논리 데이터, 리스트&lt;br /&gt;연산자 및 기본 사용법&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;curri-card c1&quot;&gt;
&lt;div class=&quot;curri-card-title&quot;&gt;  입출력과 문자열 처리&lt;/div&gt;
&lt;div class=&quot;curri-card-desc&quot;&gt;입출력 함수, 문자열 인덱싱&amp;middot;슬라이싱&lt;br /&gt;문자열 주요 함수 사용&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Phase 2 --&gt;
&lt;div class=&quot;curri-section&quot;&gt;
&lt;div class=&quot;curri-phase&quot;&gt;
&lt;div class=&quot;curri-phase-num phase-2&quot;&gt;2 STEP&lt;/div&gt;
&lt;div class=&quot;curri-phase-title&quot;&gt;로직 &amp;amp; 구조화 &amp;mdash; 자동화 로직 구축&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;curri-cards&quot;&gt;
&lt;div class=&quot;curri-card c2&quot;&gt;
&lt;div class=&quot;curri-card-title&quot;&gt;  흐름 제어와 반복&lt;/div&gt;
&lt;div class=&quot;curri-card-desc&quot;&gt;조건문, 반복문, 중첩 제어문으로&lt;br /&gt;프로그램 흐름 제어&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;curri-card c2&quot;&gt;
&lt;div class=&quot;curri-card-title&quot;&gt;  데이터 구조와 저장&lt;/div&gt;
&lt;div class=&quot;curri-card-desc&quot;&gt;리스트, 튜플, 딕셔너리, 집합으로&lt;br /&gt;데이터 저장&amp;middot;탐색&amp;middot;수정&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;curri-card c2&quot;&gt;
&lt;div class=&quot;curri-card-title&quot;&gt;  함수, 파일, 예외처리&lt;/div&gt;
&lt;div class=&quot;curri-card-desc&quot;&gt;자동화에 필요한 함수&amp;middot;파일&amp;middot;예외처리&lt;br /&gt;실무 자동화 기능 익히기&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Phase 3 --&gt;
&lt;div class=&quot;curri-section&quot;&gt;
&lt;div class=&quot;curri-phase&quot;&gt;
&lt;div class=&quot;curri-phase-num phase-3&quot;&gt;3 STEP&lt;/div&gt;
&lt;div class=&quot;curri-phase-title&quot;&gt;데이터와 AI로 실무 적용&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;curri-cards&quot;&gt;
&lt;div class=&quot;curri-card c3&quot;&gt;
&lt;div class=&quot;curri-card-title&quot;&gt;  pandas와 데이터 정리&lt;/div&gt;
&lt;div class=&quot;curri-card-desc&quot;&gt;엑셀 데이터 정리, 기초 통계 분석&lt;br /&gt;matplotlib 시각화&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;curri-card c3&quot;&gt;
&lt;div class=&quot;curri-card-title&quot;&gt;  분석 실습&lt;/div&gt;
&lt;div class=&quot;curri-card-desc&quot;&gt;연령별 인구 데이터 분석&lt;br /&gt;기온 데이터 시계열 분석&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;curri-card c3&quot;&gt;
&lt;div class=&quot;curri-card-title&quot;&gt;  생성형 AI로 효율화&lt;/div&gt;
&lt;div class=&quot;curri-card-desc&quot;&gt;생성형AI 활용 분석 결과 요약&lt;br /&gt;보고서 자동 작성&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Step flow --&gt;
&lt;div class=&quot;curri-steps&quot;&gt;
&lt;div class=&quot;curri-step cs1&quot;&gt;파이썬 기초 완성&lt;/div&gt;
&lt;div class=&quot;curri-step cs2&quot;&gt;자동화 로직 구축&lt;/div&gt;
&lt;div class=&quot;curri-step cs3&quot;&gt;데이터&amp;middot;AI 실무 적용&lt;/div&gt;
&lt;/div&gt;
&lt;!-- AI tools --&gt;
&lt;div style=&quot;margin-top: 28px;&quot;&gt;
&lt;div style=&quot;font-family: var(--mono); font-size: 11px; color: var(--text-dim); margin-bottom: 12px;&quot;&gt;// 함께 배우는 생성형 AI 툴&lt;/div&gt;
&lt;div class=&quot;ai-tools&quot;&gt;
&lt;div class=&quot;ai-tool&quot;&gt;
&lt;div class=&quot;ai-tool-dot&quot; style=&quot;background: #74aa9c;&quot;&gt;&amp;nbsp;&lt;/div&gt;
ChatGPT&lt;/div&gt;
&lt;div class=&quot;ai-tool&quot;&gt;
&lt;div class=&quot;ai-tool-dot&quot; style=&quot;background: #4285f4;&quot;&gt;&amp;nbsp;&lt;/div&gt;
Gemini&lt;/div&gt;
&lt;div class=&quot;ai-tool&quot;&gt;
&lt;div class=&quot;ai-tool-dot&quot; style=&quot;background: #d4a27f;&quot;&gt;&amp;nbsp;&lt;/div&gt;
Claude&lt;/div&gt;
&lt;div class=&quot;ai-tool&quot;&gt;
&lt;div class=&quot;ai-tool-dot&quot; style=&quot;background: #a78bfa;&quot;&gt;&amp;nbsp;&lt;/div&gt;
Cursor&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;divider&quot;&gt;// 신청 전 확인사항&lt;/div&gt;
&lt;!-- ── SECTION 5: 주의사항 ── --&gt;
&lt;div class=&quot;section&quot;&gt;
&lt;div class=&quot;sec-head&quot;&gt;
&lt;div class=&quot;sec-num&quot;&gt;05&lt;/div&gt;
&lt;div class=&quot;sec-title&quot;&gt;신청 전 꼭 확인하세요&lt;small&gt;Before You Enroll&lt;/small&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;alert-box&quot;&gt;
&lt;div class=&quot;alert-icon&quot;&gt; &lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;alert-title&quot;&gt;출석률 80% 이상 유지 필수&lt;/div&gt;
&lt;div class=&quot;alert-desc&quot;&gt;훈련장려금 수령 조건입니다. 토요일 4번이라 사실상 빠지면 안 됩니다. 미리 일정 비워두세요.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;alert-box&quot;&gt;
&lt;div class=&quot;alert-icon&quot;&gt; &lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;alert-title&quot;&gt;정원 20명 &amp;middot; 선착순 마감&lt;/div&gt;
&lt;div class=&quot;alert-desc&quot;&gt;소수 정예 과정입니다. 고민하다 자리 없어지는 건 항상 남의 일이 아닙니다.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;alert-box&quot;&gt;
&lt;div class=&quot;alert-icon&quot;&gt; &lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;alert-title&quot;&gt;내일배움카드 미발급자는 사전 발급 필요&lt;/div&gt;
&lt;div class=&quot;alert-desc&quot;&gt;고용24(work24.go.kr)에서 신청 가능. 발급까지 약 5~14일 소요되니 지금 바로 확인하세요.&lt;br /&gt;[* 우편수령 보단 직접수령으로 선택하시면 좀 더 빠르게 발급 받으실 수 있습니다!]&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- ── CTA ── --&gt;
&lt;div class=&quot;cta&quot;&gt;
&lt;div class=&quot;cta-top&quot;&gt;
&lt;div class=&quot;cta-label&quot;&gt;수강 신청 / 무료 상담&lt;/div&gt;
&lt;div class=&quot;cta-title&quot;&gt;토요일 4번으로 업무가 달라집니다&lt;/div&gt;
&lt;div class=&quot;cta-sub&quot;&gt;파이썬 한 줄 모르는 분도 괜찮습니다. 개강일 4월 4일 &amp;mdash; 자리 확인부터 해보세요.&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;cta-bottom&quot;&gt;
&lt;div class=&quot;cta-info&quot;&gt;&lt;span&gt;  강남구 테헤란로 7길 7 에스코빌딩 5층&lt;/span&gt;&lt;br /&gt;&lt;span&gt;  02-313-1711 - 이대&amp;middot;신촌 캠퍼스&lt;/span&gt;&lt;br /&gt;&lt;span&gt;  02-561-1911 - 강남역 캠퍼스&lt;/span&gt;&lt;br /&gt;&lt;span&gt;  www.choongang.co.kr&lt;/span&gt;&lt;/div&gt;
&lt;a class=&quot;cta-btn&quot; href=&quot;http://pf.kakao.com/_xexfxhAC/chat&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;카카오 무료 상담 &amp;rarr;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;</description>
      <category>ChatGPT활용</category>
      <category>강남역</category>
      <category>내일배움카드</category>
      <category>생성형AI</category>
      <category>업무자동화</category>
      <category>재직자국비교육</category>
      <category>중앙정보기술인재개발원</category>
      <category>파이썬</category>
      <category>파이썬입문</category>
      <category>파이썬주말반</category>
      <author>jhoon-log</author>
      <guid isPermaLink="true">https://jhoon-log.tistory.com/4</guid>
      <comments>https://jhoon-log.tistory.com/4#entry4comment</comments>
      <pubDate>Fri, 6 Mar 2026 12:12:26 +0900</pubDate>
    </item>
    <item>
      <title>중앙정보기술인재개발원 KDT 국비지원,이렇게 하면 합격합니다  </title>
      <link>https://jhoon-log.tistory.com/2</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;link href=&quot;https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&amp;family=Noto+Serif+KR:wght@700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
&lt;style&gt;
/* =====================
   TISTORY KDT BLOG POST
   ===================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --pink: #F4A7B9;
  --pink-deep: #D96A8A;
  --pink-light: #FDE8EF;
  --green: #7EC8A0;
  --green-deep: #4DAF7C;
  --green-light: #E8F7EF;
  --peach: #FDDBC7;
  --peach-deep: #E8895A;
  --yellow: #FFF0C2;
  --cream: #FFFAF8;
  --text: #2d2d2d;
  --text-mid: #555;
  --text-light: #888;
  --border: #F0E0E8;
  --shadow: 0 8px 32px rgba(244,167,185,0.18);
  --shadow-sm: 0 4px 16px rgba(0,0,0,0.07);
}

/* ── 티스토리 본문 래퍼 ── */
.kdt-wrap {
  font-family: 'Noto Sans KR', sans-serif;
  color: var(--text);
  line-height: 1.75;
  background: var(--cream);
  max-width: 720px;
  margin: 0 auto;
  padding: 0 0 60px;
  word-break: keep-all;
  overflow-x: hidden;
}

/* ── 꽃잎 ── */
.petals-wrap { position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:0; overflow:hidden; }
.petal { position:absolute; top:-40px; animation:petalFall linear infinite; opacity:0; }
@keyframes petalFall {
  0%   { transform:translateY(0) rotate(0deg) translateX(0); opacity:0; }
  8%   { opacity:0.5; }
  92%  { opacity:0.25; }
  100% { transform:translateY(105vh) rotate(480deg) translateX(60px); opacity:0; }
}
.petal:nth-child(1)  { left:4%;  font-size:14px; animation-duration:9s;  animation-delay:0s;   }
.petal:nth-child(2)  { left:13%; font-size:20px; animation-duration:11s; animation-delay:1.8s; }
.petal:nth-child(3)  { left:23%; font-size:11px; animation-duration:7s;  animation-delay:3.2s; }
.petal:nth-child(4)  { left:35%; font-size:16px; animation-duration:12s; animation-delay:0.6s; }
.petal:nth-child(5)  { left:47%; font-size:13px; animation-duration:8s;  animation-delay:2.4s; }
.petal:nth-child(6)  { left:58%; font-size:18px; animation-duration:10s; animation-delay:4.5s; }
.petal:nth-child(7)  { left:69%; font-size:12px; animation-duration:9s;  animation-delay:1.2s; }
.petal:nth-child(8)  { left:79%; font-size:22px; animation-duration:13s; animation-delay:3.8s; }
.petal:nth-child(9)  { left:89%; font-size:10px; animation-duration:7s;  animation-delay:0.9s; }
.petal:nth-child(10) { left:94%; font-size:15px; animation-duration:11s; animation-delay:5.5s; }

/* ── Hero ── */
.hero {
  position: relative;
  border-radius: 0 0 32px 32px;
  overflow: hidden;
  height: 380px;
  background: linear-gradient(135deg, #FDDDE6 0%, #FAC8D8 20%, #F4A7B9 45%, #C8E6D4 75%, #A8D8BC 100%);
  margin-bottom: 36px;
}
.hero::before {
  content: ''; position: absolute;
  width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.28) 0%, transparent 70%);
  top: -200px; right: -100px;
}
.hero::after {
  content: ''; position: absolute;
  width: 280px; height: 280px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.16) 0%, transparent 70%);
  bottom: -80px; left: -60px;
}
.hero-deco { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; pointer-events: none; }
.hero-deco-row { display: flex; gap: 22px; opacity: 0.13; }
.hero-deco-row span { font-size: 50px; }
.hero-content {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 0 32px 36px;
  background: linear-gradient(transparent 0%, rgba(160,50,80,0.25) 100%);
}
.hero-badge {
  display: inline-block; background: rgba(255,255,255,0.93);
  color: var(--pink-deep); font-size: 11.5px; font-weight: 700;
  padding: 5px 14px; border-radius: 20px; margin-bottom: 12px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}
.hero-title {
  font-family: 'Noto Serif KR', serif;
  font-size: 24px; font-weight: 700; color: #fff;
  line-height: 1.5; text-shadow: 0 2px 16px rgba(140,30,60,0.35);
}
.hero-sub {
  font-size: 13px; color: rgba(255,255,255,0.92);
  margin-top: 8px; font-weight: 500;
  text-shadow: 0 1px 6px rgba(0,0,0,0.2);
}

/* ── 일정 배너 (NEW) ── */
.date-banner {
  display: flex; gap: 12px; margin: 0 16px 28px;
  background: #fff; border-radius: 20px;
  border: 1.5px solid var(--pink-light);
  padding: 20px 22px;
  box-shadow: var(--shadow);
  align-items: center;
  flex-wrap: wrap;
}
.date-banner-title {
  font-size: 13px; font-weight: 700; color: var(--text-light);
  white-space: nowrap; margin-right: 4px;
}
.date-items { display: flex; gap: 10px; flex-wrap: wrap; flex: 1; }
.date-item {
  flex: 1; min-width: 110px;
  background: linear-gradient(135deg, var(--pink-light), #fff);
  border: 1.5px solid var(--pink);
  border-radius: 14px; padding: 12px 16px;
  text-align: center;
}
.date-item.end-date {
  background: linear-gradient(135deg, var(--green-light), #fff);
  border-color: var(--green);
}
.date-label { font-size: 11px; font-weight: 700; color: var(--text-light); margin-bottom: 4px; }
.date-val { font-size: 22px; font-weight: 700; color: var(--pink-deep); font-family: 'Noto Serif KR', serif; }
.date-item.end-date .date-val { color: var(--green-deep); }
.date-year { font-size: 11px; color: var(--text-light); margin-top: 2px; }
.date-arrow { font-size: 22px; color: var(--pink-light); align-self: center; }

/* ── 인트로 ── */
.intro-float {
  background: #fff; border-radius: 22px;
  padding: 26px 28px; box-shadow: var(--shadow);
  border: 1.5px solid var(--pink-light);
  margin: 0 16px 44px; position: relative; overflow: hidden;
}
.intro-float::after { content: ' '; position: absolute; right: 20px; top: 14px; font-size: 48px; opacity: 0.1; pointer-events: none; }
.intro-float p { font-size: 14.5px; line-height: 2; color: var(--text-mid); margin-bottom: 10px; }
.intro-float p:last-child { margin-bottom: 0; }
.intro-float strong { color: var(--pink-deep); }

/* ── Section ── */
.section { margin: 0 16px 48px; }
.sec-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.sec-icon { width: 38px; height: 38px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.ic-pink   { background: var(--pink-light); }
.ic-green  { background: var(--green-light); }
.ic-peach  { background: #FFF0E6; }
.ic-yellow { background: var(--yellow); }
.sec-title { font-family: 'Noto Serif KR', serif; font-size: 19px; font-weight: 700; color: var(--text); }
.sec-bar { height: 2px; border-radius: 2px; margin-bottom: 20px; background: linear-gradient(90deg, var(--pink) 0%, rgba(244,167,185,0) 70%); }
.kdt-wrap p { font-size: 14.5px; line-height: 1.95; color: var(--text-mid); margin-bottom: 12px; }
.kdt-wrap p:last-child { margin-bottom: 0; }

/* ── Vis banner ── */
.vis-banner {
  border-radius: 20px; overflow: hidden; margin: 22px 0;
  position: relative; height: 160px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: var(--shadow-sm);
}
.vis-banner::before { content: ''; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: rgba(255,255,255,0.14); top: -70px; right: -55px; z-index: 1; }
.vis-banner::after  { content: ''; position: absolute; width: 130px; height: 130px; border-radius: 50%; background: rgba(255,255,255,0.09); bottom: -35px; left: -25px; z-index: 1; }
.vis-content { position: relative; z-index: 2; text-align: center; padding: 20px; }
.vis-emoji { font-size: 44px; display: block; margin-bottom: 6px; }
.vis-text  { font-size: 15px; font-weight: 700; color: #fff; text-shadow: 0 1px 6px rgba(0,0,0,0.2); }
.vis-sub   { font-size: 12px; color: rgba(255,255,255,0.85); margin-top: 4px; }
.vb-pink  { background: linear-gradient(120deg,#FDDDE6,#F4A7B9,#E8799A); }
.vb-blue  { background: linear-gradient(120deg,#D4EEFF,#96C8F4,#5BA3E8); }
.vb-green { background: linear-gradient(120deg,#D4F5E2,#8ED4AE,#4DAF7C); }
.vb-peach { background: linear-gradient(120deg,#FFE8D6,#FFBD99,#E8895A); }

/* ── Info card ── */
.info-card {
  background: #fff; border-radius: 18px;
  padding: 20px 24px; border: 1.5px solid var(--border);
  box-shadow: var(--shadow-sm); margin: 18px 0;
}
.info-row {
  display: flex; gap: 10px; padding: 9px 0;
  border-bottom: 1px dashed #F5E0E8;
  font-size: 14px; align-items: flex-start;
}
.info-row:last-child { border-bottom: none; }
.info-key { min-width: 110px; font-weight: 700; color: var(--pink-deep); flex-shrink: 0; }
.info-val { color: var(--text-mid); }
.badge-p { display: inline-block; background: var(--pink-light); color: var(--pink-deep); font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 20px; margin-left: 4px; }
.badge-g { display: inline-block; background: var(--green-light); color: var(--green-deep); font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 20px; margin-left: 4px; }

/* ── Feature grid ── */
.feat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 18px 0; }
.feat {
  background: #fff; border-radius: 16px; padding: 20px 16px;
  border: 1.5px solid var(--border); box-shadow: var(--shadow-sm);
  transition: transform .22s, box-shadow .22s;
}
.feat:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(244,167,185,0.22); }
.feat-icon  { font-size: 26px; margin-bottom: 8px; }
.feat-title { font-size: 13.5px; font-weight: 700; color: var(--text); margin-bottom: 5px; }
.feat-desc  { font-size: 12.5px; color: var(--text-light); line-height: 1.65; }

/* ── Steps ── */
.steps { margin: 20px 0; }
.step { display: flex; gap: 16px; margin-bottom: 22px; align-items: flex-start; }
.step-num {
  width: 38px; height: 38px; border-radius: 50%;
  background: linear-gradient(135deg, #F4A7B9, var(--pink-deep));
  color: #fff; font-size: 14px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; margin-top: 2px;
  box-shadow: 0 4px 12px rgba(217,106,138,0.35);
}
.step-title { font-size: 14.5px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.step-desc  { font-size: 13.5px; color: var(--text-mid); line-height: 1.75; }
.step-tip   {
  display: inline-block; background: var(--peach); color: var(--peach-deep);
  font-size: 11.5px; font-weight: 700; padding: 3px 12px;
  border-radius: 20px; margin-top: 6px;
}

/* ── Course cards ── */
.course-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 20px 0; }
.course-card {
  background: #fff; border-radius: 18px; overflow: hidden;
  border: 1.5px solid var(--border); box-shadow: var(--shadow-sm);
  transition: transform .22s, box-shadow .22s;
}
.course-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.course-thumb {
  height: 130px; display: flex; align-items: center;
  justify-content: center; font-size: 48px;
  position: relative; overflow: hidden;
}
.course-thumb::before { content: ''; position: absolute; width: 150px; height: 150px; border-radius: 50%; background: rgba(255,255,255,0.16); top: -45px; right: -35px; }
.ct-ai   { background: linear-gradient(135deg,#D4EEFF,#96C8F4,#6AAEE0); }
.ct-java { background: linear-gradient(135deg,#FFE8D6,#FFBD99,#E8895A); }
.course-body { padding: 14px 16px 18px; }
.course-tag  { display: inline-block; background: var(--green-light); color: var(--green-deep); font-size: 10.5px; font-weight: 700; padding: 2px 9px; border-radius: 20px; margin-bottom: 7px; }
.course-name { font-size: 14px; font-weight: 700; color: var(--text); margin-bottom: 8px; line-height: 1.5; }
.course-meta span { display: block; font-size: 12px; color: var(--text-light); margin-bottom: 3px; }

/* ── Highlight box ── */
.highlight-box {
  background: linear-gradient(135deg,#FFF0F5 0%,#F0FFF6 100%);
  border-radius: 22px; padding: 24px 26px;
  border: 1.5px solid var(--pink-light); margin: 20px 0;
}
.hl-title { font-family: 'Noto Serif KR', serif; font-size: 16px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.hl-sub   { font-size: 13px; color: var(--text-light); margin-bottom: 14px; }
.chips { display: flex; flex-wrap: wrap; gap: 7px; }
.chip   { background: #fff; border: 1.5px solid var(--pink-light); color: var(--pink-deep); font-size: 12.5px; font-weight: 700; padding: 6px 13px; border-radius: 20px; box-shadow: 0 2px 7px rgba(244,167,185,0.1); }
.chip.g { border-color: #B8E8CC; color: var(--green-deep); }

/* ── Target grid ── */
.target-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 18px 0; }
.target-item {
  background: #fff; border-radius: 14px; padding: 14px 16px;
  border: 1.5px solid var(--border);
  display: flex; gap: 10px; align-items: flex-start;
  box-shadow: var(--shadow-sm);
}
.tg-emoji { font-size: 22px; margin-top: 1px; }
.tg-label { font-size: 13px; font-weight: 700; color: var(--text); margin-bottom: 3px; }
.tg-desc  { font-size: 12px; color: var(--text-light); line-height: 1.55; }

/* ── Review ── */
.review {
  background: #fff; border-radius: 18px; padding: 22px 24px;
  margin: 12px 0; border: 1.5px solid var(--border);
  box-shadow: var(--shadow-sm); position: relative;
}
.review::before { content: '\201C'; position: absolute; top: 6px; left: 16px; font-size: 60px; color: var(--pink-light); line-height: 1; font-family: Georgia, serif; pointer-events: none; }
.rv-stars  { color: #FFAA00; font-size: 14px; margin-bottom: 7px; padding-left: 36px; }
.rv-text   { font-size: 14px; color: #444; line-height: 1.88; padding-left: 36px; }
.rv-author { font-size: 12.5px; color: var(--text-light); margin-top: 9px; font-weight: 600; padding-left: 36px; }

/* ── Notice ── */
.notice {
  background: #fff; border-left: 4px solid var(--pink);
  border-radius: 0 14px 14px 0; padding: 16px 20px;
  margin: 10px 0; box-shadow: var(--shadow-sm);
}
.notice-title { font-size: 13.5px; font-weight: 700; color: var(--pink-deep); margin-bottom: 5px; }
.notice-desc  { font-size: 13.5px; color: var(--text-mid); line-height: 1.75; }
.notice-blue  {
  background: #EEF6FF; border: 1.5px solid #C0DDF8;
  border-radius: 14px; padding: 16px 20px;
  font-size: 13.5px; color: #1E5F99; line-height: 1.8; margin: 18px 0;
}

/* ── Divider ── */
.divider { display: flex; align-items: center; gap: 12px; margin: 36px 16px; font-size: 16px; }
.divider::before, .divider::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--pink-light), transparent); }

/* ── CTA ── */
.cta {
  background: linear-gradient(135deg,#F4A7B9 0%,#E07A94 45%,#C85075 100%);
  border-radius: 26px; padding: 40px 28px;
  text-align: center; margin: 44px 16px 0;
  position: relative; overflow: hidden;
  box-shadow: 0 12px 40px rgba(200,80,110,0.3);
}
.cta::before { content: ''; position: absolute; width: 380px; height: 380px; border-radius: 50%; background: rgba(255,255,255,0.09); top: -170px; right: -110px; pointer-events: none; }
.cta::after  { content: ''; position: absolute; width: 180px; height: 180px; border-radius: 50%; background: rgba(255,255,255,0.07); bottom: -70px; left: -50px; pointer-events: none; }
.cta-flowers { font-size: 26px; margin-bottom: 10px; letter-spacing: 8px; opacity: 0.9; }
.cta-title { font-family: 'Noto Serif KR', serif; font-size: 19px; font-weight: 700; color: #fff; margin-bottom: 10px; position: relative; z-index: 1; }
.cta-sub   { font-size: 14px; color: rgba(255,255,255,0.9); margin-bottom: 24px; line-height: 1.8; position: relative; z-index: 1; }
.cta-btn {
  display: inline-block; background: #fff; color: var(--pink-deep);
  font-size: 15px; font-weight: 700; padding: 13px 38px;
  border-radius: 50px; text-decoration: none;
  box-shadow: 0 5px 20px rgba(0,0,0,0.18);
  transition: transform .2s, box-shadow .2s;
  font-family: 'Noto Sans KR', sans-serif;
  position: relative; z-index: 1;
}
.cta-btn:hover { transform: scale(1.05); box-shadow: 0 8px 28px rgba(0,0,0,0.22); }

/* ── Tags ── */
.tags { margin: 40px 16px 0; display: flex; flex-wrap: wrap; gap: 7px; }
.tag {
  background: #fff; border: 1.5px solid var(--pink-light);
  color: #999; font-size: 12.5px; padding: 5px 13px;
  border-radius: 20px; cursor: pointer; transition: all .2s;
}
.tag:hover { background: var(--pink-light); color: var(--pink-deep); }

/* ==========================================
     모바일 반응형 (600px 이하)
   ========================================== */
@media (max-width: 600px) {
  .hero { height: 300px; }
  .hero-title { font-size: 18px; }
  .hero-content { padding: 0 18px 26px; }
  .hero-sub { font-size: 12px; }

  .date-banner { margin: 0 10px 22px; padding: 16px 16px; }
  .date-val { font-size: 18px; }
  .date-arrow { font-size: 18px; }

  .intro-float { margin: 0 10px 34px; padding: 20px 18px; }
  .section { margin: 0 10px 38px; }
  .divider { margin: 28px 10px; }
  .cta { margin: 36px 10px 0; padding: 30px 20px; }
  .cta-title { font-size: 17px; }
  .tags { margin: 32px 10px 0; }

  .feat-grid { grid-template-columns: 1fr; }
  .course-cards { grid-template-columns: 1fr; }
  .target-grid { grid-template-columns: 1fr; }

  .sec-title { font-size: 17px; }
  .info-key { min-width: 96px; font-size: 13px; }
  .info-val { font-size: 13px; }

  .review::before { font-size: 50px; }
  .rv-text, .rv-stars, .rv-author { padding-left: 28px; }
}

/* ==========================================
     초소형 (360px 이하)
   ========================================== */
@media (max-width: 360px) {
  .hero { height: 260px; }
  .hero-title { font-size: 16px; }
  .date-items { flex-direction: column; }
  .date-arrow { display: none; }
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;!-- 꽃잎 배경 --&gt;
&lt;div class=&quot;petals-wrap&quot;&gt;
  &lt;div class=&quot;petal&quot;&gt; &lt;/div&gt;
  &lt;div class=&quot;petal&quot;&gt; &lt;/div&gt;
  &lt;div class=&quot;petal&quot;&gt; &lt;/div&gt;
  &lt;div class=&quot;petal&quot;&gt; &lt;/div&gt;
  &lt;div class=&quot;petal&quot;&gt; &lt;/div&gt;
  &lt;div class=&quot;petal&quot;&gt; &lt;/div&gt;
  &lt;div class=&quot;petal&quot;&gt; &lt;/div&gt;
  &lt;div class=&quot;petal&quot;&gt; &lt;/div&gt;
  &lt;div class=&quot;petal&quot;&gt; &lt;/div&gt;
  &lt;div class=&quot;petal&quot;&gt; &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kdt-wrap&quot;&gt;

  &lt;!-- ★ Hero --&gt;
  &lt;div class=&quot;hero&quot;&gt;
    &lt;div class=&quot;hero-deco&quot;&gt;
      &lt;div class=&quot;hero-deco-row&quot;&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;hero-deco-row&quot;&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;hero-deco-row&quot;&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hero-content&quot;&gt;
      &lt;div class=&quot;hero-badge&quot;&gt;  2026 봄 신규 모집&lt;/div&gt;
      &lt;h1 class=&quot;hero-title&quot;&gt;중앙정보기술인재개발원&lt;br&gt;KDT 국비지원,&lt;br&gt;이렇게 하면 합격합니다  &lt;/h1&gt;
      &lt;div class=&quot;hero-sub&quot;&gt;수강료 90% 국비지원 · 1,000여개 기업 취업 연계 · 이대역 6번출구 10M&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- ★ 개강/종강 일정 배너 (NEW) --&gt;
  &lt;div class=&quot;date-banner&quot;&gt;
    &lt;div class=&quot;date-banner-title&quot;&gt;  2026 봄학기 일정&lt;/div&gt;
    &lt;div class=&quot;date-items&quot;&gt;
      &lt;div class=&quot;date-item&quot;&gt;
        &lt;div class=&quot;date-label&quot;&gt;  개강일&lt;/div&gt;
        &lt;div class=&quot;date-val&quot;&gt;3월 17일&lt;/div&gt;
        &lt;div class=&quot;date-year&quot;&gt;2026년&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;date-arrow&quot;&gt;→&lt;/div&gt;
      &lt;div class=&quot;date-item end-date&quot;&gt;
        &lt;div class=&quot;date-label&quot;&gt;  종강일&lt;/div&gt;
        &lt;div class=&quot;date-val&quot;&gt;9월 8일&lt;/div&gt;
        &lt;div class=&quot;date-year&quot;&gt;2026년&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- ★ 인트로 --&gt;
  &lt;div class=&quot;intro-float&quot;&gt;
    &lt;p&gt;안녕하세요!   봄처럼 새로운 시작을 꿈꾸고 있는 분들께 반가운 소식을 가져왔어요.&lt;/p&gt;
    &lt;p&gt;바로 &lt;strong&gt;중앙정보기술인재개발원&lt;/strong&gt;의 &lt;strong&gt;KDT(K-Digital Training) 국비지원 과정!!&lt;/strong&gt;&lt;/p&gt;
    &lt;p&gt;수강료 &lt;strong&gt;90% 국비지원&lt;/strong&gt;(자부담 10%)에 취업까지 연계해주는 꿈의 교육과정!&lt;/p&gt;
    &lt;p&gt;지금 바로 알아봐요  &lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- ★ Section 1 : 기관 소개 --&gt;
  &lt;div class=&quot;section&quot;&gt;
    &lt;div class=&quot;sec-head&quot;&gt;
      &lt;div class=&quot;sec-icon ic-pink&quot;&gt; &lt;/div&gt;
      &lt;h2 class=&quot;sec-title&quot;&gt;중앙정보기술인재개발원이란?&lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class=&quot;sec-bar&quot;&gt;&lt;/div&gt;
    &lt;p&gt;고용노동부 인가 직업능력개발훈련기관으로, 오랜 역사와 경험을 바탕으로 IT 전문 인력을 양성해온 교육기관입니다.&lt;/p&gt;
    &lt;p&gt;단순한 코딩 학원이 아니라, &lt;strong&gt;취업까지 책임지는 전문 IT 교육기관&lt;/strong&gt;이에요!&lt;/p&gt;

    &lt;div class=&quot;vis-banner vb-pink&quot;&gt;
      &lt;div class=&quot;vis-content&quot;&gt;
        &lt;span class=&quot;vis-emoji&quot;&gt; &lt;/span&gt;
        &lt;div class=&quot;vis-text&quot;&gt;서울 이대역 6번출구 바로 앞 10M&lt;/div&gt;
        &lt;div class=&quot;vis-sub&quot;&gt;도심 속, 어디서든 오기 편한 최고의 위치&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;info-card&quot;&gt;
      &lt;div class=&quot;info-row&quot;&gt;&lt;span class=&quot;info-key&quot;&gt;  기관명&lt;/span&gt;&lt;span class=&quot;info-val&quot;&gt;중앙정보기술인재개발원&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;info-row&quot;&gt;&lt;span class=&quot;info-key&quot;&gt;  위치&lt;/span&gt;&lt;span class=&quot;info-val&quot;&gt;서울 이대역 6번출구 10M &lt;span class=&quot;badge-p&quot;&gt;교통 편리&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;info-row&quot;&gt;&lt;span class=&quot;info-key&quot;&gt;  인가 기관&lt;/span&gt;&lt;span class=&quot;info-val&quot;&gt;고용노동부 공식 인가 훈련기관&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;info-row&quot;&gt;&lt;span class=&quot;info-key&quot;&gt;  훈련 기간&lt;/span&gt;&lt;span class=&quot;info-val&quot;&gt;2026년 3월 17일 ~ 9월 8일 &lt;span class=&quot;badge-p&quot;&gt;약 6개월&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;info-row&quot;&gt;&lt;span class=&quot;info-key&quot;&gt;  수강료&lt;/span&gt;&lt;span class=&quot;info-val&quot;&gt;국비지원 90%, 자부담 10% &lt;span class=&quot;badge-p&quot;&gt;훈련장려금 별도&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;info-row&quot;&gt;&lt;span class=&quot;info-key&quot;&gt;  주요 과정&lt;/span&gt;&lt;span class=&quot;info-val&quot;&gt;생성형AI 활용 클라우드 데브옵스 과정&lt;br&gt;자바기반 웹개발자 과정&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;info-row&quot;&gt;&lt;span class=&quot;info-key&quot;&gt;  수료 후&lt;/span&gt;&lt;span class=&quot;info-val&quot;&gt;1,000여개 협력 기업 취업 연계 &lt;span class=&quot;badge-g&quot;&gt;자격증 지원&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

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

  &lt;!-- ★ Section 2 : KDT란? --&gt;
  &lt;div class=&quot;section&quot;&gt;
    &lt;div class=&quot;sec-head&quot;&gt;
      &lt;div class=&quot;sec-icon ic-green&quot;&gt; &lt;/div&gt;
      &lt;h2 class=&quot;sec-title&quot;&gt;KDT(K-Digital Training)란?&lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class=&quot;sec-bar&quot;&gt;&lt;/div&gt;
    &lt;p&gt;KDT는 정부가 디지털 전환 시대에 맞춰 운영하는 &lt;strong&gt;K-Digital Training&lt;/strong&gt; 사업입니다. IT·SW 분야 핵심 인재 양성을 위해 고용노동부가 &lt;strong&gt;수강료의 90%를 지원&lt;/strong&gt;해주는 국가 주도 훈련 제도예요.&lt;/p&gt;

    &lt;div class=&quot;feat-grid&quot;&gt;
      &lt;div class=&quot;feat&quot;&gt;
        &lt;div class=&quot;feat-icon&quot;&gt; &lt;/div&gt;
        &lt;div class=&quot;feat-title&quot;&gt;수강료 90% 국비지원&lt;/div&gt;
        &lt;div class=&quot;feat-desc&quot;&gt;정부가 훈련비 90% 지원, 자부담 10%만으로 최신 IT 기술을 배울 수 있어요.&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;feat&quot;&gt;
        &lt;div class=&quot;feat-icon&quot;&gt; &lt;/div&gt;
        &lt;div class=&quot;feat-title&quot;&gt;훈련장려금 지급&lt;/div&gt;
        &lt;div class=&quot;feat-desc&quot;&gt;출석 기준 충족 시 매월 훈련장려금 지급. 최대 월 80만원 (개인별 상이)&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;feat&quot;&gt;
        &lt;div class=&quot;feat-icon&quot;&gt; &lt;/div&gt;
        &lt;div class=&quot;feat-title&quot;&gt;취업 직결 커리큘럼&lt;/div&gt;
        &lt;div class=&quot;feat-desc&quot;&gt;현업 전문가가 설계한 실무 중심 커리큘럼, 즉시 전력 양성.&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;feat&quot;&gt;
        &lt;div class=&quot;feat-icon&quot;&gt; &lt;/div&gt;
        &lt;div class=&quot;feat-title&quot;&gt;1,000여개 기업 취업 연계&lt;/div&gt;
        &lt;div class=&quot;feat-desc&quot;&gt;수료 후 1,000여개 협력 기업 채용 연계, 포트폴리오·면접 준비까지.&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

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

  &lt;!-- ★ Section 3 : 신청 자격 --&gt;
  &lt;div class=&quot;section&quot;&gt;
    &lt;div class=&quot;sec-head&quot;&gt;
      &lt;div class=&quot;sec-icon ic-peach&quot;&gt; &lt;/div&gt;
      &lt;h2 class=&quot;sec-title&quot;&gt;신청 자격 및 조건&lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class=&quot;sec-bar&quot;&gt;&lt;/div&gt;
    &lt;p&gt;KDT 국비지원은 누구나 신청할 수 있는 건 아니에요. 아래 조건을 꼭 확인하세요!&lt;/p&gt;

    &lt;div class=&quot;target-grid&quot;&gt;
      &lt;div class=&quot;target-item&quot;&gt;
        &lt;div class=&quot;tg-emoji&quot;&gt; &lt;/div&gt;
        &lt;div&gt;
          &lt;div class=&quot;tg-label&quot;&gt;실업자&lt;/div&gt;
          &lt;div class=&quot;tg-desc&quot;&gt;현재 직업이 없는 구직자 (국민내일배움카드 발급 필수)&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;target-item&quot;&gt;
        &lt;div class=&quot;tg-emoji&quot;&gt; &lt;/div&gt;
        &lt;div&gt;
          &lt;div class=&quot;tg-label&quot;&gt;재직자&lt;/div&gt;
          &lt;div class=&quot;tg-desc&quot;&gt;직무 전환·역량 강화를 원하는 분 (일부 과정 해당)&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;target-item&quot;&gt;
        &lt;div class=&quot;tg-emoji&quot;&gt; &lt;/div&gt;
        &lt;div&gt;
          &lt;div class=&quot;tg-label&quot;&gt;졸업 예정자&lt;/div&gt;
          &lt;div class=&quot;tg-desc&quot;&gt;대학교 졸업 예정자 및 졸업 후 미취업자&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;target-item&quot;&gt;
        &lt;div class=&quot;tg-emoji&quot;&gt; &lt;/div&gt;
        &lt;div&gt;
          &lt;div class=&quot;tg-label&quot;&gt;자영업자&lt;/div&gt;
          &lt;div class=&quot;tg-desc&quot;&gt;폐업 후 재취업을 원하는 자영업자&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;notice-blue&quot;&gt;ℹ️ &lt;strong&gt;국민내일배움카드&lt;/strong&gt;가 없으신 분은 먼저 가까운 고용센터 또는 고용24(www.work24.go.kr) 사이트에서 카드를 신청하세요. 카드 발급 후 수강 신청이 가능해요!&lt;/div&gt;
  &lt;/div&gt;

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

  &lt;!-- ★ Section 4 : 신청 방법 --&gt;
  &lt;div class=&quot;section&quot;&gt;
    &lt;div class=&quot;sec-head&quot;&gt;
      &lt;div class=&quot;sec-icon ic-pink&quot;&gt; &lt;/div&gt;
      &lt;h2 class=&quot;sec-title&quot;&gt;신청 방법 Step by Step&lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class=&quot;sec-bar&quot;&gt;&lt;/div&gt;

    &lt;div class=&quot;vis-banner vb-blue&quot;&gt;
      &lt;div class=&quot;vis-content&quot;&gt;
        &lt;span class=&quot;vis-emoji&quot;&gt; &lt;/span&gt;
        &lt;div class=&quot;vis-text&quot;&gt;3월 17일 개강! 지금 바로 수강 신청하세요&lt;/div&gt;
        &lt;div class=&quot;vis-sub&quot;&gt;선착순 마감 · 빠를수록 유리해요&lt;/div&gt;
      &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&gt;
          &lt;div class=&quot;step-title&quot;&gt;국민내일배움카드 신청&lt;/div&gt;
          &lt;div class=&quot;step-desc&quot;&gt;고용24 사이트 접속 → 국민내일배움카드 신청 → 고용센터 상담 후 카드 발급 (약 5~14일 소요)&lt;br&gt;수령방법을 우편이 아닌 직접수령으로 신청하시면 더 빠르게 받으실 수 있어요!&lt;/div&gt;
          &lt;span class=&quot;step-tip&quot;&gt;  고용24 (work24.go.kr)&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&gt;
          &lt;div class=&quot;step-title&quot;&gt;중앙정보기술인재개발원 과정 검색&lt;/div&gt;
          &lt;div class=&quot;step-desc&quot;&gt;HRD-Net(www.hrd.go.kr) 또는 중앙정보기술인재개발원 공식 홈페이지에서 원하는 과정을 검색하세요.&lt;/div&gt;
          &lt;span class=&quot;step-tip&quot;&gt;  HRD-Net 훈련과정 검색&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&gt;
          &lt;div class=&quot;step-title&quot;&gt;수강 신청 및 상담&lt;/div&gt;
          &lt;div class=&quot;step-desc&quot;&gt;원하는 과정 선택 후 온라인 수강 신청 또는 기관에 직접 연락해 상담을 받으세요. 입학 테스트가 있는 과정도 있어요.&lt;/div&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&gt;
          &lt;div class=&quot;step-title&quot;&gt;훈련 시작 &amp;amp; 장려금 수령&lt;/div&gt;
          &lt;div class=&quot;step-desc&quot;&gt;3월 17일 훈련 시작 후 출석률 유지 시 매월 훈련장려금이 지급됩니다. 열심히 출석하는 게 중요해요!  &lt;/div&gt;
          &lt;span class=&quot;step-tip&quot;&gt;  훈련장려금 월 최대 80만원 (개인별 상이)&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;step&quot;&gt;
        &lt;div class=&quot;step-num&quot;&gt;5&lt;/div&gt;
        &lt;div&gt;
          &lt;div class=&quot;step-title&quot;&gt;수료 &amp;amp; 취업 연계 (9월 8일 종강)&lt;/div&gt;
          &lt;div class=&quot;step-desc&quot;&gt;과정 수료 후 포트폴리오 완성, 1,000여개 기업 채용 연계 서비스를 통해 IT 기업에 취업해보세요!&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

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

  &lt;!-- ★ Section 5 : 훈련 과정 --&gt;
  &lt;div class=&quot;section&quot;&gt;
    &lt;div class=&quot;sec-head&quot;&gt;
      &lt;div class=&quot;sec-icon ic-green&quot;&gt; &lt;/div&gt;
      &lt;h2 class=&quot;sec-title&quot;&gt;주요 훈련 과정 소개&lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class=&quot;sec-bar&quot;&gt;&lt;/div&gt;
    &lt;p&gt;중앙정보기술인재개발원에서 운영하는 KDT 핵심 과정을 소개해 드릴게요!&lt;/p&gt;

    &lt;div class=&quot;course-cards&quot;&gt;
      &lt;div class=&quot;course-card&quot;&gt;
        &lt;div class=&quot;course-thumb ct-ai&quot;&gt; &lt;/div&gt;
        &lt;div class=&quot;course-body&quot;&gt;
          &lt;div class=&quot;course-tag&quot;&gt;  AI + 클라우드&lt;/div&gt;
          &lt;div class=&quot;course-name&quot;&gt;생성형AI 활용&lt;br&gt;클라우드 데브옵스 과정&lt;/div&gt;
          &lt;div class=&quot;course-meta&quot;&gt;
            &lt;span&gt;  3.17 ~ 9.8 (약 6개월)&lt;/span&gt;
            &lt;span&gt;  AWS · Docker · Kubernetes · ChatGPT API&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;course-card&quot;&gt;
        &lt;div class=&quot;course-thumb ct-java&quot;&gt;☕&lt;/div&gt;
        &lt;div class=&quot;course-body&quot;&gt;
          &lt;div class=&quot;course-tag&quot;&gt;☕ 인기 1위&lt;/div&gt;
          &lt;div class=&quot;course-name&quot;&gt;자바기반&lt;br&gt;웹개발자 과정&lt;/div&gt;
          &lt;div class=&quot;course-meta&quot;&gt;
            &lt;span&gt;  3.17 ~ 9.8 (약 6개월)&lt;/span&gt;
            &lt;span&gt;  Java · Spring · MySQL · JSP&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

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

  &lt;!-- ★ Section 6 : 혜택 총정리 --&gt;
  &lt;div class=&quot;section&quot;&gt;
    &lt;div class=&quot;sec-head&quot;&gt;
      &lt;div class=&quot;sec-icon ic-peach&quot;&gt; &lt;/div&gt;
      &lt;h2 class=&quot;sec-title&quot;&gt;국비지원 핵심 혜택 총정리&lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class=&quot;sec-bar&quot;&gt;&lt;/div&gt;

    &lt;div class=&quot;highlight-box&quot;&gt;
      &lt;div class=&quot;hl-title&quot;&gt;  중앙정보기술인재개발원 국비지원 혜택&lt;/div&gt;
      &lt;div class=&quot;hl-sub&quot;&gt;정부 지원 교육 프로그램이라 이런 혜택들을 모두 받을 수 있어요!&lt;/div&gt;
      &lt;div class=&quot;chips&quot;&gt;
        &lt;span class=&quot;chip&quot;&gt;✅ 수강료 90% 국비지원&lt;/span&gt;
        &lt;span class=&quot;chip&quot;&gt;  훈련장려금 월 최대 80만원&lt;/span&gt;
        &lt;span class=&quot;chip g&quot;&gt;  교재비 지원&lt;/span&gt;
        &lt;span class=&quot;chip g&quot;&gt;  자격증 취득 지원&lt;/span&gt;
        &lt;span class=&quot;chip&quot;&gt;  1,000여개 기업 취업 연계&lt;/span&gt;
        &lt;span class=&quot;chip g&quot;&gt;  포트폴리오 제작 지원&lt;/span&gt;
        &lt;span class=&quot;chip&quot;&gt;  실습 장비 제공&lt;/span&gt;
        &lt;span class=&quot;chip g&quot;&gt; ‍  1:1 멘토링&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;vis-banner vb-green&quot;&gt;
      &lt;div class=&quot;vis-content&quot;&gt;
        &lt;span class=&quot;vis-emoji&quot;&gt; &lt;/span&gt;
        &lt;div class=&quot;vis-text&quot;&gt;1,000여개 협력 기업과 함께하는 취업 연계&lt;/div&gt;
        &lt;div class=&quot;vis-sub&quot;&gt;수료 후 포트폴리오 · 면접 준비까지 함께해요&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

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

  &lt;!-- ★ Section 7 : 수강생 후기 --&gt;
  &lt;div class=&quot;section&quot;&gt;
    &lt;div class=&quot;sec-head&quot;&gt;
      &lt;div class=&quot;sec-icon ic-pink&quot;&gt;⭐&lt;/div&gt;
      &lt;h2 class=&quot;sec-title&quot;&gt;수강생 생생 후기&lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class=&quot;sec-bar&quot;&gt;&lt;/div&gt;

    &lt;div class=&quot;review&quot;&gt;
      &lt;div class=&quot;rv-stars&quot;&gt;★★★★★&lt;/div&gt;
      &lt;div class=&quot;rv-text&quot;&gt;비전공자였는데 Java 과정 수강 후 6개월 만에 IT 기업에 취업했어요! 강사님들이 정말 친절하게 알려주시고, 모르는 게 있으면 끝날 때까지 봐주시더라고요. 자부담이 적은데 이 정도 퀄리티면 정말 대박입니다  &lt;/div&gt;
      &lt;div class=&quot;rv-author&quot;&gt;— 수강생 김○○ · 비전공자 → IT 기업 취업 성공&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;review&quot;&gt;
      &lt;div class=&quot;rv-stars&quot;&gt;★★★★★&lt;/div&gt;
      &lt;div class=&quot;rv-text&quot;&gt;생성형AI 클라우드 과정을 수강했는데, 실습 위주로 진행돼서 실제로 프로젝트를 완성할 수 있었어요. 취업 연계도 도와줘서 현재 클라우드 엔지니어로 일하고 있습니다. 강추해요!&lt;/div&gt;
      &lt;div class=&quot;rv-author&quot;&gt;— 수강생 이○○ · 클라우드 데브옵스 과정 → 클라우드 엔지니어 취업&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

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

  &lt;!-- ★ Section 8 : 주의 사항 --&gt;
  &lt;div class=&quot;section&quot;&gt;
    &lt;div class=&quot;sec-head&quot;&gt;
      &lt;div class=&quot;sec-icon ic-yellow&quot;&gt;⚠️&lt;/div&gt;
      &lt;h2 class=&quot;sec-title&quot;&gt;신청 전 꼭 확인하세요!&lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class=&quot;sec-bar&quot;&gt;&lt;/div&gt;

    &lt;div class=&quot;notice&quot;&gt;
      &lt;div class=&quot;notice-title&quot;&gt;  출석률 관리가 매우 중요합니다!&lt;/div&gt;
      &lt;div class=&quot;notice-desc&quot;&gt;훈련장려금은 출석률 80% 이상 유지 시 지급됩니다. 무단결석이 잦으면 장려금이 삭감되거나 훈련이 중단될 수 있어요.&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;notice&quot;&gt;
      &lt;div class=&quot;notice-title&quot;&gt;  훈련 취소 패널티 주의!&lt;/div&gt;
      &lt;div class=&quot;notice-desc&quot;&gt;수강 신청 후 중도 포기 시 다음 훈련 신청에 제한이 생길 수 있습니다. 신중하게 선택하세요.&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;notice&quot;&gt;
      &lt;div class=&quot;notice-title&quot;&gt;  과정별 선발 경쟁이 있을 수 있어요!&lt;/div&gt;
      &lt;div class=&quot;notice-desc&quot;&gt;인기 있는 과정은 조기 마감되기도 해요. 3월 17일 개강 전 빠르게 신청하세요!&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- ★ CTA --&gt;
  &lt;div class=&quot;cta&quot;&gt;
    &lt;div class=&quot;cta-flowers&quot;&gt;     &lt;/div&gt;
    &lt;div class=&quot;cta-title&quot;&gt;지금 바로 중앙정보기술인재개발원에 문의하세요!&lt;/div&gt;
    &lt;div class=&quot;cta-sub&quot;&gt;
        개강 3월 17일 · 종강 9월 8일&lt;br&gt;
      KDT 국비지원 과정 상담부터 수강 신청까지,&lt;br&gt;
      전문 상담사가 친절하게 안내해 드립니다.&lt;br&gt;
      이번 봄, IT 취업의 새로운 시작을 함께해요!  
    &lt;/div&gt;
    &lt;a class=&quot;cta-btn&quot; href=&quot;http://pf.kakao.com/_xexfxhAC/chat&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;  카카오로 무료 상담 신청하기&lt;/a&gt;
  &lt;/div&gt;

  &lt;!-- Tags --&gt;
  &lt;div class=&quot;tags&quot;&gt;
    &lt;span class=&quot;tag&quot;&gt;#국비지원&lt;/span&gt;
    &lt;span class=&quot;tag&quot;&gt;#KDT&lt;/span&gt;
    &lt;span class=&quot;tag&quot;&gt;#중앙정보기술인재개발원&lt;/span&gt;
    &lt;span class=&quot;tag&quot;&gt;#K디지털트레이닝&lt;/span&gt;
    &lt;span class=&quot;tag&quot;&gt;#IT취업&lt;/span&gt;
    &lt;span class=&quot;tag&quot;&gt;#자바웹개발&lt;/span&gt;
    &lt;span class=&quot;tag&quot;&gt;#생성형AI&lt;/span&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;#개강3월17일&lt;/span&gt;
  &lt;/div&gt;

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

&lt;/body&gt;
&lt;/html&gt;</description>
      <category>IT국비교육</category>
      <category>KDT</category>
      <category>k디지털트레이닝</category>
      <category>국민내일배움카드</category>
      <category>국비지원</category>
      <category>봄동</category>
      <category>봄동비빔밥</category>
      <category>생성형AI</category>
      <category>코딩국비지원</category>
      <category>클라우드</category>
      <author>jhoon-log</author>
      <guid isPermaLink="true">https://jhoon-log.tistory.com/2</guid>
      <comments>https://jhoon-log.tistory.com/2#entry2comment</comments>
      <pubDate>Fri, 6 Mar 2026 11:20:26 +0900</pubDate>
    </item>
  </channel>
</rss>