-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
363 lines (329 loc) · 13.5 KB
/
index.html
File metadata and controls
363 lines (329 loc) · 13.5 KB
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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>포트폴리오</title>
<!-- 애플 파비콘 -->
<link rel = "shortcut icon" href = "img/pngwing.com.png">
<link rel = "apple-touch-icon" href = "img/pngwing.com.png">
<link rel = "stylesheet" href = "css/index.css" type = "text/css">
<script src = "script/main.js" defer></script>
<script src = "script/jquery-3.3.1.min.js"></script>
<script src = "script/swiper.min.js"></script>
</head>
<body>
<header>
<div id = "h_box">
<div id = "logo">
<h1><a href = "#"><img src = "img/logo.png" alt = "로고"></a></h1>
</div>
<div id = "menu">
<nav>
<ul class = "m_left">
<li><h2><a href = "#">한경협소개</a></h2></li>
<li><h2><a href = "#">한경협소식</a></h2></li>
<li><h2><a href = "#">발간자료</a></h2></li>
<li><h2><a href = "#">행사·세미나</a></h2></li>
<li><h2><a href = "#">과거자료</a></h2></li>
</ul>
<ul class= "m_right">
<li><a class = "search" href = "#"></a></li>
<li><a class = "user" href = "#"></a></li>
</ul>
</nav>
</div>
<button class = "login">LOG IN</button>
</div>
</header>
<main>
<div id = "subMenu">
<ul class = "subMenu1">
<li><h3><a href = "#">인사말</a></h3></li>
<li><h3><a href = "#">기관소개</a></h3></li>
<li><h3><a href = "#">가입절차</a></h3></li>
<li><h3><a href = "#">사업보고서·공시</a></h3></li>
<li><h3><a href = "#">오시는길</a></h3></li>
</ul>
<ul class = "subMenu2">
<li><h3><a href = "#">오시는길</a></h3></li>
<li><h3><a href = "#">공지사항</a></h3></li>
<li><h3><a href = "#">유관기관동정</a></h3></li>
<li><h3><a href = "#">사진자료</a></h3></li>
</ul>
<ul class = "subMenu3">
<li><h3><a href = "#">FKI 인사이트</a></h3></li>
<li><h3><a href = "#">FKI TV</a></h3></li>
<li><h3><a href = "#">보고서</a></h3></li>
</ul>
</div>
<div id = "mainBody">
<div id = "slogan">
<p class = "bigtext">
<span class = "s_text1">국민</span>을 풍요롭게,<br><span class = "s_text2">경제</span>를 활기차게
</p>
</div>
<div id = "slideBox">
<nav>
<ul class = "menuBox">
<li class = "menuButton"></li>
<li class = "menuButton"></li>
<li class = "menuButton"></li>
<li class = "menuButton"></li>
</ul>
</nav>
<ul class = "slide">
<li>
<a href = "#"><img src = "img/slide01.jpg" alt = "슬라이드1"></a>
</li>
<li>
<a href = "#"><img src = "img/slide02.jpg" alt = "슬라이드2"></a>
</li>
</ul>
</div>
<aside>
<ul id = "asideBox">
<li class = "a_box">
<div class = "textBox">
<a class = "asideTxt_eng" href = "#">Published Meterial</a>
<a class = "asideTxt_kor" href = "#">발간자료</a>
</div>
<ul class = "box1">
<li class = "aside_imageBox1">
<a href = "#">
<div class = "aside_textBox1">
<p>이사의 충실의무 확대에 대한 경제계 의견</p>
<p>한국경제인협회, 대한상공회의소, 중소기업중앙회, 한국경영자총협회, 한국무역협회, 한국중견기업연합회, 한국상장회사협의회, 코스닥협회</p>
<p>2024년 6월 25일</p>
</div>
</a>
</li>
<li>
<a href = "#">
<div class = "aside_textBox2">
<p class = "aside_textBox2_text1">국내 지속가능성<br>공시기준 공개초안에<br>대한 경제계 의견</p>
<p class = "aside_textBox2_text2">기업들이 관리 시스템 완비, 법률리스크 최소화 등 공시관련 리스크에 대비할 수 있도록...</p>
<p class = "aside_textBox2_text3">2024년 6월 21일<br>CSV팀</p>
</div>
</a>
</li>
<li>
<a href = "#">
<div class = "aside_textBox2">
<p class = "aside_textBox2_text1">KERI 경제동향과 전망<br>(2024년 2분기)</p>
<p class = "aside_textBox2_text2">2024년 우리 경제는 수출의 성장세 강화에 힘입어 기존 예상치보다 높은 2.4%의 경제성장률을 기록할 전망이다. 대내외적 불확실성...</p>
<p class = "aside_textBox2_text3">2024년 6월 14일<br>한국경제연구원</p>
</div>
</a>
</li>
<li>
<a href = "#">
<div class = "aside_textBox2">
<p class = "aside_textBox2_text1">G5국가의 지주회사 체제 기업집단 사례 연구</p>
<p class = "aside_textBox2_text2">지주회사 설립은 1999년 공정거래법 개정으로 허용되었으나, 지주회사에 대한 사전규제는 부채비율규제, 증손회사규제...</p>
<p class = "aside_textBox2_text3">2024년 6월 13일<br>동국대학교</p>
</div>
</a>
</li>
<li>
<a href = "#">
<div class = "aside_textBox2">
<p class = "aside_textBox2_text1">주주의 비례적 이익을 전제로 하는 이사의 충실의무 인정 여부 검토</p>
<p class = "aside_textBox2_text2">상법은 1998년 개정에서 회사분할제도를 도입하면서 분할되는 회사의 사원이 분할 후...</p>
<p class = "aside_textBox2_text3">2024년 6월 11일<br>권재열</p>
</div>
</a>
</li>
<li>
<a href = "#">
<div class = "aside_textBox2">
<p class = "aside_textBox2_text1">국내 지속가능성 공시기준 공개초안에 대한 경제계 의견</p>
<p class = "aside_textBox2_text2">기업들이 관리 시스템 완비, 법률리스크 최소화 등 공시관련 리스크에 대비할 수 있도록...</p>
<p class = "aside_textBox2_text3">2024년 6월 21일<br>CSV팀</p>
</div>
</a>
</li>
</ul>
</li>
<li class = "a_box">
<div class = "textBox">
<a class = "asideTxt_eng" href = "#">Press Release</a>
<a class = "asideTxt_kor" href = "#">보도자료</a>
</div>
<ul class = "box1">
<li class = "aside_imageBox2">
<a href = "#">
<div class = "aside_textBox1">
<p>한미일 비즈니스<br>대화 발족 회의 개최</p>
<p>한경협, '캠프 데이비드 정신'이을<br>韓·美·日3국 경제 협의체 출범</p>
<p>2024년 6월 27일<br>미구주협력팀</p>
</div>
</a>
</li>
<li>
<a href = "#">
<div class = "aside_textBox2">
<p>국내 지속가능성 공시기준 공개초안에 대한 경제계 의견</p>
<p>기업들이 관리 시스템 완비, 법률리스크 최소화 등 공시관련 리스크에 대비할 수 있도록...</p>
<p>2024년 6월 21일<br>CSV팀</p>
</div>
</a>
</li>
<li>
<a href = "#">
<div class = "aside_textBox2">
<p>KERI 경제동향과 전망<br>(2024년 2분기)</p>
<p>2024년 우리 경제는 수출의 성장세 강화에 힘입어 기존 예상치보다 높은 2.4%의 경제성장률을 기록할 전망이다. 대내외적 불확실성...</p>
<p>2024년 6월 25일</p>
</div>
</a>
</li>
<li>
<a href = "#">
<div class = "aside_textBox2">
<p>G5국가의 지주회사 체제 기업집단 사례 연구</p>
<p>지주회사 설립은 1999년 공정거래법 개정으로 허용되었으나, 지주회사에 대한 사전규제는 부채비율규제, 증손회사규제...</p>
<p>2024년 6월 13일<br>동국대학교</p>
</div>
</a>
</li>
<li>
<a href = "#">
<div class = "aside_textBox2">
<p>주주의 비례적 이익을 전제로 하는 이사의 충실의무 인정 여부 검토</p>
<p>상법은 1998년 개정에서 회사분할제도를 도입하면서 분할되는 회사의 사원이 분할 후...</p>
<p>2024년 6월 11일<br>권재열</p>
</div>
</a>
</li>
<li>
<a href = "#">
<div class = "aside_textBox2">
<p>국내 지속가능성 공시기준 공개초안에 대한 경제계 의견</p>
<p>기업들이 관리 시스템 완비, 법률리스크 최소화 등 공시관련 리스크에 대비할 수 있도록...</p>
<p>2024년 6월 21일<br>CSV팀</p>
</div>
</a>
</li>
</ul>
</li>
<li class = "b_box">
<div class = "textBox">
<a class = "asideTxt_eng" href = "#">YouTube</a>
<a class = "asideTxt_kor" href = "#">FKI TV</a>
</div>
<ul class = "box2">
<li><a href = "#"><img src = "img/youtube1.png" alt = ""></a><span class = "dateBox">홍보실·2024-06-11</span></li>
<li><a href = "#"><img src = "img/youtube2.jpg" alt = ""></a><span class = "dateBox">경제교육팀·2024-05-23</span></li>
<li><a href = "#"><img src = "img/youtube3.jpg" alt = ""></a><span class = "dateBox">홍보실·2024-06-05</span></li>
</ul>
</li>
</ul>
</aside>
<div id = "indicator">
<h3><a href = "#">경제지표</a></h3>
<p class = "in_text1">주택매매거래현황</p>
<p class = "in_text2">주택매매거래현황은 한국부동산원에서 발표하는 신고일 기준 통계자료로<br>
공공데이터포털(data.go.kr)을 통해 수집하여 제공하고 있습니다.</p>
<div class = "graphBox">
<div class = "graph_textBox">
<p class = "in_text3">주택매매거래현황 - 전국</p>
<p class = "in_text4">전국의 주택매매거래현황을 한눈에 볼 수 있습니다.<br>
해당 자료는 당해년월에 대한 동호수의 변동수를 조사한 것으로<br>
원자료, 전년동기대비 증가율, 전기대비증가율을 확인할 수 있습니다.</p>
</div>
<div class = "graph">
</div>
</div>
</div>
<div id = "community">
<h3>커뮤니티</h3>
<ul class = "communityBox">
<li><a href = "#"><img src = "img/community1.png" alt = "FKI TV"></a></li>
<li><a href = "#"><img src = "img/community2.png" alt = "한경협중소기업협력센터"></a></li>
<li><a href = "#"><img src = "img/community3.png" alt = "카카오톡채널"></a></li>
<li><a href = "#"><img src = "img/community4.png" alt = "인스타그램"></a></li>
</ul>
</div>
<div id = "siteMap">
<ul class = "map_box">
<li class = "sm_subBox">
<p class = "sm_title"><a href = "#">한경협소개</a></p>
<ul>
<li><a href = "#">인사말</a></li>
<li><a href = "#">기관소개</a></li>
<li><a href = "#">회장단·위원장단</a></li>
<li><a href = "#">가입절차</a></li>
<li><a href = "#">사업보고서·공시</a></li>
<li><a href = "#">오시는길</a></li>
</ul>
</li>
<li class = "sm_subBox">
<p class = "sm_title"><a href = "#">한경협소식</a></p>
<ul>
<li><a href = "#">보도자료·발표문</a></li>
<li><a href = "#">공지사항</a></li>
<li><a href = "#">유관기관동정</a></li>
<li><a href = "#">사진자료</a></li>
</ul>
</li>
<li class = "sm_subBox">
<p class = "sm_title"><a href = "#">발간자료</a></p>
<ul>
<li><a href = "#">FKI 인사이트</a></li>
<li><a href = "#">FKI TV</a></li>
<li><a href = "#">보고서</a></li>
</ul>
</li>
<li class = "sm_subBox">
<p class = "sm_title"><a href = "#">행사·세미나</a></p>
</li>
</ul>
<div id = "social">
<div class = "social_icon">
<a href = "#"><img src = "img/facebook.png" alt = "페이스북"></a>
<a href = "#"><img src = "img/twitter.png" alt = "트위터"></a>
<a href = "#"><img src = "img/instagram.png" alt = "인스타그램"></a>
<a href = "#"><img src = "img/youtube.png" alt = "유튜브"></a>
</div>
<select>
<option>한국어</option>
<option>English</option>
<option>日本語</option>
<option>中國語</option>
</select>
</div>
</div>
</div>
</main>
<footer>
<div id = "footerBox">
<div id = "addressBox">
<div class = "addressBox_kr">
<p class = "ft_nameText">한국경제인협회</p>
<address>서울특별시 영등포구 여의대로 24 FKI타워 46~47F</address>
</div>
<div class = "addressBox_eng">
<p class = "ft_nameText">The Federation of Korean Industries</p>
<address>46~47F, FKI TOWER, 24, Yeoui-daero, YeongDeungpo-gu, Seoul, South Korea, 07320</address>
</div>
<div class = "copyright">
<p>Copyright The Federation of Korean Intustries. All Rights Reserved.</p>
<p>저작권정책<span>|</span>개인정보처리방침</p>
</div>
</div>
<div id = "telBox">
<div class = "telBox_top">
<p class = "ft_nameText">한국경제인협회</p>
<p>대표전화:02-3771-0114<br>
팩스번호:02-3771-0110<br>
이메일:contact@fki.or.kr<br></p>
</div>
<div class = "telBox_bot">
<p class = "ft_nameText">FKI타워(FKI TOWER)</p>
<p>대표전화:02-2055-4114</p>
</div>
</div>
</div>
</footer>
</body>
</html>