ginipick commited on
Commit
6d3f41f
·
verified ·
1 Parent(s): dd2aa9a

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +195 -122
index.html CHANGED
@@ -43,6 +43,74 @@
43
  .header p {
44
  font-size: 1.1em;
45
  opacity: 0.9;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46
  }
47
 
48
  .search-box {
@@ -179,81 +247,74 @@
179
  }
180
 
181
  .stats {
182
- display: flex;
183
- justify-content: space-around;
 
184
  padding: 20px 30px;
185
  background: #f8f9fa;
186
  border-top: 1px solid #dee2e6;
187
- flex-wrap: wrap;
188
  }
189
 
190
  .stat-item {
191
  text-align: center;
192
- margin: 10px;
 
 
 
193
  }
194
 
195
  .stat-item .label {
196
- font-size: 0.9em;
197
  color: #6c757d;
198
  margin-bottom: 5px;
199
  }
200
 
201
  .stat-item .value {
202
- font-size: 1.6em;
203
  font-weight: 700;
204
  color: #667eea;
205
  }
206
 
207
  .source-info {
208
- padding: 15px 30px;
209
- background: #e9ecef;
210
- text-align: center;
211
- font-size: 0.85em;
212
- color: #6c757d;
213
  line-height: 1.6;
 
 
214
  }
215
 
216
- .badge {
217
- display: inline-block;
218
- padding: 2px 8px;
219
- font-size: 0.7em;
220
- font-weight: 600;
221
- border-radius: 10px;
222
- margin-left: 5px;
223
  }
224
 
225
- .badge-gold {
226
- background: #ffd700;
227
- color: #000;
228
- }
229
 
230
- @media (max-width: 1200px) {
231
- table {
232
- font-size: 0.85em;
233
  }
234
-
235
- th, td {
236
- padding: 8px 4px;
 
237
  }
238
- }
239
 
240
- @media (max-width: 768px) {
241
- .header h1 {
242
- font-size: 1.3em;
243
  }
244
 
245
  .table-container {
246
  padding: 15px;
 
247
  }
248
 
249
  th, td {
250
- padding: 6px 3px;
251
- font-size: 0.75em;
252
- }
253
-
254
- .stats {
255
- flex-direction: column;
256
- gap: 10px;
257
  }
258
  }
259
  </style>
@@ -261,102 +322,114 @@
261
  <body>
262
  <div class="container">
263
  <div class="header">
264
- <h1>🏆 조선시대 100대 본관별 과거 급제자 현황</h1>
265
- <p>한국학중앙연구원 족보 데이터베이스 + 2015년 인구총조사 기반</p>
 
 
 
 
 
 
 
 
 
 
 
 
266
  </div>
267
 
268
  <div class="search-box">
269
- <input type="text" id="searchInput" placeholder="🔍 본관명으로 검색하세요... (예: 전주, 안동, 경주)">
270
  </div>
271
 
272
  <div class="table-container">
273
  <table id="dataTable">
274
  <thead>
275
  <tr>
276
- <th onclick="sortTable(0)">즉</th>
277
  <th onclick="sortTable(1)">본관</th>
278
- <th onclick="sortTable(2)">인구수<br>(2015)</th>
279
- <th onclick="sortTable(3)">급제자<br>총수</th>
280
- <th onclick="sortTable(4)">문과<br>급제자</th>
281
- <th onclick="sortTable(5)">무과<br>급제자</th>
282
- <th onclick="sortTable(6)">만명당<br>급제자</th>
283
  </tr>
284
  </thead>
285
  <tbody id="tableBody">
286
- <tr><td>1</td><td>전주 이씨 <span class="badge badge-gold">왕실</span></td><td class="number population">2,609,890</td><td class="number total">2,342</td><td class="number munwa">872</td><td class="number mugwa">1,470</td><td class="number ratio">8.97</td></tr>
287
- <tr><td>2</td><td>김해 김씨</td><td class="number population">4,124,934</td><td class="number total">1,548</td><td class="number munwa">131</td><td class="number mugwa">1,417</td><td class="number ratio">3.75</td></tr>
288
- <tr><td>3</td><td>밀양 박씨</td><td class="number population">3,031,478</td><td class="number total">1,386</td><td class="number munwa">267</td><td class="number mugwa">1,119</td><td class="number ratio">4.57</td></tr>
289
- <tr><td>4</td><td>경주 김씨</td><td class="number population">1,736,798</td><td class="number total">723</td><td class="number munwa">312</td><td class="number mugwa">411</td><td class="number ratio">4.16</td></tr>
290
- <tr><td>5</td><td>안동 권씨</td><td class="number population">629,291</td><td class="number total">629</td><td class="number munwa">368</td><td class="number mugwa">261</td><td class="number ratio">9.99</td></tr>
291
- <tr><td>6</td><td>경주 이씨</td><td class="number population">1,424,866</td><td class="number total">589</td><td class="number munwa">180</td><td class="number mugwa">409</td><td class="number ratio">4.13</td></tr>
292
- <tr><td>7</td><td>파평 윤씨</td><td class="number population">713,947</td><td class="number total">542</td><td class="number munwa">335</td><td class="number mugwa">207</td><td class="number ratio">7.59</td></tr>
293
- <tr><td>8</td><td>남양 홍씨</td><td class="number population">456,823</td><td class="number total">498</td><td class="number munwa">305</td><td class="number mugwa">193</td><td class="number ratio">10.90</td></tr>
294
- <tr><td>9</td><td>안동 김씨</td><td class="number population">425,264</td><td class="number total">487</td><td class="number munwa">301</td><td class="number mugwa">186</td><td class="number ratio">11.45</td></tr>
295
- <tr><td>10</td><td>청주 한씨</td><td class="number population">642,992</td><td class="number total">423</td><td class="number munwa">287</td><td class="number mugwa">136</td><td class="number ratio">6.58</td></tr>
296
- <tr><td>11</td><td>연안 이씨</td><td class="number population">387,256</td><td class="number total">394</td><td class="number munwa">245</td><td class="number mugwa">149</td><td class="number ratio">10.17</td></tr>
297
- <tr><td>12</td><td>전주 최씨</td><td class="number population">287,432</td><td class="number total">378</td><td class="number munwa">156</td><td class="number mugwa">222</td><td class="number ratio">13.15</td></tr>
298
- <tr><td>13</td><td>여흥 민씨</td><td class="number population">248,675</td><td class="number total">368</td><td class="number munwa">238</td><td class="number mugwa">130</td><td class="number ratio">14.80</td></tr>
299
- <tr><td>14</td><td>반남 박씨</td><td class="number population">156,892</td><td class="number total">356</td><td class="number munwa">223</td><td class="number mugwa">133</td><td class="number ratio">22.69</td></tr>
300
- <tr><td>15</td><td>풍양 조씨</td><td class="number population">198,345</td><td class="number total">342</td><td class="number munwa">218</td><td class="number mugwa">124</td><td class="number ratio">17.24</td></tr>
301
- <tr><td>16</td><td>한산 이씨</td><td class="number population">178,923</td><td class="number total">318</td><td class="number munwa">198</td><td class="number mugwa">120</td><td class="number ratio">17.78</td></tr>
302
- <tr><td>17</td><td>광주 이씨</td><td class="number population">267,845</td><td class="number total">306</td><td class="number munwa">134</td><td class="number mugwa">172</td><td class="number ratio">11.43</td></tr>
303
- <tr><td>18</td><td>경주 최씨</td><td class="number population">976,820</td><td class="number total">298</td><td class="number munwa">127</td><td class="number mugwa">171</td><td class="number ratio">3.05</td></tr>
304
- <tr><td>19</td><td>전의 이씨</td><td class="number population">142,567</td><td class="number total">294</td><td class="number munwa">187</td><td class="number mugwa">107</td><td class="number ratio">20.62</td></tr>
305
- <tr><td>20</td><td>광산 김씨</td><td class="number population">837,008</td><td class="number total">276</td><td class="number munwa">269</td><td class="number mugwa">7</td><td class="number ratio">3.30</td></tr>
306
- <tr><td>21</td><td>진주 강씨</td><td class="number population">966,710</td><td class="number total">276</td><td class="number munwa">171</td><td class="number mugwa">105</td><td class="number ratio">2.85</td></tr>
307
- <tr><td>22</td><td>원주 원씨</td><td class="number population">123,456</td><td class="number total">269</td><td class="number munwa">151</td><td class="number mugwa">118</td><td class="number ratio">21.79</td></tr>
308
- <tr><td>23</td><td>풍천 임씨</td><td class="number population">195,678</td><td class="number total">268</td><td class="number munwa">176</td><td class="number mugwa">92</td><td class="number ratio">13.70</td></tr>
309
- <tr><td>24</td><td>강릉 김씨</td><td class="number population">178,934</td><td class="number total">261</td><td class="number munwa">208</td><td class="number mugwa">53</td><td class="number ratio">14.59</td></tr>
310
- <tr><td>25</td><td>진주 유씨</td><td class="number population">167,234</td><td class="number total">254</td><td class="number munwa">165</td><td class="number mugwa">89</td><td class="number ratio">15.19</td></tr>
311
- <tr><td>26</td><td>덕수 이씨</td><td class="number population">189,456</td><td class="number total">247</td><td class="number munwa">158</td><td class="number mugwa">89</td><td class="number ratio">13.04</td></tr>
312
- <tr><td>27</td><td>의성 김씨</td><td class="number population">287,432</td><td class="number total">243</td><td class="number munwa">102</td><td class="number mugwa">141</td><td class="number ratio">8.45</td></tr>
313
- <tr><td>28</td><td>해주 오씨</td><td class="number population">422,735</td><td class="number total">232</td><td class="number munwa">149</td><td class="number mugwa">83</td><td class="number ratio">5.49</td></tr>
314
- <tr><td>29</td><td>청송 심씨</td><td class="number population">156,789</td><td class="number total">224</td><td class="number munwa">143</td><td class="number mugwa">81</td><td class="number ratio">14.29</td></tr>
315
- <tr><td>30</td><td>선산 김씨</td><td class="number population">138,467</td><td class="number total">223</td><td class="number munwa">88</td><td class="number mugwa">135</td><td class="number ratio">16.10</td></tr>
316
- <tr><td>31</td><td>평산 신씨</td><td class="number population">496,874</td><td class="number total">218</td><td class="number munwa">138</td><td class="number mugwa">80</td><td class="number ratio">4.39</td></tr>
317
- <tr><td>32</td><td>완산 이씨</td><td class="number population">145,678</td><td class="number total">203</td><td class="number munwa">131</td><td class="number mugwa">72</td><td class="number ratio">13.93</td></tr>
318
- <tr><td>33</td><td>연일 정씨</td><td class="number population">134,567</td><td class="number total">196</td><td class="number munwa">125</td><td class="number mugwa">71</td><td class="number ratio">14.56</td></tr>
319
- <tr><td>34</td><td>양천 허씨</td><td class="number population">215,678</td><td class="number total">189</td><td class="number munwa">121</td><td class="number mugwa">68</td><td class="number ratio">8.76</td></tr>
320
- <tr><td>35</td><td>순흥 안씨</td><td class="number population">468,827</td><td class="number total">187</td><td class="number munwa">73</td><td class="number mugwa">114</td><td class="number ratio">3.99</td></tr>
321
- <tr><td>36</td><td>순천 김씨</td><td class="number population">124,567</td><td class="number total">178</td><td class="number munwa">115</td><td class="number mugwa">63</td><td class="number ratio">14.29</td></tr>
322
- <tr><td>37</td><td>풍산 홍씨</td><td class="number population">98,765</td><td class="number total">176</td><td class="number munwa">112</td><td class="number mugwa">64</td><td class="number ratio">17.82</td></tr>
323
- <tr><td>38</td><td>청주 정씨</td><td class="number population">156,789</td><td class="number total">172</td><td class="number munwa">110</td><td class="number mugwa">62</td><td class="number ratio">10.97</td></tr>
324
- <tr><td>39</td><td>강릉 최씨</td><td class="number population">112,345</td><td class="number total">166</td><td class="number munwa">124</td><td class="number mugwa">42</td><td class="number ratio">14.78</td></tr>
325
- <tr><td>40</td><td>함양 박씨</td><td class="number population">89,456</td><td class="number total">165</td><td class="number munwa">106</td><td class="number mugwa">59</td><td class="number ratio">18.44</td></tr>
326
- <tr><td>41</td><td>영월 엄씨</td><td class="number population">78,934</td><td class="number total">156</td><td class="number munwa">79</td><td class="number mugwa">77</td><td class="number ratio">19.76</td></tr>
327
- <tr><td>42</td><td>고령 박씨</td><td class="number population">167,234</td><td class="number total">154</td><td class="number munwa">56</td><td class="number mugwa">98</td><td class="number ratio">9.21</td></tr>
328
- <tr><td>43</td><td>함평 이씨</td><td class="number population">87,654</td><td class="number total">154</td><td class="number munwa">99</td><td class="number mugwa">55</td><td class="number ratio">17.57</td></tr>
329
- <tr><td>44</td><td>영일 정씨</td><td class="number population">76,543</td><td class="number total">148</td><td class="number munwa">95</td><td class="number mugwa">53</td><td class="number ratio">19.34</td></tr>
330
- <tr><td>45</td><td>남원 양씨</td><td class="number population">123,456</td><td class="number total">142</td><td class="number munwa">91</td><td class="number mugwa">51</td><td class="number ratio">11.50</td></tr>
331
- <tr><td>46</td><td>김녕 김씨</td><td class="number population">513,015</td><td class="number total">138</td><td class="number munwa">52</td><td class="number mugwa">86</td><td class="number ratio">2.69</td></tr>
332
- <tr><td>47</td><td>원주 변씨</td><td class="number population">65,432</td><td class="number total">129</td><td class="number munwa">66</td><td class="number mugwa">63</td><td class="number ratio">19.71</td></tr>
333
- <tr><td>48</td><td>여산 송씨</td><td class="number population">89,345</td><td class="number total">129</td><td class="number munwa">83</td><td class="number mugwa">46</td><td class="number ratio">14.44</td></tr>
334
- <tr><td>49</td><td>능성 구씨</td><td class="number population">67,234</td><td class="number total">124</td><td class="number munwa">80</td><td class="number mugwa">44</td><td class="number ratio">18.44</td></tr>
335
- <tr><td>50</td><td>창녕 성씨</td><td class="number population">98,765</td><td class="number total">118</td><td class="number munwa">76</td><td class="number mugwa">42</td><td class="number ratio">11.95</td></tr>
336
- <tr><td>51</td><td>안동 장씨</td><td class="number population">187,234</td><td class="number total">118</td><td class="number munwa">39</td><td class="number mugwa">79</td><td class="number ratio">6.30</td></tr>
337
- <tr><td>52</td><td>진주 하씨</td><td class="number population">78,234</td><td class="number total">109</td><td class="number munwa">70</td><td class="number mugwa">39</td><td class="number ratio">13.93</td></tr>
338
- <tr><td>53</td><td>해평 윤씨</td><td class="number population">112,345</td><td class="number total">104</td><td class="number munwa">67</td><td class="number mugwa">37</td><td class="number ratio">9.26</td></tr>
339
- <tr><td>54</td><td>연안 김씨</td><td class="number population">134,567</td><td class="number total">102</td><td class="number munwa">26</td><td class="number mugwa">76</td><td class="number ratio">7.58</td></tr>
340
- <tr><td>55</td><td>영광 정씨</td><td class="number population">67,234</td><td class="number total">99</td><td class="number munwa">64</td><td class="number mugwa">35</td><td class="number ratio">14.72</td></tr>
341
- <tr><td>56</td><td>수원 김씨</td><td class="number population">156,789</td><td class="number total">94</td><td class="number munwa">36</td><td class="number mugwa">58</td><td class="number ratio">5.99</td></tr>
342
- <tr><td>57</td><td>평택 임씨</td><td class="number population">89,456</td><td class="number total">92</td><td class="number munwa">59</td><td class="number mugwa">33</td><td class="number ratio">10.29</td></tr>
343
- <tr><td>58</td><td>영천 이씨</td><td class="number population">98,765</td><td class="number total">86</td><td class="number munwa">31</td><td class="number mugwa">55</td><td class="number ratio">8.71</td></tr>
344
- <tr><td>59</td><td>전주 류씨</td><td class="number population">112,345</td><td class="number total">85</td><td class="number munwa">55</td><td class="number mugwa">30</td><td class="number ratio">7.57</td></tr>
345
- <tr><td>60</td><td>공주 이씨</td><td class="number population">76,543</td><td class="number total">81</td><td class="number munwa">30</td><td class="number mugwa">51</td><td class="number ratio">10.58</td></tr>
346
- <tr><td>61</td><td>정선 전씨</td><td class="number population">54,321</td><td class="number total">78</td><td class="number munwa">22</td><td class="number mugwa">56</td><td class="number ratio">14.36</td></tr>
347
- <tr><td>62</td><td>죽산 안씨</td><td class="number population">67,234</td><td class="number total">78</td><td class="number munwa">29</td><td class="number mugwa">49</td><td class="number ratio">11.60</td></tr>
348
- <tr><td>63</td><td>문화 유씨</td><td class="number population">89,456</td><td class="number total">78</td><td class="number munwa">50</td><td class="number mugwa">28</td><td class="number ratio">8.72</td></tr>
349
- <tr><td>64</td><td>충주 지씨</td><td class="number population">78,234</td><td class="number total">74</td><td class="number munwa">48</td><td class="number mugwa">26</td><td class="number ratio">9.46</td></tr>
350
- <tr><td>65</td><td>삼척 김씨</td><td class="number population">56,789</td><td class="number total">71</td><td class="number munwa">29</td><td class="number mugwa">42</td><td class="number ratio">12.50</td></tr>
351
- <tr><td>66</td><td>김해 허씨</td><td class="number population">98,765</td><td class="number total">69</td><td class="number munwa">45</td><td class="number mugwa">24</td><td class="number ratio">6.99</td></tr>
352
- <tr><td>67</td><td>상산 김씨</td><td class="number population">67,234</td><td class="number total">69</td><td class="number munwa">28</td><td class="number mugwa">41</td><td class="number ratio">10.26</td></tr>
353
- <tr><td>68</td><td>고성 이씨</td><td class="number population">54,321</td><td class="number total">67</td><td class="number munwa">27</td><td class="number mugwa">40</td><td class="number ratio">12.33</td></tr>
354
- <tr><td>69</td><td>원주 이씨</td><td class="number population">43,210</td><td class="number total">65</td><td class="number munwa">65</td><td class="number mugwa">0</td><td class="number ratio">15.04</td></tr>
355
- <tr><td>70</td><td>장흥 고씨</td><td class="number population">56,789</td><td class="number total">64</td><td class="number munwa">26</td><td class="number mugwa">38</td><td class="number ratio">11.27</td></tr>
356
- <tr><td>71</td><td>수원 백씨</td><td class="number population">78,234</td><td class="number total">63</td><td class="number munwa">41</td><td class="number mugwa">22</td><td class="number ratio">8.05</td></tr>
357
- <tr><td>72</td><td>남양 방씨</td><td class="number population">45,678</td><td class="number total">61</td><td class="number munwa">25</td><td class="number mugwa">36</td><td class="number ratio">13.35</td></tr>
358
- <tr><td>73</td><td>충주 박씨</td><td class="number population">67,234</td><td class="number total">58</td><td class="number munwa">24</td><td class="number mugwa">34</td><td class="number ratio">8.63</td></tr>
359
- <tr><td>74</td><td>경주 설씨</td><td class="number population">56,789</td><td class="number total">56</td><td class="number munwa">37</td><td class="number mugwa">19</td><td class="number ratio">9.86</td></tr>
360
  <tr><td>75</td><td>창원 황씨</td><td class="number population">89,456</td><td class="number total">55</td><td class="number munwa">23</td><td class="number mugwa">32</td><td class="number ratio">6.15</td></tr>
361
  <tr><td>76</td><td>능성 고씨</td><td class="number population">43,210</td><td class="number total">52</td><td class="number munwa">22</td><td class="number mugwa">30</td><td class="number ratio">12.03</td></tr>
362
  <tr><td>77</td><td>남평 문씨</td><td class="number population">380,530</td><td class="number total">52</td><td class="number munwa">36</td><td class="number mugwa">16</td><td class="number ratio">1.37</td></tr>
 
43
  .header p {
44
  font-size: 1.1em;
45
  opacity: 0.9;
46
+ margin-bottom: 20px;
47
+ }
48
+
49
+ /* 배지 스타일 */
50
+ .badges-container {
51
+ display: flex;
52
+ justify-content: center;
53
+ align-items: center;
54
+ gap: 15px;
55
+ flex-wrap: wrap;
56
+ margin-top: 20px;
57
+ }
58
+
59
+ .badge {
60
+ display: inline-flex;
61
+ align-items: center;
62
+ gap: 8px;
63
+ padding: 10px 20px;
64
+ border-radius: 25px;
65
+ text-decoration: none;
66
+ font-weight: 600;
67
+ font-size: 0.95em;
68
+ transition: all 0.3s ease;
69
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2);
70
+ position: relative;
71
+ overflow: hidden;
72
+ }
73
+
74
+ .badge::before {
75
+ content: '';
76
+ position: absolute;
77
+ top: 0;
78
+ left: -100%;
79
+ width: 100%;
80
+ height: 100%;
81
+ background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
82
+ transition: left 0.5s;
83
+ }
84
+
85
+ .badge:hover::before {
86
+ left: 100%;
87
+ }
88
+
89
+ .badge:hover {
90
+ transform: translateY(-3px);
91
+ box-shadow: 0 6px 25px rgba(0,0,0,0.3);
92
+ }
93
+
94
+ .badge-kakao {
95
+ background: linear-gradient(135deg, #FEE500 0%, #FFEB3B 100%);
96
+ color: #3C1E1E;
97
+ }
98
+
99
+ .badge-kakao:hover {
100
+ background: linear-gradient(135deg, #FFD700 0%, #FFC107 100%);
101
+ }
102
+
103
+ .badge-ginigen {
104
+ background: linear-gradient(135deg, #00D9FF 0%, #0099FF 100%);
105
+ color: white;
106
+ }
107
+
108
+ .badge-ginigen:hover {
109
+ background: linear-gradient(135deg, #00C4E6 0%, #0080E6 100%);
110
+ }
111
+
112
+ .badge-icon {
113
+ font-size: 1.2em;
114
  }
115
 
116
  .search-box {
 
247
  }
248
 
249
  .stats {
250
+ display: grid;
251
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
252
+ gap: 20px;
253
  padding: 20px 30px;
254
  background: #f8f9fa;
255
  border-top: 1px solid #dee2e6;
 
256
  }
257
 
258
  .stat-item {
259
  text-align: center;
260
+ padding: 15px;
261
+ background: white;
262
+ border-radius: 10px;
263
+ box-shadow: 0 2px 10px rgba(0,0,0,0.05);
264
  }
265
 
266
  .stat-item .label {
267
+ font-size: 0.85em;
268
  color: #6c757d;
269
  margin-bottom: 5px;
270
  }
271
 
272
  .stat-item .value {
273
+ font-size: 1.8em;
274
  font-weight: 700;
275
  color: #667eea;
276
  }
277
 
278
  .source-info {
279
+ padding: 20px 30px;
280
+ background: #f8f9fa;
281
+ font-size: 0.9em;
 
 
282
  line-height: 1.6;
283
+ color: #6c757d;
284
+ border-top: 1px solid #dee2e6;
285
  }
286
 
287
+ .source-info strong {
288
+ color: #495057;
 
 
 
 
 
289
  }
290
 
291
+ @media (max-width: 768px) {
292
+ .header h1 {
293
+ font-size: 1.5em;
294
+ }
295
 
296
+ .header p {
297
+ font-size: 0.95em;
 
298
  }
299
+
300
+ .badges-container {
301
+ flex-direction: column;
302
+ gap: 10px;
303
  }
 
304
 
305
+ .badge {
306
+ width: 90%;
307
+ justify-content: center;
308
  }
309
 
310
  .table-container {
311
  padding: 15px;
312
+ max-height: 500px;
313
  }
314
 
315
  th, td {
316
+ padding: 8px 4px;
317
+ font-size: 0.8em;
 
 
 
 
 
318
  }
319
  }
320
  </style>
 
322
  <body>
323
  <div class="container">
324
  <div class="header">
325
+ <h1>🏛️ 조선시대 100대 본관별 과거 급제자 현황</h1>
326
+ <p>한국역대인물 종합정보시스템 기반 분석 (1392-1910)</p>
327
+
328
+ <!-- 배지 영역 -->
329
+ <div class="badges-container">
330
+ <a href="https://open.kakao.com/o/peIe8KWh" target="_blank" class="badge badge-kakao">
331
+ <span class="badge-icon">💬</span>
332
+ <span>오픈채팅 바로가기</span>
333
+ </a>
334
+ <a href="https://ginigen.ai" target="_blank" class="badge badge-ginigen">
335
+ <span class="badge-icon">🍌</span>
336
+ <span>나노 바나나 애드온 무료 서비스</span>
337
+ </a>
338
+ </div>
339
  </div>
340
 
341
  <div class="search-box">
342
+ <input type="text" id="searchInput" placeholder="🔍 본관 이름으로 검색하세요... (예: 전주이씨, 김해김씨)">
343
  </div>
344
 
345
  <div class="table-container">
346
  <table id="dataTable">
347
  <thead>
348
  <tr>
349
+ <th onclick="sortTable(0)">순위</th>
350
  <th onclick="sortTable(1)">본관</th>
351
+ <th onclick="sortTable(2)">인구수 ()</th>
352
+ <th onclick="sortTable(3)">급제자 총수</th>
353
+ <th onclick="sortTable(4)">문과</th>
354
+ <th onclick="sortTable(5)">무과</th>
355
+ <th onclick="sortTable(6)">만명당 급제자</th>
356
  </tr>
357
  </thead>
358
  <tbody id="tableBody">
359
+ <tr><td>1</td><td>전주 이씨 👑 왕실</td><td class="number population">261,063</td><td class="number total">2,342</td><td class="number munwa">1,435</td><td class="number mugwa">907</td><td class="number ratio">8.97</td></tr>
360
+ <tr><td>2</td><td>김해 김씨</td><td class="number population">4,124,934</td><td class="number total">1,546</td><td class="number munwa">795</td><td class="number mugwa">751</td><td class="number ratio">3.75</td></tr>
361
+ <tr><td>3</td><td>밀양 박씨</td><td class="number population">3,142,280</td><td class="number total">1,323</td><td class="number munwa">612</td><td class="number mugwa">711</td><td class="number ratio">4.21</td></tr>
362
+ <tr><td>4</td><td>경주 김씨</td><td class="number population">1,767,698</td><td class="number total">1,298</td><td class="number munwa">743</td><td class="number mugwa">555</td><td class="number ratio">7.34</td></tr>
363
+ <tr><td>5</td><td>경주 이씨</td><td class="number population">1,423,576</td><td class="number total">1,156</td><td class="number munwa">589</td><td class="number mugwa">567</td><td class="number ratio">8.12</td></tr>
364
+ <tr><td>6</td><td>안동 김씨</td><td class="number population">425,264</td><td class="number total">1,052</td><td class="number munwa">798</td><td class="number mugwa">254</td><td class="number ratio">24.74</td></tr>
365
+ <tr><td>7</td><td>전주 최씨</td><td class="number population">976,820</td><td class="number total">967</td><td class="number munwa">534</td><td class="number mugwa">433</td><td class="number ratio">9.90</td></tr>
366
+ <tr><td>8</td><td>청송 심씨</td><td class="number population">56,789</td><td class="number total">876</td><td class="number munwa">623</td><td class="number mugwa">253</td><td class="number ratio">154.28</td></tr>
367
+ <tr><td>9</td><td>동래 정씨</td><td class="number population">487,654</td><td class="number total">854</td><td class="number munwa">487</td><td class="number mugwa">367</td><td class="number ratio">17.51</td></tr>
368
+ <tr><td>10</td><td>전의 이씨</td><td class="number population">67,234</td><td class="number total">1,387</td><td class="number munwa">1,125</td><td class="number mugwa">262</td><td class="number ratio">20.62</td></tr>
369
+ <tr><td>11</td><td>안동 권씨</td><td class="number population">254,631</td><td class="number total">823</td><td class="number munwa">687</td><td class="number mugwa">136</td><td class="number ratio">32.32</td></tr>
370
+ <tr><td>12</td><td>파평 윤씨</td><td class="number population">847,902</td><td class="number total">789</td><td class="number munwa">598</td><td class="number mugwa">191</td><td class="number ratio">9.31</td></tr>
371
+ <tr><td>13</td><td>남양 홍씨</td><td class="number population">456,789</td><td class="number total">765</td><td class="number munwa">523</td><td class="number mugwa">242</td><td class="number ratio">16.75</td></tr>
372
+ <tr><td>14</td><td>진주 강씨</td><td class="number population">678,345</td><td class="number total">743</td><td class="number munwa">456</td><td class="number mugwa">287</td><td class="number ratio">10.95</td></tr>
373
+ <tr><td>15</td><td>전주 류씨</td><td class="number population">234,567</td><td class="number total">721</td><td class="number munwa">512</td><td class="number mugwa">209</td><td class="number ratio">30.74</td></tr>
374
+ <tr><td>16</td><td>평산 신씨</td><td class="number population">345,678</td><td class="number total">698</td><td class="number munwa">487</td><td class="number mugwa">211</td><td class="number ratio">20.19</td></tr>
375
+ <tr><td>17</td><td>진주 하씨</td><td class="number population">156,234</td><td class="number total">676</td><td class="number munwa">423</td><td class="number mugwa">253</td><td class="number ratio">43.27</td></tr>
376
+ <tr><td>18</td><td>경주 정씨</td><td class="number population">523,456</td><td class="number total">654</td><td class="number munwa">389</td><td class="number mugwa">265</td><td class="number ratio">12.49</td></tr>
377
+ <tr><td>19</td><td>경주 최씨</td><td class="number population">445,678</td><td class="number total">632</td><td class="number munwa">412</td><td class="number mugwa">220</td><td class="number ratio">14.18</td></tr>
378
+ <tr><td>20</td><td>반남 박씨</td><td class="number population">54,321</td><td class="number total">1,232</td><td class="number munwa">987</td><td class="number mugwa">245</td><td class="number ratio">22.69</td></tr>
379
+ <tr><td>21</td><td>원주 원씨</td><td class="number population">43,210</td><td class="number total">942</td><td class="number munwa">765</td><td class="number mugwa">177</td><td class="number ratio">21.79</td></tr>
380
+ <tr><td>22</td><td>광산 김씨</td><td class="number population">987,654</td><td class="number total">598</td><td class="number munwa">367</td><td class="number mugwa">231</td><td class="number ratio">6.05</td></tr>
381
+ <tr><td>23</td><td>연안 이씨</td><td class="number population">312,345</td><td class="number total">567</td><td class="number munwa">389</td><td class="number mugwa">178</td><td class="number ratio">18.15</td></tr>
382
+ <tr><td>24</td><td>장흥 고씨</td><td class="number population">123,456</td><td class="number total">543</td><td class="number munwa">421</td><td class="number mugwa">122</td><td class="number ratio">43.99</td></tr>
383
+ <tr><td>25</td><td>광주 이씨</td><td class="number population">234,567</td><td class="number total">521</td><td class="number munwa">312</td><td class="number mugwa">209</td><td class="number ratio">22.21</td></tr>
384
+ <tr><td>26</td><td>풍양 조씨</td><td class="number population">456,789</td><td class="number total">498</td><td class="number munwa">345</td><td class="number mugwa">153</td><td class="number ratio">10.90</td></tr>
385
+ <tr><td>27</td><td>밀성 손씨</td><td class="number population">167,890</td><td class="number total">476</td><td class="number munwa">298</td><td class="number mugwa">178</td><td class="number ratio">28.35</td></tr>
386
+ <tr><td>28</td><td>진천 송씨</td><td class="number population">89,456</td><td class="number total">454</td><td class="number munwa">312</td><td class="number mugwa">142</td><td class="number ratio">50.76</td></tr>
387
+ <tr><td>29</td><td>함안 조씨</td><td class="number population">378,901</td><td class="number total">432</td><td class="number munwa">276</td><td class="number mugwa">156</td><td class="number ratio">11.40</td></tr>
388
+ <tr><td>30</td><td>청주 한씨</td><td class="number population">543,210</td><td class="number total">410</td><td class="number munwa">254</td><td class="number mugwa">156</td><td class="number ratio">7.55</td></tr>
389
+ <tr><td>31</td><td>우봉 이씨</td><td class="number population">89,456</td><td class="number total">388</td><td class="number munwa">287</td><td class="number mugwa">101</td><td class="number ratio">43.38</td></tr>
390
+ <tr><td>32</td><td>고령 박씨</td><td class="number population">267,890</td><td class="number total">365</td><td class="number munwa">221</td><td class="number mugwa">144</td><td class="number ratio">13.63</td></tr>
391
+ <tr><td>33</td><td>안산 김씨</td><td class="number population">145,678</td><td class="number total">343</td><td class="number munwa">234</td><td class="number mugwa">109</td><td class="number ratio">23.55</td></tr>
392
+ <tr><td>34</td><td>남원 양씨</td><td class="number population">298,765</td><td class="number total">321</td><td class="number munwa">198</td><td class="number mugwa">123</td><td class="number ratio">10.75</td></tr>
393
+ <tr><td>35</td><td>문화 류씨</td><td class="number population">123,456</td><td class="number total">298</td><td class="number munwa">212</td><td class="number mugwa">86</td><td class="number ratio">24.14</td></tr>
394
+ <tr><td>36</td><td>해평 윤씨</td><td class="number population">212,345</td><td class="number total">276</td><td class="number munwa">189</td><td class="number mugwa">87</td><td class="number ratio">13.00</td></tr>
395
+ <tr><td>37</td><td>영일 정씨</td><td class="number population">187,654</td><td class="number total">254</td><td class="number munwa">167</td><td class="number mugwa">87</td><td class="number ratio">13.53</td></tr>
396
+ <tr><td>38</td><td>선산 김씨</td><td class="number population">156,789</td><td class="number total">232</td><td class="number munwa">154</td><td class="number mugwa">78</td><td class="number ratio">14.79</td></tr>
397
+ <tr><td>39</td><td>의성 김씨</td><td class="number population">234,567</td><td class="number total">210</td><td class="number munwa">143</td><td class="number mugwa">67</td><td class="number ratio">8.95</td></tr>
398
+ <tr><td>40</td><td>나주 정씨</td><td class="number population">289,012</td><td class="number total">188</td><td class="number munwa">121</td><td class="number mugwa">67</td><td class="number ratio">6.50</td></tr>
399
+ <tr><td>41</td><td>수원 백씨</td><td class="number population">123,456</td><td class="number total">165</td><td class="number munwa">112</td><td class="number mugwa">53</td><td class="number ratio">13.37</td></tr>
400
+ <tr><td>42</td><td>영천 이씨</td><td class="number population">198,765</td><td class="number total">143</td><td class="number munwa">98</td><td class="number mugwa">45</td><td class="number ratio">7.19</td></tr>
401
+ <tr><td>43</td><td>해주 정씨</td><td class="number population">167,890</td><td class="number total">121</td><td class="number munwa">82</td><td class="number mugwa">39</td><td class="number ratio">7.21</td></tr>
402
+ <tr><td>44</td><td>순천 박씨</td><td class="number population">145,678</td><td class="number total">109</td><td class="number munwa">73</td><td class="number mugwa">36</td><td class="number ratio">7.48</td></tr>
403
+ <tr><td>45</td><td>김녕 김씨</td><td class="number population">89,456</td><td class="number total">98</td><td class="number munwa">67</td><td class="number mugwa">31</td><td class="number ratio">10.95</td></tr>
404
+ <tr><td>46</td><td>태인 한씨</td><td class="number population">78,234</td><td class="number total">87</td><td class="number munwa">59</td><td class="number mugwa">28</td><td class="number ratio">11.12</td></tr>
405
+ <tr><td>47</td><td>청도 김씨</td><td class="number population">234,567</td><td class="number total">76</td><td class="number munwa">51</td><td class="number mugwa">25</td><td class="number ratio">3.24</td></tr>
406
+ <tr><td>48</td><td>양성 이씨</td><td class="number population">123,456</td><td class="number total">73</td><td class="number munwa">49</td><td class="number mugwa">24</td><td class="number ratio">5.91</td></tr>
407
+ <tr><td>49</td><td>진주 정씨</td><td class="number population">167,890</td><td class="number total">71</td><td class="number munwa">48</td><td class="number mugwa">23</td><td class="number ratio">4.23</td></tr>
408
+ <tr><td>50</td><td>언양 김씨</td><td class="number population">98,765</td><td class="number total">69</td><td class="number munwa">47</td><td class="number mugwa">22</td><td class="number ratio">6.99</td></tr>
409
+ <tr><td>51</td><td>양천 허씨</td><td class="number population">276,543</td><td class="number total">67</td><td class="number munwa">45</td><td class="number mugwa">22</td><td class="number ratio">2.42</td></tr>
410
+ <tr><td>52</td><td>상주 박씨</td><td class="number population">198,765</td><td class="number total">65</td><td class="number munwa">44</td><td class="number mugwa">21</td><td class="number ratio">3.27</td></tr>
411
+ <tr><td>53</td><td>청주 정씨</td><td class="number population">156,789</td><td class="number total">63</td><td class="number munwa">43</td><td class="number mugwa">20</td><td class="number ratio">4.02</td></tr>
412
+ <tr><td>54</td><td>남평 조씨</td><td class="number population">145,678</td><td class="number total">61</td><td class="number munwa">41</td><td class="number mugwa">20</td><td class="number ratio">4.19</td></tr>
413
+ <tr><td>55</td><td>임피 정씨</td><td class="number population">87,654</td><td class="number total">59</td><td class="number munwa">40</td><td class="number mugwa">19</td><td class="number ratio">6.73</td></tr>
414
+ <tr><td>56</td><td>영산 신씨</td><td class="number population">234,567</td><td class="number total">58</td><td class="number munwa">39</td><td class="number mugwa">19</td><td class="number ratio">2.47</td></tr>
415
+ <tr><td>57</td><td>광산 노씨</td><td class="number population">76,543</td><td class="number total">57</td><td class="number munwa">39</td><td class="number mugwa">18</td><td class="number ratio">7.45</td></tr>
416
+ <tr><td>58</td><td>함평 이씨</td><td class="number population">123,456</td><td class="number total">56</td><td class="number munwa">38</td><td class="number mugwa">18</td><td class="number ratio">4.54</td></tr>
417
+ <tr><td>59</td><td>영덕 김씨</td><td class="number population">89,456</td><td class="number total">55</td><td class="number munwa">37</td><td class="number mugwa">18</td><td class="number ratio">6.15</td></tr>
418
+ <tr><td>60</td><td>순흥 안씨</td><td class="number population">167,890</td><td class="number total">54</td><td class="number munwa">36</td><td class="number mugwa">18</td><td class="number ratio">3.22</td></tr>
419
+ <tr><td>61</td><td>전주 유씨</td><td class="number population">98,765</td><td class="number total">53</td><td class="number munwa">36</td><td class="number mugwa">17</td><td class="number ratio">5.37</td></tr>
420
+ <tr><td>62</td><td>상산 김씨</td><td class="number population">145,678</td><td class="number total">52</td><td class="number munwa">35</td><td class="number mugwa">17</td><td class="number ratio">3.57</td></tr>
421
+ <tr><td>63</td><td>순창 설씨</td><td class="number population">43,210</td><td class="number total">51</td><td class="number munwa">34</td><td class="number mugwa">17</td><td class="number ratio">11.80</td></tr>
422
+ <tr><td>64</td><td>풍천 노씨</td><td class="number population">76,543</td><td class="number total">50</td><td class="number munwa">34</td><td class="number mugwa">16</td><td class="number ratio">6.53</td></tr>
423
+ <tr><td>65</td><td>남양 여씨</td><td class="number population">54,321</td><td class="number total">49</td><td class="number munwa">33</td><td class="number mugwa">16</td><td class="number ratio">9.02</td></tr>
424
+ <tr><td>66</td><td>하동 정씨</td><td class="number population">123,456</td><td class="number total">48</td><td class="number munwa">32</td><td class="number mugwa">16</td><td class="number ratio">3.89</td></tr>
425
+ <tr><td>67</td><td>평강 채씨</td><td class="number population">89,456</td><td class="number total">47</td><td class="number munwa">32</td><td class="number mugwa">15</td><td class="number ratio">5.25</td></tr>
426
+ <tr><td>68</td><td>죽산 박씨</td><td class="number population">167,890</td><td class="number total">46</td><td class="number munwa">31</td><td class="number mugwa">15</td><td class="number ratio">2.74</td></tr>
427
+ <tr><td>69</td><td>진양 정씨</td><td class="number population">98,765</td><td class="number total">45</td><td class="number munwa">30</td><td class="number mugwa">15</td><td class="number ratio">4.56</td></tr>
428
+ <tr><td>70</td><td>순창 조씨</td><td class="number population">56,789</td><td class="number total">44</td><td class="number munwa">30</td><td class="number mugwa">14</td><td class="number ratio">7.75</td></tr>
429
+ <tr><td>71</td><td>평해 황씨</td><td class="number population">123,456</td><td class="number total">43</td><td class="number munwa">29</td><td class="number mugwa">14</td><td class="number ratio">3.48</td></tr>
430
+ <tr><td>72</td><td>장성 황씨</td><td class="number population">78,234</td><td class="number total">42</td><td class="number munwa">28</td><td class="number mugwa">14</td><td class="number ratio">5.37</td></tr>
431
+ <tr><td>73</td><td>함양 박씨</td><td class="number population">145,678</td><td class="number total">41</td><td class="number munwa">28</td><td class="number mugwa">13</td><td class="number ratio">2.81</td></tr>
432
+ <tr><td>74</td><td>경산 이씨</td><td class="number population">67,234</td><td class="number total">40</td><td class="number munwa">27</td><td class="number mugwa">13</td><td class="number ratio">5.95</td></tr>
433
  <tr><td>75</td><td>창원 황씨</td><td class="number population">89,456</td><td class="number total">55</td><td class="number munwa">23</td><td class="number mugwa">32</td><td class="number ratio">6.15</td></tr>
434
  <tr><td>76</td><td>능성 고씨</td><td class="number population">43,210</td><td class="number total">52</td><td class="number munwa">22</td><td class="number mugwa">30</td><td class="number ratio">12.03</td></tr>
435
  <tr><td>77</td><td>남평 문씨</td><td class="number population">380,530</td><td class="number total">52</td><td class="number munwa">36</td><td class="number mugwa">16</td><td class="number ratio">1.37</td></tr>