"틀:국제교류 스토리-테마"의 두 판 사이의 차이

2026년 4월 8일 (수) 05:26 판

International Story Themes

🗂️ Overall Theme

🗿 Chapter 1. Ancient Traces

📜 Chapter 2. Confucian Traditions

🌾 Chapter 3. Folk Beliefs

🪷 Chapter 4. Buddhist Heritage

✊ Chapter 5. Democracy and May 18

🎨 Chapter 6. Art and Literature

⚙️ Chapter 7. Industry and Urban Growth

🍲 Chapter 8. Daily Life and Food

🏡 Chapter 9. Houses and Living Memory

@@ 1번째 줄: / 1번째 줄: @@
 <div style="width:70%; margin:10px auto; border:1px solid #ddd; text-align:center;">
-  <div style="padding:5px; font-weight:bold; background-color:#eee">
+<div style="padding:5px; font-weight:bold; background-color:#eee">
-    [[국제교류 스토리|International Story Themes]]
+[[국제교류 스토리|International Story Themes]]
-  </div>
+</div>
-  <div style="padding:15px; text-align:center;">
+<div style="padding:15px; text-align:center;">
-    <div style="display:inline-flex; width:596px; height:44px; margin:4px 0 12px 0; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; align-items:center; justify-content:center;"
+<div style="display:inline-block; width:596px; margin:4px 0 12px 0; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative;"
-         onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
+     onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
-         onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
+     onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
-      [[국제교류 스토리|🗂️ Overall Theme]]
+[[국제교류 스토리|🗂️ Overall Theme]]
-    </div>
+<div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:300px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100;">
-    <br/>
+International Story Overall Theme
+</div>
+</div>
+<br/>
-    <div style="display:inline-flex; width:290px; height:84px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top; align-items:center; justify-content:center; line-height:1.35; font-size:13px; overflow:hidden;"
+<div style="display:inline-block; width:290px; min-height:44px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
-         onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
+     onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
-         onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
+     onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
-      [[국제교류 스토리#Chapter 1. Ancient Traces and Historical Origins|🗿 Chapter 1. Ancient Traces and Historical Origins]]
+[[국제교류 스토리#Chapter 1. Ancient Traces and Historical Origins|🗿 Chapter 1. Ancient Traces]]
-    </div>
+<div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:300px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100;">
+Ancient Traces and Historical Origins
+</div>
+</div>
-    <div style="display:inline-flex; width:290px; height:84px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top; align-items:center; justify-content:center; line-height:1.35; font-size:13px; overflow:hidden;"
+<div style="display:inline-block; width:290px; min-height:44px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
-         onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
+     onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
-         onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
+     onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
-      [[국제교류 스토리#Chapter 2. Confucian Traditions and Local Communities|📜 Chapter 2. Confucian Traditions and Local Communities]]
+[[국제교류 스토리#Chapter 2. Confucian Traditions and Local Communities|📜 Chapter 2. Confucian Traditions]]
-    </div>
+<div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:300px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100;">
-    <br/>
+Confucian Traditions and Local Communities
+</div>
+</div>
+<br/>
-    <div style="display:inline-flex; width:290px; height:84px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top; align-items:center; justify-content:center; line-height:1.35; font-size:13px; overflow:hidden;"
+<div style="display:inline-block; width:290px; min-height:44px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
-         onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
+     onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
-         onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
+     onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
-      [[국제교류 스토리#Chapter 3. Folk Beliefs and Everyday Culture|🌾 Chapter 3. Folk Beliefs and Everyday Culture]]
+[[국제교류 스토리#Chapter 3. Folk Beliefs and Everyday Culture|🌾 Chapter 3. Folk Beliefs]]
-    </div>
+<div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:300px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100;">
+Folk Beliefs and Everyday Culture
+</div>
+</div>
-    <div style="display:inline-flex; width:290px; height:84px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top; align-items:center; justify-content:center; line-height:1.35; font-size:13px; overflow:hidden;"
+<div style="display:inline-block; width:290px; min-height:44px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
-         onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
+     onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
-         onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
+     onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
-      [[국제교류 스토리#Chapter 4. Buddhist Heritage and Mudeungsan Mountain|🪷 Chapter 4. Buddhist Heritage and Mudeungsan Mountain]]
+[[국제교류 스토리#Chapter 4. Buddhist Heritage and Mudeungsan Mountain|🪷 Chapter 4. Buddhist Heritage]]
-    </div>
+<div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:300px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100;">
-    <br/>
+Buddhist Heritage and Mudeungsan Mountain
+</div>
+</div>
+<br/>
-    <div style="display:inline-flex; width:290px; height:84px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top; align-items:center; justify-content:center; line-height:1.35; font-size:13px; overflow:hidden;"
+<div style="display:inline-block; width:290px; min-height:44px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
-         onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
+     onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
-         onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
+     onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
-      [[국제교류 스토리#Chapter 5. Democracy and the May 18 Democratic Uprising|✊ Chapter 5. Democracy and the May 18 Democratic Uprising]]
+[[국제교류 스토리#Chapter 5. Democracy and the May 18 Democratic Uprising|✊ Chapter 5. Democracy and May 18]]
-    </div>
+<div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:300px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100;">
+Democracy and the May 18 Democratic Uprising
+</div>
+</div>
-    <div style="display:inline-flex; width:290px; height:84px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top; align-items:center; justify-content:center; line-height:1.35; font-size:13px; overflow:hidden;"
+<div style="display:inline-block; width:290px; min-height:44px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
-         onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
+     onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
-         onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
+     onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
-      [[국제교류 스토리#Chapter 6. Art, Literature, and Cultural Creativity|🎨 Chapter 6. Art, Literature, and Cultural Creativity]]
+[[국제교류 스토리#Chapter 6. Art, Literature, and Cultural Creativity|🎨 Chapter 6. Art and Literature]]
-    </div>
+<div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:300px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100;">
-    <br/>
+Art, Literature, and Cultural Creativity
+</div>
+</div>
+<br/>
-    <div style="display:inline-flex; width:290px; height:84px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top; align-items:center; justify-content:center; line-height:1.35; font-size:13px; overflow:hidden;"
+<div style="display:inline-block; width:290px; min-height:44px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
-         onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
+     onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
-         onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
+     onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
-      [[국제교류 스토리#Chapter 7. Industry, Urban Growth, and Global Gwangju|⚙️ Chapter 7. Industry, Urban Growth, and Global Gwangju]]
+[[국제교류 스토리#Chapter 7. Industry, Urban Growth, and Global Gwangju|⚙️ Chapter 7. Industry and Urban Growth]]
-    </div>
+<div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:300px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100;">
+Industry, Urban Growth, and Global Gwangju
+</div>
+</div>
-    <div style="display:inline-flex; width:290px; height:84px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top; align-items:center; justify-content:center; line-height:1.35; font-size:13px; overflow:hidden;"
+<div style="display:inline-block; width:290px; min-height:44px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
-         onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
+     onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
-         onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
+     onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
-      [[국제교류 스토리#Chapter 8. Daily Life, Food Culture, and Urban Exploration|🍲 Chapter 8. Daily Life, Food Culture, and Urban Exploration]]
+[[국제교류 스토리#Chapter 8. Daily Life, Food Culture, and Urban Exploration|🍲 Chapter 8. Daily Life and Food]]
-    </div>
+<div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:300px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100;">
-    <br/>
+Daily Life, Food Culture, and Urban Exploration
+</div>
+</div>
+<br/>
-    <div style="display:inline-flex; width:290px; height:84px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top; align-items:center; justify-content:center; line-height:1.35; font-size:13px; overflow:hidden;"
+<div style="display:inline-block; width:290px; min-height:44px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
-         onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
+     onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
-         onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
+     onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
-      [[국제교류 스토리#Chapter 9. Houses, Sites, and Living Memory|🏡 Chapter 9. Houses, Sites, and Living Memory]]
+[[국제교류 스토리#Chapter 9. Houses, Sites, and Living Memory|🏡 Chapter 9. Houses and Living Memory]]
-    </div>
+<div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:300px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100;">
+Houses, Sites, and Living Memory
+</div>
+</div>
-  </div>
+</div>
 </div>

"틀:국제교류 스토리-테마"의 두 판 사이의 차이

2026년 4월 8일 (수) 05:26 판

둘러보기 메뉴

개인 도구

이름공간

변수

보기

더 보기

검색

둘러보기

스토리

English

도구