/* 공통 */
.box_gr {margin:.25rem 0;  padding:.5rem 1rem; border:1px solid #c5c9d6; background:#f7f7f7; }
.overH {overflow:hidden;}

.vAlignT {vertical-align:top;}
.MaxImg {max-width:100%;}

/* 타이틀 버튼 가로 정렬 */
.tit_FloatL50 {overflow:hidden;}
.tit_FloatL50 > div {float:left; width:50%;}

/* 03. 비전과 공약 > 공약추진위원회 > 주요 활동 */
.utlinstt_img {overflow:hidden;}
.utlinstt_img li {width:32%; float:left; margin:.5rem 2% .5rem 0; padding:1rem; text-align:center; border:1px solid #c5c9d6;}
.utlinstt_img li:nth-child(3n) {margin-right:0;}
.utlinstt_img li p.img img {max-width:100%;}
.utlinstt_img li span.txt {display:block; margin-top:.5rem;}
.utlinstt_img li span.txt {display:block; min-height:2.5rem; margin-top:.5rem; word-break:keep-all;}

/* 04 공약 이행 한눈에 보기 > 공약가계부 */
.ppldg_list {overflow:hidden;}
.ppldg_list li {width:49%; float:left; margin-left:2%;}
.ppldg_list li:nth-child(odd)  {margin:0;}

/* 04 공약 이행 한눈에 보기 > 공약이행주민평가단 > 매니페스토란? */
.mani_video {height:24rem; margin-top:1rem;}
.mani_video iframe {height:100%;}
.bigDate li {position:relative; margin:0 0 .5rem; padding:1rem; min-height:4.25rem;  border:1px solid #c5c9d6; border-radius:.5rem; }
.bigDate li img {position:absolute; left:1rem; top:1rem; width:7.65rem; height:2.25rem;}
.bigDate li p {position:relative; padding:.5rem 8rem .5rem 10rem;}
.bigDate li p:before {content:""; display:block; clear:both; position:absolute; left:9rem; top:20%; height:60%; border-left:2px dotted #c5c9d6;}
.bigDate li a {position:absolute; right:1rem; top:.55rem;}

@media screen and (max-width:1024px){

	/* 타이틀 버튼 가로 정렬 */
	.tit_FloatL50 > div {float:none; width:100%;}
	.tit_FloatL50 > div + div {margin-top:2rem;}

}

@media screen and (max-width:768px){ 

	/* 03. 비전과 공약 > 공약추진위원회 > 주요 활동 */
	.utlinstt_img li {width:49%; }
	.utlinstt_img li:nth-child(3n) {margin-right:2%;}
	.utlinstt_img li:nth-child(even) {margin-right:0;}

	/* 04 공약 이행 한눈에 보기 > 공약가계부 */
	.ppldg_list li {width:100%; float:none; margin:1rem 0 0 0;}

}

@media screen and (max-width:640px){     

	/* 04 공약 이행 한눈에 보기 > 공약이행주민평가단 > 매니페스토란? */
	.bigDate li { text-align:center;}
	.bigDate li img {position:relative; left:auto; top:auto;}
	.bigDate li p {position:relative; margin:.5rem 0 0; padding:1rem 0 0;}
	.bigDate li p:before {left:0; top:.5rem; height:2px; width:100%; border-left:none; border-top:2px dotted #c5c9d6;}
	.bigDate li a {position:relative; right:auto; top:auto;}
}


@media screen and (max-width:460px){ 
	
	/* 04. 교육지원마당 : Wee센터 > 이용안내 */
	.utlinstt_img li {width:100%; margin-right:0;}
	.utlinstt_img li:nth-child(3n) {margin-right:0;}
	.utlinstt_img li span.txt {min-height:auto;}
}