@charset "utf-8";


/* 의회구성조직 */
.organisation { width:100%; }
.organisation .orgList { position:relative; width:90%; margin:0 auto; }
.organisation .orgList .org1 { position:relative; left:50%; top:0; width:24rem; height:5.6rem; line-height:5.6rem; border-radius:0.4rem; background:linear-gradient(180deg, #213861, #192d50); color:#fff; font-weight:700; font-size:2.0rem; transform:translate(-50%, 0); display:flex; justify-content:center; align-items:center; margin-bottom:4.0rem;  }

.organisation .orgList .org2 { position:relative; left:calc(50% + 20rem); width:24rem; height:5.2rem; line-height:5.2rem; border-radius:0.4rem; background:linear-gradient(180deg, #095fac, #00529c); color:#fff; font-weight:700; font-size:2.0rem; transform:translate(-50%, 0); display:flex; justify-content:center; align-items:center; margin-bottom:8.1rem; }

.organisation .orgList .ul2 { position:relative; display:flex; justify-content:space-between; z-index:2; }
.organisation .orgList .ul2 > li { width:24rem; text-align:center; }
.organisation .orgList .ul2 > li .org3 { position:relative; width:100%; height:4.8rem; line-height:4.8rem; border-radius:0.4rem; background:linear-gradient(180deg, #4aa0e2, #378ccd); color:#fff; font-weight:700; display:inline-block; margin-bottom:1.2rem; }

.organisation .orgList .ul2 > li .dep3 li { margin-bottom:0.4rem; }
.organisation .orgList .ul2 > li .dep3 li .cmtLi { width:100%; padding:1.2rem 1.6rem; border:1px solid #ddd; border-radius:0.4rem; background:#fff; letter-spacing:-1px; font-size:1.6rem; text-align:center; display:flex; justify-content:center; align-items:center; }


.organisation .orgList .org1:after { content:''; position:absolute; left:50%; bottom:-134px; width:1px; height:134px; background:#ddd; display:inline-block; z-index:-1; }
.organisation .orgList .org2:before { content:''; position:absolute; left:-80px; top:50%; width:80px; height:1px; background:#ddd; display:inline-block; }

.organisation .orgList .ul2:before { content:''; position:absolute; left:120px; right:120px; top:-40px; width:calc(100% - 240px); height:1px; background:#ddd; display:inline-block; }
.organisation .orgList .org3:before { content:''; position:absolute; left:50%; top:-40px; width:1px; height:40px; background:#ddd; display:inline-block;  z-index:-1; }


@media (max-width:768px){
	.organisation .orgList { width:100%; }
	
	.organisation .orgList .org1 { width:15rem; }
	.organisation .orgList .org2 { left:calc(50% + 9rem); width:15rem; }
	
	.organisation .orgList .ul2 > li { width:16rem; }
	
	
	.organisation .orgList .org2:before { left:-15px; width:15px; }
	.organisation .orgList .ul2:before { left:80px; right:80px; width:calc(100% - 160px); }
}


/* 유용한 누리집 */
.chdLink .siteList {border:1px solid #efefef; border-radius:1.5rem; padding:2rem; box-shadow: 4px 4px 10px rgb(215 215 215 / 30%); margin-bottom:2rem;}
.chdLink .siteList h4{background:url('/namgucl/wsvr/img/child/blt_bg1.svg') no-repeat left top/18px; font-size:1.5rem; color:#4b5eab; padding-left:2rem; margin-bottom:1.5rem;}
.chdLink .siteList .site{display:flex; flex-wrap:wrap; justify-content:flex-start; gap:1rem; padding:2rem; border-radius:1.25rem; background:#F5F7FF;}
.chdLink .siteList .site li{background:#fff; box-shadow: inset 0 0 0 1px #EAEAEA; border-radius:0.75rem; width:calc(25% - 1rem); transition:0.3s; box-sizing:border-box;}
.chdLink .siteList .site li:hover, .chdLink .siteList .site li:active, .chdLink .siteList .site li:focus{background:#334381; box-shadow: none;}
.chdLink .siteList .site li:hover a, .chdLink .siteList .site li:active a, .chdLink .siteList .site li:focus a{color:#fff; font-weight:700;}
.chdLink .siteList .site li a{padding:1rem 1.5rem; width:100%; height:100%; transition:.3s;}

@media (max-width:830px){
.chdLink .siteList .site li{width:30%;}
}

@media (max-width:768px){
.chdLink .siteList .site{padding:1rem; gap:0.5rem;}
.chdLink .siteList .site li{width:100%;}
.chdLink .siteList .site li a{padding:0.75rem 1.25rem;}
}