/* 레이아웃 */
	
#scontainer { position:relative; width:100%; height:auto; z-index:2; margin-bottom:100px; }
		.scontainerarea {  position:relative; width:1280px; box-sizing:border-box; margin:0 auto; }
		
		#content { width:100%; min-height:300px; }
	
	
	

@media (min-width:1280px) and (max-width:1440px){	
	#scontainer { position:relative; width:100%; z-index:2; margin-bottom:100px; }
		.scontainerarea {  position:relative; width:1280px; padding:42px 15px 0 15px; box-sizing:border-box; margin:0 auto; }
		
		#content { width:100%; min-height:300px; }	
	
	
}


@media (min-width:1025px) and (max-width:1279px){
	#scontainer { position:relative; width:100%; z-index:2; margin-bottom:100px; }
		.scontainerarea {  position:relative; width:100%; padding:42px 15px 0 15px; box-sizing:border-box; margin:0 auto; }		
		
		#content { width:100%; min-height:300px; }
		
}


@media (min-width:769px) and (max-width:1024px){
	#scontainer { position:relative; width:100%; z-index:2; margin-bottom:100px; }
		.scontainerarea {  position:relative; width:100%; padding:42px 15px 0 15px; box-sizing:border-box; margin:0 auto; }	
		
		#content { width:100%; min-height:300px; }			
}


@media (max-width:768px){
	#scontainer { position:relative; width:100%; z-index:2; margin-bottom:100px; }
		.scontainerarea {  position:relative; width:100%; padding:0; box-sizing:border-box; margin:0 auto; }
		
		#content { width:100%; padding:0 15px; box-sizing:border-box; min-height:300px; }
			
}






/* 서브비주얼 */
.svisible { position:relative; width:100%; height:200px; background:url(/images/child/sub/svisible.jpg) no-repeat 50% 50%; }

@media (min-width:1025px) and (max-width:1279px){
	.svisible {background:url(/images/child/sub/svisible2.jpg) no-repeat 50% 50%;}
}

@media (min-width:769px) and (max-width:1024px){
	.svisible {background:url(/images/child/sub/svisible2.jpg) no-repeat 50% 50%;}
}

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




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

.pagetitle ul.print { position:absolute; right:0; top:57px; width:auto; }
.pagetitle ul.print li { float:left; }

.pagetitle ul.print li.back { display:none; }

.pagetitle ul.print li a { padding:8px 7px; display:block; }

.pagetitle .path { position:absolute; right:75px; top:62px; font-size:90%; color:#888; }




.pagetitle h1 { padding:41px 0 0 0px; font-family:"PGOV"; font-weight:800; font-size:185%; color:#000; }



@media (min-width:769px) and (max-width:1024px){
	
	.pagetitle .pathBar ul.print li.home { display:inline-block; }
	.pagetitle .pathBar ul.print li.back { display:inline-block; }
	.pagetitle .pathBar ul.print li.print { display:none; }
			
}

@media (max-width:768px){

	.pagetitle { height:auto; border-bottom:none; margin-bottom:30px; }
	.pagetitle .pathBar { position:relative; width:100%; height:50px; border-bottom:1px solid #ddd; background:#f9f9f9;  }

	.pagetitle .pathBar ul.print { position:static; float:right; padding:9px 3px 0 0; }
	.pagetitle .pathBar ul.print li.home { display:inline-block; }
	.pagetitle .pathBar ul.print li.back { display:inline-block; }
	.pagetitle .pathBar ul.print li.print { display:none; }
	
	.pagetitle .pathBar .path { position:static; float:left; width:calc(100% - 70px); padding:13px 0 0 10px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; font-size:85%;  }
	.pagetitle .pathBar .pathwidth { letter-spacing:-1px; }

	.pagetitle h1 { padding:33px 0 0 20px; font-size:200%; }
}



/* 숙제도우미 */
.homeworkhelper dl dt {float:left; width:120px; padding-left:10px; box-sizing:border-box; color:#ff7800; background:url(/images/chd/sub/dot1.gif) no-repeat left center; margin-bottom:15px; }
.homeworkhelper dl dd { width:calc(100% - 120px); margin:0 0 15px 120px; }






/* 알고싶어요 */
.interest { width:100%; }
.interest .committee ul li { float:left; margin-right:50px; }

.interest .committeeImg { padding:100px; box-sizing:border-box; }
.interest img { width:100%; }

@media (min-width:769px) and (max-width:1024px){
	.interest .committee ul li { float:left; margin-right:30px; }
	.interest .committeeImg { padding:30px 20px 30px 40px; }
}

@media (max-width:425px){
	.interest .committee ul li { float:left; margin-right:10px; }
	.interest .committeeImg { padding:10px 10px 10px 30px; }
	
}




/* 유용한사이트 */
.site ul li { float:left; width:25%; padding-left:10px; box-sizing:border-box; background:url(/images/child/sub/dot1.gif) no-repeat left center; margin:10px 0; }

.site ul li a:link,
.site ul li a:visited  { color:#333; }
.site ul li a:active,
.site ul li a:focus,
.site ul li a:hover { color:ff8003; }

@media (max-width:768px){
	.site ul li { float:left; width:calc(50% - 20px); padding-left:10px; box-sizing:border-box; margin:10px; }
}


@media (max-width:425px){
	.site ul li { float:none; width:100%; padding-left:10px; box-sizing:border-box; margin:10px; }
}