@charset "utf-8";
@import "respond.css";

:root { --ink:#0f172a; --ink-2:#334155; --muted:#94a3b8; --bg:#ffffff; --card:#f8fafc; --line:#e2e8f0; --radius:16px; --shadow: 0 8px 24px rgba(15,23,42,.08); } 

/* ============ 사이트맵 ============ */

.site_map ul { display: flex; gap: 20px; flex-wrap: wrap; margin-top: clamp(20px,2vw,40px); margin-bottom: clamp(40px,4vw,100px); } 
.site_map ul li { width: calc((100% - 60px) / 4); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); transition: 0.3s ease-in; } 
.site_map ul li a { transition: 0.3s ease-in; display: inline-block; width: 100%; padding: 20px; } 
.site_map ul li:hover { border-color: #0e5cc1; } 
.site_map ul li:hover a { color: #0e5cc1; } 
@media (max-width: 1000px) { 
 .site_map ul { gap: 10px; } 
 .site_map ul li { width: calc((100% - 30px) / 4); } 
 } 
@media (max-width: 750px) { 
 .site_map ul li { width: calc((100% - 20px) / 3); } 
 } 
@media (max-width: 540px) { 
 .site_map ul li { width: calc((100% - 10px) / 2); } 
 } 
@media (max-width: 360px) { 
 .site_map ul li a { padding: 20px 5px 20px 15px; } 
 }