/* Contact Us (2026-08-19 재작성)
   원본은 /data/spini/theme_backup_20260819_header/about/ContactUs.php 안에 <style> 로 있었다.

   지점이 둘뿐이라 위아래로 이어 놓으면 대치점이 화면 밖으로 밀려서
   지점이 하나인 줄 아는 사람이 생긴다. 좌우로 나란히 뒀다.
   네이버 지도 스크립트는 손대지 않았다. #map / #map_daechi 를 그대로 쓴다. */

.conttent{ margin:0 auto; padding:70px 0 90px; text-align:left;
	font-family:'Manrope','Pretendard Variable','Pretendard','Noto Sans KR',sans-serif; }

.conttent .cu-cols{ display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; }

.conttent .cu-card{ min-width:0; }
.conttent .cu-tag{ display:inline-block; background:#203864; color:#fff;
	font-size:12px; font-weight:700; letter-spacing:0.5px; padding:6px 12px; margin-bottom:14px; }
.conttent h2{ font-size:28px; font-weight:800; letter-spacing:-0.5px; line-height:1.2;
	text-transform:uppercase; color:#203864; margin:0; padding:0; text-align:left; }
.conttent h2:after{ content:''; display:block; width:44px; height:3px; background:#e6c88a;
	margin-top:16px; }

/* 항목 이름과 값을 두 칸으로. 지점이 둘이라 같은 자리에서 눈이 비교하게 된다 */
.conttent .cu-info{ display:grid; grid-template-columns:auto 1fr; gap:10px 18px;
	margin:22px 0 0; padding:0; }
.conttent .cu-info dt{ font-size:13px; font-weight:700; letter-spacing:1px;
	color:#8b93a1; text-transform:uppercase; padding-top:2px; }
.conttent .cu-info dd{ margin:0; font-size:16.5px; line-height:1.6; color:#333;
	word-break:keep-all; }
.conttent .cu-info dd a{ color:#203864; font-weight:700; }
.conttent .cu-info dd a:hover{ color:#db4623; }

#map, #map_daechi{ height:360px; margin-top:24px; border-radius:12px; overflow:hidden; }

.conttent .cu-go{ display:inline-flex; align-items:center; gap:7px; margin-top:16px;
	font-size:14px; font-weight:700; color:#203864;
	border-bottom:1px solid rgba(32,56,100,0.35); padding-bottom:3px;
	transition:color .2s, border-color .2s; }
.conttent .cu-go svg{ width:15px; height:15px; }
.conttent .cu-go:hover{ color:#db4623; border-bottom-color:#db4623; }

@media all and (max-width:1023px) {
	.conttent{ padding:50px 0 70px; }
	.conttent .cu-cols{ gap:34px; }
	.conttent h2{ font-size:24px; }
	#map, #map_daechi{ height:300px; }
}

/* 두 지점을 나란히 두기엔 지도가 너무 좁아지는 지점 */
@media all and (max-width:767px) {
	.conttent .cu-cols{ grid-template-columns:1fr; gap:50px; }
	.conttent h2{ font-size:22px; }
	.conttent .cu-info dd{ font-size:16px; }
	#map, #map_daechi{ height:56vw; max-height:340px; }
}