@charset "utf-8";

.contactWrap .imgWrap {display:grid; grid-template-columns: auto auto auto; gap:30px;}
.contactWrap .imgWrap div:nth-child(2) {margin-top:-50px;}
.contactWrap .imgWrap img {width:100%; box-shadow: rgba(0, 0, 0, 0.2) 40px 40px 25px -20px;}
.contactWrap .imgWrap .mo {display:none;}

.contactWrap .txtWrap {padding:0 80px; display:grid; grid-template-columns: 280px auto; gap:50px; margin-top:100px;}
.contactWrap .txtWrap h3 {font-size:30px; color:var(--base2); line-height:1.3;}
.contactWrap .txtWrap h3 p {font-size:18px; opacity:.5; margin-bottom:5px;}
.contactWrap .txtWrap ul {border-bottom:5px solid var(--base2);}
.contactWrap .txtWrap ul li:last-child {margin-bottom:40px;}
.contactWrap .txtWrap ul li {padding-left:33px; background:url(/images/common/i-email.png) no-repeat left center;}
.contactWrap .txtWrap ul li:nth-child(2) {background:url(/images/common/i-insta-brown.png) no-repeat left center;}
.contactWrap .txtWrap ul li:nth-child(3) {background:url(/images/common/i-tel.png) no-repeat left center;}
.contactWrap .txtWrap ul li+li {padding-top:5px;}

.contactWrap .txtWrap ul li a {transition:.3s;}
.contactWrap .txtWrap ul li:hover a {color:var(--base2);}

/* ******* 태블릿 이하(~1249) ******** */
@media screen and (max-width: 1249px) {
	.contactWrap .txtWrap {padding:0;}

}


/* ******** 모바일 (0~767) ******* */
@media screen and (max-width: 767px) {
	
	.contactWrap .imgWrap {margin-top:100px; gap:10px;}
	.contactWrap .txtWrap {margin-top:40px; grid-template-columns:auto; gap:20px;}
	.contactWrap .txtWrap h3 br {display:none;}
	
	
}



/* ******** 모바일 (0~767) ******* */
@media screen and (max-width: 425px) {
	
	.contactWrap .imgWrap {grid-template-columns:auto auto; margin-top:0;}
	.contactWrap .imgWrap div:nth-child(2) {margin-top:0;}
	.contactWrap .imgWrap .mo {display:block;}
	
}