@charset "utf-8";

.list-wrap .list-container { 
	overflow:hidden; padding: 80px 0 60px;
}
.list-wrap .list-container .list-title { 
	font-size: 35px; font-weight: bold !important;
	color: var(--sub-color); line-height: 1.4; margin-bottom: 1em;
}
.list-wrap .list-container .itemBox {
	display:grid; grid-template-columns:1fr 650px;
	/* grid-template-columns:580px 1fr; */
	gap: 30px;
}
.list-wrap .list-container .itemBox .box1 { border-top: 1px solid #9f9f9f; }
.list-wrap .list-container .itemBox .box1 .item-v1 {
	display:grid; grid-template-columns:1fr 1.8fr;
	font-size: 20px; border-bottom: 1px solid #9f9f9f;
	padding: 2.4em 0; 
}
.list-wrap .list-container .itemBox .box1 .item-v1 .title {
	font-weight: bold; line-height: 1.6; font-size: 1.11em; padding-right: 10px;
}
.list-wrap .list-container .itemBox .box1 .item-v1 .list-cont {
	font-size: 1em; font-weight: 300; line-height: 1.6;
}
.list-wrap .list-container .itemBox .box1 .item-v1 .list-cont .address {
	margin-bottom: 1em;
}
.list-wrap .list-container .itemBox .box1 .item-v1 .list-read {
	grid-column:1/3; padding:10px 0;
}

/* 지도 */
.list-wrap .list-container .itemBox .img {
    text-align: center; position: relative; height: fit-content;
}

.list-wrap .list-container .itemBox .img svg {width: 100%; height: 100%;}
.list-wrap .list-container .itemBox .img svg path,
.list-wrap .list-container .itemBox .img svg text {cursor: pointer;}


.list-wrap .list-container .itemBox .img svg path.active {fill: #ccc;}




@media (max-width: 1430px) {
	.list-wrap .list-container .img .branch_list > li > img {width: 90%;}
	.list-wrap .list-container .itemBox .img {overflow: hidden;}
	.list-wrap .list-container .img .branch_link {left: 50%; transform: translateX(-50%); width: 113%;}
}

@media (max-width: 1250px) {
	.list-wrap .list-container .itemBox {
		grid-template-columns:1fr 50%;
	}
}

@media (max-width:991px) {
	.list-wrap .list-container .itemBox {
		grid-template-columns:1fr;
	}
	.list-wrap .list-container .itemBox .box1 { order:2; }
	.list-wrap .list-container .itemBox .img { order:1; height: auto; width: 55%; margin: 0 auto;}
	.list-wrap .list-container .img .branch_list > li > img {width: 100%;} 
	.list-wrap .list-container .img .branch_link {width: 127%;}
}

@media (max-width: 768px) {
	.list-wrap .list-container .itemBox .img {width: 70%;}
}

@media (max-width:580px) {
	.list-wrap .list-container .list-title {
		font-size: 30px;
	}
	.list-wrap .list-container .itemBox .box1 .item-v1 {
		font-size: 16px;
		grid-template-columns:1fr 2fr; gap:1.4em;
	}

	.list-wrap .list-container .itemBox .img {width: 90%;}
}