@charset "utf-8";
/* =====================================================
   Contact — introduction/css/contact.css
   ===================================================== */
.contact .contact-map {border-radius:12px;}
.contact .ci-ic {flex:0 0 auto; width:52px; height:52px; border-radius:50%; background:var(--bg1) center/22px no-repeat; border:1px solid var(--border1);}
.contact .ci-ic.addr {background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239B5C43' stroke-width='1.8'><path d='M12 21s-7-6.3-7-11a7 7 0 0 1 14 0c0 4.7-7 11-7 11z'/><circle cx='12' cy='10' r='2.5'/></svg>");}
.contact .ci-ic.tel {background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239B5C43' stroke-width='1.8'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L7.6 9.8a16 16 0 0 0 6 6l1.4-1.4a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z'/></svg>");}
.contact .ci-ic.mail {background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239B5C43' stroke-width='1.8'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 7l9 6 9-6'/></svg>");}
.contact .ci-label {color:var(--c_base2); font-size:var(--fs14); font-weight:700; margin-bottom:2px;}
.contact .ci-val {color:var(--c_base1); font-size:var(--fs16); font-weight:600; line-height:1.5;}

/* ── 데스크탑 (1200px~) ── */
@media screen and (min-width: 1200px), print {
	.contact .contact-info {display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
	.contact .ci-item {display:flex; gap:20px; align-items:flex-start; background:#fff; border:1px solid var(--border1); border-radius:10px; padding:34px 32px;}
}

/* ── 태블릿 (~1199px) ── */
@media screen and (max-width: 1199px) {
	.contact .contact-info {display:grid; grid-template-columns:1fr; gap:14px;}
	.contact .ci-item {display:flex; gap:18px; align-items:center; background:#fff; border:1px solid var(--border1); border-radius:10px; padding:26px 24px;}
}

/* ── 모바일 (~767px) ── */
@media screen and (max-width: 767px) {
	.contact .ci-ic {width:46px; height:46px; background-size:20px;}
	.contact .ci-val {font-size:var(--fs16);}
}

/* ── 빈 이미지 플레이스홀더 (공용 유틸 · 이미지 수령 후 교체) ── */
.img-empty {position:relative; width:100%; background:var(--bg1); border:1px solid var(--border1); overflow:hidden;}
.img-empty::after {content:'IMAGE'; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#c9c2ba; font-size:var(--fs14); font-weight:700; letter-spacing:2px;}
.img-empty.ratio-43 {aspect-ratio:4/3;}
.img-empty.ratio-11 {aspect-ratio:1/1;}
.img-empty.ratio-45 {aspect-ratio:4/5;}
.img-empty.ratio-169 {aspect-ratio:16/9;}

/* ── 카카오 지도(오시는 길): 주소·컨트롤 숨기고 가로 100% · 세로 500px ── */
/* ⚠️ 지도 내부 img(타일)는 절대 건드리지 않는다 — 건드리면 타일 깨짐 */
.contact .contact-map {aspect-ratio:auto; height:500px; border:0; background:none; overflow:hidden; border-radius:12px;}
.contact .contact-map::after {display:none;}                 /* 'IMAGE' 플레이스홀더 제거 */
.contact .contact-map .root_daum_roughmap,
.contact .contact-map .root_daum_roughmap .wrap_map {width:100% !important; height:500px !important;}
.contact .contact-map .wrap_controllers,
.contact .contact-map .section_address,
.contact .contact-map .lst {display:none !important;}          /* 주소/컨트롤 숨김 */