PageSourceSearch

https://www.gpkorea.com/com/com-1.html

html gpkorea.com collected 2026-10-02 11:35:37 UTC 19,747 bytes, 404 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="ko" dir="ltr">
3<head>
4<meta charset="utf-8">
5<meta http-equiv="x-ua-compatible" content="ie=edge">
6<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7<link rel="shortcut icon" href="https://cdn.gpkorea.com/image/logo/favicon.png">
8<title>Profile < 안내데스크 - 지피코리아</title>
9<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap">
10<link rel="stylesheet" href="https://cdn.gpkorea.com/css/foundation.min.css">
11<link rel="stylesheet" href="https://cdn.gpkorea.com/css/custom.foundation.min.css">
12<link rel="stylesheet" href="https://cdn.gpkorea.com/css/webfonts.min.css">
13<link rel="stylesheet" href="https://cdn.gpkorea.com/css/font.style.css">
14<link rel="stylesheet" href="https://cdn.gpkorea.com/css/media.min.css">
15<link rel="stylesheet" href="https://cdn.gpkorea.com/css/autobox.style.min.css">
16<link rel="stylesheet" href="https://cdn.gpkorea.com/css/templates.style.min.css">
17<link rel="stylesheet" href="https://cdn.gpkorea.com/css/com.style.min.css">
18<link rel="stylesheet" href="https://cdn.gpkorea.com/css/style.min.css">
19<link rel="stylesheet" href="https://cdn.gpkorea.com/css/design.style.css">
19<script src="https://cdn.gpkorea.com/script/jquery.min.js"></script>
vendor: 1 bytes, line 19
19
20<script src="https://cdn.gpkorea.com/script/what-input.js"></script>
vendor: 1 bytes, line 20
20
21<script src="https://cdn.gpkorea.com/script/foundation.min.js"></script>
vendor: 1 bytes, line 21
21
22<script src="https://cdn.gpkorea.com/script/common.js"></script>
22
23
24<!--[if lt IE 10]>
25<link rel="stylesheet" href="https://cdn.gpkorea.com/css/style.ie9.css">
26<script src="https://cdn.gpkorea.com/script/html5shiv.min.js"></script>
26
27<![endif]-->
28
29<style type="text/css">
30/* 사이트 기본 색 */
31.user-point, #com-nav .menu li.is-accordion-submenu-parent ul.menu.nested li.is-submenu-item.current-page a, .com-type2 .com-subnav-wrapper > .cell > dd > a.current-page {color:#ff7f00 !important}
32.user-bg,.button.user-bg,.button.user-bg:hover,.button.user-bg:active,.menu li.is-accordion-submenu-parent[aria-expanded="true"] > a,#com-nav .menu li.nav-only.current-page > a,
33.nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label,
34.nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before,
35.switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label
36{background-color:#ff7f00 !important}
37.user-border {border-color:#ff7f00 !important}
38.user-border-bottom {border-bottom-color:#ff7f00 !important}
39.nd-checkbox.check-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-checkbox.check-pink input[type="radio"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="radio"]:checked ~ .nd-checked::before {background-color:#ff7f00 !important;border-color:#ff7f00 !important}
40@media screen and (max-width: 63.9375em) {
41	.com-type1 .com-subnav-wrapper > .cell > dd > a.current-page {color:#ff7f00 !important}
42}
43
44/* site size */
45.width-1120 {width:1120px}
46.max-width-1120 {max-width:1120px}
47</style>
48</head>
49
50<body class="" >
51<nav class="skip-nav">
52	<a href="#comNav" onclick="document.getElementById('comNav').tabIndex = -1;document.getElementById('comNav').focus();return false;" class="user-border"><span>주요서비스 바로가기</span></a>
53	<a href="#com-container" onclick="document.getElementById('com-container').tabIndex = -1;document.getElementById('com-container').focus();return false;" class="user-border"><span>본문 바로가기</span></a>
54	<a href="#com-footer" onclick="document.getElementById('com-footer').tabIndex = -1;document.getElementById('com-footer').focus();return false;" class="user-border"><span>매체정보 바로가기</span></a>
55</nav><!--[if lt IE 10]>
56<div id="ie9-guide">
57	<div class="ie9-wrapper border-box">
58		<p class="guide-txt">
59		잠깐! 현재 Internet Explorer 8이하 버전을 이용중이십니다. 최신 브라우저(Browser) 사용을 권장드립니다!
60		</p>
61
62		<div class="guide-right">
63			<dl class="ie9-down nobr">
64				<dt><i class="icon ie-logo">ie</i></dt>
65				<dd>
66					<span>인터넷 익스플로러 11</span>
67					<a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">다운로드</a>
68				</dd>
69			</dl>
70
71			<dl class="ie9-down">
72				<dt><i class="icon cr-logo">chrome</i></dt>
73				<dd>
74					<span>구글 크롬</span>
75					<a href="http://www.google.com/chrome/" target="_blank">다운로드</a>
76				</dd>
77			</dl>
78
79			<dl class="ie9-down">
80				<dt><i class="icon ff-logo">firefox</i></dt>
81				<dd>
82					<span>모질라 파이어폭스</span>
83					<a href="http://www.mozilla.or.kr/" target="_blank">다운로드</a>
84				</dd>
85			</dl>
86		</div>
87	</div>
88</div>
89<![endif]--><style type="text/css">
90/**********************************************
91note : company layout (type10)
92**********************************************/
93#com-wrap {padding:3.75rem 1.25rem 0}
94@media screen and (max-width: 63.9375em) {
95	#com-wrap {padding-top:1.875rem}
96}
97
98/* header */
99#com-header {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.75rem}
100#com-header .com-logo {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;font-size:0;text-align:left}
101#com-header .com-logo a {display:inline-block;max-width:180px}
102#com-header .com-nav-btns {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;margin-left:1.875rem;padding:0;font-size:1.5rem;line-height:1}
103#com-header .com-nav-btns.active > i[class^="icon-"]::before {content:"\e921"}
104@media screen and (max-width: 63.9375em) {
105	#com-header .com-logo a {max-width:125px}
106}
107
108/* container */
109#com-container {position:relative}
110@media screen and (min-width: 64em) {
111	#com-container {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
112	#com-container .com-aside {-ms-flex:0 0 180px;flex:0 0 180px;max-width:180px;margin-right:5rem}
113	#com-container .com-article {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0}
114}
115
116/* navigation */
117#com-container .com-nav {padding:1.625rem;margin-bottom:2.5rem;background-color:#222}
118#com-container .com-nav .menu.nested {margin-left:.75rem;margin-bottom:1.25rem}
119#com-container .com-nav .menu li {font-size:.875rem;font-weight:300;letter-spacing:-.05em;color:rgba(255,255,255,.6)}
120#com-container .com-nav .menu li.is-accordion-submenu-parent {font-size:1.125rem;font-weight:500;color:#fff}
121#com-container .com-nav .menu li a {padding:.375rem 0;color:inherit}
122#com-container .com-nav .menu li.is-accordion-submenu-parent > a {padding-top:.625rem;padding-bottom:.625rem}
123#com-container .com-nav .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:none !important}
124#com-container .com-nav .menu li a.current-page {color:#ffee58}
125#com-container .com-nav .menu li.is-accordion-submenu-parent > a::after {content:normal;display:none}
126@media screen and (min-width: 64em) {
127	#com-container .com-nav {display:block !important;min-height:420px}
128}
129@media screen and (max-width: 63.9375em) {
130	#com-container .com-nav {display:none;position:absolute;z-index:990;left:0;top:0;width:100%}
131}
132
133/* aside footer */
134#com-container .aside-footer {display:block}
135#com-container .aside-footer .lists {display:block;padding:0;margin:0;list-style:none}
136#com-container .aside-footer .lists li {font-size:.75rem;line-height:1.2;letter-spacing:-.05em;color:#999}
137#com-container .aside-footer .lists > :not(:first-child) {margin-top:.5rem}
138#com-container .aside-footer .lists li a {color:inherit;text-decoration:none}
139#com-container .aside-footer .copy {display:block;margin-top:1.5rem;font-size:.8125rem;font-weight:400;line-height:1.2;letter-spacing:-.05em;color:#999}
140
141/* rooted */
142#com-container .rooted {overflow:hidden;margin-bottom:5rem}
143#com-container .rooted .flat-list {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:flex-end;justify-content:flex-end;-ms-align-items:center;align-items:center;padding:0;margin:0 -.9375rem;list-style:none}
144#com-container .rooted .flat-list li {-ms-flex:0 0 auto;flex:0 0 auto;display:block;position:relative;width:auto;max-width:100%;padding:0 .9375rem;font-size:.75rem;line-height:1;letter-spacing:-.05em;color:#888;white-space:nowrap}
145#com-container .rooted .flat-list > :last-child {color:#000}
146#com-container .rooted .flat-list > :not(:last-child)::before {content:"\e940";display:block;position:absolute;z-index:1;right:-.4375rem;top:0;font:14px/1 fontello;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
147#com-container .rooted .flat-list li a {color:inherit}
148
149/* titles */
150#com-container .com-titles {display:block;margin-bottom:3.75rem;font-size:2.625rem;line-height:1.2;letter-spacing:-.05em;white-space:nowrap;text-align:left}
151
152/* footer */
153#com-footer {display:block;overflow:hidden;margin:5rem auto 0;padding:1.875rem 0 3.125rem;border-top:1px solid #e3e3e3}
154#com-footer .wrapper {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 -.625rem}
155#com-footer .wrapper > * {-ms-flex:0 0 auto;flex:0 0 auto;display:block;width:auto;max-width:100%;padding:0 .625rem;line-height:1.8}
156#com-footer .wrapper > em {font-size:.75rem;font-style:normal;letter-spacing:-.025em;color:#999} 
157#com-footer .wrapper > .copy {margin-bottom:0;font-size:.8125rem;font-weight:500;color:#888}
158</style>
159
160<!-- wrap //-->
161<div id="com-wrap">
162	<div class="row max-width-1120">
163
164		<!-- header //-->
165		<header id="com-header">
166			<h2 class="show-for-sr">상단영역</h2>
167
168			<h1 class="com-logo">
169				<a href="https://www.gpkorea.com" target="_top">
170					<img src="https://cdn.gpkorea.com/image/logo/mobilelogo_20240903042054.png" alt="지피코리아" />
171				</a>
172			</h1>
173			<button type="button" id="com-nav-btns" class="com-nav-btns hide-for-large" title="전체메뉴"><i class="icon-bars"></i><span class="show-for-sr">전체메뉴버튼</span></button>
174		</header>
175		<!-- header //-->
176
177		<!-- section //-->
178		<section id="com-container">
179			<h2 class="show-for-sr">본문영역</h2>
180			
181			<aside class="com-aside">
182				<!-- navigation //-->
183				<nav id="comNav" class="com-nav">
184					<h4 class="show-for-sr">전체메뉴</h4>
185					<ul class="menu vertical" data-accordion-menu data-multi-open="false">
186					<li>
187	<a href="/com/com-1.html" target="_top">매체소개</a>
188	<ul class="menu vertical nested is-active">
189		<li><a href="/com/com-1.html" target="_top" class="current-page">Profile</a></li>
190		<li><a href="/com/com-3.html" target="_top">Vision</a></li>
191		<li><a href="/com/com-4.html" target="_top">History</a></li>
192		<li><a href="/com/com-2.html" target="_top">찾아오시는길</a></li>
193	</ul>
194</li>
195<li>
196	<a href="https://www.gpkorea.com/com/jb.html" target="_top">고객센터</a>
197	<ul class="menu vertical nested">
198		<li><a href="https://www.gpkorea.com/com/jb.html" target="_top">기사제보</a></li>
199		<li><a href="https://www.gpkorea.com/com/kd.html" target="_top">구독신청</a></li>
200		<li><a href="https://www.gpkorea.com/com/ad.html" target="_top">광고문의</a></li>
201		<li><a href="https://www.gpkorea.com/com/bp.html" target="_top">불편신고</a></li>
202		<li><a href="https://www.gpkorea.com/com/tg.html" target="_top">독자투고</a></li>
203		<li><a href="https://www.gpkorea.com/com/jh.html" target="_top">제휴문의</a></li>
204		<li><a href="https://www.gpkorea.com/com/copy.html" target="_top">저작권문의</a></li>
205	</ul>
206</li>
207<li>
208	<a href="/com/com-5.html" target="_top">약관 및 정책</a>
209	<ul class="menu vertical nested">
210		<li><a href="/com/com-5.html" target="_top">윤리강령</a></li>
211		<li><a href="/com/service.html" target="_top">이용약관</a></li>
212		<li><a href="/com/privacy.html" target="_top">개인정보처리방침</a></li>
213		<li><a href="/com/youthpolicy.html" target="_top">청소년보호정책</a></li>
214		<li><a href="/com/copyright.html" target="_top">저작권보호정책</a></li>
215		<li><a href="/com/emailno.html" target="_top">이메일무단수집거부</a></li>
216	</ul>
217</li>
218					</ul>
219				</nav>
220				<!--// navigation -->
221
222				<!-- footer //-->
223				<footer class="aside-footer show-for-large">
224					<ul class="lists">
225						<li>서울특별시 용산구 이촌로34길 29 103-101</li>
226						<li>대표전화 : 02-323-7614</li>
227											</ul>
228					<h6 class="copy">&copy; 지피코리아</h6>
229				</footer>
230				<!--// footer -->
231			</aside>
232
233			<!-- content //-->
234			<article class="com-article">
235				
236				<div class="rooted">
237					<ul id="actBtm" class="flat-list">
238						<li class="show-for-sr"><h4>페이지 경로</h4></li>
239						<li><a href="https://www.gpkorea.com"><i class="icon-home"></i><span class="show-for-sr">HOME</span></a></li>
240						<li><a href="/com/com-1.html">안내데스크</a></li>
241						<li class="disabled">Profile</li>
242					</ul>
243				</div>
244
245				<h3 class="com-titles">Profile</h3>
246				<style>
247.about-us.skin-8.skin-8 .heading {text-align:left}
248.about-us.skin-8.skin-8 .heading>strong {font-size:2rem}
249.about-us.skin-8.skin-8 .content {margin-top:1rem}
250.about-us.skin-8 table {border-top:2px solid rgba(0,0,0,.6);border-collapse:collapse}
251.about-us.skin-8 table tbody tr {border-bottom:1px solid rgba(0,0,0,.08)}
252.about-us.skin-8 table tbody th, .about-us.skin-8 table tbody td {padding:.875rem 1.5rem;font-size:.9rem;letter-spacing:-0.05em}
253.about-us.skin-8 table tbody th {background-color:rgba(0,0,0,.025);border-right:1px solid rgba(0,0,0,.05);text-align:center}
254
255/* 그래프 */
256.about-us.skin-8 .graph {position:relative;margin:5rem 0;background:url('https://cdn.gpkorea.com/image/logo/csslogo.png') center no-repeat;background-size:150px auto}
257.about-us.skin-8 .graph::after {content:'';display:table;clear:both}
258.about-us.skin-8 .graph .graph-group {overflow:hidden;position:relative;width:220px;height:220px;margin:0;padding:2.125rem 1.5rem;background-color:rgba(0,0,0,.025);border-radius:50%;list-style:none;-webkit-transition:all .25s;transition:all .25s}
259.about-us.skin-8 .graph .graph-group::before {content:'';position:absolute;z-index:1;top:50%;width:0;height:0;border:7px solid transparent;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .15s;transition:all .15s}
260.about-us.skin-8 .graph .graph-group::after {content:'';display:table;clear:both}
261.about-us.skin-8 .graph .graph-group:first-child {float:left}
262.about-us.skin-8 .graph .graph-group:last-child {float:right}
263.about-us.skin-8 .graph .graph-group:first-child::before {right:1.25rem;border-left-color:#ff6801}
264.about-us.skin-8 .graph .graph-group:last-child::before {left:1.25rem;border-right-color:#ff6801}
265.about-us.skin-8 .graph .graph-group li {font-size:1.375rem;line-height:1.625em;letter-spacing:-0.05em;color:rgba(0,0,0,.65);text-align:center}
266.about-us.skin-8 .graph .graph-group:hover {background-color:rgba(0,0,0,.7)}
267.about-us.skin-8 .graph .graph-group:hover li {color:#fefefe}
268.about-us.skin-8 .graph .graph-group:hover:first-child::before {right:1rem}
269.about-us.skin-8 .graph .graph-group:hover:last-child::before {left:1rem}
270@media screen and (max-width: 39.9375em) {
271	.row .about-us.skin-8 .graph .graph-group {float:none !important;margin-left:auto;margin-right:auto}
272	.row .about-us.skin-8 .graph .graph-group:first-child {margin-bottom:10rem}
273	.row .about-us.skin-8 .graph .graph-group::before {top:inherit;
273left:50%;-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}
274	.row .about-us.skin-8 .graph .graph-group:first-child::before {bottom:1rem;right:inherit;border-top-color:#ff6801;border-left-color:transparent}
275	.row .about-us.skin-8 .graph .graph-group:last-child::before {top:1rem;border-bottom-color:#ff6801;border-right-color:transparent}
276	.row .about-us.skin-8 .graph .graph-group:hover:first-child::before {right:inherit;bottom:.75rem}
277	.row .about-us.skin-8 .graph .graph-group:hover:last-child::before {left:50%;top:.75rem}
278}
279</style>
280
281<article class="about-us skin-8">
282	<h4 class="heading">
283		<strong><span class="user-point">지피코리아</span>(Good People Korea)는</strong>
284	</h4>
285	<section class="content">
286		<p>분야별 최고의 전문가들이 모여 자동차, 자율주행, 인공지능, 스마트그리드 등 시대를 앞서가는 모빌리티 & 스마트라이프 정보를 가장 빠르고 정확하게 전달합니다.</p>
287
288		<p>또한 경제와 라이프 스타일 전문 온라인 웹사이트로서 파트너에게 최고의 가치를 제공할 것입니다.</p>
289	</section>
290
291	<!-- 그래프 //
292	<div class="graph">
293		<ul class="graph-group">
294			<li>카레이싱</li>
295			<li>스피드</li>
296			<li>굉음</li>
297			<li>레이싱걸</li>
298		</ul>
299		<ul class="graph-group">
300			<li>새로움</li>
301			<li>희망/도전</li>
302			<li>미래지향</li>
303			<li>도전</li>
304		</ul>
305	</div>
306	-->
307	<div class="text-center marbtm-40"><img src="https://cdn.gpkorea.com/image/company/com1-img.jpg"></div>
308	
309	<!-- overview //-->
310	<table class="hover unstriped">
311		<caption class="show-for-sr">overview</caption>
312		<colgroup>
313			<col width="150">
314			<col width="*">
315		</colgroup>
316		<tbody>
317			<tr>
318				<th scope="col">회사명</th>
319				<td>지피코리아</td>
320			</tr>
321			<tr>
322				<th scope="col">대표</th>
323				<td>김기홍</td>
324			</tr>
325			<tr>
326				<th scope="col">설립년도</th>
327				<td>2002년 7월 16일</td>
328			</tr>
329			<tr>
330				<th scope="col">사업내용</th>
331				<td>
332					모터스포츠&amp;자동차 컨텐츠 온라인 사업, 잡지 발행, 포토 라이브러리, 광고사업, 프로모션, 행사기획, 홍보대행 등
333				</td>
334			</tr>
335			<tr>
336				<th scope="col">연락처</th>
337				<td>02-323-7614</td>
338			</tr>
339			<tr>
340				<th scope="col">이메일</th>
341				<td>[email protected]</td>
342			</tr>
343		</tbody>
344	</table>
345
346</article>
347
348				</article>
349			<!--// content -->
350
351		</section>
352		<!--// section -->
353
354		<footer id="com-footer" class="hide-for-large">
355			<h2 class="show-for-sr">하단영역</h2>
356			<div class="wrapper">				
357				<em>서울특별시 용산구 이촌로34길 29 103-101</em>
358				<em>대표전화 : 02-323-7614</em>
359								<h6 class="copy">&copy; 지피코리아</h6>
360			</div>
361		</footer>
362	</div>
363</div>
364
365<script type="text/javascript">
366(function() {
367
368	// com navigation
369	var $comWrap = $('#com-wrap')
370		, $comNavBtn = $comWrap.find('#com-nav-btns')
371		, $comNavCont = $comWrap.find('#comNav');
372
373	$comNavBtn.on({
374		click: function(e) {
375			if($comNavCont.css('display') == "none") {
376				$(this).addClass('active');
377			} else {
378				$(this).removeClass('active');
379			}
380			$comNavCont.slideToggle('300');
381		}
382	});
383	
384})();
385</script>
385<button type="button" id="back-to-top" class="back-to-top" title="위로"><i class="icon-arrow-top"><span class="show-for-sr">위로</span></i></button>
386<script type="text/javascript">
387// back to the top		
388$(document).scroll(function(){
389	var sDocumentHeight = $(document).height() - $(window).height();
390	if($(document).scrollTop() > 0){	
391		$('#back-to-top').fadeIn();
392	}else{
393		$('#back-to-top').fadeOut();
394	}
395});
396
397$('#back-to-top').click(function(){
398	$('html, body').animate( {scrollTop:0}, 100);
399});
400</script>
400
401
402</body>
403</html>
404

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.