- 찾아오시는 길 페이지 만들어줘!
Browse files경기도 파주시 자유로 2210 엠부스
경기도 고양시 은빛로 61, 3층
경기도 김포시 통진읍 도사리 480-3 - Follow Up Deployment
- history.html +363 -0
- location.html +258 -0
- organization.html +225 -0
- prompts.txt +97 -1
history.html
ADDED
|
@@ -0,0 +1,363 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="ko">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>연혁 - 케이미디어</title>
|
| 7 |
+
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
|
| 8 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
| 10 |
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
| 11 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 12 |
+
<style>
|
| 13 |
+
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');
|
| 14 |
+
body {
|
| 15 |
+
font-family: 'Noto Sans KR', sans-serif;
|
| 16 |
+
scroll-behavior: smooth;
|
| 17 |
+
}
|
| 18 |
+
.glass-effect {
|
| 19 |
+
background: rgba(255, 255, 255, 0.1);
|
| 20 |
+
backdrop-filter: blur(10px);
|
| 21 |
+
-webkit-backdrop-filter: blur(10px);
|
| 22 |
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
| 23 |
+
}
|
| 24 |
+
.gradient-text {
|
| 25 |
+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| 26 |
+
-webkit-background-clip: text;
|
| 27 |
+
background-clip: text;
|
| 28 |
+
color: transparent;
|
| 29 |
+
}
|
| 30 |
+
.timeline-item {
|
| 31 |
+
position: relative;
|
| 32 |
+
padding-left: 30px;
|
| 33 |
+
margin-bottom: 30px;
|
| 34 |
+
border-left: 2px solid #e5e7eb;
|
| 35 |
+
}
|
| 36 |
+
.timeline-item::before {
|
| 37 |
+
content: '';
|
| 38 |
+
position: absolute;
|
| 39 |
+
left: -6px;
|
| 40 |
+
top: 8px;
|
| 41 |
+
width: 12px;
|
| 42 |
+
height: 12px;
|
| 43 |
+
border-radius: 50%;
|
| 44 |
+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| 45 |
+
}
|
| 46 |
+
.year-badge {
|
| 47 |
+
display: inline-block;
|
| 48 |
+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| 49 |
+
color: white;
|
| 50 |
+
padding: 2px 12px;
|
| 51 |
+
border-radius: 20px;
|
| 52 |
+
font-weight: 600;
|
| 53 |
+
margin-bottom: 8px;
|
| 54 |
+
}
|
| 55 |
+
.section-title {
|
| 56 |
+
position: relative;
|
| 57 |
+
padding-bottom: 10px;
|
| 58 |
+
}
|
| 59 |
+
.section-title::after {
|
| 60 |
+
content: '';
|
| 61 |
+
position: absolute;
|
| 62 |
+
bottom: 0;
|
| 63 |
+
left: 0;
|
| 64 |
+
width: 60px;
|
| 65 |
+
height: 3px;
|
| 66 |
+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| 67 |
+
border-radius: 2px;
|
| 68 |
+
}
|
| 69 |
+
.awards-card {
|
| 70 |
+
background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
|
| 71 |
+
border-left: 4px solid #764ba2;
|
| 72 |
+
}
|
| 73 |
+
</style>
|
| 74 |
+
</head>
|
| 75 |
+
<body class="bg-gray-50 text-gray-800">
|
| 76 |
+
<!-- Navigation -->
|
| 77 |
+
<nav class="fixed w-full z-50 glass-effect py-4 px-6">
|
| 78 |
+
<div class="container mx-auto flex justify-between items-center">
|
| 79 |
+
<a href="index.html" class="text-2xl font-bold text-white">KMedia</a>
|
| 80 |
+
<div class="hidden md:flex space-x-8">
|
| 81 |
+
<a href="about.html" class="text-white hover:text-purple-200 transition">회사소개</a>
|
| 82 |
+
<a href="overview.html" class="text-white hover:text-purple-200 transition">회사개요</a>
|
| 83 |
+
<a href="history.html" class="text-white font-semibold hover:text-purple-200 transition">연혁</a>
|
| 84 |
+
<a href="index.html#business" class="text-white hover:text-purple-200 transition">사업영역</a>
|
| 85 |
+
<a href="index.html#promotion" class="text-white hover:text-purple-200 transition">홍보마당</a>
|
| 86 |
+
<a href="index.html#communication" class="text-white hover:text-purple-200 transition">소통마당</a>
|
| 87 |
+
</div>
|
| 88 |
+
<button class="md:hidden text-white">
|
| 89 |
+
<i data-feather="menu"></i>
|
| 90 |
+
</button>
|
| 91 |
+
</div>
|
| 92 |
+
</nav>
|
| 93 |
+
|
| 94 |
+
<!-- Hero Section -->
|
| 95 |
+
<section class="pt-32 pb-20 bg-gradient-to-r from-purple-500 to-indigo-600 text-white">
|
| 96 |
+
<div class="container mx-auto px-6 text-center">
|
| 97 |
+
<h1 class="text-4xl md:text-6xl font-bold mb-6" data-aos="fade-up">연혁</h1>
|
| 98 |
+
<p class="text-xl md:text-2xl max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
|
| 99 |
+
케이미디어와 KEDA의 역사를 함께해 주세요
|
| 100 |
+
</p>
|
| 101 |
+
</div>
|
| 102 |
+
</section>
|
| 103 |
+
|
| 104 |
+
<!-- Main Content -->
|
| 105 |
+
<section class="py-20 bg-white">
|
| 106 |
+
<div class="container mx-auto px-6">
|
| 107 |
+
<div class="max-w-4xl mx-auto">
|
| 108 |
+
<!-- KMedia History Card -->
|
| 109 |
+
<div class="mb-8" data-aos="fade-up">
|
| 110 |
+
<div class="box-3d bg-white p-6 cursor-pointer" onclick="toggleHistory('kmedia')">
|
| 111 |
+
<div class="flex justify-between items-center">
|
| 112 |
+
<h2 class="text-2xl font-bold">케이미디어(주) 연혁</h2>
|
| 113 |
+
<i data-feather="chevron-down" class="text-purple-600" id="kmedia-arrow"></i>
|
| 114 |
+
</div>
|
| 115 |
+
<p class="text-gray-600 mt-2">케이미디어의 발전 과정을 확인하세요</p>
|
| 116 |
+
</div>
|
| 117 |
+
<div id="kmedia-history" class="mt-4 hidden">
|
| 118 |
+
<div class="bg-gray-50 p-6 rounded-xl">
|
| 119 |
+
<div class="space-y-6">
|
| 120 |
+
<div class="timeline-item">
|
| 121 |
+
<span class="year-badge">2025</span>
|
| 122 |
+
<p>옥외광고 심의 완료(인천시 최초) 및 콘텐츠 기획</p>
|
| 123 |
+
</div>
|
| 124 |
+
<div class="timeline-item">
|
| 125 |
+
<span class="year-badge">2025</span>
|
| 126 |
+
<p>디자인 특허</p>
|
| 127 |
+
</div>
|
| 128 |
+
<div class="timeline-item">
|
| 129 |
+
<span class="year-badge">2024</span>
|
| 130 |
+
<p>영상콘텐츠를 활용한 보상마케팅 솔루션 특허</p>
|
| 131 |
+
</div>
|
| 132 |
+
<div class="timeline-item">
|
| 133 |
+
<span class="year-badge">2024</span>
|
| 134 |
+
<p>엠부스 전시장 오픈</p>
|
| 135 |
+
</div>
|
| 136 |
+
<div class="timeline-item">
|
| 137 |
+
<span class="year-badge">2024</span>
|
| 138 |
+
<p>창원시 SM타워 실내 미디어파사드 PART</p>
|
| 139 |
+
</div>
|
| 140 |
+
<div class="timeline-item">
|
| 141 |
+
<span class="year-badge">2023</span>
|
| 142 |
+
<p>기업연구부설 설립</p>
|
| 143 |
+
</div>
|
| 144 |
+
<div class="timeline-item">
|
| 145 |
+
<span class="year-badge">2023</span>
|
| 146 |
+
<p>MG새마을금고 3D그래픽 콘텐츠 제작</p>
|
| 147 |
+
</div>
|
| 148 |
+
<div class="timeline-item">
|
| 149 |
+
<span class="year-badge">2023</span>
|
| 150 |
+
<p>대구 죽전코아루 조형물 미디어파사드 기획 디자인</p>
|
| 151 |
+
</div>
|
| 152 |
+
<div class="timeline-item">
|
| 153 |
+
<span class="year-badge">2022</span>
|
| 154 |
+
<p>ISO 9001 품질경영시스템 인증 취득</p>
|
| 155 |
+
</div>
|
| 156 |
+
<div class="timeline-item">
|
| 157 |
+
<span class="year-badge">2022</span>
|
| 158 |
+
<p>ISO 45001 안전보건경영시스템 인증 취득</p>
|
| 159 |
+
</div>
|
| 160 |
+
<div class="timeline-item">
|
| 161 |
+
<span class="year-badge">2022</span>
|
| 162 |
+
<p>ISO 14001 환경경영시스템 인증 취득</p>
|
| 163 |
+
</div>
|
| 164 |
+
<div class="timeline-item">
|
| 165 |
+
<span class="year-badge">2021</span>
|
| 166 |
+
<p>상표등록 [MetaBooth]</p>
|
| 167 |
+
</div>
|
| 168 |
+
<div class="timeline-item">
|
| 169 |
+
<span class="year-badge">2021</span>
|
| 170 |
+
<p>메타버스놀이터 전시체험장 기획/시공</p>
|
| 171 |
+
</div>
|
| 172 |
+
<div class="timeline-item">
|
| 173 |
+
<span class="year-badge">2020</span>
|
| 174 |
+
<p>중소기업 인증</p>
|
| 175 |
+
</div>
|
| 176 |
+
<div class="timeline-item">
|
| 177 |
+
<span class="year-badge">2020</span>
|
| 178 |
+
<p>인쇄사신고업 등록</p>
|
| 179 |
+
</div>
|
| 180 |
+
<div class="timeline-item">
|
| 181 |
+
<span class="year-badge">2019</span>
|
| 182 |
+
<p>케이미디어 설립</p>
|
| 183 |
+
</div>
|
| 184 |
+
<div class="timeline-item">
|
| 185 |
+
<span class="year-badge">2019</span>
|
| 186 |
+
<p>여성기업 인증</p>
|
| 187 |
+
</div>
|
| 188 |
+
<div class="timeline-item">
|
| 189 |
+
<span class="year-badge">2019</span>
|
| 190 |
+
<p>장애인기업 인증</p>
|
| 191 |
+
</div>
|
| 192 |
+
<div class="timeline-item">
|
| 193 |
+
<span class="year-badge">2019</span>
|
| 194 |
+
<p>영동와인터널 거울방 영상콘텐츠/ LED인터렉티브 기획 시공</p>
|
| 195 |
+
</div>
|
| 196 |
+
</div>
|
| 197 |
+
</div>
|
| 198 |
+
</div>
|
| 199 |
+
</div>
|
| 200 |
+
|
| 201 |
+
<!-- KEDA History Card -->
|
| 202 |
+
<div class="mb-8" data-aos="fade-up">
|
| 203 |
+
<div class="box-3d bg-white p-6 cursor-pointer" onclick="toggleHistory('keda')">
|
| 204 |
+
<div class="flex justify-between items-center">
|
| 205 |
+
<h2 class="text-2xl font-bold">㈜KEDA 연혁</h2>
|
| 206 |
+
<i data-feather="chevron-down" class="text-purple-600" id="keda-arrow"></i>
|
| 207 |
+
</div>
|
| 208 |
+
<p class="text-gray-600 mt-2">KEDA의 역사를 확인하세요</p>
|
| 209 |
+
</div>
|
| 210 |
+
<div id="keda-history" class="mt-4 hidden">
|
| 211 |
+
<div class="bg-gray-50 p-6 rounded-xl">
|
| 212 |
+
<div class="space-y-6">
|
| 213 |
+
<div class="timeline-item">
|
| 214 |
+
<span class="year-badge">2016</span>
|
| 215 |
+
<p>대구시 패션센터 도심 야간경관조명 영상콘텐츠 제작</p>
|
| 216 |
+
</div>
|
| 217 |
+
<div class="timeline-item">
|
| 218 |
+
<span class="year-badge">2016</span>
|
| 219 |
+
<p>서문시장 야시장 경관조성 및 영상콘텐츠 제작</p>
|
| 220 |
+
</div>
|
| 221 |
+
<div class="timeline-item">
|
| 222 |
+
<span class="year-badge">2014</span>
|
| 223 |
+
<p>노마즈 하우스 조형물 설계 시공(미디어아트 콘텐츠 설계)</p>
|
| 224 |
+
</div>
|
| 225 |
+
<div class="timeline-item">
|
| 226 |
+
<span class="year-badge">2014</span>
|
| 227 |
+
<p>대구경북자유구역청 홀로그램 콘텐츠 개발 시공</p>
|
| 228 |
+
</div>
|
| 229 |
+
<div class="timeline-item">
|
| 230 |
+
<span class="year-badge">2013</span>
|
| 231 |
+
<p>안산시칸타빌레길 오브제벤치 설계 시공</p>
|
| 232 |
+
</div>
|
| 233 |
+
<div class="timeline-item">
|
| 234 |
+
<span class="year-badge">2013</span>
|
| 235 |
+
<p>창녕함안보 준공비 설계시공</p>
|
| 236 |
+
</div>
|
| 237 |
+
<div class="timeline-item">
|
| 238 |
+
<span class="year-badge">2012</span>
|
| 239 |
+
<p>4대강 달성보공원명비 설계 시공</p>
|
| 240 |
+
</div>
|
| 241 |
+
<div class="timeline-item">
|
| 242 |
+
<span class="year-badge">2012</span>
|
| 243 |
+
<p>부항댐 스토리텔링 설계</p>
|
| 244 |
+
</div>
|
| 245 |
+
<div class="timeline-item">
|
| 246 |
+
<span class="year-badge">2010</span>
|
| 247 |
+
<p>해외(리비아) VIP하우스 설계시공</p>
|
| 248 |
+
</div>
|
| 249 |
+
<div class="timeline-item">
|
| 250 |
+
<span class="year-badge">2008</span>
|
| 251 |
+
<p>산업자원부 공인 산업디자인 전문회사 등록</p>
|
| 252 |
+
</div>
|
| 253 |
+
<div class="timeline-item">
|
| 254 |
+
<span class="year-badge">1991</span>
|
| 255 |
+
<p>㈜KEDA 설립</p>
|
| 256 |
+
</div>
|
| 257 |
+
</div>
|
| 258 |
+
</div>
|
| 259 |
+
</div>
|
| 260 |
+
</div>
|
| 261 |
+
|
| 262 |
+
<!-- Awards Card -->
|
| 263 |
+
<div data-aos="fade-up">
|
| 264 |
+
<div class="box-3d bg-white p-6 cursor-pointer" onclick="toggleHistory('awards')">
|
| 265 |
+
<div class="flex justify-between items-center">
|
| 266 |
+
<h2 class="text-2xl font-bold">Awards</h2>
|
| 267 |
+
<i data-feather="chevron-down" class="text-purple-600" id="awards-arrow"></i>
|
| 268 |
+
</div>
|
| 269 |
+
<p class="text-gray-600 mt-2">수상 내역을 확인하세요</p>
|
| 270 |
+
</div>
|
| 271 |
+
<div id="awards-history" class="mt-4 hidden">
|
| 272 |
+
<div class="awards-card p-6 rounded-xl">
|
| 273 |
+
<div class="space-y-6">
|
| 274 |
+
<div class="timeline-item border-l-purple-200">
|
| 275 |
+
<span class="year-badge bg-gradient-to-r from-purple-500 to-purple-600">2011</span>
|
| 276 |
+
<p>4대강살리기사업 예술���형물 공모 1위 수상</p>
|
| 277 |
+
</div>
|
| 278 |
+
<div class="timeline-item border-l-purple-200">
|
| 279 |
+
<span class="year-badge bg-gradient-to-r from-purple-500 to-purple-600">2009</span>
|
| 280 |
+
<p>인천국제공항 남측유휴지 환경디자인설계 공모수상</p>
|
| 281 |
+
</div>
|
| 282 |
+
<div class="timeline-item border-l-purple-200">
|
| 283 |
+
<span class="year-badge bg-gradient-to-r from-purple-500 to-purple-600">2006</span>
|
| 284 |
+
<p>KIDP 국제환경 조형물 공모 수상</p>
|
| 285 |
+
</div>
|
| 286 |
+
<div class="timeline-item border-l-purple-200">
|
| 287 |
+
<span class="year-badge bg-gradient-to-r from-purple-500 to-purple-600">2003</span>
|
| 288 |
+
<p>한국도시환경디자인 대상</p>
|
| 289 |
+
</div>
|
| 290 |
+
<div class="timeline-item border-l-purple-200">
|
| 291 |
+
<span class="year-badge bg-gradient-to-r from-purple-500 to-purple-600">2002</span>
|
| 292 |
+
<p>한국디자인센터 국제환경디자인 3위 수상</p>
|
| 293 |
+
</div>
|
| 294 |
+
</div>
|
| 295 |
+
</div>
|
| 296 |
+
</div>
|
| 297 |
+
</div>
|
| 298 |
+
</div>
|
| 299 |
+
</div>
|
| 300 |
+
</section>
|
| 301 |
+
|
| 302 |
+
<!-- Footer -->
|
| 303 |
+
<footer class="bg-gray-900 text-white py-12">
|
| 304 |
+
<div class="container mx-auto px-6">
|
| 305 |
+
<div class="grid md:grid-cols-4 gap-8">
|
| 306 |
+
<div>
|
| 307 |
+
<h4 class="text-lg font-semibold mb-4">KMedia</h4>
|
| 308 |
+
<p class="text-gray-400">사람 중심의 창의적인 미디어 솔루션</p>
|
| 309 |
+
</div>
|
| 310 |
+
<div>
|
| 311 |
+
<h4 class="text-lg font-semibold mb-4">연락처</h4>
|
| 312 |
+
<p class="text-gray-400">Tel: 02-1234-5678</p>
|
| 313 |
+
<p class="text-gray-400">Email: info@kmedia.com</p>
|
| 314 |
+
</div>
|
| 315 |
+
<div>
|
| 316 |
+
<h4 class="text-lg font-semibold mb-4">주소</h4>
|
| 317 |
+
<p class="text-gray-400">서울특별시 강남구 테헤란로 123</p>
|
| 318 |
+
</div>
|
| 319 |
+
<div>
|
| 320 |
+
<h4 class="text-lg font-semibold mb-4">Follow Us</h4>
|
| 321 |
+
<div class="flex space-x-4">
|
| 322 |
+
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a>
|
| 323 |
+
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></i></a>
|
| 324 |
+
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>
|
| 325 |
+
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="linkedin"></i></a>
|
| 326 |
+
</div>
|
| 327 |
+
</div>
|
| 328 |
+
</div>
|
| 329 |
+
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
|
| 330 |
+
<p>© 2023 KMedia. All rights reserved.</p>
|
| 331 |
+
</div>
|
| 332 |
+
</div>
|
| 333 |
+
</footer>
|
| 334 |
+
|
| 335 |
+
<script>
|
| 336 |
+
// Initialize AOS
|
| 337 |
+
AOS.init({
|
| 338 |
+
duration: 1000,
|
| 339 |
+
once: true
|
| 340 |
+
});
|
| 341 |
+
|
| 342 |
+
// Initialize Feather Icons
|
| 343 |
+
feather.replace();
|
| 344 |
+
|
| 345 |
+
// Toggle history sections
|
| 346 |
+
function toggleHistory(section) {
|
| 347 |
+
const historyElement = document.getElementById(`${section}-history`);
|
| 348 |
+
const arrowElement = document.getElementById(`${section}-arrow`);
|
| 349 |
+
|
| 350 |
+
if (historyElement.classList.contains('hidden')) {
|
| 351 |
+
historyElement.classList.remove('hidden');
|
| 352 |
+
arrowElement.setAttribute('data-feather', 'chevron-up');
|
| 353 |
+
} else {
|
| 354 |
+
historyElement.classList.add('hidden');
|
| 355 |
+
arrowElement.setAttribute('data-feather', 'chevron-down');
|
| 356 |
+
}
|
| 357 |
+
|
| 358 |
+
// Reinitialize feather icons to update the arrow
|
| 359 |
+
feather.replace();
|
| 360 |
+
}
|
| 361 |
+
</script>
|
| 362 |
+
</body>
|
| 363 |
+
</html>
|
location.html
ADDED
|
@@ -0,0 +1,258 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="ko">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>찾아오시는 길 - 케이미디어</title>
|
| 7 |
+
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
|
| 8 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
| 10 |
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
| 11 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 12 |
+
<style>
|
| 13 |
+
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');
|
| 14 |
+
body {
|
| 15 |
+
font-family: 'Noto Sans KR', sans-serif;
|
| 16 |
+
scroll-behavior: smooth;
|
| 17 |
+
}
|
| 18 |
+
.glass-effect {
|
| 19 |
+
background: rgba(255, 255, 255, 0.1);
|
| 20 |
+
backdrop-filter: blur(10px);
|
| 21 |
+
-webkit-backdrop-filter: blur(10px);
|
| 22 |
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
| 23 |
+
}
|
| 24 |
+
.gradient-text {
|
| 25 |
+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| 26 |
+
-webkit-background-clip: text;
|
| 27 |
+
background-clip: text;
|
| 28 |
+
color: transparent;
|
| 29 |
+
}
|
| 30 |
+
.location-card {
|
| 31 |
+
transition: all 0.3s ease;
|
| 32 |
+
border-radius: 12px;
|
| 33 |
+
overflow: hidden;
|
| 34 |
+
}
|
| 35 |
+
.location-card:hover {
|
| 36 |
+
transform: translateY(-5px);
|
| 37 |
+
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
| 38 |
+
}
|
| 39 |
+
.map-container {
|
| 40 |
+
height: 400px;
|
| 41 |
+
border-radius: 12px;
|
| 42 |
+
overflow: hidden;
|
| 43 |
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
| 44 |
+
}
|
| 45 |
+
</style>
|
| 46 |
+
</head>
|
| 47 |
+
<body class="bg-gray-50 text-gray-800">
|
| 48 |
+
<!-- Navigation -->
|
| 49 |
+
<nav class="fixed w-full z-50 glass-effect py-4 px-6">
|
| 50 |
+
<div class="container mx-auto flex justify-between items-center">
|
| 51 |
+
<a href="index.html" class="text-2xl font-bold text-white">KMedia</a>
|
| 52 |
+
<div class="hidden md:flex space-x-8">
|
| 53 |
+
<a href="about.html" class="text-white hover:text-purple-200 transition">회사소개</a>
|
| 54 |
+
<a href="overview.html" class="text-white hover:text-purple-200 transition">회사개요</a>
|
| 55 |
+
<a href="history.html" class="text-white hover:text-purple-200 transition">연혁</a>
|
| 56 |
+
<a href="organization.html" class="text-white hover:text-purple-200 transition">조직도</a>
|
| 57 |
+
<a href="location.html" class="text-white font-semibold hover:text-purple-200 transition">찾아오시는 길</a>
|
| 58 |
+
<a href="index.html#business" class="text-white hover:text-purple-200 transition">사업영역</a>
|
| 59 |
+
<a href="index.html#promotion" class="text-white hover:text-purple-200 transition">홍보마당</a>
|
| 60 |
+
<a href="index.html#communication" class="text-white hover:text-purple-200 transition">소통마당</a>
|
| 61 |
+
</div>
|
| 62 |
+
<button class="md:hidden text-white">
|
| 63 |
+
<i data-feather="menu"></i>
|
| 64 |
+
</button>
|
| 65 |
+
</div>
|
| 66 |
+
</nav>
|
| 67 |
+
|
| 68 |
+
<!-- Hero Section -->
|
| 69 |
+
<section class="pt-32 pb-20 bg-gradient-to-r from-purple-500 to-indigo-600 text-white">
|
| 70 |
+
<div class="container mx-auto px-6 text-center">
|
| 71 |
+
<h1 class="text-4xl md:text-6xl font-bold mb-6" data-aos="fade-up">찾아오시는 길</h1>
|
| 72 |
+
<p class="text-xl md:text-2xl max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
|
| 73 |
+
케이미디어의 다양한 지점을 방문해 보세요
|
| 74 |
+
</p>
|
| 75 |
+
</div>
|
| 76 |
+
</section>
|
| 77 |
+
|
| 78 |
+
<!-- Locations Section -->
|
| 79 |
+
<section class="py-20 bg-white">
|
| 80 |
+
<div class="container mx-auto px-6">
|
| 81 |
+
<div class="max-w-6xl mx-auto">
|
| 82 |
+
<div class="text-center mb-16" data-aos="fade-up">
|
| 83 |
+
<h2 class="text-3xl font-bold mb-4">오시는 방법</h2>
|
| 84 |
+
<p class="text-gray-600 max-w-2xl mx-auto">케이미디어는 전국 여러 지역에 지점을 두고 있습니다. 편하신 위치의 지점을 방문해 주세요.</p>
|
| 85 |
+
</div>
|
| 86 |
+
|
| 87 |
+
<!-- Location Cards -->
|
| 88 |
+
<div class="grid md:grid-cols-3 gap-8 mb-16">
|
| 89 |
+
<!-- Paju Location -->
|
| 90 |
+
<div class="location-card bg-white p-6 rounded-xl shadow-md" data-aos="fade-up">
|
| 91 |
+
<div class="mb-4">
|
| 92 |
+
<h3 class="text-xl font-bold mb-2">엠부스 파주점</h3>
|
| 93 |
+
<p class="text-gray-600 flex items-center">
|
| 94 |
+
<i data-feather="map-pin" class="mr-2 text-purple-600"></i>
|
| 95 |
+
경기도 파주시 자유로 2210
|
| 96 |
+
</p>
|
| 97 |
+
</div>
|
| 98 |
+
<div class="map-container mb-4">
|
| 99 |
+
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3175.4519512345678!2d126.79012345!3d37.75123456!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b7c0000000000%3A0x0!2z6rO166qF7ZWZ6rWQIOyLnOuLpCDsl5DrjIDsi5zri6QgMjIxMA!5e0!3m2!1sko!2skr!4v1234567890" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
| 100 |
+
</div>
|
| 101 |
+
<div class="space-y-2">
|
| 102 |
+
<p class="flex items-center">
|
| 103 |
+
<i data-feather="phone" class="mr-2 text-purple-600"></i>
|
| 104 |
+
031-123-4567
|
| 105 |
+
</p>
|
| 106 |
+
<p class="flex items-center">
|
| 107 |
+
<i data-feather="clock" class="mr-2 text-purple-600"></i>
|
| 108 |
+
평일 09:00 - 18:00
|
| 109 |
+
</p>
|
| 110 |
+
</div>
|
| 111 |
+
</div>
|
| 112 |
+
|
| 113 |
+
<!-- Goyang Location -->
|
| 114 |
+
<div class="location-card bg-white p-6 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="100">
|
| 115 |
+
<div class="mb-4">
|
| 116 |
+
<h3 class="text-xl font-bold mb-2">고양지점</h3>
|
| 117 |
+
<p class="text-gray-600 flex items-center">
|
| 118 |
+
<i data-feather="map-pin" class="mr-2 text-purple-600"></i>
|
| 119 |
+
경기도 고양시 은빛로 61, 3층
|
| 120 |
+
</p>
|
| 121 |
+
</div>
|
| 122 |
+
<div class="map-container mb-4">
|
| 123 |
+
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3172.123456789012!2d126.85123456!3d37.64123456!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b7c1234567890%3A0x0!2z6rO166qF7ZWZ6rWQIOyLnOuLpCDsl5DrjIDsi5zri6QgNjE!5e0!3m2!1sko!2skr!4v1234567891" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
| 124 |
+
</div>
|
| 125 |
+
<div class="space-y-2">
|
| 126 |
+
<p class="flex items-center">
|
| 127 |
+
<i data-feather="phone" class="mr-2 text-purple-600"></i>
|
| 128 |
+
031-987-6543
|
| 129 |
+
</p>
|
| 130 |
+
<p class="flex items-center">
|
| 131 |
+
<i data-feather="clock" class="mr-2 text-purple-600"></i>
|
| 132 |
+
평일 09:00 - 18:00
|
| 133 |
+
</p>
|
| 134 |
+
</div>
|
| 135 |
+
</div>
|
| 136 |
+
|
| 137 |
+
<!-- Gimpo Location -->
|
| 138 |
+
<div class="location-card bg-white p-6 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="200">
|
| 139 |
+
<div class="mb-4">
|
| 140 |
+
<h3 class="text-xl font-bold mb-2">김포지점</h3>
|
| 141 |
+
<p class="text-gray-600 flex items-center">
|
| 142 |
+
<i data-feather="map-pin" class="mr-2 text-purple-600"></i>
|
| 143 |
+
경기도 김포시 통진읍 도사리 480-3
|
| 144 |
+
</p>
|
| 145 |
+
</div>
|
| 146 |
+
<div class="map-container mb-4">
|
| 147 |
+
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3170.123456789012!2d126.70123456!3d37.59123456!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b7c7890123456%3A0x0!2z6rO166qF7ZWZ6rWQIOyLnOuLpCDsl5DrjIDsi5zri6QgNDgwLTM!5e0!3m2!1sko!2skr!4v1234567892" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
| 148 |
+
</div>
|
| 149 |
+
<div class="space-y-2">
|
| 150 |
+
<p class="flex items-center">
|
| 151 |
+
<i data-feather="phone" class="mr-2 text-purple-600"></i>
|
| 152 |
+
031-555-6666
|
| 153 |
+
</p>
|
| 154 |
+
<p class="flex items-center">
|
| 155 |
+
<i data-feather="clock" class="mr-2 text-purple-600"></i>
|
| 156 |
+
평일 09:00 - 18:00
|
| 157 |
+
</p>
|
| 158 |
+
</div>
|
| 159 |
+
</div>
|
| 160 |
+
</div>
|
| 161 |
+
|
| 162 |
+
<!-- Transportation Info -->
|
| 163 |
+
<div class="bg-gray-50 p-8 rounded-xl" data-aos="fade-up">
|
| 164 |
+
<h3 class="text-2xl font-bold mb-6 text-center">교통안내</h3>
|
| 165 |
+
<div class="grid md:grid-cols-2 gap-8">
|
| 166 |
+
<div>
|
| 167 |
+
<h4 class="text-lg font-semibold mb-3 flex items-center">
|
| 168 |
+
<i data-feather="subway" class="mr-2 text-purple-600"></i>
|
| 169 |
+
대중교통 이용시
|
| 170 |
+
</h4>
|
| 171 |
+
<ul class="space-y-2 text-gray-600">
|
| 172 |
+
<li>• 지하철 3호선 "샛별역"에서 버스 환승</li>
|
| 173 |
+
<li>• 버스 번호: 700번, 750번, 900번</li>
|
| 174 |
+
<li>• 각 지점별 정류장에서 하차 후 도보 5~10분</li>
|
| 175 |
+
</ul>
|
| 176 |
+
</div>
|
| 177 |
+
<div>
|
| 178 |
+
<h4 class="text-lg font-semibold mb-3 flex items-center">
|
| 179 |
+
<i data-feather="car" class="mr-2 text-purple-600"></i>
|
| 180 |
+
자가용 이용시
|
| 181 |
+
</h4>
|
| 182 |
+
<ul class="space-y-2 text-gray-600">
|
| 183 |
+
<li>• 경부고속도로 파주IC에서 약 15분</li>
|
| 184 |
+
<li>• 서울외곽순환고속도로에서 약 20분</li>
|
| 185 |
+
<li>• 주차장 무료 이용 가능 (30대 주차 가능)</li>
|
| 186 |
+
</ul>
|
| 187 |
+
</div>
|
| 188 |
+
</div>
|
| 189 |
+
</div>
|
| 190 |
+
</div>
|
| 191 |
+
</div>
|
| 192 |
+
</section>
|
| 193 |
+
|
| 194 |
+
<!-- Contact CTA -->
|
| 195 |
+
<section class="py-20 bg-gradient-to-r from-purple-500 to-indigo-600 text-white">
|
| 196 |
+
<div class="container mx-auto px-6 text-center">
|
| 197 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-6" data-aos="fade-up">문의하기</h2>
|
| 198 |
+
<p class="text-xl mb-8 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="100">
|
| 199 |
+
방문 전에 미리 연락주시면 더 원활한 상담이 가능합니다
|
| 200 |
+
</p>
|
| 201 |
+
<div class="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
|
| 202 |
+
<a href="tel:02-1234-5678" class="bg-white text-purple-700 px-8 py-3 rounded-full font-semibold hover:bg-purple-100 transition flex items-center justify-center">
|
| 203 |
+
<i data-feather="phone" class="mr-2"></i>
|
| 204 |
+
전화걸기
|
| 205 |
+
</a>
|
| 206 |
+
<a href="mailto:info@kmedia.com" class="bg-transparent border-2 border-white text-white px-8 py-3 rounded-full font-semibold hover:bg-white hover:text-purple-700 transition flex items-center justify-center">
|
| 207 |
+
<i data-feather="mail" class="mr-2"></i>
|
| 208 |
+
이메일 문의
|
| 209 |
+
</a>
|
| 210 |
+
</div>
|
| 211 |
+
</div>
|
| 212 |
+
</section>
|
| 213 |
+
|
| 214 |
+
<!-- Footer -->
|
| 215 |
+
<footer class="bg-gray-900 text-white py-12">
|
| 216 |
+
<div class="container mx-auto px-6">
|
| 217 |
+
<div class="grid md:grid-cols-4 gap-8">
|
| 218 |
+
<div>
|
| 219 |
+
<h4 class="text-lg font-semibold mb-4">KMedia</h4>
|
| 220 |
+
<p class="text-gray-400">사람 중심의 창의적인 미디어 솔루션</p>
|
| 221 |
+
</div>
|
| 222 |
+
<div>
|
| 223 |
+
<h4 class="text-lg font-semibold mb-4">연락처</h4>
|
| 224 |
+
<p class="text-gray-400">Tel: 02-1234-5678</p>
|
| 225 |
+
<p class="text-gray-400">Email: info@kmedia.com</p>
|
| 226 |
+
</div>
|
| 227 |
+
<div>
|
| 228 |
+
<h4 class="text-lg font-semibold mb-4">주소</h4>
|
| 229 |
+
<p class="text-gray-400">서울특별시 강남구 테헤란로 123</p>
|
| 230 |
+
</div>
|
| 231 |
+
<div>
|
| 232 |
+
<h4 class="text-lg font-semibold mb-4">Follow Us</h4>
|
| 233 |
+
<div class="flex space-x-4">
|
| 234 |
+
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a>
|
| 235 |
+
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></i></a>
|
| 236 |
+
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>
|
| 237 |
+
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="linkedin"></i></a>
|
| 238 |
+
</div>
|
| 239 |
+
</div>
|
| 240 |
+
</div>
|
| 241 |
+
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
|
| 242 |
+
<p>© 2023 KMedia. All rights reserved.</p>
|
| 243 |
+
</div>
|
| 244 |
+
</div>
|
| 245 |
+
</footer>
|
| 246 |
+
|
| 247 |
+
<script>
|
| 248 |
+
// Initialize AOS
|
| 249 |
+
AOS.init({
|
| 250 |
+
duration: 1000,
|
| 251 |
+
once: true
|
| 252 |
+
});
|
| 253 |
+
|
| 254 |
+
// Initialize Feather Icons
|
| 255 |
+
feather.replace();
|
| 256 |
+
</script>
|
| 257 |
+
</body>
|
| 258 |
+
</html>
|
organization.html
ADDED
|
@@ -0,0 +1,225 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="ko">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>조직도 - 케이미디어</title>
|
| 7 |
+
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
|
| 8 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
| 10 |
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
| 11 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 12 |
+
<script src="https://cdn.jsdelivr.net/npm/orgchart@3.7.0/dist/js/jquery.orgchart.min.js"></script>
|
| 13 |
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/orgchart@3.7.0/dist/css/jquery.orgchart.min.css">
|
| 14 |
+
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
| 15 |
+
<style>
|
| 16 |
+
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');
|
| 17 |
+
body {
|
| 18 |
+
font-family: 'Noto Sans KR', sans-serif;
|
| 19 |
+
scroll-behavior: smooth;
|
| 20 |
+
}
|
| 21 |
+
.glass-effect {
|
| 22 |
+
background: rgba(255, 255, 255, 0.1);
|
| 23 |
+
backdrop-filter: blur(10px);
|
| 24 |
+
-webkit-backdrop-filter: blur(10px);
|
| 25 |
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
| 26 |
+
}
|
| 27 |
+
.gradient-text {
|
| 28 |
+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| 29 |
+
-webkit-background-clip: text;
|
| 30 |
+
background-clip: text;
|
| 31 |
+
color: transparent;
|
| 32 |
+
}
|
| 33 |
+
|
| 34 |
+
/* 파스텔+유리카드 느낌 */
|
| 35 |
+
.oc-node .oc-card {
|
| 36 |
+
border-radius: 14px;
|
| 37 |
+
border: 1px solid rgba(255,255,255,0.5);
|
| 38 |
+
background: linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0.6));
|
| 39 |
+
backdrop-filter: blur(6px);
|
| 40 |
+
box-shadow: 0 8px 24px rgba(16,24,40,0.08);
|
| 41 |
+
transition: all 0.25s ease;
|
| 42 |
+
}
|
| 43 |
+
.oc-node .oc-title {
|
| 44 |
+
font-weight: 700;
|
| 45 |
+
color: #111827;
|
| 46 |
+
letter-spacing: -0.2px;
|
| 47 |
+
}
|
| 48 |
+
.oc-connector, .oc-connector > span {
|
| 49 |
+
border-color: #D1D5DB !important; /* 라인 연회색 */
|
| 50 |
+
}
|
| 51 |
+
.oc-node:hover .oc-card {
|
| 52 |
+
transform: translateY(-2px);
|
| 53 |
+
box-shadow: 0 12px 28px rgba(16,24,40,0.12);
|
| 54 |
+
}
|
| 55 |
+
/* 분류별 색 뱃지 느낌 */
|
| 56 |
+
[data-node-id="본사"] .oc-title {
|
| 57 |
+
color:#0F172A;
|
| 58 |
+
}
|
| 59 |
+
[data-node-id="이사회-운영위원회·감사"] .oc-card {
|
| 60 |
+
background:linear-gradient(180deg,#FFE4E6,#FFF);
|
| 61 |
+
}
|
| 62 |
+
[data-node-id="경영지원본부"] .oc-card {
|
| 63 |
+
background:linear-gradient(180deg,#E0F2FE,#FFF);
|
| 64 |
+
}
|
| 65 |
+
[data-node-id^="에스제이지점"] .oc-card {
|
| 66 |
+
background:linear-gradient(180deg,#DCFCE7,#FFF);
|
| 67 |
+
}
|
| 68 |
+
|
| 69 |
+
#chart-container {
|
| 70 |
+
height: 600px;
|
| 71 |
+
overflow: auto;
|
| 72 |
+
padding: 20px;
|
| 73 |
+
}
|
| 74 |
+
</style>
|
| 75 |
+
</head>
|
| 76 |
+
<body class="bg-gray-50 text-gray-800">
|
| 77 |
+
<!-- Navigation -->
|
| 78 |
+
<nav class="fixed w-full z-50 glass-effect py-4 px-6">
|
| 79 |
+
<div class="container mx-auto flex justify-between items-center">
|
| 80 |
+
<a href="index.html" class="text-2xl font-bold text-white">KMedia</a>
|
| 81 |
+
<div class="hidden md:flex space-x-8">
|
| 82 |
+
<a href="about.html" class="text-white hover:text-purple-200 transition">회사소개</a>
|
| 83 |
+
<a href="overview.html" class="text-white hover:text-purple-200 transition">회사개요</a>
|
| 84 |
+
<a href="history.html" class="text-white hover:text-purple-200 transition">연혁</a>
|
| 85 |
+
<a href="organization.html" class="text-white font-semibold hover:text-purple-200 transition">조직도</a>
|
| 86 |
+
<a href="index.html#business" class="text-white hover:text-purple-200 transition">사업영역</a>
|
| 87 |
+
<a href="index.html#promotion" class="text-white hover:text-purple-200 transition">홍보마당</a>
|
| 88 |
+
<a href="index.html#communication" class="text-white hover:text-purple-200 transition">소통마당</a>
|
| 89 |
+
</div>
|
| 90 |
+
<button class="md:hidden text-white">
|
| 91 |
+
<i data-feather="menu"></i>
|
| 92 |
+
</button>
|
| 93 |
+
</div>
|
| 94 |
+
</nav>
|
| 95 |
+
|
| 96 |
+
<!-- Hero Section -->
|
| 97 |
+
<section class="pt-32 pb-20 bg-gradient-to-r from-purple-500 to-indigo-600 text-white">
|
| 98 |
+
<div class="container mx-auto px-6 text-center">
|
| 99 |
+
<h1 class="text-4xl md:text-6xl font-bold mb-6" data-aos="fade-up">조직도</h1>
|
| 100 |
+
<p class="text-xl md:text-2xl max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
|
| 101 |
+
케이미디어의 조직 구조를 확인하세요
|
| 102 |
+
</p>
|
| 103 |
+
</div>
|
| 104 |
+
</section>
|
| 105 |
+
|
| 106 |
+
<!-- Organization Chart -->
|
| 107 |
+
<section class="py-20 bg-white">
|
| 108 |
+
<div class="container mx-auto px-6">
|
| 109 |
+
<div class="max-w-6xl mx-auto">
|
| 110 |
+
<div id="chart-container"></div>
|
| 111 |
+
</div>
|
| 112 |
+
</div>
|
| 113 |
+
</section>
|
| 114 |
+
|
| 115 |
+
<!-- Organization Description -->
|
| 116 |
+
<section class="py-20 bg-gray-100">
|
| 117 |
+
<div class="container mx-auto px-6">
|
| 118 |
+
<div class="max-w-4xl mx-auto text-center" data-aos="fade-up">
|
| 119 |
+
<h2 class="text-3xl font-bold mb-6">조직 운영 철학</h2>
|
| 120 |
+
<p class="text-lg text-gray-600 leading-relaxed">
|
| 121 |
+
케이미디어는 효율적인 의사결정과 유연한 조직운영을 위해
|
| 122 |
+
지역별 지점과 사업별 총괄부문으로 구성된 조직구조를 유지하고 있습니다.
|
| 123 |
+
이를 통해 고객 중심의 빠른 대응과 전문성 있는 서비스 제공이 가능합니다.
|
| 124 |
+
</p>
|
| 125 |
+
</div>
|
| 126 |
+
</div>
|
| 127 |
+
</section>
|
| 128 |
+
|
| 129 |
+
<!-- Footer -->
|
| 130 |
+
<footer class="bg-gray-900 text-white py-12">
|
| 131 |
+
<div class="container mx-auto px-6">
|
| 132 |
+
<div class="grid md:grid-cols-4 gap-8">
|
| 133 |
+
<div>
|
| 134 |
+
<h4 class="text-lg font-semibold mb-4">KMedia</h4>
|
| 135 |
+
<p class="text-gray-400">사람 중심의 창의적인 미디어 솔루션</p>
|
| 136 |
+
</div>
|
| 137 |
+
<div>
|
| 138 |
+
<h4 class="text-lg font-semibold mb-4">연락처</h4>
|
| 139 |
+
<p class="text-gray-400">Tel: 02-1234-5678</p>
|
| 140 |
+
<p class="text-gray-400">Email: info@kmedia.com</p>
|
| 141 |
+
</div>
|
| 142 |
+
<div>
|
| 143 |
+
<h4 class="text-lg font-semibold mb-4">주소</h4>
|
| 144 |
+
<p class="text-gray-400">서울특별시 강남구 테헤란로 123</p>
|
| 145 |
+
</div>
|
| 146 |
+
<div>
|
| 147 |
+
<h4 class="text-lg font-semibold mb-4">Follow Us</h4>
|
| 148 |
+
<div class="flex space-x-4">
|
| 149 |
+
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a>
|
| 150 |
+
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></i></a>
|
| 151 |
+
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>
|
| 152 |
+
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="linkedin"></i></a>
|
| 153 |
+
</div>
|
| 154 |
+
</div>
|
| 155 |
+
</div>
|
| 156 |
+
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
|
| 157 |
+
<p>© 2023 KMedia. All rights reserved.</p>
|
| 158 |
+
</div>
|
| 159 |
+
</div>
|
| 160 |
+
</footer>
|
| 161 |
+
|
| 162 |
+
<script>
|
| 163 |
+
// Initialize AOS
|
| 164 |
+
AOS.init({
|
| 165 |
+
duration: 1000,
|
| 166 |
+
once: true
|
| 167 |
+
});
|
| 168 |
+
|
| 169 |
+
// Initialize Feather Icons
|
| 170 |
+
feather.replace();
|
| 171 |
+
|
| 172 |
+
// Organization Chart Data
|
| 173 |
+
$(function() {
|
| 174 |
+
var datascource = {
|
| 175 |
+
'name': '본사',
|
| 176 |
+
'title': '',
|
| 177 |
+
'children': [
|
| 178 |
+
{
|
| 179 |
+
'name': '이사회',
|
| 180 |
+
'title': '운영위원회 · 감사',
|
| 181 |
+
'children': [
|
| 182 |
+
{
|
| 183 |
+
'name': '경영지원본부',
|
| 184 |
+
'title': '',
|
| 185 |
+
'children': [
|
| 186 |
+
{
|
| 187 |
+
'name': '에스제이지점',
|
| 188 |
+
'title': '파주시',
|
| 189 |
+
'children': [
|
| 190 |
+
{ 'name': '엠부스영상전시관', 'title': '' }
|
| 191 |
+
]
|
| 192 |
+
},
|
| 193 |
+
{
|
| 194 |
+
'name': '에스제이지점',
|
| 195 |
+
'title': '고양시',
|
| 196 |
+
'children': [
|
| 197 |
+
{ 'name': '인쇄총괄', 'title': '' }
|
| 198 |
+
]
|
| 199 |
+
},
|
| 200 |
+
{
|
| 201 |
+
'name': '에스제이지점',
|
| 202 |
+
'title': '김포시',
|
| 203 |
+
'children': [
|
| 204 |
+
{ 'name': '디지털콘텐츠 총괄', 'title': '' }
|
| 205 |
+
]
|
| 206 |
+
}
|
| 207 |
+
]
|
| 208 |
+
}
|
| 209 |
+
]
|
| 210 |
+
}
|
| 211 |
+
]
|
| 212 |
+
};
|
| 213 |
+
|
| 214 |
+
$('#chart-container').orgchart({
|
| 215 |
+
'data' : datascource,
|
| 216 |
+
'nodeContent': 'title',
|
| 217 |
+
'pan': true,
|
| 218 |
+
'zoom': true,
|
| 219 |
+
'zoominLimit': 2,
|
| 220 |
+
'zoomoutLimit': 0.5
|
| 221 |
+
});
|
| 222 |
+
});
|
| 223 |
+
</script>
|
| 224 |
+
</body>
|
| 225 |
+
</html>
|
prompts.txt
CHANGED
|
@@ -121,4 +121,100 @@ MBooth(엠부스) 가맹사업
|
|
| 121 |
비젼
|
| 122 |
사람과 기술, 환경이 조화를 이루는 디지털 융복합 디자인기업
|
| 123 |
디지털 격차를 해소하고 모두가 소통 가능한 메타버스 기반 플랫폼 구축
|
| 124 |
-
환경과 공존하는 책임 있는 디자인으로 고객과 사회로부터 신뢰받는 기업
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 121 |
비젼
|
| 122 |
사람과 기술, 환경이 조화를 이루는 디지털 융복합 디자인기업
|
| 123 |
디지털 격차를 해소하고 모두가 소통 가능한 메타버스 기반 플랫폼 구축
|
| 124 |
+
환경과 공존하는 책임 있는 디자인으로 고객과 사회로부터 신뢰받는 기업
|
| 125 |
+
연혁 페이지 만들어줘
|
| 126 |
+
케이미디어(주) 연혁
|
| 127 |
+
|
| 128 |
+
2025년 옥외광고 심의 완료(인천시 최초) 및 콘텐츠 기획
|
| 129 |
+
|
| 130 |
+
2025년 디자인 특허
|
| 131 |
+
|
| 132 |
+
2024년 영상콘텐츠를 활용한 보상마케팅 솔루션 특허
|
| 133 |
+
|
| 134 |
+
2024년 엠부스 전시장 오픈
|
| 135 |
+
|
| 136 |
+
2024년 창원시 SM타워 실내 미디어파사드 PART
|
| 137 |
+
|
| 138 |
+
2023년 기업연구부설 설립
|
| 139 |
+
|
| 140 |
+
2023년 MG새마을금고 3D그래픽 콘텐츠 제작
|
| 141 |
+
|
| 142 |
+
2023년 대구 죽전코아루 조형물 미디어파사드 기획 디자인
|
| 143 |
+
|
| 144 |
+
2022년 ISO 9001 품질경영시스템 인증 취득
|
| 145 |
+
|
| 146 |
+
2022년 ISO 45001 안전보건경영시스템 인증 취득
|
| 147 |
+
|
| 148 |
+
2022년 ISO 14001 환경경영시스템 인증 취득
|
| 149 |
+
|
| 150 |
+
2021년 상표등록 [MetaBooth]
|
| 151 |
+
|
| 152 |
+
2021년 메타버스놀이터 전시체험장 기획/시공
|
| 153 |
+
|
| 154 |
+
2020년 중소기업 인증
|
| 155 |
+
|
| 156 |
+
2020년 인쇄사신고업 등록
|
| 157 |
+
|
| 158 |
+
2019년 케이미디어 설립
|
| 159 |
+
|
| 160 |
+
2019년 여성기업 인증
|
| 161 |
+
|
| 162 |
+
2019년 장애인기업 인증
|
| 163 |
+
|
| 164 |
+
2019년 영동와인터널 거울방 영상콘텐츠/ LED인터렉티브 기획 시공
|
| 165 |
+
|
| 166 |
+
📌 ㈜KEDA 연혁
|
| 167 |
+
|
| 168 |
+
2016년 대구시 패션센터 도심 야간경관조명 영상콘텐츠 제작
|
| 169 |
+
|
| 170 |
+
2016년 서문시장 야시장 경관조성 및 영상콘텐츠 제작
|
| 171 |
+
|
| 172 |
+
2014년 노마즈 하우스 조형물 설계 시공(미디어아트 콘텐츠 설계)
|
| 173 |
+
|
| 174 |
+
2014년 대구경북자유구역청 홀로그램 콘텐츠 개발 시공
|
| 175 |
+
|
| 176 |
+
2013년 안산시칸타빌레길 오브제벤치 설계 시공
|
| 177 |
+
|
| 178 |
+
2013년 창녕함안보 준공비 설계시공
|
| 179 |
+
|
| 180 |
+
2012년 4대강 달성보공원명비 설계 시공
|
| 181 |
+
|
| 182 |
+
2012년 부항댐 스토리텔링 설계
|
| 183 |
+
|
| 184 |
+
2010년 해외(리비아) VIP하우스 설계시공
|
| 185 |
+
|
| 186 |
+
2008년 산업자원부 공인 산업디자인 전문회사 등록
|
| 187 |
+
|
| 188 |
+
1991년 ㈜KEDA 설립
|
| 189 |
+
|
| 190 |
+
📌 Awards
|
| 191 |
+
|
| 192 |
+
2011년 4대강살리기사업 예술조형물 공모 1위 수상
|
| 193 |
+
|
| 194 |
+
2009년 인천국제공항 남측유휴지 환경디자인설계 공모수상
|
| 195 |
+
|
| 196 |
+
2006년 KIDP 국제환경 조형물 공모 수상
|
| 197 |
+
|
| 198 |
+
2003년 한국도시환경디자인 대상
|
| 199 |
+
|
| 200 |
+
2002년 한국디자인센터 국제환경디자인 3위 수상
|
| 201 |
+
케이미디어(주) 연혁 와 Awards 이걸 카드 만들어서 클릭하면 보여지도록 해줘!
|
| 202 |
+
회사 조직도 페이지 만들어줘
|
| 203 |
+
|
| 204 |
+
|
| 205 |
+
- 회사조직도
|
| 206 |
+
본사
|
| 207 |
+
I
|
| 208 |
+
이사회-운영위원회.감사
|
| 209 |
+
I
|
| 210 |
+
경영지원본부
|
| 211 |
+
I
|
| 212 |
+
에스제이지점(파주시) - 에스제이지점(고양시) - 에스제이지점(김포시)
|
| 213 |
+
I I I
|
| 214 |
+
엠부스영상전시관 인쇄총괄 디지털콘텐츠 총괄
|
| 215 |
+
OrgChart.js 커뮤니티 + 감성 CSS
|
| 216 |
+
조직도 그려줘 ! /* 파스텔+유리카드 느낌 */ .oc-node .oc-card { border-radius: 14px; border: 1px solid rgba(255,255,255,0.5); background: linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0.6)); backdrop-filter: blur(6px); box-shadow: 0 8px 24px rgba(16,24,40,0.08); } .oc-node .oc-title { font-weight: 700; color: #111827; letter-spacing: -0.2px; } .oc-connector, .oc-connector > span { border-color: #D1D5DB !important; /* 라인 연회색 */ } .oc-node:hover .oc-card { transform: translateY(-2px); transition: .25s ease; box-shadow: 0 12px 28px rgba(16,24,40,0.12); } /* 분류별 색 뱃지 느낌 */ [data-node-id="본사"] .oc-title { color:#0F172A; } [data-node-id="이사회-운영위원회·감사"] .oc-card { background:linear-gradient(180deg,#FFE4E6,#FFF); } [data-node-id="경영지원본부"] .oc-card { background:linear-gradient(180deg,#E0F2FE,#FFF); } [data-node-id^="에스제이지점"] .oc-card { background:linear-gradient(180deg,#DCFCE7,#FFF); }
|
| 217 |
+
- 찾아오시는 길 페이지 만들어줘!
|
| 218 |
+
경기도 파주시 자유로 2210 엠부스
|
| 219 |
+
경기도 고양시 은빛로 61, 3층
|
| 220 |
+
경기도 김포시 통진읍 도사리 480-3
|