@charset "utf-8";

/*의회가 하는일*/
.chdCouncildo span{font-weight:700; margin-left:0.4rem; color:#1D3252;}

/*의안처리절차*/
.chdBill { width:100%; }
.chdBill ul { width:100%; overflow:hidden; }
.chdBill ul li { width:100%; padding-bottom:4rem; background:url(/images/child/bill_arrow.png) no-repeat top 60px left 84px; overflow:hidden; display:block; }
.chdBill ul li:last-child { padding-bottom:0; background:none; }
.chdBill ul li dl { width:100%; }
.chdBill ul li dl dt { float:left; width:200px; height:5rem; line-height:5rem; text-align:center; font-weight:500; color:#fff; background:#2268bd; border-radius:8px; }
.chdBill ul li dl dt span { font-size:1.2rem; color:#ccc; letter-spacing:-1px; }
.chdBill ul li dl dd { margin-left:230px; width:calc(100% - 250px); /* height:5rem; line-height:5rem;  */padding:1rem 0; padding-left:2.4rem; border-radius:5px; background:#f4f4f4; }


@media (min-width:769px) and (max-width:1023px){
	.chdBill ul li dl dt { height:auto; line-height:1.3; padding:10px 0; }
	.chdBill ul li dl dd { height:auto; line-height:1.3; width:calc(100% - 290px);  padding:10px 30px; border-radius:5px; background:#f4f4f4; }
}

@media (max-width:768px){
	.chdBill ul li { background-position:50% bottom; }
	.chdBill ul li dl dt { float:none; width:100%; margin-bottom:10px; }
	.chdBill ul li dl dd { margin-left:0px; width:100%; height:auto; line-height:1.5; padding:10px 15px; box-sizing:border-box;  }
}

	
/*의회주요용어*/
.chdWord ul li{border-bottom:1px solid #efefef; padding-bottom:0.4rem; margin-bottom:1.6rem;}

/*유용한누리집*/
.chdSite ul{display:flex;flex-wrap:wrap;}
.chdSite ul li{position:relative; overflow:hidden; padding:1.6rem 1rem; background:#fafafa; border:1px solid #F5F5F5; width:calc((100% / 4) - 1.6rem); margin:0 1.6rem 1.6rem 0; border-radius:0.8rem;transition: 0.3s; --btn-bg: #EEF1F5;}
.chdSite ul li::before, .chdSite ul li::after{position:absolute; content:''; top:0; width:50%; height:100%; background:#EEF1F5; transition:0.5s; z-index:0;}

.chdSite ul li::before{left:0; transform:translateX(-100%);}
.chdSite ul li::after{right:0; transform:translateX(100%);}

.chdSite ul li:hover::before,
.chdSite ul li:focus::before, 
.chdSite ul li:active::before,
.chdSite ul li:hover::after, 
.chdSite ul li:focus::after, 
.chdSite ul li:active::after{transform:translateX(0);}

.chdSite ul li a{position:relative; z-index:1; display:block; width:100%; color:#555; transition:0.5s;}
.chdSite ul li:hover a, .chdSite ul li:focus a, .chdSite ul li:active a{font-weight:700; color:#444;}

@media(max-width:1024px){
.chdSite ul li{width:calc((100% / 3) - 1.6rem);}
}
@media(max-width:768px){
.chdSite ul li{width:calc((100% / 2) - 1.6rem);}
}

/* 방청관람 */
.tour { width:100%; }
.tour ul.pic { width:100%; display:flex; justify-content:space-between; gap:4rem; flex-wrap:wrap; }
.tour ul.pic li { width:calc(50% - 2rem); }
.tour ul.pic img { width:100%; }

@media (max-width:768px){
	.tour ul.pic { gap:2rem; }
	.tour ul.pic li { width:calc(50% - 1rem); }
}



/* 우리동네 의원은 누구? */
.memberLocal { width:100%; }
.memberLocal > div { width:100%; display:flex; justify-content:space-between; gap:4rem; }
.memberLocal .leftArea { width:calc(100% - 51.4rem - 4rem); }
.memberLocal .rightArea { width:51.4rem; }


.memberLocal .leftArea img { width:100%; }
.memberLocal .rightArea h3 span { color:#555; font-weight:500; font-size:2.0rem; }

.memberLocal .rightArea .memberUl > li { width:100%; flex-direction:column; justify-content: space-between; }



@media (min-width:769px) and (max-width:1280px){
	.memberLocal > div { gap:3.2rem; }
	.memberLocal .leftArea { width:calc(50% - 3.2rem); }
	.memberLocal .rightArea { width:50%; }


}

@media (max-width:768px){
	.memberLocal > div { flex-wrap:wrap;  }
	.memberLocal .leftArea { width:100%; text-align:center; }
	.memberLocal .rightArea { width:100%; }
	
	.memberLocal .leftArea img { max-width:58.3rem; width:100%; }
}




.memberUl { display:flex; justify-content:space-between; flex-wrap: wrap; gap:30px; }
.memberUl > li { width:calc(50% - 15px);  border:1px solid #ddd; border-radius: 15px; transition:.4s; overflow:hidden; display: flex; flex-direction:column; justify-content: space-between; }

.memberUl > li .mProTop { padding:25px; min-height:240px;}
.memberUl > li .mProTop > dl { position: relative; padding: 0 0 20px 170px; box-sizing: border-box; }
.memberUl > li .mProTop > dl dt { position: absolute; left: 0; max-width:145px; }
.memberUl > li .mProTop > dl dt img { max-width:100%; border-radius:10px; width:140px; max-height:180px; height:auto; border:1px solid #ddd; }
.memberUl > li .mProTop > dl dd { width: 100%; }


.memberUl > li .mProTop dl dd strong { padding-top:4px; color:#111; display:block; font-size:2.4rem; margin:0px 0 16px; }
.memberUl > li .mProTop dl dd strong span { font-size:.8em; font-weight:400; }

.memberUl > li .mProTop .dot > li { padding: 0 0 0 90px; margin-bottom: 8px; }


.memberUl > li .mProTop .dot li em { position: absolute; left: 14px; width: 54px; font-weight: 200; display: inline-block; text-align: justify; text-justify: inter-character; }
.memberUl > li .mProTop .dot li em:after { content:''; display:inline-block; width:100%; height: 0; line-height: 0; font-size: 0; }
.memberUl > li .mProTop .dot li span i { font-size:.9em; font-weight: 100; color:#666; word-break:keep-all; display:block; }


.memberUl > li .mProBtm { display:flex; border-top:1px solid #ddd; overflow:hidden; border-radius: 0 0 15px 15px; }
.memberUl > li .mProBtm a { display:flex; align-items:center; justify-content: center;  width:50%; height:50px; line-height:50px; background:#fafafb; color:#888; transition:.4s;  }
.memberUl > li .mProBtm a:first-child { border-right:1px solid #ddd; } 
.memberUl > li .mProBtm a:active,
.memberUl > li .mProBtm a:focus,
.memberUl > li .mProBtm a:hover { background:#e9e7ff; color:#1B2D92; }


.memberUl > li:hover { background:#fafafb; border:1px solid #1B2D92; } 


.memberUl .sns-list { display:flex; flex-direction:row; justify-content:flex-start; gap:0.6rem; margin-top:16px; }
.memberUl .sns-list img { width:30px; height:30px; }

@media (max-width:1440px){
	.memberUl > li .mProTop{ display:flex; flex-direction: column; justify-content:center; align-items: center; }
	.memberUl > li .mProTop > dl dt { position:relative; margin: 0 auto; }
	.memberUl > li .mProTop > dl { padding:0 0 0 0; }
	.memberUl > li .mProTop dl dd strong { text-align: center; }
}

@media (max-width:768px){
	.memberUl > li { width:100%; }
}



/* 견학신청*/
.chdVisit { width:100%; }
.chdVisit .pic { max-width:50rem; width:calc(100% - 3.2rem); text-align:center; margin:0 auto; }
.chdVisit .pic img { width:100%; }
.chdVisit .box { padding-top:9.9rem; margin-top:-7.5rem; }