@charset "utf-8";

.wrap_photo_1{}

/*게시판*/
.wrap_photo_1 > ul{height:100%;}
.wrap_photo_1 > ul > li{height:100%;position:relative;}
/*타이틀*/
.wrap_photo_1 .title{margin-bottom:50px;}
.wrap_photo_1 .title a{line-height:1;color:#000;font-size:55px;font-family: 'Play', sans-serif;font-weight:700;}
.wrap_photo_1 .title a::after{content:"강릉원주대학교가 밝은 내일을 응원합니다.";display:block;line-height:1.2;color:#888;font-size:22px;font-family:'S-CoreDream-1Thin';padding-top:10px;}
/*목록*/
.wrap_photo_1 .list{}
.wrap_photo_1 .list ul{display:flex;flex-wrap:wrap;}
.wrap_photo_1 .list ul li{width:23.5%;margin-right:2%;}
.wrap_photo_1 .list ul li:last-child{margin-right:0;}
/*noData*/
.wrap_photo_1 .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*링크*/
.wrap_photo_1 a.subject{display:block;text-align:left;}
.wrap_photo_1 .con{}
/*썸네일*/
.wrap_photo_1 .thumb{width:100%;max-height:210px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;}
.wrap_photo_1 .thumb img{height:100%;max-width:unset;}
/*컨텐츠*/
.wrap_photo_1 .inner{}
/*제목*/
.wrap_photo_1 .subjectText{display:none;color:#FFF;font-size:16px;line-height:1.2;margin-top:15px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*내용*/
.wrap_photo_1 .content{display:none;}
/*날짜*/
.wrap_photo_1 .date{display:none;}
/*더보기*/
.wrap_photo_1 .more{width:30px;height:30px;background:url(../images/plus_b.png) no-repeat center;position:absolute;right:0;top:12px;}
.wrap_photo_1 .more span{font-size:0;}
/*활성화*/
.wrap_photo_1 .list,
.wrap_photo_1 .more{display:none;}
.wrap_photo_1 > ul > li.active .list{display:block;}
.wrap_photo_1 > ul > li.active .more{display:block;}
.wrap_photo_1 > ul > li.active .title a{}

@media only screen and (max-width:1024px){
	.wrap_photo_1 .list ul li{width:31.3%;}
	.wrap_photo_1 .list ul li:nth-child(4){display:none;}
	.wrap_photo_1 .title a{font-size:35px;}
	.wrap_photo_1 .title a::after{font-size:18px;}
	.wrap_photo_1 .more{top:2px;}
}
@media only screen and (max-width:580px){
	.wrap_photo_1 .list ul li{width:100%;margin:1% 0;}
	.wrap_photo_1 .title{margin-bottom:20px;}
	.wrap_photo_1 .title a{font-size:30px;}
	.wrap_photo_1 .title a::after{font-size:16px;}
	.wrap_photo_1 .more{top:0;}
	.wrap_photo_1 .thumb img{height:auto;width:100%;}
}


/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_photo_1 a.subject:hover .thumb img{transform:scale(1.1);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}