@CHARSET "UTF-8";

.wrap-academy{width:100%; height:74px; margin:0 auto; margin-bottom:36px; display:flex; justify-content:space-between; align-items: center; border-top:1px solid #D6D9E6; border-bottom: 1px solid #E8EBF0;}
.wrap-academy .type-name{font-size:18px; font-weight:500;}
.wrap-academy .academy-name{color:#4d5762;}
.wrap-project{width:100%; margin-bottom:100px;}
.wrap-project:last-child{margin-bottom:0;}

.wrap-project-basic{width:100%; position:relative;}
.wrap-project-img{width:100%; margin-bottom:16px;}
.wrap-project-img img{width:100%; height:auto;}
.wrap-project-basic a{display:block; width:100%; word-break:break-all;}

/*세미나 동영상첨부*/
.wrap-project-basic .wrap-attachment{width:100%; height:auto; position:absolute; bottom:2.2%; display:flex; justify-content:center; max-height:350px;}
.wrap-project-basic .attachment{width:78%; display:flex; justify-content:center; gap:10px;}

/***추천 포트폴리오***/
.wrap-recommend{background:#E8EBF0; padding:100px 0;}
.wrap-recommend .recommend-list{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px;}
.wrap-recommend .recommend-list .recommend-item{display:block; width:100%; height:232px; border-radius:28px; overflow:hidden; position:relative;}
.wrap-recommend .recommend-list .recommend-item div{object-fit:cover; display:block; width:100%; height:100%; transform:scale(1.0); -webkit-transform:scale(1.0);  transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease;}
.wrap-recommend .recommend-list .recommend-item div:hover{transform:scale(1.07); -webkit-transform:scale(1.07);}
.wrap-recommend .recommend-list .recommend-item div .item-gradient{width:100%; height:100%; background: linear-gradient(rgba(25,25,25,0) 10%, rgba(25,25,25,0.02) 33%, rgba(25,25,25,0.2) 68%, rgba(25,25,25,0.7) 100%); background: -webkit-linear-gradient(rgba(25,25,25,0) 10%, rgba(25,25,25,0.02) 33%, rgba(25,25,25,0.2) 68%, rgba(25,25,25,0.7) 100%);}
.wrap-recommend .recommend-list .recommend-item .item-txt{font-size:20px; color:#fff; position:absolute; bottom: 20px; left:24px; padding-right:24px;}
.wrap-recommend .recommend-list .recommend-item .item-txt span{display:block; font-size: 15px; color:#D9D9D9; margin-top:7px;}

.btn-return-list{width:100%; display:flex; justify-content:center; margin-top:60px;}
.btn-return-list a{display:block; border-radius:32px; padding:15px 32px; text-align:center;}

@media screen and (max-width: 1024px){
	
.wrap-academy{margin-bottom:32px;}	

.wrap-project-basic .wrap-project-img{margin-bottom:12px;}
/*세미나 동영상첨부*/
.wrap-project-basic .wrap-attachment{bottom:1.3%;}
	/*하단 추천 목록*/
.wrap-recommend{padding:80px 0;}
.wrap-recommend .recommend-list{gap:12px;}
.wrap-recommend .recommend-list .recommend-item .item-txt{font-size:18px;}
.wrap-recommend .recommend-list .recommend-item .item-txt span{font-size: 16px; margin-top:4px;}
.btn-return-list{margin-top:40px;}

}

@media screen and (max-width: 767px){
	
.wrap-academy{height:56px; margin-bottom:24px;}
.wrap-academy .type-name{font-size:16px; line-height:1.3;}
.wrap-academy .academy-name{display:none;/*color:#4d5762; flex-basis:93px; text-ailign:right;*/}

/*세미나 동영상첨부*/
.wrap-project-basic .wrap-attachment{bottom:1.8%;}
.wrap-project-basic .attachment{max-width:506px; padding:0 20%; gap:5px;}
.wrap-project-basic .attachment iframe{max-width:230px;}
	
	/*하단 추천 목록*/
.wrap-recommend{padding:70px 0;}
.wrap-recommend .recommend-list{display:block;}
.wrap-recommend .recommend-list .recommend-item{width:283px !important; height:200px; margin-right:12px;}
.wrap-recommend .recommend-list .recommend-item .item-txt{font-size:17px;}
.wrap-recommend .recommend-list .recommend-item .item-txt span{margin-top:4px;}

.btn-return-list{margin-top:32px;}
.btn-return-list a{width:178px; height:auto;}

}