PageSourceSearch

https://jongcheol.or.kr/about/page1.php

html jongcheol.or.kr collected 2026-10-08 12:54:18 UTC 13,210 bytes, 277 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ko">
3<head>
4	<meta charset="utf-8">
5	<meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=3.0,user-scalable=yes" name="viewport">
6			<meta name="subject" content="박종철센터">
7	<meta name="description" content="박종철센터">
8	<meta name="keywords" content="박종철센터">
9    <title>박종철센터</title>
10
11	<meta property="og:url"	content="https://jongcheol.or.kr">
12	<meta property="og:type" content="website">
13	<meta property="og:title" content="박종철센터">
14	<meta property="og:description"	content="박종철센터">
15	<meta property="og:image" content="https://jongcheol.or.kr/images/sns_link.png">
16	<link rel="canonical" href="https://jongcheol.or.kr">
17
18	<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
19	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
20	<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
21	<link rel="stylesheet" type="text/css" href="/css/pretendard.css">
22	<link rel="stylesheet" type="text/css" href="/css/animate.css">
23	<link rel="stylesheet" type="text/css" href="/css/jquery.modal.css">
24	<link rel="stylesheet" type="text/css" href="/css/aos.css">
25	<link rel="stylesheet" type="text/css" href="/css/slick.css">
26	<link rel="stylesheet" type="text/css" href="/css/swiper.min.css">
27	<link rel="stylesheet" type="text/css" href="/css/reset.css?v=2025-02-07">	
28	<link rel="stylesheet" type="text/css" href="/css/layout.css?v=2025-02-07">	
29	<link rel="stylesheet" type="text/css" href="/css/doc.css?v=2025-02-07">
30	<link rel="stylesheet" type="text/css" href="/css/board.css?v=2025-02-07">		
31	<link rel="stylesheet" type="text/css" href="/css/responsive.css?v=2025-02-07">	
32
33	
33<script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>
33
34	
34<script type="text/javascript" src="/js/jquery.modal.min.js"></script>
34
35	
35<script type="text/javascript" src="/js/aos.js"></script>
35
36	
36<script type="text/javascript" src="/js/jquery.ui.js"></script>
36
37	
37<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
37
38	
38<script type="text/javascript" src="/js/jquery.rwdImageMaps.min.js"></script>
38
39	
39<script type="text/javascript" src="/js/jquery.gnb.js"></script>
39
40	
40<script type="text/javascript" src="/js/slick.min.js"></script>
40
41	
41<script type="text/javascript" src="/js/wow.min.js"></script>
41
42	
42<script type="text/javascript" src="/js/swiper.min.js"></script>
42
43	
43<script type="text/javascript" src="/js/jquery.browser.js"></script>
43
44	
44<script type="text/javascript" src="/js/jquery-iframe-auto-height.min.js"></script>
44
45	
45<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
45
46	
46<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
46
47	<link rel="stylesheet" type="text/css" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen">
48	
48<script type="text/javascript" src="/js/script.js"></script>
48
49	<!--[if lte IE 9]
50		
50<script src="/js/html5.js"></script>
50
51	<![endif]-->	
52				<!--flo -->
53	<link href="/common/froala/css/froala_editor.pkgd.min.css" rel="stylesheet" type="text/css" />
54	<link rel="stylesheet" href="/common/froala/css/codemirror.min.css">
55	<!-- Include TUI Froala Editor CSS. -->
56	<link rel="stylesheet" href="/common/froala/css/third_party/image_tui.min.css">
57
58	
58<script type="text/javascript" src="/common/froala/js/html2pdf.bundle.js"></script>
58
59	
59<script type="text/javascript" src="/common/froala/js/codemirror.min.js"></script>
59
60	
60<script type="text/javascript" src="/common/froala/js/xml.min.js"></script>
60
61	
61<script type="text/javascript" src="/common/froala/js/froala_editor.pkgd.min.js"></script>
61
62	<!-- Include TUI plugin. -->
63	
63<script type="text/javascript" src="/common/froala/js/third_party/image_tui.min.js"></script>
63
64	
64<script id="language" src="/common/froala/js/languages/ko.js"></script>
64
65
66	
67
68</head>
69<body id="sub">
70<div id="skipToContent">
71	<a href="#container">본문 바로가기</a>
72	<a href="#gnb">주메뉴 바로가기</a>
73</div>
74<div id="wrapper"> 	
75	<!-- // header -->
76    <div id="header" class="">
77		<div class="header">
78			<div class="sitelogo"><a href="/index.php"><img src="/images/common/logo2.png" alt=""></a></div>
79			<div id="gnb" class="gnb">
80				<ul>
81					<li><a href="/about/page1.php"><span>이용 안내</span></a>
82						<div class="submenu">
83							<ul>
84								<li><a href="/about/page1.php">센터소개</a></li>
85								<li><a href="/about/page2.php">함께하는 사람들</a></li>
86								<li><a href="/about/page3.php">찾아오시는 길</a></li>
87								<li><a href="/about/page4.php">관람안내</a></li>
88								<li><a href="/about/page5.php">시설안내</a></li> 
89							</ul>
90						</div>
91					</li>
92					<li><a href="/exibition/page1.php"><span>전시</span></a>
93						<div class="submenu">
94							<ul>
95								<li><a href="/exibition/page1.php">상설전시</a></li>
96								<li><a href="/exibition/page2.php">기획전시</a></li>
97								<li><a href="/exibition/index.php">온라인 전시관</a></li>
98								<li><a href="/exibition/page4.php">
98전시해설예약</a></li>
99							</ul>
100						</div>
101					</li>
102					<li><a href="/coronation/page1.php"><span>대관</span></a>
103						<div class="submenu">
104							<ul>
105								<li><a href="/coronation/page1.php">대관안내</a></li>
106								<li><a href="/coronation/page4.php">대관일정</a></li>
107								<li><a href="/coronation/page2.php">대관신청서</a></li> 
108								<li><a href="/coronation/page3.php">대관취소신청</a></li> 
109							</ul>
110						</div>
111					</li>
112					<li><a href="/education/page2.php"><span>교육 · 행사</span></a>
113						<div class="submenu">
114							<ul>
115								<li><a href="/education/page2.php">교육 일정·신청</a></li>
116								<li><a href="/education/page7.php">행사 일정·신청</a></li> 
117							</ul>
118						</div>
119					</li>
120					<li><a href="/collection/page1.php"><span>소장자료</span></a>
121						<div class="submenu">
122							<ul>
123								<li><a href="/collection/page1.php">소장품 검색</a></li>
124								<li><a href="/collection/page3.php">열람 및 복제</a></li>
125								<li><a href="/collection/page4.php">기증</a></li> 
126							</ul>
127						</div>
128					</li>
129					<li><a href="/board/page1.php"><span>소식</span></a>
130					<!-- /board/page1.php 연결 -->
131						<div class="submenu">
132							<ul>
133								<li><a href="/board/page1.php">공지사항</a></li>
134								<!-- /board/page1.php 연결 -->
135								<li><a href="/board/page2.php">언론보도</a></li>
136								<!-- /board/page2.php 연결 -->
137								<li><a href="/board/page4.php">뉴스레터</a></li> 
138								<li><a href="/board/page5.php">자료실</a></li> 
139								<!-- /board/page3.php 연결 -->
140								<li><a href="/board/page3.php">문의사항</a></li> 
141							</ul>
142						</div>
143					</li> 
144				</ul>
145			</div>
146			<a href="#all_menu" class="btn-all-menu"><span>전체 메뉴</span></a>
147			<a href="#menu" class="btn-m-menu"><span>메뉴</span></a>
148		</div>
149		<div class="submenu-bg"></div>
150	</div>
151	
151<script>
152	$(document).ready(function(){
153		$("#gnb").gnb({d1:1 , d2:1})
154	});
155	</script>
155
156	<!-- header //-->
157
158	<div class="all-menu" id="all_menu">
159		<div class="contain">
160			<div class="nav">
161				<div class="line line-1"></div>
162				<div class="line line-2"></div>
163				<div class="line line-3"></div>
164				<div class="line line-4"></div>
165			</div>
166		</div>
167		<a href="javascript:void(0);" class="close"><span class="blind">닫기</span></a>
168	</div>
169
170	<!-- for mobile -->
171	<div id="menu" class="mobile-navigation">
172		<div class="home"><a href="/index.php"><img src="/images/common/logo2.png" alt=""></a></div>	
173		<nav class="nav-menu"></nav>
174		<a href="javascript:void(0);" class="close"><span class="blind">닫기</span></a>
175	</div>
176	<div class="mobile-overlay"></div><div class="sub-visual bg1">
177	<div class="sub-visual-flex">
178		<div class="inner">
179			<h2>이용안내</h2> 
180		</div>
181		<div class="lnb-wrap">
182			<div class="tabmenu">
183				<div class="lnb swiper-container">
184					<ul class="swiper-wrapper">
185						<li class="swiper-slide active"><a href="../about/page1.php">센터소개</a></li>
186						<li class="swiper-slide "><a href="../about/page2.php">함께하는 사람들</a></li>
187						<li class="swiper-slide "><a href="../about/page3.php">찾아오시는 길</a></li>
188						<li class="swiper-slide "><a href="../about/page4.php">관람안내</a></li>
189						<li class="swiper-slide "><a href="../about/page5.php">시설안내</a></li> 
190					</ul>
191				</div>
192				<a href="javascript:void(0);" class="slide-btn prev" title="Previus"></a>
193				<a href="javascript:void(0);" class="slide-btn next" title="Next"></a>
194			</div>
195		</div>
196	</div>
197</div> 
198
199<div id="container" class="">	
200	<div id="contArea">	 
201		<div class="real-cont"> 
202			<!--// content -->   
203			<div class="greetings">
204				<div class="img wow fadeInUp"><img src="../images/sub/greetings.jpg" alt=""></div>
205				<div class="lg-tit wow fadeInUp">6·10민주항쟁의 도화선이 되어 우리 사회에 민주주의란 선물을 남긴 22살의 청년 박종철!</div>
206				<div class="txt-box"> 
207					<div class="tt-box-flex">
208						<div class="tt-box wow fadeInLeft">
209							<div class="tit">6·10민주항쟁의 도화선이 되어 우리 사회에 민주주의란 선물을 남긴 22살의 청년 박종철!</div>
210							<div class="txt">그가 보다 나은 세상을 이루고자 하는 꿈을 꾸며 가장 뜨거웠던 삶을 살았던 관악구에 박종철센터가 <br>
211							건립되었습니다.</div> 
212							<div class="txt">박종철 정신을 관악구의 역사 속에서 계승하는 것이 민주주의를 지켜내는 길이라는 뜻을 모은 주민들의 진심! <br>
213							박종철거리와 박종철센터 조성에 지지와 관심을 보여준 시민들의 진심! <br>
214							박종철의 기억 공간을 만드는 것에 대한 헌신으로 보여준 관악구의 진심!</div> 
215							<div class="txt">박종철센터는 이런 진심들이 모여 이룬 기적입니다.</div>
216						</div>
217						<div class="tt-box wow fadeInRight">
218							<div class="txt">6·10민주항쟁과 박종철열사 사료 수집과 발굴의 거점 <br>
219							다양하고 열린 질문들이 교차하는, 청년세대를 위한 모색의 공간 <br>
220							주민자치의 실천적 의제를 생산하고 경험하는 공간 <br>
221							문화와 예술, 역사와 철학이 해석되고 공유되는 지역문화 커뮤니티가 되고자 합니다.</div> 
222							<div class="txt">일상속의 민주주의 센터로, 새로운 민주주의를 찾아가는 여정의 장이 되겠습니다.</div> 
223							<div class="txt">감사합니다.</div>
224							<div class="sign">센터장 이현주</div>
225						</div>
226					</div>
227				</div>
228			</div>
229			<!-- content //-->  
230		</div>
231	</div> 
232</div> 
233
234	<!--// footer -->
235	<div class="quick">
236		<ul>
237			<!-- <li><a href="javascript:alert('준비중입니다.');" onfocus="this.blur()"><img src="/images/common/quick-kakao.png" alt=""></a></li> -->
238			<li><a href="https://www.facebook.com/profile.php?id=61550690296268" target="_blank"><img src="/images/common/quick-facebook.png" alt=""></a></li>
239			<li><a href="https://www.instagram.com/parkjongcheolcenter/" target="_blank"><img src="/images/common/quick-insta.png" alt=""></a></li>
240			<li><a href="https://www.youtube.com/@jongcheol0610" target="_blank"><img src="/images/common/quick-youtube.png" alt=""></a></li>
241			<!-- <li><a href="https://blog.naver.com/parkjongcheol" target="_blank"><img src="/images/common/quick-blog.png" alt=""></a></li> -->
242		</ul>
243	</div>
244	<div id="footer">
245		<div class="foot-lnb">
246			<div class="contain">
247				<ul>
248					<li><a href="/about/page1.php">이용 안내</a></li>
249					<li><a href="/exibition/page1.php">
249전시</a></li>
250					<li><a href="/coronation/page1.php">대관</a></li>
251					<li><a href="/education/page2.php">교육 · 행사</a></li>
252					<!-- /education/page1.php 연결 -->
253					<li><a href="/collection/page1.php">소장자료</a></li>
254					<!--  /collection/page1.php 연결 -->
255					<li><a href="/board/page1.php">소식</a></li>
256					<!-- /board/page1.php 연결 -->
257				</ul>
258			</div>
259		</div>
260		<div class="foot-bg">
261			<div class="contain">
262				<div class="foo-logo"><img src="/images/common/foot-logo.png" alt="박종철센터"></div>
263				<div class="wrap">
264					<address>
265						<p>서울특별시 관악구 대학5길 7</p>  
266						<p>TEL : 070-8890-7450</p>
267					</address>
268					<div class="copy">ⓒ 박종철센터.  All Rights Reserved. <a href="https://www.website.co.kr/">designed by website.co.kr</a></div>
269				</div>
270			</div>			
271		</div> 
272		<a href="javascript:void(0);" class="go-top toTop scroll-top"><img src="../images/common/btn-top2.png" alt=""></a>
273	</div>
274    <!-- footer //-->
275</div>
276</body>
277</html>

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.