Dahye-Dyan/index.html

## index.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>최지은 멤버 도감</title>
<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 60%, #f093fb 100%);
  min-height: 100vh;
  padding: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container {
  max-width: 1100px;
  margin: 0 auto;
}

.hero-section {
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(25px);
  border-radius: 32px;
  padding: 50px 40px;
  margin-bottom: 35px;
  text-align: center;
  box-shadow: 0 25px 80px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.3);
  border: 2px solid rgba(255,255,255,0.4);
}

.hero-avatar {
  width: 130px;
  height: 130px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  border-radius: 50%;
  margin: 0 auto 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.5rem;
  color: white;
  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);
  border: 4px solid rgba(255,255,255,0.3);
}

.hero-name {
  font-size: 3rem;
  font-weight: 900;
  color: #1a202c;
  margin-bottom: 15px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.hero-tagline {
  font-size: 1.5rem;
  color: #2d3748;
  margin-bottom: 30px;
  font-weight: 600;
  line-height: 1.4;
}

.hero-tags {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.hero-tag {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  color: white;
  padding: 14px 28px;
  border-radius: 30px;
  font-size: 1.1rem;
  font-weight: 700;
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
  border: 2px solid rgba(255,255,255,0.2);
}

.main-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
}

.section-group {
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(25px);
  border-radius: 28px;
  padding: 40px;
  box-shadow: 0 25px 80px rgba(0,0,0,0.15), 0 0 0 1px rgba(255,255,255,0.3);
  border: 2px solid rgba(255,255,255,0.4);
}

.group-title {
  font-size: 1.8rem;
  font-weight: 800;
  color: #1a202c;
  margin-bottom: 35px;
  text-align: center;
  position: relative;
  text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.group-title::after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  border-radius: 3px;
}

.info-card {
  background: linear-gradient(135deg, #f8faff 0%, #f1f5ff 100%);
  border-radius: 20px;
  padding: 28px;
  margin-bottom: 22px;
  border: 2px solid #e2e8f0;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.info-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
  border-color: #667eea;
}

.info-card:last-child {
  margin-bottom: 0;
}

.card-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 18px;
}

.card-icon {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: white;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
}

.card-title {
  font-size: 1.35rem;
  font-weight: 800;
  color: #1a202c;
  text-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.card-content {
  color: #2d3748;
  line-height: 1.8;
  font-size: 1.05rem;
  font-weight: 500;
}

.highlight {
  background: linear-gradient(135deg, #e6fffa 0%, #b2f5ea 100%);
  color: #004d40;
  padding: 4px 10px;
  border-radius: 8px;
  font-weight: 700;
  border: 1px solid #4fd1c7;
}

.journey-timeline {
  position: relative;
  padding-left: 50px;
}

.journey-timeline::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  border-radius: 3px;
}

.timeline-item {
  position: relative;
  margin-bottom: 25px;
  background: white;
  padding: 20px 25px;
  border-radius: 16px;
  box-shadow: 0 6px 25px rgba(0,0,0,0.08);
  border: 2px solid #f1f5f9;
  font-weight: 500;
  color: #2d3748;
  line-height: 1.6;
}

.timeline-item::before {
  content: '';
  position: absolute;
  left: -45px;
  top: 25px;
  width: 16px;
  height: 16px;
  background: linear-gradient(135deg, #667eea 0%, #f093fb 100%);
  border-radius: 50%;
  border: 4px solid white;
  box-shadow: 0 0 0 3px #667eea;
}

.collab-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}

.collab-card {
  background: white;
  border-radius: 20px;
  padding: 28px;
  border: 2px solid #e2e8f0;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.collab-card:hover {
  border-color: #667eea;
  transform: translateY(-2px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.collab-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.collab-icon {
  font-size: 1.8rem;
}

.collab-title {
  font-size: 1.25rem;
  font-weight: 800;
  color: #1a202c;
}

.collab-content {
  color: #2d3748;
  line-height: 1.7;
  font-weight: 500;
  font-size: 1.05rem;
}

.full-width {
  grid-column: 1 / -1;
}

.philosophy-card {
  background: linear-gradient(135deg, #fef7ff 0%, #f3e8ff 100%);
  border: 3px solid #e9d5ff;
  position: relative;
  overflow: hidden;
}

.philosophy-card::before {
  content: '"';
  position: absolute;
  top: 15px;
  right: 25px;
  font-size: 5rem;
  color: #8b5cf6;
  opacity: 0.3;
  font-family: serif;
  font-weight: bold;
}

@media (max-width: 768px) {
  .main-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .hero-section {
    padding: 35px 25px;
  }

  .section-group {
    padding: 30px 25px;
  }

  .hero-name {
    font-size: 2.5rem;
  }

  .hero-tagline {
    font-size: 1.3rem;
  }

  body {
    padding: 20px 15px;
  }

  .journey-timeline {
    padding-left: 40px;
  }

  .timeline-item::before {
    left: -38px;
  }
}
</style>
</head>
<body>
<div class="container">
  <div class="hero-section">
    <div class="hero-avatar">🔗</div>
    <div class="hero-name">최지은 (지은)</div>
    <div class="hero-tagline">연결과 가치를 중심으로 경험을 설계하는 커뮤니티 매니저</div>
    <div class="hero-tags">
      <span class="hero-tag">연결</span><span class="hero-tag">가치 중심</span><span class="hero-tag">경험 설계</span>
    </div>
  </div>

  <div class="main-grid">
    <div class="section-group">
      <div class="group-title">🎯 Core Identity</div>
      <div class="info-card">
        <div class="card-header"><div class="card-icon">💡</div><div class="card-title">미션 &amp; 가치관</div></div>
        <div class="card-content">가치를 나누고 함께 성장하는 삶의 태도를 지니며, 국경과 산업의 경계를 넘나들며 다양한 사람들이 연결될 수 있는 장을 만드는 일을 중요하게 생각합니다. 다양한 경험을 통해 <span class="highlight">다양성</span>의 가치를 이해하고 연결의 중요성을 체험했습니다.</div>
      </div>
      <div class="info-card">
        <div class="card-header"><div class="card-icon">⚡</div><div class="card-title">현재 집중하는 일</div></div>
        <div class="card-content"><span class="highlight">소규모 밋업 기획</span>과 <span class="highlight">글로벌 커넥션</span> 아카이빙을 통해 서로 다른 맥락의 사람들이 자연스럽게 연결되는 장을 자주 만들고자 노력하고 있습니다. 이를 위해 해외 커뮤니티 및 글로벌 인재들과의 지속적인 <span class="highlight">네트워크</span>를 중요하게 생각합니다.</div>
      </div>
      <div class="info-card">
        <div class="card-header"><div class="card-icon">🏔️</div><div class="card-title">에너지 충전법</div></div>
        <div class="card-content"><span class="highlight">디톡스</span> 주간을 가지며 휴대폰과 노트북에서 벗어나 소셜 미디어와 단절된 시간을 보내는 것이 큰 충전이 됩니다. 이 시간을 통해 감정이 회복되고 무뎌진 감각이 예리해지는 경험을 합니다.</div>
      </div>
    </div>

    <div class="section-group">
      <div class="group-title">🚀 다오랩 연결</div>
      <div class="info-card">
        <div class="card-header"><div class="card-icon">🎯</div><div class="card-title">다오랩에서의 꿈</div></div>
        <div class="card-content">서로가 영감을 주고 함께 성장하는 관계와 가치 있는 흐름을 만들어 가고 싶습니다. 다오랩 안에서 사람들이 자연스럽게 연결되고 자기 가능성을 발견할 수 있도록 돕는 역할을 맡으며, 모두가 주인공인 실험장을 설계하고자 합니다.</div>
      </div>
      <div class="collab-grid">
        <div class="collab-card">
          <div class="collab-header"><span class="collab-icon">💡</span><div class="collab-title">도움 줄 수 있는 것</div></div>
          <div class="collab-content">다른 사람의 장점을 빠르게 파악해 자신감을 북돋아 주며 심리적으로 지지하고 따뜻한 대화를 통해 용기를 줄 수 있습니다. 생기 없는 모임에 활력을 불어넣는 경험도 가지고 있습니다.</div>
        </div>
        <div class="collab-card">
          <div class="collab-header"><span class="collab-icon">🔍</span><div class="collab-title">찾고 있는 것</div></div>
          <div class="collab-content">의미와 에너지를 중시하는 <span class="highlight">실행 파트너</span>가 필요합니다. 혼자보다 함께 중심을 잡고 실행하며, <span class="highlight">관계 중심</span>의 대화를 통해 서로 진심을 마주보며 회복할 수 있는 동료를 찾고 있습니다.</div>
        </div>
      </div>
    </div>

    <div class="section-group full-width">
      <div class="group-title">🛤️ 나를 만든 여정</div>
      <div class="journey-timeline">
        <div class="timeline-item"><span class="highlight">미국 인턴십</span> 및 어학연수, 해외 포럼 참가와 여행을 통한 다양한 경험</div><div class="timeline-item">영국 팔란티어 개발자와 모두의연구소 커뮤니티 개발자 밋업 주최 경험</div><div class="timeline-item">소규모 <span class="highlight">밋업 기획</span>과 글로벌 커넥션 아카이빙 구상 중</div><div class="timeline-item">커뮤니티 매니저로서 네트워킹과 모임 설계에 집중</div><div class="timeline-item">감정과 <span class="highlight">감각 회복</span>을 위한 디톡스 주간 실천</div>
      </div>
    </div>

    <div class="section-group full-width">
      <div class="group-title">🤝 협업 철학</div>
      <div class="info-card philosophy-card">
        <div class="card-content" style="font-size: 1.15rem; font-style: italic; font-weight: 600;">
          협업 시 <span class="highlight">신뢰</span>를 중요시하며, 갈등이나 어려움이 생길 때 상대방의 이야기를 이해하려 노력하고 공들여 대화합니다. 상대방의 상황과 입장을 존중하는 태도를 지니고 있습니다.
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="ko">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>최지은 멤버 도감</title>
	<style>
	* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}

	body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 60%, #f093fb 100%);
	min-height: 100vh;
	padding: 30px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

	.container {
	max-width: 1100px;
	margin: 0 auto;
	}

	.hero-section {
	background: rgba(255, 255, 255, 0.98);
	backdrop-filter: blur(25px);
	border-radius: 32px;
	padding: 50px 40px;
	margin-bottom: 35px;
	text-align: center;
	box-shadow: 0 25px 80px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.3);
	border: 2px solid rgba(255,255,255,0.4);
	}

	.hero-avatar {
	width: 130px;
	height: 130px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
	border-radius: 50%;
	margin: 0 auto 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3.5rem;
	color: white;
	box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);
	border: 4px solid rgba(255,255,255,0.3);
	}

	.hero-name {
	font-size: 3rem;
	font-weight: 900;
	color: #1a202c;
	margin-bottom: 15px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.1);
	}

	.hero-tagline {
	font-size: 1.5rem;
	color: #2d3748;
	margin-bottom: 30px;
	font-weight: 600;
	line-height: 1.4;
	}

	.hero-tags {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	}

	.hero-tag {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
	color: white;
	padding: 14px 28px;
	border-radius: 30px;
	font-size: 1.1rem;
	font-weight: 700;
	box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
	border: 2px solid rgba(255,255,255,0.2);
	}

	.main-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 35px;
	}

	.section-group {
	background: rgba(255, 255, 255, 0.98);
	backdrop-filter: blur(25px);
	border-radius: 28px;
	padding: 40px;
	box-shadow: 0 25px 80px rgba(0,0,0,0.15), 0 0 0 1px rgba(255,255,255,0.3);
	border: 2px solid rgba(255,255,255,0.4);
	}

	.group-title {
	font-size: 1.8rem;
	font-weight: 800;
	color: #1a202c;
	margin-bottom: 35px;
	text-align: center;
	position: relative;
	text-shadow: 0 1px 2px rgba(0,0,0,0.1);
	}

	.group-title::after {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
	border-radius: 3px;
	}

	.info-card {
	background: linear-gradient(135deg, #f8faff 0%, #f1f5ff 100%);
	border-radius: 20px;
	padding: 28px;
	margin-bottom: 22px;
	border: 2px solid #e2e8f0;
	box-shadow: 0 8px 30px rgba(0,0,0,0.08);
	transition: all 0.3s ease;
	}

	.info-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 40px rgba(0,0,0,0.15);
	border-color: #667eea;
	}

	.info-card:last-child {
	margin-bottom: 0;
	}

	.card-header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 18px;
	}

	.card-icon {
	width: 48px;
	height: 48px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	color: white;
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
	}

	.card-title {
	font-size: 1.35rem;
	font-weight: 800;
	color: #1a202c;
	text-shadow: 0 1px 2px rgba(0,0,0,0.05);
	}

	.card-content {
	color: #2d3748;
	line-height: 1.8;
	font-size: 1.05rem;
	font-weight: 500;
	}

	.highlight {
	background: linear-gradient(135deg, #e6fffa 0%, #b2f5ea 100%);
	color: #004d40;
	padding: 4px 10px;
	border-radius: 8px;
	font-weight: 700;
	border: 1px solid #4fd1c7;
	}

	.journey-timeline {
	position: relative;
	padding-left: 50px;
	}

	.journey-timeline::before {
	content: '';
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
	border-radius: 3px;
	}

	.timeline-item {
	position: relative;
	margin-bottom: 25px;
	background: white;
	padding: 20px 25px;
	border-radius: 16px;
	box-shadow: 0 6px 25px rgba(0,0,0,0.08);
	border: 2px solid #f1f5f9;
	font-weight: 500;
	color: #2d3748;
	line-height: 1.6;
	}

	.timeline-item::before {
	content: '';
	position: absolute;
	left: -45px;
	top: 25px;
	width: 16px;
	height: 16px;
	background: linear-gradient(135deg, #667eea 0%, #f093fb 100%);
	border-radius: 50%;
	border: 4px solid white;
	box-shadow: 0 0 0 3px #667eea;
	}

	.collab-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
	}

	.collab-card {
	background: white;
	border-radius: 20px;
	padding: 28px;
	border: 2px solid #e2e8f0;
	box-shadow: 0 8px 30px rgba(0,0,0,0.08);
	transition: all 0.3s ease;
	}

	.collab-card:hover {
	border-color: #667eea;
	transform: translateY(-2px);
	box-shadow: 0 15px 40px rgba(0,0,0,0.12);
	}

	.collab-header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
	}

	.collab-icon {
	font-size: 1.8rem;
	}

	.collab-title {
	font-size: 1.25rem;
	font-weight: 800;
	color: #1a202c;
	}

	.collab-content {
	color: #2d3748;
	line-height: 1.7;
	font-weight: 500;
	font-size: 1.05rem;
	}

	.full-width {
	grid-column: 1 / -1;
	}

	.philosophy-card {
	background: linear-gradient(135deg, #fef7ff 0%, #f3e8ff 100%);
	border: 3px solid #e9d5ff;
	position: relative;
	overflow: hidden;
	}

	.philosophy-card::before {
	content: '"';
	position: absolute;
	top: 15px;
	right: 25px;
	font-size: 5rem;
	color: #8b5cf6;
	opacity: 0.3;
	font-family: serif;
	font-weight: bold;
	}

	@media (max-width: 768px) {
	.main-grid {
	grid-template-columns: 1fr;
	gap: 25px;
	}

	.hero-section {
	padding: 35px 25px;
	}

	.section-group {
	padding: 30px 25px;
	}

	.hero-name {
	font-size: 2.5rem;
	}

	.hero-tagline {
	font-size: 1.3rem;
	}

	body {
	padding: 20px 15px;
	}

	.journey-timeline {
	padding-left: 40px;
	}

	.timeline-item::before {
	left: -38px;
	}
	}
	</style>
	</head>
	<body>
	<div class="container">
	<div class="hero-section">
	<div class="hero-avatar">🔗</div>
	<div class="hero-name">최지은 (지은)</div>
	<div class="hero-tagline">연결과 가치를 중심으로 경험을 설계하는 커뮤니티 매니저</div>
	<div class="hero-tags">
	<span class="hero-tag">연결</span><span class="hero-tag">가치 중심</span><span class="hero-tag">경험 설계</span>
	</div>
	</div>

	<div class="main-grid">
	<div class="section-group">
	<div class="group-title">🎯 Core Identity</div>
	<div class="info-card">
	<div class="card-header"><div class="card-icon">💡</div><div class="card-title">미션 & 가치관</div></div>
	<div class="card-content">가치를 나누고 함께 성장하는 삶의 태도를 지니며, 국경과 산업의 경계를 넘나들며 다양한 사람들이 연결될 수 있는 장을 만드는 일을 중요하게 생각합니다. 다양한 경험을 통해 <span class="highlight">다양성</span>의 가치를 이해하고 연결의 중요성을 체험했습니다.</div>
	</div>
	<div class="info-card">
	<div class="card-header"><div class="card-icon">⚡</div><div class="card-title">현재 집중하는 일</div></div>
	<div class="card-content"><span class="highlight">소규모 밋업 기획</span>과 <span class="highlight">글로벌 커넥션</span> 아카이빙을 통해 서로 다른 맥락의 사람들이 자연스럽게 연결되는 장을 자주 만들고자 노력하고 있습니다. 이를 위해 해외 커뮤니티 및 글로벌 인재들과의 지속적인 <span class="highlight">네트워크</span>를 중요하게 생각합니다.</div>
	</div>
	<div class="info-card">
	<div class="card-header"><div class="card-icon">🏔️</div><div class="card-title">에너지 충전법</div></div>
	<div class="card-content"><span class="highlight">디톡스</span> 주간을 가지며 휴대폰과 노트북에서 벗어나 소셜 미디어와 단절된 시간을 보내는 것이 큰 충전이 됩니다. 이 시간을 통해 감정이 회복되고 무뎌진 감각이 예리해지는 경험을 합니다.</div>
	</div>
	</div>

	<div class="section-group">
	<div class="group-title">🚀 다오랩 연결</div>
	<div class="info-card">
	<div class="card-header"><div class="card-icon">🎯</div><div class="card-title">다오랩에서의 꿈</div></div>
	<div class="card-content">서로가 영감을 주고 함께 성장하는 관계와 가치 있는 흐름을 만들어 가고 싶습니다. 다오랩 안에서 사람들이 자연스럽게 연결되고 자기 가능성을 발견할 수 있도록 돕는 역할을 맡으며, 모두가 주인공인 실험장을 설계하고자 합니다.</div>
	</div>
	<div class="collab-grid">
	<div class="collab-card">
	<div class="collab-header"><span class="collab-icon">💡</span><div class="collab-title">도움 줄 수 있는 것</div></div>
	<div class="collab-content">다른 사람의 장점을 빠르게 파악해 자신감을 북돋아 주며 심리적으로 지지하고 따뜻한 대화를 통해 용기를 줄 수 있습니다. 생기 없는 모임에 활력을 불어넣는 경험도 가지고 있습니다.</div>
	</div>
	<div class="collab-card">
	<div class="collab-header"><span class="collab-icon">🔍</span><div class="collab-title">찾고 있는 것</div></div>
	<div class="collab-content">의미와 에너지를 중시하는 <span class="highlight">실행 파트너</span>가 필요합니다. 혼자보다 함께 중심을 잡고 실행하며, <span class="highlight">관계 중심</span>의 대화를 통해 서로 진심을 마주보며 회복할 수 있는 동료를 찾고 있습니다.</div>
	</div>
	</div>
	</div>

	<div class="section-group full-width">
	<div class="group-title">🛤️ 나를 만든 여정</div>
	<div class="journey-timeline">
	<div class="timeline-item"><span class="highlight">미국 인턴십</span> 및 어학연수, 해외 포럼 참가와 여행을 통한 다양한 경험</div><div class="timeline-item">영국 팔란티어 개발자와 모두의연구소 커뮤니티 개발자 밋업 주최 경험</div><div class="timeline-item">소규모 <span class="highlight">밋업 기획</span>과 글로벌 커넥션 아카이빙 구상 중</div><div class="timeline-item">커뮤니티 매니저로서 네트워킹과 모임 설계에 집중</div><div class="timeline-item">감정과 <span class="highlight">감각 회복</span>을 위한 디톡스 주간 실천</div>
	</div>
	</div>

	<div class="section-group full-width">
	<div class="group-title">🤝 협업 철학</div>
	<div class="info-card philosophy-card">
	<div class="card-content" style="font-size: 1.15rem; font-style: italic; font-weight: 600;">
	협업 시 <span class="highlight">신뢰</span>를 중요시하며, 갈등이나 어려움이 생길 때 상대방의 이야기를 이해하려 노력하고 공들여 대화합니다. 상대방의 상황과 입장을 존중하는 태도를 지니고 있습니다.
	</div>
	</div>
	</div>
	</div>
	</div>
	</body>
	</html>