@charset "utf-8";
ul {list-style:none; margin:0; padding:0;}
.parking {}
.parking .parkingInfo {border-radius: 40px;
border: 5px solid #FFF; background: #F9F9F9; box-shadow: 12px 9px 40px 0 rgba(0, 0, 0, 0.10); padding:70px; margin-top:5px; display:flex; gap:100px; margin-bottom:70px;}
.parking .parkingInfo ul {padding-left:25px;}
.parking .parkingInfo ul li {position:relative; padding-left:15px;}
.parking .parkingInfo ul li:before {content:""; position:absolute; width:4px; height:4px; border-radius:100px; background:#555; left:0; top:12px;}
.parking .parkingInfo .titWrap {display:flex; gap:20px;}
.parking .parkingInfo p {margin:10px 0 0 20px; display:inline-block; padding:10px 20px; background:var(--base1); border-radius:100px; color:#fff;}
.parking .parkingInfo .titType1 {color: var(--base1);}
.parking .parkingInfo .titType1:before, .titType1:after {    background: var(--base1);}
.parking .parkingInfo div:nth-child(2) {border-left:1px solid #ddd; padding-left:100px;}

.parking .parkingimgWrap {display:grid; grid-template-columns: auto auto; gap:40px; justify-content: start;}
.parking .parkingimgWrap .parkingImg {display:grid; grid-template-columns:auto auto; gap:20px; text-align:center;}
.parking .parkingimgWrap .parkingmapImg {border-radius: 20px; border: 5px solid #F9F9F9; background: #FFF; box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.05);}


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	
	.parking .parkingInfo {flex-direction: column; gap:50px;}
	.parking .parkingInfo div:nth-child(2) {border-left:0; padding-left:0px;}
	.parking .parkingimgWrap {grid-template-columns: auto;}
	
}



/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.parking .parkingInfo {margin-bottom:40px; padding:30px; border-radius: 20px; margin-top:20px;}
	.parking .parkingimgWrap .parkingImg {grid-template-columns: auto;}
	
	.parking .parkingInfo .titWrap {flex-direction: column; gap:0px;}
	.parking .parkingInfo .titWrap span {margin-bottom:10px;}
	.parking .parkingInfo ul {padding-left:0;}
	.parking .parkingInfo p {margin-left:0;}
	
}