@charset "utf-8";

/*구조*/
.photo_graduatedA{height:100%;}
.photo_graduatedA .container{}
.photo_graduatedA ul.inner{}
.photo_graduatedA ul.inner > li{}

/*타이틀*/
.photo_graduatedA .title{display:none;}
.photo_graduatedA .title a{}
.photo_graduatedA .inner > li.active .title a{}

/*목록*/
.photo_graduatedA .list{}
.photo_graduatedA .list ul{display:flex;}
.photo_graduatedA .list ul li{width:25%;}
.photo_graduatedA .list ul li:nth-child(n + 5){display:none;}

/*noData*/
.photo_graduatedA .list .nodata{font-size:18px;color:#888;text-align:center;padding:40px 0;width:100% !important;border:0 !important;}

/*링크*/
.photo_graduatedA a.subject{display:block;position:relative;}

/*썸네일*/
.photo_graduatedA .thumb{display:flex;align-items:center;justify-content:center;overflow:hidden;height:145px;position:relative;background:#222;}
.photo_graduatedA .thumb img{max-width:unset;width:100%;}
.photo_graduatedA .thumb::before,
.photo_graduatedA .thumb::after{content:"";display:block;opacity:0;position:absolute;transition:0.5s;}
.photo_graduatedA .thumb::before{width:100%;height:100%;background:rgba(0,0,0,0.5) url(../images/more.png) no-repeat center;left:0;top:0;}
.photo_graduatedA .thumb::after{width:50px;height:50px;border:4px solid #FFF;border-radius:100%;left:calc(50% - 25px);top:calc(50% - 25px);}

/*컨텐츠*/
.photo_graduatedA .con{padding-top:15px;}

/*제목*/
.photo_graduatedA .subjectText{font-family:'Dream Medium';font-size:16px;color:#222;line-height:1.4;height:45px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

/*내용*/
.photo_graduatedA .content{display:none;}

/*날짜*/
.photo_graduatedA .dateA,
.photo_graduatedA .dateB{display:none;}

/*더보기*/
.photo_graduatedA .more{display:none !important;}

/*활성화*/
.photo_graduatedA .list,
.photo_graduatedA .more{display:none}
.photo_graduatedA .inner > li.active .list,
.photo_graduatedA .inner > li.active .more{display:block}

/*CONTROL*/
.photo_graduatedA .control{display:none;}

/*1,2번글*/
@media only screen and (min-width:1281px){
	.photo_graduatedA .list ul li:nth-child(n + 5){display:block;}

	.photo_graduatedA .list ul{padding-left:41%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;}
	.photo_graduatedA .list ul li{width:35%;margin:0 0 5% 2.5%;}
	.photo_graduatedA .list ul li:nth-child(1),
	.photo_graduatedA .list ul li:nth-child(2){width:27%;height:100%;margin:0;position:absolute;}
	.photo_graduatedA .list ul li:nth-child(1){left:0;}
	.photo_graduatedA .list ul li:nth-child(2){left:28.5%;}

	.photo_graduatedA .list ul li:nth-child(1) .thumb,
	.photo_graduatedA .list ul li:nth-child(2) .thumb{height:280px;}
	.photo_graduatedA .list ul li:nth-child(1) .subjectText,
	.photo_graduatedA .list ul li:nth-child(2) .subjectText{font-size:24px;height:70px;line-height:1.3;}
	.photo_graduatedA .list ul li:nth-child(1) .content,
	.photo_graduatedA .list ul li:nth-child(2) .content{display:block;}
	.photo_graduatedA .list ul li:nth-child(1) .content::before,
	.photo_graduatedA .list ul li:nth-child(2) .content::before{content:"";display:block;width:70px;height:1px;margin:20px 0;background:#222;}
	.photo_graduatedA .list ul li:nth-child(1) .content span,
	.photo_graduatedA .list ul li:nth-child(2) .content span{display:block;font-size:16px;color:#888;line-height:1.5;height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin-top:20px;}
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.photo_graduatedA a.subject:hover .thumb::before,
	.photo_graduatedA a.subject:hover .thumb::after{opacity:1;}
}
@media all and (max-width:1700px) {
}
@media only screen and (max-width:1280px){
	.photo_graduatedA .thumb{height:205px;height:unset;}
	.photo_graduatedA .con{padding:10px;}
	.photo_graduatedA .list ul li{margin:0 0.5px;}
}
@media only screen and (max-width:1024px){
	.photo_graduatedA .list ul li{width:33.3%;}
	.photo_graduatedA .list ul li:nth-child(n + 4){display:none;}
}
@media only screen and (max-width:768px){
	.photo_graduatedA .subjectText{font-size:14px;height:40px;}
}
@media only screen and (max-width:580px){
	.photo_graduatedA .list ul li{width:50%;}
	.photo_graduatedA .list ul li:nth-child(n + 3){display:none;}
}