<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>발표자 소개 — Enterprise AI Seoul 2026</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Bebas+Neue&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
background: #080B10;
color: #F0F4FF;
font-family: 'Noto Sans KR', sans-serif;
font-weight: 300;
line-height: 1.75;
}
/* NAV */
nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 48px;
height: 64px;
background: rgba(8,11,16,0.9);
backdrop-filter: blur(16px);
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.nav-logo {
font-family: 'Bebas Neue', sans-serif;
font-size: 17px;
letter-spacing: 0.12em;
color: #00E5FF;
text-decoration: none;
}
.nav-logo span { color: #8A96B0; }
.nav-cta {
padding: 8px 20px;
border: 1px solid #00E5FF;
color: #00E5FF;
text-decoration: none;
font-size: 12px;
letter-spacing: 0.08em;
transition: all 0.2s;
}
.nav-cta:hover { background: #00E5FF; color: #080B10; }
/* MAIN */
main {
max-width: 900px;
margin: 0 auto;
padding: 140px 48px 120px;
}
/* 상단 라벨 */
.label {
font-size: 11px;
letter-spacing: 0.2em;
color: #00E5FF;
text-transform: uppercase;
margin-bottom: 32px;
display: flex;
align-items: center;
gap: 12px;
}
.label::before {
content: '';
width: 28px;
height: 1px;
background: #00E5FF;
}
/* 발표 제목 */
.talk-title {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(48px, 7vw, 88px);
line-height: 0.95;
letter-spacing: 0.02em;
color: #F0F4FF;
margin-bottom: 64px;
}
.talk-title em {
font-style: normal;
color: #7B61FF;
}
/* 발표자 + 요약 그리드 */
.content-grid {
display: grid;
grid-template-columns: 280px 1fr;
gap: 64px;
align-items: start;
border-top: 1px solid rgba(255,255,255,0.06);
padding-top: 56px;
}
/* 발표자 사진 */
.speaker-photo-wrap {
aspect-ratio: 3/4;
overflow: hidden;
background: #131923;
border: 1px solid rgba(0,229,255,0.12);
}
.speaker-photo {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
display: block;
}
/* 이름/직함 */
.speaker-name {
font-family: 'Bebas Neue', sans-serif;
font-size: 32px;
letter-spacing: 0.04em;
color: #F0F4FF;
margin-top: 20px;
margin-bottom: 4px;
}
.speaker-role {
font-size: 13px;
color: #8A96B0;
line-height: 1.6;
}
.speaker-role strong { color: #00E5FF; font-weight: 400; }
/* 강연 요약 */
.summary-label {
font-size: 10px;
letter-spacing: 0.2em;
color: #4A5568;
text-transform: uppercase;
margin-bottom: 20px;
}
.summary-text {
font-size: 16px;
color: #8A96B0;
line-height: 1.9;
padding-left: 20px;
border-left: 2px solid rgba(0,229,255,0.4);
}
/* CTA */
.cta-wrap {
margin-top: 80px;
padding-top: 56px;
border-top: 1px solid rgba(255,255,255,0.06);
display: flex;
align-items: center;
justify-content: space-between;
}
.cta-info {
font-size: 13px;
color: #4A5568;
line-height: 1.7;
}
.cta-info strong {
display: block;
font-size: 15px;
color: #8A96B0;
font-weight: 400;
margin-bottom: 2px;
}
.cta-btn {
padding: 14px 36px;
background: #00E5FF;
color: #080B10;
text-decoration: none;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
transition: all 0.2s;
white-space: nowrap;
}
.cta-btn:hover {
background: transparent;
color: #00E5FF;
outline: 1px solid #00E5FF;
}
/* FOOTER */
footer {
border-top: 1px solid rgba(255,255,255,0.06);
padding: 32px 48px;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-logo {
font-family: 'Bebas Neue', sans-serif;
font-size: 14px;
letter-spacing: 0.12em;
color: #4A5568;
}
.footer-copy { font-size: 11px; color: #4A5568; letter-spacing: 0.06em; }
@media (max-width: 768px) {
nav { padding: 0 24px; }
main { padding: 120px 24px 80px; }
.content-grid { grid-template-columns: 1fr; gap: 32px; }
.speaker-photo-wrap { aspect-ratio: 4/3; }
.cta-wrap { flex-direction: column; gap: 24px; align-items: flex-start; }
footer { flex-direction: column; gap: 12px; text-align: center; padding: 24px; }
}
</style>
</head>
<body>
<nav>
<a href="https://www.enterpriseai.kr" class="nav-logo">Enterprise<span> AI</span> Seoul</a>
<a href="https://aisummit.ai.kr/product/enterprise-ai/" class="nav-cta">등록하기 →</a>
</nav>
<main>
<p class="label">Speaker Session · 2026</p>
<!-- ★ 발표 제목 수정 -->
<h1 class="talk-title">
Agentic AI로<br>
<em>기업의 내일</em>을<br>
설계하다
</h1>
<div class="content-grid">
<!-- 왼쪽: 사진 + 프로필 -->
<div>
<div class="speaker-photo-wrap">
<!-- ★ src="" 안에 발표자 사진 URL을 넣으세요 -->
<img
class="speaker-photo"
src="https://images.unsplash.com/photo-1560250097-0b93528c311a?w=600&q=80"
alt="발표자 사진"
/>
</div>
<!-- ★ 발표자 이름 수정 -->
<h2 class="speaker-name">홍길동</h2>
<!-- ★ 직함과 소속 수정 -->
<p class="speaker-role">
대표이사<br>
<strong>AI Corporation</strong>
</p>
</div>
<!-- 오른쪽: 강연 요약 -->
<div>
<p class="summary-label">강연 요약</p>
<!-- ★ 강연 요약 내용 수정 -->
<p class="summary-text">
단순한 챗봇을 넘어, 스스로 판단하고 행동하는 Agentic AI가 기업의 핵심 운영을 바꾸고 있습니다.<br><br>
이 강연에서는 실제 도입 사례와 함께 조직이 AI 전환에서 마주치는 현실적인 장벽, 그리고 이를 돌파하기 위한 전략적 프레임워크를 공유합니다.<br><br>
AI 기술이 아니라 AI로 성과를 만드는 방법, 현장의 이야기를 들려드립니다.
</p>
</div>
</div>
</main>
<footer>
<span class="footer-logo">Enterprise AI Seoul 2026</span>
<span class="footer-copy">© 2026 DMK Global. All rights reserved.</span>
</footer>
</body>
</html>
