-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathyoon.html
More file actions
462 lines (437 loc) · 20.4 KB
/
yoon.html
File metadata and controls
462 lines (437 loc) · 20.4 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
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>신한투자증권</title>
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<header>
<div class="top-bar">
<div class="container">
<div class="logo">
<img src="./assets/logo.jpg" alt="신한투자증권 로고">
</div>
<nav class="top-menu">
<div class="space">
<p> </p>
</div>
<a href="#">로그인</a><span class="dot"> · </span>
<a href="#">계좌개설</a><span class="dot"> · </span>
<a href="#">ID 등록</a><span class="dot"> · </span>
<a href="#">인증센터</a><span class="dot"> | </span>
<a href="#">신한Premier</a><span class="dot"> · </span>
<a href="#">퇴직연금</a><span class="dot"> · </span>
<a href="#">GIB</a><span class="dot"> · </span>
<a href="#">Tops Club</a><span class="dot"> | </span>
<a href="#">소비자보호포털</a><span class="dot"> </span>
<a href="#">상품공시실</a>
</nav>
</div>
</div>
<div class="main-menu-bar">
<div class="container">
<nav class="main-menu">
<a href="#">나의 자산분석</a>
<a href="#">투자상품</a>
<a href="#">증권거래</a>
<a href="#">금융상품</a>
<a href="#">투자정보</a>
<a href="#">마이데이터</a>
<a href="#">고객센터</a>
</nav>
<div class="nav-buttons">
<button class="icon-btn">
<img src="./assets/icons/user.png" alt="로그인" width="20" height="20">
</button>
<button class="icon-btn">
<img src="./assets/icons/search.png" alt="검색" width="20" height="20">
</button>
<button class="icon-btn">
<img src="./assets/icons/hamburger.png" alt="전체메뉴" width="20" height="20">
</button>
</div>
</div>
</div>
</header>
<div class="gnb-sub-menu">
<div class="gnb-sub-left">
<img src="./assets/icons/home.png" alt="홈" class="gnb-home-icon" />
<nav class="gnb-links">
<a href="#">자산관리몰</a>
<a href="#">통합검색</a>
<a href="#">이벤트</a>
<a href="#">고객지원</a>
</nav>
</div>
<img src="./assets/icons/star-print-text.png" alt="list" class="gnb-icon-list" />
</div>
<!-- 메인 콘텐츠 영역 -->
<main class="main-layout">
<!-- 왼쪽 본문 영역 -->
<section class="main-content">
<!-- 콘텐츠 자리 -->
<!-- 펀드상세 제목 추가 -->
<h2 class="fund-detail-title">펀드상세</h2>
<!-- 펀드 상세 본문 추가 -->
<section class="fund-detail-main">
<!-- 상단 버튼/탭 영역 -->
<div class="fund-detail-header">
</div>
<!-- 펀드 상세 상단 요약 정보 -->
<section class="fund-summary">
<div class="fund-tags">
<span class="fund-tag">해외주식전용펀드</span>
<span class="fund-tag">매우높은위험</span>
<span class="fund-tag">환헤지</span>
<span class="fund-tag">분산투자</span>
<span class="fund-tag">적립식</span>
<span class="fund-tag">온라인전용</span>
</div>
<h2 class="fund-title">
iM에셋월드골드증권자[주식재간접](H)(Ce)
<span class="fund-class">(클래스 C-e)</span>
<span class="fund-code">2095006</span>
</h2>
<div class="fund-summary-grid">
<div class="fund-summary-left">
<div class="fund-yield-label">수익률(1개월)</div>
<div class="fund-yield-value">+0.66%</div>
<div class="fund-yield-tabs">
<span class="active">1개월</span>
<span>3개월</span>
</div>
<div class="fund-yield-graph"><canvas id="fundChart"></canvas></div>
</div>
<div class="fund-base-info">
<div class="fund-base-item">
<span class="base-label">기준가</span>
<span class="base-value">744.6</span>
</div>
<div class="fund-base-item">
<span class="base-label">변동폭</span>
<span class="base-value">+3.26</span>
</div>
<div class="fund-base-item">
<span class="base-label">섹터</span>
<span class="base-value">해외주식</span>
</div>
</div>
<aside class="fund-summary-right">
<div class="fund-rating">
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star filled">★</span>
<span class="star">★</span>
<span class="star">★</span>
<span class="rating-score">3.0</span>
</div>
<div class="fund-info-list">
<div class="info-item">
<span class="info-label">펀드총규모</span>
<span class="info-value">453억</span>
</div>
<div class="info-item">
<span class="info-label">클래스규모</span>
<span class="info-value">69억</span>
</div>
<div class="info-item">
<span class="info-label">설정일</span>
<span class="info-value">2008.09.25</span>
</div>
<div class="info-item">
<span class="info-label">보수</span>
<span class="info-value">연 0.66%</span>
</div>
<div class="info-item">
<span class="info-label">환매수수료</span>
<span class="info-value">없음</span>
</div>
</div>
</aside>
</div>
</section>
<!-- [2] 펀드 정보 탭 영역 -->
<div class="fund-tabs">
<input type="radio" id="tab1" name="fundtab" checked>
<label for="tab1">기본정보</label>
<input type="radio" id="tab2" name="fundtab">
<label for="tab2">수익률</label>
<input type="radio" id="tab3" name="fundtab">
<label for="tab3">운용전략</label>
<div class="tab-content tab1-content">
<div class="info-section">
<img class="info-icon" src="./assets/icons/risk.png" alt="비중확대 아이콘">
<div class="info-text">
<h4>펀드 투자 매력도</h4>
<p>글로벌 중앙은행 완화적 통화정책이 지속되며 5월 수 달러대 금리가 '12년 10월 이후 최고치 기록 후 연초에 가장 큰 폭으로 자산을 늘리는 현재 ECB, BOJ 등 선진국의 자산 보유비와 해외 중앙 은행 확대에 따라 금리가 점차 상승 중. 1,770달러에서 하락하였으나 '12년 10월 이후 최고치 및 유지.</p>
<p>설정이래 신규자산 시그널과 귀속 수익률이 꾸준히 상승 중이며, 글로벌 분산투자와 함께 금값 상승에 따른 추가 수요 요인으로 작용. 주요국의 금리 인상, 환율, 파운드, 원화 등 외부 충격에도 불구하고 이미 시장 최고치를 경신 중.</p>
</div>
</div>
<div class="info-section">
<img class="info-icon" src="./assets/icons/document.png" alt="서류 아이콘">
<div class="info-text">
<h4>상품특징</h4>
<p>전 세계 금광업 및 귀금속 관련 기업의 주식에 투자하는 펀드입니다.</p>
<p>금가격에 대한 민감도와 변동성을 줄이도록, 세계 주요 트렌드(원자재/금 등)와 풍부한 글로벌 기업에 선택 투자하는 펀드입니다.</p>
</div>
</div>
<div class="info-section">
<img class="info-icon" src="./assets/icons/strategy.png" alt="운용전략 아이콘">
<div class="info-text">
<h4>운용전략</h4>
<p>금광업종 외 비지니스는 해당 기업들이 주력으로 삼는 기업의 주식에 투자하며, 일부 귀속 수익 다이어미드로 분산하는 전략을 사용합니다.</p>
<p>환헤지 전략과 글로벌 분산투자를 통해 시장 변동성에 대응하며, 주요 성장 산업과 글로벌 트렌드에 맞춘 포트폴리오를 운용합니다.</p>
</div>
</div>
</div>
<div class="tab-content tab2-content">
<p>여기에 펀드의 수익률 정보가 들어갑니다.</p>
</div>
<div class="tab-content tab3-content">
<p>여기에 펀드의 운용전략 정보가 들어갑니다.</p>
</div>
</div>
<!-- [3] 데이터 표 -->
<div class="fund-table-section">
<table class="fund-data-table">
<tbody>
<tr>
<th>펀드기구/유형</th>
<td>
증권/재간접 <span class="tag">매우높은위험</span>
</td>
<th>펀드규모</th>
<td>69억원</td>
</tr>
<tr>
<th>설정일</th>
<td>2008.09.25</td>
<th>당사판매일</th>
<td>2017.01.09</td>
</tr>
<tr>
<th>집합투자업자</th>
<td><a href="#">iM에셋자산운용 (구 하이)</a></td>
<th>신탁업자</th>
<td>홍콩상하이은행(HSBC)</td>
</tr>
<tr>
<th>구분</th>
<td>공모</td>
<th>환매방식</th>
<td>개방형</td>
</tr>
<tr>
<th>가입대상</th>
<td>
<label><input type="checkbox" checked disabled> 개인</label>
<label><input type="checkbox" checked disabled> 법인</label>
<label><input type="checkbox" checked disabled> 외국인</label>
</td>
<th>판매채널</th>
<td>
<label><input type="checkbox" checked disabled> 온라인</label>
<label><input type="checkbox" disabled> 지점</label>
<label><input type="checkbox" disabled> 전화</label>
</td>
</tr>
<tr>
<th>가입유형</th>
<td colspan="3">
<label><input type="checkbox" checked disabled> 임의식</label>
<label><input type="checkbox" checked disabled> 거치식</label>
<label><input type="checkbox" checked disabled> 정액적립식</label>
<label><input type="checkbox" checked disabled> 자유적립식</label>
</td>
</tr>
<tr>
<th>과세종류</th>
<td colspan="3">
<label><input type="checkbox" checked disabled> 일반과세</label>
<label><input type="checkbox" disabled> 세금우대</label>
<label><input type="checkbox" disabled> 비과세</label>
</td>
</tr>
<tr>
<th>최소가입금액</th>
<td>제한없음</td>
<th>적립식 최소투자기간</th>
<td>12개월 (1년)</td>
</tr>
<tr>
<th>투자지역</th>
<td>글로벌</td>
<th>통화단위</th>
<td>KRW (대한민국원)</td>
</tr>
<tr>
<th>투자국가</th>
<td>해외주식비과세</td>
<th></th>
<td>해외주식투자전용펀드</td>
</tr>
<tr>
<th>환헤지</th>
<td colspan="3">환헤지 실시, 목표 환헤지 비율 100%</td>
</tr>
</tbody>
</table>
<div class="fund-table-date">2025.05.23 기준</div>
</div>
<!-- 3행 4열 통계 섹션 -->
<section class="fund-stats-section">
<div class="fund-stats-grid">
<!-- 1행 -->
<div class="fund-stats-title-cell">
<div class="stats-icon-bg"><img src="./assets/icons/user.png" alt="동일유형 아이콘"></div>
<div class="stats-title">동일유형</div>
<div class="stats-desc">수익률 BEST 펀드</div>
</div>
<div class="fund-stats-cell">
신한 골드증권자[주식] (C-e)<br><span class="stats-value">14.91%</span>
</div>
<div class="fund-stats-cell">
키움골드플러스펀드 (C-e)<br><span class="stats-value">1.14%</span>
</div>
<div class="fund-stats-cell">
삼성골드펀드 (C-e)<br><span class="stats-value">-1.69%</span>
</div>
<!-- 2행 -->
<div class="fund-stats-title-cell">
<div class="stats-icon-bg"><img src="./assets/icons/user.png" alt="연령별 아이콘"></div>
<div class="stats-title">이 펀드를 가장 많이<br>보유한 연령대</div>
<div class="stats-desc">연령별 비중</div>
</div>
<div class="fund-stats-cell">
50대<br><span class="stats-value">31%</span>
</div>
<div class="fund-stats-cell">
30대<br><span class="stats-value">27%</span>
</div>
<div class="fund-stats-cell">
40대<br><span class="stats-value">20%</span>
</div>
<!-- 3행 -->
<div class="fund-stats-title-cell">
<div class="stats-icon-bg"><img src="./assets/icons/user.png" alt="함께매수 아이콘"></div>
<div class="stats-title">다른 고객이<br>함께 매수한 펀드</div>
<div class="stats-desc">동시 매수 TOP3</div>
</div>
<div class="fund-stats-cell">
신한 골드증권자[주식] (C-e)<br><span class="stats-value">14.91%</span>
</div>
<div class="fund-stats-cell">
신한 글로벌자산배분펀드<br><span class="stats-value">12.39%</span>
</div>
<div class="fund-stats-cell">
DB하이텍인덱스펀드<br><span class="stats-value">11.94%</span>
</div>
</div>
</section>
</section>
<!-- 펀드 상세 본문 끝 -->
</section>
<!-- 오른쪽 사이드바 -->
</main>
<!-- 푸터 위 신한투자증권 안내 박스 -->
<div class="shinhan-info-box">
<div class="shinhan-info-title">
<span class="shinhan-info-icon">!</span>
<span class="shinhan-info-title-text">확인하세요!</span>
</div>
<ul class="shinhan-info-list">
<li>투자는 금융투자상품(집합투자증권)에 대하여 금융회사로부터 충분한 설명을 받을 권리가 있으며, 투자전 (간이)투자설명서 및 집합투자규약을 반드시 읽어보시기 바랍니다.</li>
<li class="red">이 금융투자상품(집합투자증권)은 예금자보호법에 따라 보호되지 않습니다.</li>
<li class="red">금융투자상품(집합투자증권)은 자산가치 변동, 환율변동, 신용등급 하락 등에 따라 투자원금의 손실(0~100%)이 발생할 수 있으며, 그 손실은 투자자에게 귀속됩니다.</li>
<li>증권거래비용, 기타비용이 추가로 발생할 수 있습니다.</li>
<li>과거의 운용실적이 미래의 수익률을 보장하는 것은 아닙니다.</li>
<li>종류형 펀드의 경우, 종류별 집합투자증권에 부과되는 보수·수수료 차이로 운용실적이 달라질 수 있습니다.</li>
<li>[MMF] MMF는 시가와 장부가의 차이가 ±0.5%를 초과하거나 초과할 우려가 있는 경우 시가로 전환됩니다.</li>
<li>[하이일드채권] 하이일드채권은 투자원금의 손실이 크게 발생할 수 있습니다.</li>
<li>[레버리지형] 레버리지형 펀드는 투자원금의 손실이 크게 확대될 수 있습니다.</li>
<li>[레버리지형] 레버리지펀드(2배, 인버스, 인버스2배)의 기간수익률을 추종하는 기초자산(지수)의 일간 수익률과 차이가 발생할 수 있습니다.</li>
<li>[세제혜택펀드] 과세기준 및 과세방법은 향후 세법개정 등에 따라 변동될 수 있습니다.</li>
<li>[재간접형] 재간접형펀드는 피투자펀드보수 및 증권거래비용 등 추가비용이 발생할 수 있습니다.</li>
<li>총보수란 정기적으로 발생하는 운용보수, 판매보수, 신탁업자보수, 사무관리보수의 합계입니다. 해당 보수에는 운용상 발생될 수 있는 증권거래비용, 피펀드운용보수(재간접펀드의 경우 해당), 기타비용 등이 제외되어 있으므로 상세내용은 투자설명서를 참고하시기 바랍니다.</li>
<li>판매정보는 영업일 오전 8시 30분에 업데이트 됩니다.</li>
</ul>
</div>
<!-- 푸터 -->
<footer class="footer">
<div class="footer-top">
<div class="footer-left">
<div class="customer-center">
<h3>고객지원센터</h3>
<div class="phone-number">1588-0365</div>
<div class="ai-service">
<p>말로하는 AI 상담서비스, 24시간 챗봇 (신한 SOL증권)</p>
</div>
</div>
<div class="contact-list">
<a href="#">해외주식</a>
<a href="#">연금</a>
<a href="#">디지털PB센터</a>
<a href="#">시니어전용</a>
</div>
</div>
<div class="footer-center">
<div class="footer-links">
<a href="#">회사소개</a>
<a href="#">인증센터</a>
<a href="#">트레이딩 다운로드</a>
<a href="#">보안센터</a>
</div>
<div class="company-info">
<p>서울특별시 영등포구 의사당대로 96 (TP Tower)</p>
<p>사업자등록번호: 114-81-03194</p>
<p>대표이사: 정현민</p>
<p>© 2024 신한투자증권. All Rights Reserved.</p>
</div>
</div>
<div class="footer-right">
<div class="service-icons">
<a href="#"><span>📱</span>원격제어</a>
<a href="#"><span>❓</span>FAQ</a>
<a href="#"><span>💬</span>1:1상담</a>
<a href="#"><span>📄</span>업무안내</a>
</div>
<div class="social-icons">
<a href="#"><span>📘</span>페이스북</a>
<a href="#"><span>📸</span>인스타그램</a>
<a href="#"><span>🎥</span>유튜브</a>
<a href="#"><span>💬</span>카카오톡</a>
</div>
<div class="awards">
<img src="./assets/wa-logo.png" alt="웹어워드">
<img src="./assets/one-shinhan.png" alt="One Shinhan">
</div>
<button class="top-button">TOP</button>
</div>
</div>
</footer>
<div class="floating-bar-exact">
<div class="floating-bar-inner">
<div class="floating-circle-exact">
<span class="floating-headset-icon"></span>
<div class="floating-title-exact">상담문의</div>
</div>
<div class="floating-menu-exact">
<div class="floating-menu-item-exact">
<span class="floating-menu-icon-exact clock"></span>
<span class="floating-menu-label">상담시간</span>
</div>
<div class="floating-menu-item-exact">
<span class="floating-menu-icon-exact heart"></span>
<span class="floating-menu-label">관심등록</span>
</div>
</div>
<div class="floating-tail-exact"></div>
</div>
</div>
<script src="chart.js"></script>
</body>
</html>