@charset "utf-8";

/*2017 창제동아리*/
.circles ul{display:inline-block;}
.circles ul li{width:32%; margin:2px; padding:10px 0; border:1px solid #ccc; border-radius:10px; text-align:center; float:left;}
.circles ul li a{display:block; color:#333; font-family:'notoR';}
.circles ul li:hover{text-decoration:underline;}
.circles ul.a01 li{background-color:#fbe6e7;}
.circles ul.a02 li{background-color:#ebe6fb;}
.circles ul.a03 li{background-color:#e6f4fb;}

@media (max-width: 800px) {
		
/*2017 창제동아리*/
.circles ul li{width:49%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
		
}

@media (max-width: 620px) {	



		
}


@media (max-width: 560px) {	

/*2017 창제동아리*/
.circles ul li{width:100%;}
		
}


@media (max-width: 480px) {	
	
	

	
}

@media (max-width: 380px) {	
	
	.
	
}