@charset "utf-8";


.recent_photo{position:relative; max-width:172rem; margin:10rem auto; font-family: 'paper'; word-break: break-all;}
.recent_photo .frame {position: relative;}
.recent_photo .title{text-align: center;}
.recent_photo .title button{font-family: 'paper';color:#212121; font-size:5rem; font-weight:700; margin-bottom:6rem;}
.recent_photo .title button:after{content: ''; width: 10rem; height: 0.2rem; display: block; background: #000; margin: 2rem auto 0;}

.recent_photo .frame .list ul {display: grid; grid-template-columns:30% 30% 1fr 1fr; gap:4rem 7rem; }
.recent_photo .frame .list ul li:nth-child(1),
.recent_photo .frame .list ul li:nth-child(2) {grid-row:span 2; display: flex; flex-direction: column;}

.recent_photo .frame .list ul li:nth-child(1) .thumb,
.recent_photo .frame .list ul li:nth-child(2) .thumb {width: 100%; height: 28rem; overflow: hidden; margin-bottom: 3rem; border-radius:1rem;}
.recent_photo .frame .list ul li:nth-child(1) .thumb img,
.recent_photo .frame .list ul li:nth-child(2) .thumb img {width: 100%;height: 100%; }
.recent_photo .frame .list ul li:nth-child(1) .subjectText span,
.recent_photo .frame .list ul li:nth-child(2) .subjectText span {min-height:6rem;font-size: 2.4rem;font-weight: 600;line-height: 3rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.recent_photo .frame .list ul li:nth-child(1) .subjectText:after,
.recent_photo .frame .list ul li:nth-child(2) .subjectText:after{content: ''; width: 5rem; height: 0.1rem; display: block; background: #26336a; margin: 1.5rem 0;}
.recent_photo .frame .list ul li:nth-child(1) .content,
.recent_photo .frame .list ul li:nth-child(2) .content {font-size: 1.6rem;font-weight: 400;line-height: 2.4rem;color: #737373;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.recent_photo .frame .list ul li:nth-child(n+3) {display: flex;flex-direction: column; }
.recent_photo .frame .list ul li:nth-child(n+3) .thumb {width: 100%; height: 14.5rem; overflow: hidden; border-radius:1rem;}
.recent_photo .frame .list ul li:nth-child(n+3) .thumb img {width: 100%; height: 100%; object-fit: cover;}
.recent_photo .frame .list ul li:nth-child(n+3) .con {flex-grow: 1; margin-top:1.5rem;}
.recent_photo .frame .list ul li:nth-child(n+3) .subjectText span {font-size: 1.6rem; line-height: 2.2rem; color: #737373; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.recent_photo .frame .list ul li:nth-child(n+3) .content {display: none;}
.recent_photo .frame .date{display: none; }
.recent_photo .frame .more{position: absolute; right: 0rem; top: 3rem; width: 3.5rem;height: 3.5rem;background:#2b2e41 url('../images/ic-more.png') center no-repeat; text-indent: -9999rem;}

.recent_photo .frame .list ul.nodata {grid-template-columns: 1fr; text-align: center;}

@media screen and (max-width:1800px) {
    .recent_photo {padding:0 2rem;}
}
@media screen and (max-width:1300px) {
	.recent_photo .frame .list ul{grid-template-columns: 35% 35% 1fr; gap: 2rem;}
	.recent_photo .frame .list ul li:nth-child(n + 5){display:none;}
}
@media screen and (max-width:1024px) {
	.recent_photo{padding:7rem 2rem; margin: 0;}
	.recent_photo .title button{font-size:4rem;}
	.recent_photo .frame .list ul {grid-template-columns: repeat(2, 1fr); gap: 3rem 2rem;}
	.recent_photo .frame .list ul li:nth-child(1) {grid-column: span 2; grid-row: auto; }
	.recent_photo .frame .list ul li:nth-child(2) {display: none; }
	.recent_photo .frame .list ul li:nth-child(1) .thumb {height: auto;aspect-ratio: 16 / 9; margin-bottom: 2.5rem;}
	.recent_photo .frame .list ul li:nth-child(n+3) {display: flex; grid-column: span 1;}
	.recent_photo .frame .list ul li:nth-child(n+3) .thumb {height: auto;aspect-ratio: 3 / 2; }
	.recent_photo .frame .list ul li:nth-child(n+3) .subjectText span {}
    .recent_photo .frame .more {top: 1rem;}

}