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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
1번째 줄: 1번째 줄:
 
<div style="width:70%; margin:10px auto; border:1px solid #ddd; text-align:center;">
 
<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-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;"
+
    <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;"
    onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
    onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
[[국제교류 스토리|🗂️ Overall Theme]]
+
      [[국제교류 스토리|🗂️ Overall Theme]]
<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;">
+
    </div>
International Story Overall Theme
+
    <br/>
</div>
 
</div>
 
<br/>
 
  
<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;"
+
    <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;"
    onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
    onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
[[국제교류 스토리#Chapter 1. Ancient Traces and Historical Origins|🗿 Chapter 1. Ancient Traces]]
+
      [[국제교류 스토리#Chapter 1. Ancient Traces and Historical Origins|🗿 Chapter 1. Ancient Traces and Historical Origins]]
<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;">
+
    </div>
Ancient Traces and Historical Origins
 
</div>
 
</div>
 
  
<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;"
+
    <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;"
    onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
    onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
[[국제교류 스토리#Chapter 2. Confucian Traditions and Local Communities|📜 Chapter 2. Confucian Traditions]]
+
      [[국제교류 스토리#Chapter 2. Confucian Traditions and Local Communities|📜 Chapter 2. Confucian Traditions and Local Communities]]
<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;">
+
    </div>
Confucian Traditions and Local Communities
+
    <br/>
</div>
 
</div>
 
<br/>
 
  
<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;"
+
    <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;"
    onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
    onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
[[국제교류 스토리#Chapter 3. Folk Beliefs and Everyday Culture|🌾 Chapter 3. Folk Beliefs]]
+
      [[국제교류 스토리#Chapter 3. Folk Beliefs and Everyday Culture|🌾 Chapter 3. Folk Beliefs and Everyday Culture]]
<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;">
+
    </div>
Folk Beliefs and Everyday Culture
 
</div>
 
</div>
 
  
<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;"
+
    <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;"
    onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
    onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
[[국제교류 스토리#Chapter 4. Buddhist Heritage and Mudeungsan Mountain|🪷 Chapter 4. Buddhist Heritage]]
+
      [[국제교류 스토리#Chapter 4. Buddhist Heritage and Mudeungsan Mountain|🪷 Chapter 4. Buddhist Heritage and Mudeungsan Mountain]]
<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;">
+
    </div>
Buddhist Heritage and Mudeungsan Mountain
+
    <br/>
</div>
 
</div>
 
<br/>
 
  
<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;"
+
    <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;"
    onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
    onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
[[국제교류 스토리#Chapter 5. Democracy and the May 18 Democratic Uprising|✊ Chapter 5. Democracy and May 18]]
+
      [[국제교류 스토리#Chapter 5. Democracy and the May 18 Democratic Uprising|✊ Chapter 5. Democracy and the May 18 Democratic Uprising]]
<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;">
+
    </div>
Democracy and the May 18 Democratic Uprising
 
</div>
 
</div>
 
  
<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;"
+
    <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;"
    onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
    onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
[[국제교류 스토리#Chapter 6. Art, Literature, and Cultural Creativity|🎨 Chapter 6. Art and Literature]]
+
      [[국제교류 스토리#Chapter 6. Art, Literature, and Cultural Creativity|🎨 Chapter 6. Art, Literature, and Cultural Creativity]]
<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;">
+
    </div>
Art, Literature, and Cultural Creativity
+
    <br/>
</div>
 
</div>
 
<br/>
 
  
<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;"
+
    <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;"
    onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
    onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
[[국제교류 스토리#Chapter 7. Industry, Urban Growth, and Global Gwangju|⚙️ Chapter 7. Industry and Urban Growth]]
+
      [[국제교류 스토리#Chapter 7. Industry, Urban Growth, and Global Gwangju|⚙️ Chapter 7. Industry, Urban Growth, and Global Gwangju]]
<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;">
+
    </div>
Industry, Urban Growth, and Global Gwangju
 
</div>
 
</div>
 
  
<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;"
+
    <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;"
    onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
    onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
[[국제교류 스토리#Chapter 8. Daily Life, Food Culture, and Urban Exploration|🍲 Chapter 8. Daily Life and Food]]
+
      [[국제교류 스토리#Chapter 8. Daily Life, Food Culture, and Urban Exploration|🍲 Chapter 8. Daily Life, Food Culture, and Urban Exploration]]
<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;">
+
    </div>
Daily Life, Food Culture, and Urban Exploration
+
    <br/>
</div>
 
</div>
 
<br/>
 
  
<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;"
+
    <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;"
    onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1';"
    onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000';">
[[국제교류 스토리#Chapter 9. Houses, Sites, and Living Memory|🏡 Chapter 9. Houses and Living Memory]]
+
      [[국제교류 스토리#Chapter 9. Houses, Sites, and Living Memory|🏡 Chapter 9. Houses, Sites, and Living Memory]]
<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;">
+
    </div>
Houses, Sites, and Living Memory
 
</div>
 
</div>
 
  
</div>
+
  </div>
 
</div>
 
</div>

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