@charset "utf-8";

/**************************************
	역대 군수
**************************************/

.mayor-list {display:flex; flex-wrap:wrap; margin:-1.2rem;}
.mayor-list > .list {display:block; margin:1.2rem; padding:5rem 3rem; border-radius:2rem; border:.3rem solid #E2E7EF; width:calc((100% - (2.4rem * 4)) / 4);}
.mayor-list .list > img {display:block; width:6rem; height:7rem; object-fit:cover; margin:0 auto 3.4rem;} 
.mayor-list .list ul li + li {margin-top:1rem;}
.mayor-list .list ul li {display:block; position:relative; line-height:1.4em; padding-left:10rem;}
.mayor-list .list ul li strong {display:flex; align-items:center; position:absolute; top:0; left:0; height:1.4em; width:9rem; color:#2F353D; font-weight:700;}
.mayor-list .list ul li strong:before {content:""; display:block; width:2px; height:1.8rem; background:#2F353D; margin-right:1.4rem;}

@media all and (max-width:1024px) {
	.mayor-list .list {width:calc((100% - (2.4rem * 3)) / 3);}
}
@media all and (max-width:760px) {
	.mayor-list .list {width:calc((100% - (2.4rem * 2)) / 2);}
}
@media all and (max-width:490px) {
	.mayor-list .list {width:calc((100% - (2.4rem * 1)) / 1);}
}