<!DOCTYPE html><html lang="ko"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>GDLSI | 글로벌 군수 전략 연구소</title> <style> :root { --primary-color: #0a192f; /* Deep Navy */ --accent-color: #172a45; --text-gold: #c5a059; /* Strategic Gold */ --text-light: #e6f1ff; } body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; margin: 0; line-height: 1.6; color: #333; background-color: #f4f4f4; } /* Header & Navigation */ header { background: var(--primary-color); color: white; padding: 1rem 5%; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 1000; border-bottom: 2px solid var(--text-gold); } .logo { font-size: 1.5rem; font-weight: bold; letter-spacing: 1px; } nav a { color: white; text-decoration: none; margin-left: 20px; font-weight: 500; transition: 0.3s; } nav a:hover { color: var(--text-gold); } /* Hero Section */ .hero { background: linear-gradient(rgba(10, 25, 47, 0.8), rgba(10, 25, 47, 0.8)), url(https://images.unsplash.com/photo-1508614589041-895b88991e3e?auto=format&fit=crop&q=80&w=1500); /* 대안 이미지 */ background-size: cover; background-position: center; height: 60vh; display: flex; flex-direction: column; justify-content: center; align-items: center; color: white; text-align: center; padding: 0 20px; } .hero h1 { font-size: 3rem; margin-bottom: 10px; } .hero p { font-size: 1.2rem; max-width: 800px; } /* Content Sections */ .container { max-width: 1200px; margin: 50px auto; padding: 0 20px; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .card { background: white; padding: 30px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-top: 5px solid var(--primary-color); } .card h3 { color: var(--primary-color); margin-top: 0; } footer { background: var(--primary-color); color: #8892b0; text-align: center; padding: 30px 0; margin-top: 50px; } </style></head><body> <header> <div class="logo">GDLSI</div> <nav> <a href="#">연구소 소개</a> <a href="#">전략 리포트</a> <a href="#">공급망 분석</a> <a href="#">컨퍼런스</a> <a href="#">문의</a> </nav> </header> <section class="hero"> <h1>Global Defense Logistics Strategy Institute</h1> <p>전략적 군수 혁신을 통해 글로벌 안보의 미래를 설계합니다.</p> </section> <div class="container"> <h2 style="text-align:center; margin-bottom:40px;">핵심 연구 분야</h2> <div class="grid"> <div class="card"> <h3>지정학적 공급망 리스크</h3> <p>글로벌 패권 경쟁에 따른 국방 물자 공급망의 취약점을 분석하고 회복 탄력성 확보 방안을 제시합니다.</p> </div> <div class="card"> <h3>미래 군수 기술 혁신</h3> <p>AI 기반 예측 정비, 자율 주행 수송, 3D 프린팅 현장 제조 등 첨단 기술의 군사적 적용을 연구합니다.</p> </div> <div class="card"> <h3>지속 가능한 국방 물류</h3> <p>에너지 효율화 및 탄소 중립 시대에 부합하는 차세대 군수 체계와 자원 관리 전략을 수립합니다.</p> </div> </div> </div> <footer> <p>© 2026 Global Defense Logistics Strategy Institute. All Rights Reserved.</p> <p>서울특별시 중구 국방전략길 100 | info@gdlsi.org</p> </footer></body></html>