-
Notifications
You must be signed in to change notification settings - Fork 0
/
tourCourse.html
195 lines (194 loc) · 14.5 KB
/
tourCourse.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#394685">
<meta name="color-scheme" content="light dark">
<meta name="title" content="서울미래유산">
<meta name="description" content="미래로 흘려보낼 오늘의 유산, 시민이 만들어가는 서울미래유산입니다.">
<meta name="keywords" content="여행, 서울, 미래유산, 서울미래유산, dugod, tjdnf, alfodbtks, tjdnfalfodbtks">
<meta property="og:site_name" content="서울미래유산">
<meta property="og:title" content="서울미래유산">
<meta property="og:description" content="미래로 흘려보낼 오늘의 유산, 시민이 만들어가는 서울미래유산입니다.">
<link rel="canonical" href="https://deacct.github.io/seoulFutureHeritage/">
<link rel="icon" type="image/png" sizes="32x32" href="img/icon-32.png">
<link rel="icon" type="image/png" sizes="512x512" href="img/icon-512.png">
<link rel="apple-touch-icon" sizes="192x192" href="img/apple-touch-icon-192.png">
<link href="css/reset.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/sub.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500;900&display=swap" rel="stylesheet">
<link rel="manifest" href="manifest.json">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/ScrollTrigger.min.js"></script>
<script src="js/anime.min.js"></script>
<script src="js/main.js" defer></script>
<script src="js/sub.js" defer></script>
<title>서울미래유산</title>
</head>
<body class="tourCourse">
<div class="wrapper">
<header>
<div class="headerInner">
<h1>
<a href="index.html">
서울미래유산
<svg>
<path d="M22.28,19.7a8.77,8.77,0,0,1-.75-2.65,22.77,22.77,0,0,1-.19-2.94V1.78H10.94V14.11a22.81,22.81,0,0,1-.2,2.94A8.77,8.77,0,0,1,10,19.7q-1.83,4.07-4.28,8.44A78.64,78.64,0,0,1,0,36.88l7.18,5.55Q9.7,39.25,12,35.82c1.52-2.3,2.9-4.5,4.16-6.61Q18,32.38,20.2,35.74c1.48,2.25,3.08,4.42,4.8,6.54l6.73-5.84a87,87,0,0,1-5.37-8.54Q24.11,23.76,22.28,19.7Z" transform="translate(0 0)"/>
<polygon points="33.96 12.72 25.84 12.72 25.84 21.88 33.96 21.88 33.96 45 43.66 45 43.66 1.29 33.96 1.29 33.96 12.72"/>
<polygon points="48.81 22.97 65.1 22.97 65.1 25.25 51.09 25.25 51.09 30.99 80.5 30.99 80.5 32.48 51.09 32.48 51.09 45 90.69 45 90.69 39.06 60.79 39.06 60.79 37.52 90.2 37.52 90.2 25.25 76.19 25.25 76.19 22.97 92.47 22.97 92.47 16.83 48.81 16.83 48.81 22.97"/><path class="cls-1" d="M52.72,13a11.36,11.36,0,0,0,7.08,2H81.48a11.36,11.36,0,0,0,7.08-2,6.55,6.55,0,0,0,2.63-5.52A6.58,6.58,0,0,0,88.56,2a11.42,11.42,0,0,0-7.08-2H59.8a11.42,11.42,0,0,0-7.08,2A6.57,6.57,0,0,0,50.1,7.52,6.54,6.54,0,0,0,52.72,13Zm7.55-6.51a1.94,1.94,0,0,1,1.26-.39H79.75A1.9,1.9,0,0,1,81,6.53a1.24,1.24,0,0,1,.47,1,1.21,1.21,0,0,1-.47,1,1.85,1.85,0,0,1-1.26.4H61.53a1.89,1.89,0,0,1-1.26-.4,1.24,1.24,0,0,1-.47-1A1.27,1.27,0,0,1,60.27,6.53Z" transform="translate(0 0)"/><path class="cls-1" d="M105.8,40.46h13.61V20.83H105.8Zm3-17h7.57V37.79h-7.57Z" transform="translate(0 0)"/><rect class="cls-1" x="124.5" y="19.55" width="3.03" height="25.45"/><polygon class="cls-1" points="152.28 28.97 148.79 28.97 148.79 19.84 145.8 19.84 145.8 44.24 148.79 44.24 148.79 31.7 152.28 31.7 152.28 44.97 155.31 44.97 155.31 19.55 152.28 19.55 152.28 28.97"/><polygon class="cls-1" points="135.12 31.7 143.12 31.7 143.12 20.65 132.09 20.65 132.09 23.33 140.12 23.33 140.12 29.09 132.12 29.09 132.12 40.75 144.05 40.75 144.05 38.08 135.12 38.08 135.12 31.7"/><path class="cls-1" d="M163.45,31.41a7.06,7.06,0,0,0,2.56.44h8.56a7.06,7.06,0,0,0,2.56-.44,5.65,5.65,0,0,0,2-1.25,5.75,5.75,0,0,0,1.33-1.92,6.11,6.11,0,0,0,.48-2.47,6.2,6.2,0,0,0-.48-2.46,5.79,5.79,0,0,0-3.33-3.18,7.28,7.28,0,0,0-2.56-.44H166a7.28,7.28,0,0,0-2.56.44,5.79,5.79,0,0,0-3.33,3.18,6.2,6.2,0,0,0-.48,2.46,6.11,6.11,0,0,0,.48,2.47,5.75,5.75,0,0,0,1.33,1.92A5.65,5.65,0,0,0,163.45,31.41Zm.19-8.13a3.57,3.57,0,0,1,2.55-.91h8.2a3.57,3.57,0,0,1,2.55.91,3.25,3.25,0,0,1,1,2.49,3.25,3.25,0,0,1-1,2.49,3.57,3.57,0,0,1-2.55.91h-8.2a3.57,3.57,0,0,1-2.55-.91,3.25,3.25,0,0,1-1-2.49A3.25,3.25,0,0,1,163.64,23.28Z" transform="translate(0 0)"/><polygon class="cls-1" points="157.75 37 163.86 37 163.86 45 166.92 45 166.92 37 173.67 37 173.67 45 176.72 45 176.72 37 182.83 37 182.83 34.32 157.75 34.32 157.75 37"/><path class="cls-1" d="M191.22,30.06q.92-.82,1.62-1.53c.48.47,1,1,1.63,1.49l1.83,1.58q.93.81,1.86,1.56c.62.5,1.2,1,1.75,1.37l1.71-2.18c-1.18-.9-2.34-1.84-3.46-2.84s-2.15-2-3.08-2.9a2.1,2.1,0,0,1-.56-.85,3.64,3.64,0,0,1-.14-1V20.07h-3.09v4.65a3.15,3.15,0,0,1-.14,1,2.47,2.47,0,0,1-.55.87c-.45.47-.94,1-1.47,1.49s-1.09,1-1.68,1.57l-1.77,1.56c-.6.51-1.19,1-1.77,1.46l1.71,2.13c.54-.43,1.14-.91,1.78-1.44s1.28-1.08,1.93-1.65S190.61,30.61,191.22,30.06Z" transform="translate(0 0)"/><polygon class="cls-1" points="190.6 36.1 187.57 36.1 187.57 44.77 207.21 44.77 207.21 42.09 190.6 42.09 190.6 36.1"/><polygon class="cls-1" points="206.6 19.55 203.57 19.55 203.57 38.1 206.6 38.1 206.6 28.53 210 28.53 210 25.8 206.6 25.8 206.6 19.55"/>
<path d="M200.38,4c-2.11,1.77-3.94,3.29-7.75,3.29S187,5.75,184.88,4s-4.75-4-9.62-4-7.39,2.11-9.62,4-3.93,3.29-7.75,3.29S152.26,5.75,150.15,4s-4.75-4-9.62-4-7.39,2.11-9.62,4S127,7.27,123.16,7.27,117.53,5.75,115.41,4s-4.74-4-9.61-4V2.91c3.81,0,5.63,1.53,7.75,3.3s4.74,4,9.61,4,7.39-2.11,9.62-4,3.94-3.3,7.75-3.3,5.64,1.53,7.75,3.3,4.74,4,9.61,4,7.4-2.11,9.62-4,3.94-3.3,7.75-3.3,5.64,1.53,7.75,3.3,4.75,4,9.62,4,7.39-2.11,9.62-4,3.94-3.3,7.75-3.3V0C205.13,0,202.61,2.11,200.38,4Z" transform="translate(0 0)"/>
</svg>
</a>
</h1>
<button class="gnbOpen">
대메뉴열기
<svg>
<path class="openSt" d="M0,2C5.62,2,5.62,8.7,11.25,8.7S16.87,2,22.5,2s5.62,6.7,11.25,6.7S39.37,2,45,2"/>
<path class="openNd" d="M0,19.15c5.62,0,5.62,6.7,11.25,6.7s5.62-6.7,11.25-6.7,5.62,6.7,11.25,6.7,5.62-6.7,11.25-6.7"/>
<path class="openRd" d="M0,36.3c5.62,0,5.62,6.7,11.25,6.7s5.62-6.7,11.25-6.7S28.12,43,33.75,43,39.37,36.3,45,36.3"/>
</svg>
</button>
<nav class="menu">
<h2 class="vsHide">대메뉴</h2>
<ul class="gnb">
<li><a href="find.html">탐색하기<span></span></a></li>
<li><a href="tourCourse.html" class="current">체험코스<span></span></a></li>
<li><a href="wallpaper.html">월페이퍼<span></span></a></li>
</ul>
</nav>
</div>
<div class="currentPage">
<div class="currentPageInner">
<h2>체험코스</h2>
</div>
</div>
</header>
<main>
<div class="mainInner">
<a href="tcDetail.html" id="st">
<div class="courseInner">
<div class="coursePicWrap">
<div class="coursePic"></div>
</div>
<div class="courseRight">
<h2>
<span class="lnBrk">서울의 </span>
<span class="lnBrk">중심을 </span>
<span class="lnBrk">가로지르다</span>
</h2>
<div class="courseInfo">
<strong>경로</strong>
<div class="waveVisual">
<svg viewBox="0 0 660 25">
<path d="M0,2.5c23.57,0,23.57,20,47.14,20s23.57-20,47.14-20,23.57,20,47.14,20,23.57-20,47.14-20,23.57,20,47.14,20,23.57-20,47.14-20,23.58,20,47.15,20,23.57-20,47.14-20,23.57,20,47.14,20,23.57-20,47.14-20,23.58,20,47.15,20,23.57-20,47.14-20,23.58,20,47.15,20,23.57-20,47.15-20"/>
</svg>
</div>
<p>서울역광장 및 강우규 의사 동상 - 서울광장 - 세실극장 옛 부민관 - 도로원표(칭경기념비전 내) - 세종로 이순신 동상 - 세종문화회관</p>
</div>
</div>
</div>
</a>
<a href="#" id="nd">
<div class="courseInner">
<div class="coursePicWrap">
<div class="coursePic"></div>
</div>
<div class="courseRight">
<h2>
<span class="lnBrk">한옥과 </span>
<span class="lnBrk">예술의 </span>
<span class="lnBrk">숨결</span>
</h2>
<div class="courseInfo">
<strong>경로</strong>
<div class="waveVisual">
<svg viewBox="0 0 660 25">
<path d="M0,2.5c23.57,0,23.57,20,47.14,20s23.57-20,47.14-20,23.57,20,47.14,20,23.57-20,47.14-20,23.57,20,47.14,20,23.57-20,47.14-20,23.58,20,47.15,20,23.57-20,47.14-20,23.57,20,47.14,20,23.57-20,47.14-20,23.58,20,47.15,20,23.57-20,47.14-20,23.58,20,47.15,20,23.57-20,47.15-20"/>
</svg>
</div>
<p>통의동 동척 관사 - 통의동 보안여관 - 서촌 한옥밀집지역 - 이상의 집 - 배화여고 캠벨 기념관 - 윤동주하숙집터 - 통인시장 및 원조 할머니 떡볶이</p>
</div>
</div>
</div>
</a>
<a href="#" id="rd">
<div class="courseInner">
<div class="coursePicWrap">
<div class="coursePic"></div>
</div>
<div class="courseRight">
<h2>
<span class="lnBrk">성북동의 </span>
<span class="lnBrk">문화유산과 </span>
<span class="lnBrk">인물들</span>
</h2>
<div class="courseInfo">
<strong>경로</strong>
<div class="waveVisual">
<svg viewBox="0 0 660 25">
<path d="M0,2.5c23.57,0,23.57,20,47.14,20s23.57-20,47.14-20,23.57,20,47.14,20,23.57-20,47.14-20,23.57,20,47.14,20,23.57-20,47.14-20,23.58,20,47.15,20,23.57-20,47.14-20,23.57,20,47.14,20,23.57-20,47.14-20,23.58,20,47.15,20,23.57-20,47.14-20,23.58,20,47.15,20,23.57-20,47.15-20"/>
</svg>
</div>
<p>최순우옛집 - 간송미술관 - 수연산방 - 만해한용운심우장 - 북정마을과 한양도성 - 삼청각 - 길상사(구 대원각)</p>
</div>
</div>
</div>
</a>
<a href="#" id="th">
<div class="courseInner">
<div class="coursePicWrap">
<div class="coursePic"></div>
</div>
<div class="courseRight">
<h2>
<span class="lnBrk">예술의 </span>
<span class="lnBrk">용광로 </span>
<span class="lnBrk">대학로</span>
</h2>
<div class="courseInfo">
<strong>경로</strong>
<div class="waveVisual">
<svg viewBox="0 0 660 25">
<path d="M0,2.5c23.57,0,23.57,20,47.14,20s23.57-20,47.14-20,23.57,20,47.14,20,23.57-20,47.14-20,23.57,20,47.14,20,23.57-20,47.14-20,23.58,20,47.15,20,23.57-20,47.14-20,23.57,20,47.14,20,23.57-20,47.14-20,23.58,20,47.15,20,23.57-20,47.14-20,23.58,20,47.15,20,23.57-20,47.15-20"/>
</svg>
</div>
<p>서울대학병원 - 학림다방 - 마로니에공원 - 아르코 예술극장 - 이화장 - 이화동 벽화마을 - 이화동 낙산 국민주택단지</p>
</div>
</div>
</div>
</a>
<div class="pageIndi">
<div class="pageIndiWrap">
<ul class="pageNum">
<li><a href="#" class="current">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
<a href="#" class="nextBtn vsHide">다음</a>
</div>
</div>
</div>
</main>
<footer>
<div class="footerInner">
<h2 class="vsHide">주소 및 약관</h2>
<div class="footerTop">
<h3><img src="img/logo.svg" alt="서울미래유산"></h3>
<ul class="info">
<li><a href="#">개인정보 처리방침</a></li>
<li><a href="#">이용약관</a></li>
<li><a href="#">사이트맵</a></li>
<li><a href="#">저작권정보</a></li>
</ul>
</div>
<div class="footerBottom">
<p>서울특별시 문화본부 문화정책과 | 중구 덕수궁길 15 서소문별관 1동 4층</p>
<p>COPYRIGHT © 2016. SEOUL METROPOLITAN GOVERNMENT. ALL RIGHTS RESERVED. Redesigned by 이현성</p>
</div>
</div>
</footer>
</div>
</body>
</html>