<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>소개 — GPGKI 지속가능한 지역살림연구소</title>
<meta name="description" content="GPGKI는 젠더 거버넌스를 기반으로 공공 혁신과 지속가능한 지역 살림을 연구하는 정책·컨설팅·아카데미형 연구소입니다." />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;900&family=Noto+Serif+KR:wght@400;600;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/pages.css" />
</head>
<body>
<!-- HEADER -->
<header class="site-header" id="siteHeader">
<div class="container header-inner">
<a href="index.html" class="logo-wrap" aria-label="GPGKI 홈으로">
<span class="logo-badge">GPGKI</span>
<span class="logo-text">
<strong>지속가능한 지역살림연구소</strong>
<small>Global Policy & Gender Knowledge Institute</small>
</span>
</a>
<nav class="main-nav" id="mainNav" aria-label="주요 메뉴">
<ul>
<li><a href="index.html" class="nav-link">홈</a></li>
<li><a href="about.html" class="nav-link active">소개</a></li>
<li><a href="projects.html" class="nav-link">연구·사업</a></li>
<li><a href="blog.html" class="nav-link">아카이브</a></li>
<li><a href="contact.html" class="nav-link">협업·문의</a></li>
</ul>
</nav>
<button class="hamburger" id="hamburgerBtn" aria-label="메뉴 열기" aria-expanded="false">
<span></span><span></span><span></span>
</button>
</div>
</header>
<!-- PAGE HERO -->
<section class="page-hero">
<div class="container page-hero-content">
<nav class="breadcrumb" aria-label="경로">
<a href="index.html">홈</a>
<span aria-hidden="true">›</span>
<span aria-current="page">소개</span>
</nav>
<h1>연구소 소개</h1>
<p>AI 시대, 젠더 렌즈로 공공의 미래를 설계하는<br />정책·컨설팅·아카데미형 연구소 GPGKI를 소개합니다.</p>
</div>
</section>
<!-- ABOUT INTRO -->
<section class="section-spacing" id="about" aria-labelledby="about-heading">
<div class="container">
<div class="about-intro-grid">
<div class="about-intro-text">
<span class="section-label">ABOUT GPGKI</span>
<h2 id="about-heading">젠더 거버넌스 기반<br />공공 혁신 연구소</h2>
<p>GPGKI (Global Policy & Gender Knowledge Institute)는 젠더 거버넌스를 기반으로 공공 혁신과 지속가능한 지역 살림을 연구하는 정책·컨설팅·아카데미형 연구소입니다.</p>
<p>성평등 정책 연구와 교육, 시민 참여를 통해 지역의 변화를 만들어갑니다. 젠더 관점에서 지역사회 의제를 발굴하고 실천을 연결합니다.</p>
<p>특히 AI 전환 시대, 기술과 성평등의 교차점에 주목하며, 성주류화 정책 설계, 성별영향평가, 젠더 데이터 분석을 통해 지역사회에 실질적인 변화를 만들어갑니다.</p>
</div>
<div class="about-visual-box" role="img" aria-label="GPGKI 연구소 상징 이미지">
<div class="about-visual-text">
<strong>GPGKI</strong>
<p>Global Policy & Gender<br />Knowledge Institute</p>
</div>
</div>
</div>
<!-- MISSION / VISION / VALUES -->
<div id="mission">
<div class="section-header">
<span class="section-label">MISSION & VISION</span>
<h2>미션 & 비전</h2>
<p>GPGKI가 추구하는 세 가지 핵심 가치</p>
</div>
<div class="mission-cards">
<div class="mission-card scroll-reveal">
<div class="mc-icon"><i class="fas fa-bullseye" aria-hidden="true"></i></div>
<h3>미션</h3>
<p>젠더 관점에서 지역사회 의제를 발굴하고, 연구와 실천을 연결하여 지속가능한 지역 살림을 실현합니다. 공공정책의 언어로 평등을 말하고, 지역 현장에서 변화를 만듭니다.</p>
</div>
<div class="mission-card scroll-reveal">
<div class="mc-icon"><i class="fas fa-eye" aria-hidden="true"></i></div>
<h3>비전</h3>
<p>AI 시대의 기술 전환과 공공정책 혁신 속에서, 젠더 렌즈가 모든 정책 설계의 기본 언어가 되는 세상을 지향합니다. 지역에서 시작해 국가, 국제 수준의 성평등 정책을 선도합니다.</p>
</div>
<div class="mission-card scroll-reveal">
<div class="mc-icon"><i class="fas fa-seedling" aria-hidden="true"></i></div>
<h3>핵심 가치</h3>
<p>연구의 현장성, 정책의 실효성, 교육의 개방성. 이론과 실천 사이의 다리를 놓으며, 다양한 시민과 함께하는 참여형 연구를 지향합니다.</p>
</div>
</div>
</div>
<!-- TEAM -->
<div id="team">
<div class="section-header">
<span class="section-label">OUR TEAM</span>
<h2>연구진 & 운영진</h2>
<p>다양한 배경을 가진 젠더 정책·AI·지역 연구 전문가들이 함께합니다</p>
</div>
<div class="team-grid">
<div class="team-card scroll-reveal">
<div class="team-avatar" aria-hidden="true">소</div>
<h4>소장</h4>
<span class="team-role">연구소장</span>
<p>젠더 정책 및 공공 거버넌스 전공. 성별영향평가, 지역 성평등 정책 15년 연구 경력.</p>
</div>
<div class="team-card scroll-reveal">
<div class="team-avatar" aria-hidden="true">AI</div>
<h4>AI 젠더랩 연구원</h4>
<span class="team-role">선임연구원</span>
<p>AI 윤리 및 젠더 데이터 분석 전공. AI 편향 탐지·성주류화 정책 도구 개발 담당.</p>
</div>
<div class="team-card scroll-reveal">
<div class="team-avatar" aria-hidden="true">지</div>
<h4>지역살림 연구원</h4>
<span class="team-role">선임연구원</span>
<p>지역 생활정치 및 돌봄 정책 전공. 지역 여성 의제 발굴 및 커뮤니티 파트너십 담당.</p>
</div>
<div class="team-card scroll-reveal">
<div class="team-avatar" aria-hidden="true">거</div>
<h4>거버넌스 연구원</h4>
<span class="team-role">연구원</span>
<p>공공행정 및 젠더 거버넌스 전공. 성평등 포럼, 시민 교육 프로그램 설계·운영 담당.</p>
</div>
<div class="team-card scroll-reveal">
<div class="team-avatar" aria-hidden="true">교</div>
<h4>교육 담당</h4>
<span class="team-role">교육팀장</span>
<p>젠더 교육 및 사회적 경제 전공. 공무원·시민 대상 젠더 교육 커리큘럼 개발·운영.</p>
</div>
<div class="team-card scroll-reveal">
<div class="team-avatar" aria-hidden="true">협</div>
<h4>파트너십 담당</h4>
<span class="team-role">협력팀</span>
<p>공공기관 협력 및 국제 젠더 정책 네트워크 관리. 컨설팅 의뢰 및 협업 창구 운영.</p>
</div>
</div>
</div>
</div>
</section>
<!-- HISTORY TIMELINE -->
<section class="section-spacing" style="background: var(--surface);" aria-labelledby="history-heading">
<div class="container">
<div class="section-header">
<span class="section-label">HISTORY</span>
<h2 id="history-heading">연구소 연혁</h2>
</div>
<div style="max-width: 680px; margin: 0 auto;">
<div style="display: flex; flex-direction: column; gap: 0;">
<!-- Timeline items -->
<style>
.timeline-item { display: flex; gap: 24px; padding-bottom: 36px; position: relative; }
.timeline-item::before { content: ''; position: absolute; left: 15px; top: 32px; bottom: 0; width: 1px; background: var(--border); }
.timeline-item:last-child::before { display: none; }
.tl-dot { width: 32px; height: 32px; border-radius: 50%; background: var(--navy); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.tl-dot i { font-size: 0.75rem; color: var(--white); }
.tl-content { padding-top: 4px; }
.tl-year { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; color: var(--gold); text-transform: uppercase; margin-bottom: 4px; }
.tl-content h4 { font-size: 0.95rem; font-weight: 700; color: var(--navy-deep); margin-bottom: 6px; }
.tl-content p { font-size: 0.83rem; color: var(--text-sec); line-height: 1.7; }
</style>
<div class="timeline-item scroll-reveal">
<div class="tl-dot"><i class="fas fa-flag" aria-hidden="true"></i></div>
<div class="tl-content">
<div class="tl-year">2010</div>
<h4>연구소 설립</h4>
<p>젠더 정책 연구·교육 전문기관으로 출발. 지역 성평등 의제 발굴 시작.</p>
</div>
</div>
<div class="timeline-item scroll-reveal">
<div class="tl-dot"><i class="fas fa-file-alt" aria-hidden="true"></i></div>
<div class="tl-content">
<div class="tl-year">2015</div>
<h4>성별영향평가 전문기관 지정</h4>
<p>지방자치단체 성별영향평가 컨설팅 기관으로 공식 지정. 광역·기초 지자체 협력 확대.</p>
</div>
</div>
<div class="timeline-item scroll-reveal">
<div class="tl-dot"><i class="fas fa-graduation-cap" aria-hidden="true"></i></div>
<div class="tl-content">
<div class="tl-year">2019</div>
<h4>Gender-Governance 아카데미 개설</h4>
<p>공무원·시민 대상 젠더 거버넌스 교육 프로그램 론칭. 연 500여 명 수강.</p>
</div>
</div>
<div class="timeline-item scroll-reveal">
<div class="tl-dot"><i class="fas fa-robot" aria-hidden="true"></i></div>
<div class="tl-content">
<div class="tl-year">2023</div>
<h4>Ai-gender-lab 출범</h4>
<p>AI 전환 시대 기술·젠더 교차 연구 전담 조직 구성. AI 편향 분석 및 젠더 데이터 정책 연구 시작.</p>
</div>
</div>
<div class="timeline-item scroll-reveal">
<div class="tl-dot"><i class="fas fa-star" aria-hidden="true"></i></div>
<div class="tl-content">
<div class="tl-year">2025 ~</div>
<h4>지속가능한 지역살림연구소로 도약</h4>
<p>AI·젠더·지역살림의 통합 연구소 체계로 확대. 국제 젠더 정책 네트워크 참여 강화.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="site-footer" role="contentinfo">
<div class="container footer-inner">
<div class="footer-brand">
<a href="index.html" class="logo-wrap" aria-label="GPGKI 홈">
<span class="logo-badge">GPGKI</span>
<span class="logo-text">
<strong>지속가능한 지역살림연구소</strong>
<small>Global Policy & Gender Knowledge Institute</small>
</span>
</a>
<p class="footer-tagline">AI 시대, 젠더 렌즈로 공공의 미래를 설계합니다.</p>
<div class="footer-social" aria-label="소셜 미디어">
<a href="https://gpgki.org" target="_blank" rel="noopener" aria-label="GPGKI 웹사이트"><i class="fas fa-globe"></i></a>
<a href="#" aria-label="페이스북"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="인스타그램"><i class="fab fa-instagram"></i></a>
</div>
</div>
<nav class="footer-nav" aria-label="하단 메뉴">
<div class="footer-nav-col">
<h4>연구소</h4>
<ul>
<li><a href="about.html">소개</a></li>
<li><a href="about.html#mission">미션 & 비전</a></li>
<li><a href="about.html#team">연구진</a></li>
</ul>
</div>
<div class="footer-nav-col">
<h4>연구·사업</h4>
<ul>
<li><a href="projects.html#ai-gender-lab">Ai-gender-lab</a></li>
<li><a href="projects.html#local-lab">지역살림연구소</a></li>
<li><a href="projects.html#governance">Gender-Governance</a></li>
</ul>
</div>
<div class="footer-nav-col">
<h4>자료실</h4>
<ul>
<li><a href="blog.html">아카이브</a></li>
<li><a href="blog.html#reports">연구 보고서</a></li>
<li><a href="blog.html#media">언론 보도</a></li>
</ul>
</div>
<div class="footer-nav-col">
<h4>문의</h4>
<ul>
<li><a href="contact.html">협업·의뢰</a></li>
<li><a href="contact.html#consult">컨설팅 문의</a></li>
<li><a href="contact.html#education">교육 프로그램</a></li>
</ul>
</div>
</nav>
</div>
<div class="footer-bottom">
<div class="container">
<p>© 2025 GPGKI — 지속가능한 지역살림연구소. All rights reserved.</p>
<p>Designed & Developed for GPGKI Remodeling Project</p>
</div>
</div>
</footer>
<button class="back-to-top" id="backToTop" aria-label="맨 위로 이동">
<i class="fas fa-chevron-up" aria-hidden="true"></i>
</button>
<script src="js/main.js"></script>
</body>
</html>