@charset "utf-8";

/*구조*/
.wrap_photo{height:100%;background:url(../images/photo_bg.png) 120px center no-repeat;background-size:200px;}
.wrap_photo .container{}
.wrap_photo ul.inner{}
.wrap_photo ul.inner > li{}

/*타이틀*/
.wrap_photo .title{position:absolute;left:0;top:calc(50% - 50px);}
.wrap_photo .title a{font-size:25px;color:#FFF;line-height:1;font-family:'Noto Bold';}
.wrap_photo .inner > li.active .title a{}

/*목록*/
.wrap_photo .list{}
.wrap_photo .list ul{padding-left:250px;}
.wrap_photo .list ul li{padding:10px;}

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

/*링크*/
.wrap_photo a.subject{margin-left:30px;display:block;}

/*썸네일*/
.wrap_photo .thumb{width:100%;height:240px;}
.wrap_photo .thumb img{object-fit:cover;object-position:center;width:inherit;height:inherit;}

/*컨텐츠*/
.wrap_photo .con{background:#FFF;padding:20px;}

/*제목*/
.wrap_photo .subjectText{font-size:16px;color:#222;line-height:1.1;font-family:'Noto Medium';width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

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

/*날짜*/
.wrap_photo .date{margin-top:10px;font-size:14px;color:#888;line-height:1;font-family:'Noto Regular';}
.wrap_photo .readMore{display:none;}

/*더보기*/
.wrap_photo .more{display:block;text-indent:-9999px;position:absolute;left:102px;top:50%;width:50px;height:50px;background:#FFF url(../images/more.png) center no-repeat;background-size:20px;}

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

/*CONTROL*/
.wrap_photo .slick-arrow{display:block;width:50px;height:50px;font-size:0;position:absolute;top:50%;}
.wrap_photo .slick-prev{left:0px;background:#FFF url(../images/prev_b.png) center no-repeat;background-size:10px;}
.wrap_photo .slick-next{left:51px;background:#FFF url(../images/next_b.png) center no-repeat;background-size:10px;}

/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_photo a.subject:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);}
	.wrap_photo .more:hover,
	.wrap_photo .slick-arrow:hover{background-color:#DDD;}
}
@media only screen and (max-width:1480px){
	.wrap_photo .list ul{padding-left:160px;}
	.wrap_photo a.subject{margin-left:10px;}
}
@media only screen and (max-width:1280px){
	.wrap_photo .list ul li{padding:0;}
	.wrap_photo .thumb{height:200px;}
	.wrap_photo a.subject{margin-left:10px;}
}
@media only screen and (max-width:768px){
	.wrap_photo .title{position:relative;top:unset;margin-bottom:30px;padding-top:3px;}
	.wrap_photo .title a{font-size:22px;}
	.wrap_photo .list ul{padding-left:0;}
	.wrap_photo .thumb{height:140px;}
	.wrap_photo .con{padding:15px;}
	.wrap_photo a.subject{margin:0 5px;}
	.wrap_photo .subjectText{font-size:14px;}
	.wrap_photo .dateA{font-size:12px;}
	.wrap_photo .more{left:unset;top:0;right:0;width:30px;height:30px;}
	.wrap_photo .slick-arrow{width:30px;height:30px;top:-58px;}
	.wrap_photo .slick-prev{left:unset;right:64px;}
	.wrap_photo .slick-next{left:unset;right:32px;}
}