@charset "utf-8";
#sub_default{font-size:16px; font-weight:160%;}
@media all and (max-width:568px){
	#sub_default{font-size:15px; font-weight:160%;}
}

.photo2 li a{height:355px;}
.photo2 li a .img img{max-height:250px;}

@media all and (max-width:1024px){
	.photo2 li a{height:320px;}
	.photo2 li a .img img{max-height:200px;}
}
@media all and (max-width:840px){
	.photo2 li a{height:250px;}
	.photo2 li a .img img{max-height:155px;}
}
@media all and (max-width:680px){
	.photo2 li a{height:220px;}
	.photo2 li a .img img{max-height:130px;}
}
@media all and (max-width:430px){
	.photo2 li a{height:200px;}
	.photo2 li a .img img{max-height:115px;}
}
@media all and (max-width:380px){
	.photo2 li a{height:175px;}
	.photo2 li a .img img{max-height:101px;}
}
@media all and (max-width:340px){
	.photo2 li a{height:162px;}
	.photo2 li a .img img{max-height:90px;}
}

/* 의원인사말&프로필 */
.sub_member{display:flex;}
.sub_member .pic_wrap{position:relative; align-self:start; width:40.71%;}
.sub_member .pic_wrap:before{content:''; position:absolute; right:-14px; bottom:-16px; width:100%; height:100%; border-radius:100px 0 0 0; background:url(/images/common/bg_pattern.png) repeat;}
.sub_member .pic{position:relative; border-radius:100px 0 0 0; overflow:hidden;}
.sub_member .pic_wrap .name{position:absolute; right:-30px; bottom:-40px; padding:45px 30px 40px; border-radius:70px 0 0 0; background:url(/images/member/sub/bg_name.jpg) no-repeat center; background-size:cover; font-size:20px; color:#fff;}
.sub_member .pic_wrap .name>*{display:block; margin:0 auto;}
.sub_member .pic_wrap .name>span{margin:0 0 12px;}

.sub_member .txt_wrap{width:50%; margin:0 0 0 auto;}
.sub_member .txt_wrap .tit{position:relative; margin:0 0 48px; padding:0 0 45px; font-size:25px; line-height:160%; }
.sub_member .txt_wrap .tit>*{display:block;}
.sub_member .txt_wrap .tit:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:18px; background:url(/images/member/sub/square.png) no-repeat left center; background-size:contain; transform:translateY(50%);}
.sub_member .txt_wrap .txt{font-size:17px; line-height:160%;}
.sub_member .txt_wrap .name{display:flex; justify-content:flex-end; align-items:flex-end; margin:65px 0 0 0; font-size:20px;}
.sub_member .txt_wrap .name img{margin:0 0 0 10px;}

.sub_member .profile>li{display:flex; border-bottom:1px solid #eeeeee; font-size:17px;}
.sub_member .profile>li:last-child{border-bottom:none;}
.sub_member .profile>li>*:not(ul){padding-top:14px; padding-bottom:14px;}
.sub_member .profile>li>strong{flex:0 0 auto; display:flex; align-items:center; width:150px; font-weight:400; white-space:pre;}
.sub_member .profile>li>strong:before{content:''; width:10px; height:10px; margin:0 10px 0 0; border:3px solid #3f8f76; border-radius:50%;}
.sub_member .profile>li:first-child>*{padding-top:0;}
.sub_member .profile>li:last-child{flex-direction:column;}
.sub_member .profile>li:last-child>strong{width:100%; padding-bottom:10px;}
.sub_member .profile>li>ul{padding:35px 40px 40px 40px;border-radius:10px; background:#f5f5f5; font-size:16px;}
.sub_member .profile>li>ul>li + li{margin-top:5px;}

.party1.sub_member .pic_wrap .name{background-image:url(/images/member/sub/bg_name2.jpg);}
.party2.sub_member .pic_wrap .name{background-image:url(/images/member/sub/bg_name3.jpg);}
.party1.sub_member .txt_wrap .tit:after{background-image:url(/images/member/sub/square2.png);}
.party2.sub_member .txt_wrap .tit:after{background-image:url(/images/member/sub/square3.png);}

@media all and (max-width:1024px){
	.sub_member .pic_wrap{border-radius:80px 0 0 0;}
	.sub_member .pic_wrap .name{padding:35px 20px 30px; border-radius:50px 0 0 0; font-size:18px;}
	.sub_member .txt_wrap .tit{font-size:22px;}

	.sub_member .profile>li>strong{width:120px;}
}
@media all and (max-width:768px){
	.sub_member{flex-direction:column;}
	.sub_member .pic_wrap{width:55%; margin:0 auto 80px;}
	.sub_member .txt_wrap{width:100%; margin:0;}

	.sub_member .profile>li>strong{width:150px;}
}
@media all and (max-width:650px){
	.sub_member .pic_wrap .name{padding:20px; border-radius:40px 0 0 0; font-size:16px;}
	.sub_member .pic_wrap .name img{height:34px;}
	.sub_member .pic_wrap .name>span{margin:0 0 8px;}
}
@media all and (max-width:568px){
	.sub_member .txt_wrap .tit{margin:0 0 33px; padding:0 0 30px; font-size:20px;}
	.sub_member .txt_wrap .tit:after{height:14px;}
	.sub_member .txt_wrap .txt{font-size:15px;}
	.sub_member .txt_wrap .name{font-size:16px;}
	.sub_member .pic_wrap .name img{height:30px;}
	
	.sub_member .profile>li{font-size:15px;}
	.sub_member .profile>li>strong{width:120px;}
	.sub_member .profile>li>ul{padding:25px 30px 30px 30px; font-size:15px;}

}
@media all and (max-width:500px){
	.sub_member .pic_wrap{width:70%;}
}
@media all and (max-width:380px){
	.sub_member .pic_wrap{width:80%;}
	.sub_member .pic_wrap .name{padding:15px 20px; font-size:15px;}
	.sub_member .txt_wrap .tit{font-size:18px;}

	.sub_member .profile>li>strong{width:100px;}
}

/* 구민과의 약속 */
#sub_promise>ul{padding:55px 40px; border-radius:50px; background:#f4f4f4 url(/images/member/sub/bg_promise.png) no-repeat right bottom;}
#sub_promise>ul>li + li{margin-top:35px;}
#sub_promise .pro_item>*{display:block; text-align:center; word-break:keep-all;}
#sub_promise .pro_item strong{margin:0 0 15px; font-family:'Jalnan'; font-size:25px; color:#3c9b8c;}
#sub_promise .pro_item > ul > li + li{margin-top:6px;}

@media all and (max-width:568px){
	#sub_promise>ul{background-size:150px;}
}
@media all and (max-width:430px){
	#sub_promise>ul{padding:30px; border-radius:30px;}
	#sub_promise .pro_item>*{text-align:left;}
	#sub_promise .pro_item strong{margin:0 0 10px; font-size:22px;}
}
@media all and (max-width:380px){
	#sub_promise>ul{padding:25px 20px; border-radius:20px;}
	#sub_promise .pro_item strong{margin:0 0 8px; font-size:20px;}
}