@import url("sub.css");


/* 리스트 */
.speaker-recommend .list {
	flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px solid #1D224F;
    padding-top: 80px;
}
.speaker-recommend .list li {
    width: 495px;
    margin-right: 35px;
    margin-bottom: 50px;
}
.speaker-recommend .list li:nth-child(3n) {
	margin-right: 0;
}
.speaker-recommend .list li a {
	font-size: 20px;
	font-family: 'Cafe24Ohsquareair', sans-serif;
	letter-spacing: -1px;
}
.speaker-recommend .list li a .thumb img {
	width: 100%;
}
.speaker-recommend .list li a .title {
	margin-top: 20px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: normal; 
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}





/* 상세 */
.speaker-recommend .detail .title .subject {
	font-size: 35px;
	font-family: 'Cafe24Ohsquareair', sans-serif;
	border-top: 1px solid #1D224F;
	border-bottom: 1px solid #1D224F;
	padding: 60px 0;
}
.speaker-recommend .detail .title .date {
	font-size: 25px;
	margin-top: 40px;
	text-align: right;
}
.speaker-recommend .detail .conts {
	width: 100%;
	max-width: 1080px;
	margin: 55px auto 0;
	text-align: center;
}
.speaker-recommend .detail .conts .thumb {
	margin-bottom: 75px;
}
.speaker-recommend .detail .conts .thumb img {
	width: 100%;
}
.speaker-recommend .detail .conts .text {
	text-align: left;
	font-size: 30px;
	letter-spacing: -0.5px;
}
.speaker-recommend .detail .conts .text p {
	line-height: 1!important;
}
.speaker-recommend .detail .btn-area {
	width: 100%;
	max-width: 1080px;
	margin: 80px auto 160px;
}
.speaker-recommend .detail .btn-area a {
	flex: 1;
	background: #1D224F;
	color: #fff;
	text-align: center;
	height: 80px;
	line-height: 80px;
	font-size: 25px;
	font-family: 'Cafe24Ohsquareair', sans-serif;
}
.speaker-recommend .detail .btn-area a:first-child {
	margin-right: 40px;
}


@media screen and (max-width: 1600px){
	.speaker-recommend .list li {
		width: 31.666%;
	    margin-right: 2.5%;
	}
	.speaker-recommend .list li a {
		font-size: 17px;
	}

	.speaker-recommend .detail .title .subject {
    	font-size: 30px;
    }
    .speaker-recommend .detail .conts .text {
    	font-size: 25px;
    }
}
@media screen and (max-width: 1024px){
	.speaker-recommend .list li {
		margin-bottom: 30px;
	}
	.speaker-recommend .list li a {
	    font-size: 15px;
	}
	.speaker-recommend .list li a .title {
		margin-top: 10px;
	}

	.speaker-recommend .detail .title .subject {
	    font-size: 25px;
	    padding: 30px 0;
	}
	.speaker-recommend .detail .title .date {
    	font-size: 20px;
    	margin-top: 20px;
    }
    .speaker-recommend .detail .conts {
    	margin: 35px auto 0;
    }
    .speaker-recommend .detail .conts .thumb {
	    margin-bottom: 40px;
	}
	.speaker-recommend .detail .conts .text {
	    font-size: 20px;
	}
	.speaker-recommend .detail .btn-area {
		margin: 40px auto 100px;
	}
	.speaker-recommend .detail .btn-area a {
		height: 65px;
		line-height: 65px;
		font-size: 20px;
	}
	.speaker-recommend .detail .btn-area a:first-child {
	    margin-right: 20px;
	}
}
@media screen and (max-width: 768px){
	.speaker-recommend .list {
		padding-top: 60px;
	}
	.speaker-recommend .list li {
		width: 48.5%;
    	margin-right: 3%;
	}
	.speaker-recommend .list li:nth-child(3n) {
		margin-right: 3%;
	}
	.speaker-recommend .list li:nth-child(2n) {
		margin-right: 0;
	}

	.speaker-recommend .detail .title .subject {
	    font-size: 20px;
	    padding: 20px 0;
	}
	.speaker-recommend .detail .title .date {
	    font-size: 17px;
	    margin-top: 10px;
	}
	.speaker-recommend .detail .conts .text {
	    font-size: 17px;
	}
	.speaker-recommend .detail .btn-area {
	    margin: 25px auto 60px;
	}
	.speaker-recommend .detail .btn-area a {
	    height: 55px;
	    line-height: 55px;
	    font-size: 17px;
	}
}