.list-campus .item {padding: 64px 0;border-bottom: 1px solid  #CCCCCC;display: flex;gap: 30px 150px;background: #fff;}
.list-campus .item:first-child {border-top: 1px solid  #CCCCCC}
.list-campus .item .img-campus {width: 593px;border-radius: 12px;overflow: hidden;}
.list-campus .item .img-campus img {width: 100%;height: 100%;object-fit: cover;transition: transform .5s ease;}
.list-campus .item:hover .img-campus img {transform: scale(1.1);}

.list-campus .item .box-txt {flex: 1;}
.list-campus .item .box-txt .tit {font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;color: #111111;padding: 0 0 32px;}

.box-contact {padding-top: 80px;background: #fff;position: relative;}
.contact {display: flex;gap: 20px 100px;}
.contact li {display: flex;gap: 20px;align-items: center;}
.contact li p {font-weight: 500;font-size: 28px;line-height: 150%;letter-spacing: -0.2px;color: #111111;position: relative;}
.contact li p:after {width: 1px;height: 16px;background: #000000;content: "";display: inline-block;margin-left: 16px;}
.contact li a {font-weight: 500;font-size: 28px;line-height: 150%;letter-spacing: -0.2px;color: #111111;}

.pin-spacer .section {background: #ffffff;}

@media (max-width: 1024px) {
	.list-campus .item {flex-direction: column;padding: 30px 0;}
	.list-campus .item .img-campus {width: 100%;}
	
	.contact {flex-direction: column;}
}

@media (max-width: 768px) {
	.list-campus .item .box-txt .tit {font-size: 22px;padding: 0 0 15px;}
	
	.contact li p {font-size: 16px;}
	.contact li a {font-size: 16px;}
	.contact li p:after {height: 10px;margin-left: 5px;}
	.contact li {gap: 5px;}
	.contact li span{width: 20px;}
	.contact li img {width: 100%;height: 100%;object-fit: cover;}
	
	.box-contact {padding-top: 40px;}
}


.item.metric .text-wrap,
.item.metric :is(.title, .text)	{
	display: flex; flex-direction: column;
}
.item.metric :is(.title, .text)	{ gap: 12px; }