@charset "utf-8";


/*----- 공통 -----*/


#sub_menu > ul > li{
	width:50%;
}

#sub_content.sub4 h1{
	width:450px;
}



.sub4 > #edulist{
	overflow:hidden;
}

.edulist_item{
	float:left;
	width:calc((1200px - 120px) / 3);
	height:250px;
	margin:10px;
	background:#e7e7e7;
	text-align:center;
}

.edulist_item > a > div:first-child{
	height:160px;
	margin:7px;
	background-position:center;
	background-size:cover;
}

 #edulist > li:first-child > a > div:first-child{background-image:url(../images/edulist_item_img1.jpg);}
 #edulist > li:nth-child(2) > a > div:first-child{background-image:url(../images/edulist_item_img2.jpg);}
 #edulist > li:nth-child(3) > a > div:first-child{background-image:url(../images/edulist_item_img3.jpg);}
 #edulist > li:nth-child(4) > a > div:first-child{background-image:url(../images/edulist_item_img4.jpg);}
 #edulist > li:nth-child(5) > a > div:first-child{background-image:url(../images/edulist_item_img5.jpg);}
 #edulist > li:nth-child(6) > a > div:first-child{background-image:url(../images/edulist_item_img6.jpg);}
 #edulist > li:nth-child(7) > a > div:first-child{background-image:url(../images/edulist_item_img7.jpg);}
 #edulist > li:nth-child(8) > a > div:first-child{background-image:url(../images/edulist_item_img8.jpg);}
 #edulist > li:nth-child(9) > a > div:first-child{background-image:url(../images/edulist_item_img9.jpg);}
 
 
@media (max-width:1200px){
 
#sub_content.sub4 h1{
	width:350px;
	font-size: 1.8em;
} 
}