@charset "utf-8";
/* CSS Document */


/* 서브레이아웃 */
#scontainer { width:1400px; min-width:1400px; margin:50px auto 100px; }	
	#content { width:100%; min-height:300px; }


@media (min-width:1281px) and (max-width:1600px){
	#scontainer { width:100%; min-width:100%; padding:0 15px; box-sizing:border-box; margin:50px auto 100px; }
		#content { width:100%; min-height:300px; }
}


@media (min-width:1025px) and (max-width:1280px){
	#scontainer { width:100%; min-width:100%; padding:0 15px; box-sizing:border-box; margin:50px auto 100px; }
		#content { width:100%; min-height:300px; }
}



@media (min-width:769px) and (max-width:1024px){
	#scontainer { width:100%; min-width:100%; padding:0 30px; box-sizing:border-box; margin:30px auto 75px; }
		#content { width:100%; min-height:300px; }
}


@media (max-width:768px){
	#scontainer { width:100%; min-width:100%; padding:0 15px; box-sizing:border-box; margin:30px auto 50px; }
		#content { width:100%; min-height:300px; }
}




/* 서브비주얼 */
.svisible { position:relative; width:100%; height:200px; background:#f4f6fa; } 
.svisible .area { width:1400px; height:100%; background:url(../images/child/inc/student1.png) no-repeat right center; margin:0 auto; }
.svisible .txt { position:absolute; right:600px; top:80px; line-height:1.2; letter-spacing:-2px; font-size:200%; color:#000;  }
.svisible .txt .txta { color:#7090cb; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄";  }
.svisible .txt .txtb { color:#ff9a2e; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄";  }

.svisible .pic { position:absolute; right:100px; bottom:0; z-index:111; }
.svisible .pic img { height:180px;}

@media (min-width:1025px) and (max-width:1280px){
	.svisible .txt { right:370px; top:80px; font-size:160%; }	
	.svisible .pic { right:370px; }
	.svisible .area {width:100%;} 
}

@media (min-width:769px) and (max-width:1024px){
	.svisible .txt { right:300px; top:60px; font-size:140%; }
	.svisible .pic { right:0px; }
	.svisible .area {width:100%;} 
}

/*@media (max-width:898px){
	.svisible .txt {font-size:150%; left:100px; }
} */

@media (max-width:768px){
	.svisible { height:150px; } 
	.svisible .txt { right:200px; top:45px; font-size:100%; }
	.svisible .pic { right:0px; }
	.svisible .pic img { height:120px;}
	.svisible .area {width:100%;} 
}


@media (min-width:481px) and (max-width:510px){
	.svisible .txt { font-size:110%; right:130px; }	
}



@media (max-width:480px){
	.svisible { display:none; }
}



/* 페이지타이틀 */
.pagetitle { position:relative; width:100%; height:100px; border-bottom:1px solid #ddd; margin-bottom:50px; }

.pagetitle .path { position:absolute; left:5px; bottom:15px; font-size:90%; color:#888; }
.pagetitle .path span { position:relative; width:4px; height:7px; line-height:7px; background:url(/images/common/path_blt.gif) no-repeat 0 50%; text-indent:-9999em; display:inline-block; }

.pagetitle h1 { padding:0 0 0 5px; font-family:esamanru-Medium, "이사만루 미디엄";  font-size:250%; color:#000; }

.pagetitle .snsbtn { position:absolute; right:0; bottom:12px; height:35px; }
.pagetitle .snsbtn ul { height:35px; overflow:hidden;}

.pagetitle .snsbtn ul.pcTabletBtn { display:block; }
.pagetitle .snsbtn ul.mobileBtn { display:none; }

.pagetitle .snsbtn ul li { float:left; margin-left:10px; }


@media (min-width:769px) and (max-width:1024px){		
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
	
}

@media (max-width:768px){
	.pagetitle { height:110px; border-bottom:none; }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding-left:10px; padding-right:80px; box-sizing:border-box; background:#079cb3; color:#fff; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	
	.pagetitle h1 { padding:38px 15px 0 0; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:200%; color:#000; }

	
	.pagetitle .snsbtn { position:absolute; right:10px; top:10px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
}




/* 의회에서 하는일 */
.councilwork { width:100%; }
.councilwork .topbox{ width:100%; min-height:80px; border:2px solid #FFC; padding:15px 15px 15px 200px; background:#FFC url(/images/child/box_icon.png) no-repeat ; background-position: 50px 15px;}
.councilwork .topbox p { padding-top:10px; margin-left:-100px;}

/*의원이 하는일 */
.memberwork { width:100%; }
.memberwork .topbox { width:100%; min-height:80px; border:2px solid #FFC; padding:15px 15px 15px 200px; background:#FFC url(/images/child/box_icon.png) no-repeat ;  background-position: 50px 15px; }
.memberwork .topbox p { padding-top:10px; margin-left:-100px;}

/*의회구성 */
.composition {width:100%;}
.composition .topbox { width:100%; min-height:80px; border:2px solid #FFC; padding:15px 15px 15px 200px; background:#FFC url(/images/child/box_icon.png) no-repeat  ;  background-position: 50px 15px;}
.composition .topbox p { padding-top:10px; margin-left:-100px;}
.composition .box p span { color:#0C6; }

.composition .box.imgbox { text-align:center; }
.composition .sp15 {margin-bottom:0;}

	/* 조직도 24.06.26. */
.composition ol { position:relative; list-style-type:none; font-size:150%; font-weight:700; text-align:center; color:#222; padding:0; max-width:1000px; margin:0 auto 30px; }
.composition ol li { float:none; padding:0; width:100%; margin:0; }
.composition ol li.vice { position:relative; align-items:end; margin-bottom:40px; }
.composition ol li span { width:250px; padding:12px 0; }

.composition ol > li > span { background:#fff; border:8px solid #4059AD; border-radius:50px; margin-bottom:20px; }
.composition ol li.vice > span { border-color:#1497DB; margin-left:calc(100% - 250px); }
.composition ol,
.composition ol ul,.composition ol li { display:flex; flex-direction:column; align-items:center;}

.composition ol ul.dep2 { position:relative; flex-direction:row; align-items:start; justify-content:space-between; -webkit-box-pack: justify;-ms-flex-pack: justify; overflow:visible; }

.composition ol ul.dep2 > li { width:250px; background:#7ECEFF; border-radius:20px; border:4px solid #7ECEFF; margin-left:calc(100% - 500px); }
.composition ol ul.dep2 > li:first-child { margin:0; }

.composition ol ul.dep3 { font-size:75%; background:#fff; border-radius:0 0 16px 16px; color:#555; }

.composition ol::before { position:absolute; top:0; left:50%; content:''; width:1px; height:50%; background:#ddd; z-index:-1; }
.composition ol li.vice::before { position:absolute; top:calc(50% - 10px); left:50%; content:''; width:50%; height:1px; background:#ddd; transform:translateY(-50%); z-index:-1; }
.composition ol ul.dep2::before { position:absolute; top:-20px; left:50%; content:''; width:calc(100% - 250px); height:50%; border:1px solid #ddd; background:#fff; border-bottom:0; transform:translateX(-50%); z-index:-1; }


@media (max-width:1122px){
	.composition .box img { width:100%; }
}

@media (max-width:768px){
		/* 조직도 24.06.26. */
	.composition ol { font-size:125%; }
	.composition ol li span { width:160px; }
	.composition ol li ul.dep2 span { width:100%; }
	.composition ol ul.dep2 > li { width:48%; }
	.composition ol li.vice > span { margin-left:calc(100% - 160px); }
	.composition ol ul.dep3 { font-size:87.5%; }

}



/*숙제도우미*/
.homework {width:100%;}
.homework .topbox { width:100%; min-height:80px; border:2px solid #FFC; padding:15px 15px 15px 200px; background:#FFC url(/images/child/box_icon.png) no-repeat ;  background-position: 50px 15px;}
.homework .topbox p { padding-top:10px; margin-left:-100px;}
.homework .list_ul{padding-bottom:30px;padding-left:20px;}
.homework .list_ul li{padding-bottom:10px;background:url(/child/images/bullet_li.png) no-repeat 0 7px;padding-left:14px;font-size:95%;color:#333;line-height:160%;}
.homework .list_ul{padding:0;padding-top:10px;}
.homework .list_ul ul{}
.homework .list_ul ul li{padding-bottom:4px;background:none;padding-left:0;}
.homework .list_ul ul li:before{content:'- ';}
.homework .img_box{padding:20px 0 30px 0;text-align:center;}

.homework .list_ul li{padding-bottom:12px;padding-top:12px;border-bottom:1px solid #eaeaea;background:url(/child/images/bullet_li.png) no-repeat 0 19px;  background-position: 50px 15px;}
.homework .list_ul li:hover{background:#f8f8f8 url(/child/images/bullet_li.png) no-repeat 0 19px;}


/*유용한사이트*/
.site { width:100%;}
.site .topbox { width:100%; min-height:80px; border:2px solid #FFC; padding:15px 15px 15px 200px; background:#FFC url(/images/child/box_icon.png) no-repeat ;  background-position: 50px 15px;}
.site .topbox p { padding-top:10px; margin-left:-100px;}

.site ul li { float:left; width:calc(20% - 20px); height:45px; line-height:45px; text-align:center; margin:0 25px 20px 0; }
.site ul li:nth-child(5n) { margin-right:0; }
.site ul li a:link, 
.site ul li a:visited {width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box;}
.site .box {border:1px solid #F90; box-sizing:border-box; }


@media (min-width:769px) and (max-width:1024px){	
	.site ul li { width:calc(25% - 15px); margin:0 20px 20px 0;  }
	.site ul li:nth-child(5n) { margin-right:20px; }
	.site ul li:nth-child(4n) { margin-right:0px; }
}


@media (max-width:768px){
	.site ul li { width:calc(33.333% - 13.33px); margin:0 20px 20px 0;  }
	.site ul li:nth-child(5n) { margin-right:20px; }
	.site ul li:nth-child(3n) { margin-right:0px; }
}

@media (max-width:560px){
	.site ul li { width:calc(50% - 10px); margin:0 20px 20px 0;  }
	.site ul li:nth-child(3n) { margin-right:20px; }
	.site ul li:nth-child(2n) { margin-right:0px; }

	.site ul li a:link, 
	.site ul li a:visited { letter-spacing:-1px; }
}