#interview_list {
	padding-bottom:150px;
}
@media screen and (max-width: 768px) { 
	#interview_list {
		padding-bottom:88px;
	}
}

/* 인터뷰 리스트 타이틀 */
#interview_list h3.title {
	padding:120px 0 50px;
	font-size:34px;
	font-weight:900;
}
@media screen and (max-width: 1024px) { 
	#interview_list h3.title {
		padding:80px 0 35px;
		font-size:28px;
	}
}
@media screen and (max-width: 768px) { 
	#interview_list h3.title {
		padding:40px 0 25px;
		font-size:24px;
	}
}

/* 인터뷰 리스트 */
#interview_list .list {
	margin-left:-30px;
	font-size:0;
}
#interview_list .list > li {
	display:inline-block;
	width:33.33%;
	padding-left:30px;
	margin-bottom:50px;
	vertical-align:top;
}
#interview_list .list > li > a {
	display:block;
}
#interview_list .list > li > a .img {
	overflow:hidden;
	border:2px solid #fff;
}
#interview_list .list > li > a .img img {
	width:100%;
	transition:all .3s ease;
}
#interview_list .list > li > a:hover .img {
	border-color:#f86e1a;
}
#interview_list .list > li > a:hover .img img {
	-ms-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}
#interview_list .list > li > a .info {
	padding-top:18px;
}
#interview_list .list > li > a .info .cate {
	color:#f86e1a;
	font-size:16px;
}
#interview_list .list > li > a .info .subject {
	overflow: hidden;
	margin-top:12px;
	font-size:20px;
	font-weight:700;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#interview_list .list > li > a .info .name {
	margin-top:8px;
	color:#808080;
	font-size:16px;
}
@media screen and (max-width: 1024px) { 
	#interview_list .list > li {
		width:50%;
	}
}
@media screen and (max-width: 768px) { 
	#interview_list .list {
		margin-left:0;
	}
	#interview_list .list > li {
		width:100%;
		padding-left:0;
		margin-bottom:45px;
	}
}

/* 인터뷰 리스트 */
#interview_list .paging {
	display:flex;
	justify-content:center;
	padding-top:30px;
}
#interview_list .paging > li {
	padding:0 9px;
}
#interview_list .paging > li.prev {
	padding-right:15px;
}
#interview_list .paging > li.next {
	padding-left:15px;
}
#interview_list .paging > li a,
#interview_list .paging > li strong {
	display:flex;
	align-items:center; 
	justify-content:space-around; 
	width:26px; 
	height:26px;
	background:#fff; 
	color:#808080; 
	font-size:14px;
	font-weight:300;
	transition:all .3s ease-in-out;
}
#interview_list .paging > li strong {
	background:#fbf8f1;
	color:#f86e1a;
	font-weight:400;
}
#interview_list .paging > li a img {
	width:20px;
}
#interview_list .paging > li a:hover {
	background:#fbf8f1;
}
@media screen and (max-width: 768px) { 
	#interview_list .paging {
		padding-top:15px;
	}
}