@charset "UTF-8";
/*-------------------------------------------------

examMv

--------------------------------------------------*/
.examMv .subTtl {
	font-size: 2.8125rem;
	font-weight: bold;
}
@media only screen and (max-width: 779px) {
	.examMv .subTtl {
		font-size: 1.60714rem;
	}
}
.exam {
	width: 90%;
	max-width: 1000px;
	margin: auto;
	padding-bottom: 133px;
}
@media only screen and (max-width: 779px) {
.exam  {
	padding-bottom: 67px;
	}
}
.exam .exam-wrap {
	margin-top: 81px;
}
.exam .exam-wrap .year {
	margin-bottom: 47px;
	text-align: center;
}
.exam .exam-wrap .year span {
	font-size: 1.25rem;
	color: #fff;
	background: #288CDC;
	border-radius: calc(1px / 0);
	padding: 5px 45px;
	width: auto;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	/* max-width: 220px; */
}
#junior .exam .exam-wrap .year span{
	background: #289637;
}
.exam .exam-wrap .exam-inner {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(475px, 1fr));
	gap: 50px;
}
@media only screen and (max-width: 779px) {
	.exam .exam-wrap .exam-inner {
	display: flex;
	grid-template-columns: repeat(auto-fill, minmax(475px, 1fr));
	gap: 29px;
	flex-direction: column;
}
}
.exam .exam-wrap .exam-inner .exam-detail {}
.exam .exam-wrap .exam-inner .exam-detail a {
	display: flex;
	align-items: center;
	gap: 7%;
}
.exam .exam-wrap .exam-inner .exam-detail a .thum {
	width: 120px;
	height: 120px;
	background: #F5F5F5;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #D7D7D7;
}
.exam .exam-wrap .exam-inner .exam-detail a .thum img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.exam .exam-wrap .exam-inner .exam-detail a .ttl {
	width: calc(100% - 120px);
	font-weight: 500;
	line-height: 1.6;
	font-size: 1.25rem;
}
.exam .exam-wrap .exam-inner .exam-detail a .ttl::after {
	content: "";
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	height: 19px;
	width: 22px;
	aspect-ratio: 19/22;
	vertical-align: middle;
	margin-bottom: 3px;
}
.exam .exam-wrap .exam-inner .exam-detail a[href$=".pdf"] .ttl::after {
	background-image: url("../../../img/common/pdf-icon.png");
}
.exam .exam-wrap .exam-inner .exam-detail a[href$=".docx"] .ttl::after {
	background-image: url("../../../img/common/word-icon.png");
}
@media only screen and (max-width: 779px) {
	
}