@charset "utf-8";

/* ═══════════════════════════════════════════════════════════════════════
   사이트맵 (/?cd=etc&cf=sitemap)
   · 마크업 : skin/v1.0/html/etc/page_body_sitemap.html
   · 로드   : etc/index_sitemap.php 에서만
   · 색/간격 규칙은 경쟁업체분석(css.mypage_comsresult.css, 2026-06)과 동일한
     토큰 체계를 따른다. 메인 #2197d4 / 라인 #e5e8ec / soft #f5f7fa
   · 기존 .box-group(css.etc.css, 180px 고정 float)은 사이트맵에서만 쓰던
     클래스라 마크업을 .sitemap-* 로 갈아끼웠다. 그래서 여기 규칙과
     충돌하지 않는다.
   ═══════════════════════════════════════════════════════════════════════ */

.sitemap-grid {
	--c-main:#2197d4; --c-line:#e5e8ec; --c-soft:#f5f7fa; --c-text:#2b3440; --c-muted:#8a94a2;
	display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px;
	margin:6px 0 40px;
}

.sitemap-card {
	background:#fff; border:1px solid var(--c-line); border-radius:10px;
	padding:18px 18px 12px; box-sizing:border-box;
	transition:border-color .15s, box-shadow .15s;
}
.sitemap-card:hover { border-color:#cfe4f2; box-shadow:0 2px 10px rgba(33,151,212,.07); }

.sitemap-card h3 {
	position:relative; margin:0 0 10px; padding:0 0 11px 12px;
	border-bottom:1px solid #eef1f4;
	font-size:15px; font-weight:700; color:var(--c-text); letter-spacing:-0.3px;
}
.sitemap-card h3:before {
	content:""; position:absolute; left:0; top:2px;
	width:4px; height:15px; background:var(--c-main); border-radius:2px;
}

.sitemap-card ul { margin:0; padding:0; list-style:none; }
.sitemap-card li { margin:0; padding:0; }

.sitemap-card li a {
	position:relative; display:block; padding:7px 4px 7px 13px;
	font-size:13px; line-height:1.4; color:#55606e; text-decoration:none;
	border-radius:5px; transition:color .12s, background .12s;
}
/* 셰브론(> ) — Font Awesome 의존 없이 CSS 로 그린다 */
.sitemap-card li a:before {
	content:""; position:absolute; left:2px; top:50%;
	width:5px; height:5px; margin-top:-3px;
	border-right:1.5px solid #b9c2cc; border-top:1.5px solid #b9c2cc;
	transform:rotate(45deg); transition:border-color .12s;
}
.sitemap-card li a:hover { color:var(--c-main); background:#f4fafe; }
.sitemap-card li a:hover:before { border-color:var(--c-main); }
.sitemap-card li a:visited { color:#55606e; }
.sitemap-card li a:visited:hover { color:var(--c-main); }

/* 외부링크 표시 */
.sitemap-card li a.is-ext:after {
	content:"↗"; margin-left:4px; font-size:11px; color:var(--c-muted);
}

@media only screen and (max-width:1100px) {
	.sitemap-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}