/*** 공통 ***/
.contact .map-bx iframe {width:100%; height:500px;}
.contact .map-wrap {border-radius:20px; overflow:hidden; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.contact .map-wrap .map-bx {height:500px;}
.contact .map-wrap .info-bx {display:flex; gap:60px; justify-content:space-between; background:var(--bg1); padding:50px;}
.contact .map-wrap .info-bx .logo_bx img {max-width:140px;}
.contact .map-wrap .info-bx .info-txt {width:calc(100% - 200px); order:2;}
.contact .map-wrap .info-bx .info-txt ul {margin-top:25px; padding-top:25px; border-top:1px solid #ccc;}
.contact .map-wrap .info-bx .info-txt ul li+li {margin-top:20px;}
.contact .map-wrap .info-bx .info-txt h3 {font-size:30px; color:var(--base1);}
.contact .map-wrap .info-bx .info-txt dl {display:grid; grid-template-columns:120px auto; color:#000; font-size:18px; gap:40px;}
.contact .map-wrap .info-bx .info-txt dl dt {padding-left:45px; position:relative; font-weight:600; }
.contact .map-wrap .info-bx .info-txt dl dt img {position:absolute; left:0; top:1px; width:24px; }
.contact .map-wrap .info-bx .info-txt dl dt:after {content:""; display:block; width:2px; height:18px; background:#ccc; position:absolute; right:0; top:5px;}
.contact .map-wrap .info-bx .info-txt dl dd a:hover {color:var(--base1);}
/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1249px) { 
.contents .inner {padding:0 30px;}

}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
.contact .map-wrap .info-bx {padding:40px; gap:60px;}
.contact .map-wrap .info-bx .info-txt {width:calc(100% - 140px);}
.contact .map-wrap .map-bx {height:350px;}
.contact .map-bx iframe {height:350px;}
.contact .map-wrap .logo_bx img {width:80px;}
.contact .map-wrap .info-bx .info-txt h3 {font-size:24px;}

}

/* ************************ 태블릿 이하(~767) ************************ */
@media screen and (max-width: 767px) {
.contents .inner {padding:0 20px;}	
.contact .map-bx iframe {height:300px;} 
.contact .map-wrap .map-bx {height:300px;}
.contact .map-wrap .info-bx {flex-direction:column; gap:20px;}
.contact .map-wrap .info-txt {order:2;}
.contact .map-wrap .logo_bx img {width:50px;}
.contact .map-wrap .info-bx .info-txt dl dt img {top:2px; width:20px;}
.contact .map-wrap .info-bx .info-txt {width:100%;}
.contact .map-wrap .info-bx .info-txt dl {font-size:16px; gap:20px; grid-template-columns:100px auto;}
.contact .map-wrap .info-bx .info-txt dl dt {padding-left:40px;}
.contact .map-wrap .info-bx .info-txt dl dt:after {height:16px;}
.contact .map-wrap .info-bx .info-txt ul li+li {margin-top:20px;}
}

/* ************************ 태블릿 이하(~500) ************************ */
@media screen and (max-width: 500px) { 
.contact .map-wrap .info-bx .info-txt h3 {font-size:22px; line-height:1.4;}
.contact .map-wrap .info-bx .info-txt dl {grid-template-columns:1fr; gap:5px;}
.contact .map-wrap .info-bx .info-txt dl dt {padding-left:35px;}
.contact .map-wrap .info-bx .info-txt dl dt img {width:20px; top:3px;}
.contact .map-wrap .info-bx .info-txt dl dt:after {display:none;}
.contact .map-wrap .info-bx {padding:40px 20px;}
}