@import url("http://fonts.googleapis.com/earlyaccess/jejugothic.css");
@charset "utf-8";
body {background:transparent;}
#contents {padding:50px 0 20px 0;}

#contents h2 {margin-bottom:25px; font-size:62px; font-family:"Jeju Gothic", serif; font-weight:600; line-height:1; letter-spacing:-5px;}
#contents h2 span {color:#15A6DF}
.school_info {width:100%;}
.school_info li {
	float:left; 
	width:232px; 
	margin-right:24px; 
	background:white; 
	margin-bottom:30px;
	border-radius:10px;
	overflow:hidden;
}
.school_info li:nth-of-type(4n) {margin-right:0;}

.school_info li h3 {
	width:200px; 
	padding:8px 15px; 
	font-size:20px; 
	color:white;
	background:silver; 
	border:1px solid silver;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.school_info li a {
	display:block;
	padding:10px 15px;
	font-size:14px;
	font-weight:bold;
	color:#777;
	border:1px solid #ccc;
	text-decoration:none;
	font-size:15px;
}
.school_info li a:hover {background:#f7f7f7;}
.school_info li a:not(:first-of-type) {margin-top:-1px;}
.school_info li a:last-of-type {border-bottom-left-radius:10px; border-bottom-right-radius:10px;}



/********* 학교별 색상 지정 *********/
.school_info li:nth-of-type(1) h3 {background:#8DB986;}
.school_info li:nth-of-type(2) h3 {background:#6E6662;}
.school_info li:nth-of-type(3) h3 {background:#879676;}
.school_info li:nth-of-type(4) h3 {background:#DE4126;}

.school_info li:nth-of-type(5) h3 {background:#EB9605;}
.school_info li:nth-of-type(6) h3 {background:#B0254F;}
.school_info li:nth-of-type(7) h3 {background:#67434F;}
.school_info li:nth-of-type(8) h3 {background:#6E1E62;}

.school_info li:nth-of-type(9) h3 {background:#1B325F;}
.school_info li:nth-of-type(10) h3 {background:#4647AD;}
.school_info li:nth-of-type(11) h3 {background:#3A89C9;}
.school_info li:nth-of-type(12) h3 {background:#E5625C;}

.school_info li:nth-of-type(13) h3 {background:#8EB2C5;}
.school_info li:nth-of-type(14) h3 {background:#506266;}
.school_info li:nth-of-type(15) h3 {background:#81BDA4;}
.school_info li:nth-of-type(16) h3 {background:#093B76;}

.school_info li:nth-of-type(17) h3 {background:#00A2F6;}
.school_info li:nth-of-type(18) h3 {background:#8C2232;}
.school_info li:nth-of-type(19) h3 {background:#3796E4;}
.school_info li:nth-of-type(20) h3 {background:#07A54F;}

.school_info li:nth-of-type(21) h3 {background:#1147C1;}
.school_info li:nth-of-type(22) h3 {background:#63BA4D;}