@charset "utf-8";

/*구조*/
.wrap_photo{height:100%;background:url(../images/photo_bg.png) 100px center no-repeat;}
.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:'Dream 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;font-family:'Dream Medium';width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

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

/*날짜*/
.wrap_photo .dateA{margin-top:10px;font-size:14px;color:#888;line-height:1;font-family:'Mont Medium';}
.wrap_photo .dateB{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;}

/*활성화*/
.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 .control{}
.wrap_photo .paging,
.wrap_photo .play,
.wrap_photo .stop,
.wrap_photo .numbering{display:none;}
.wrap_photo .prev,
.wrap_photo .next{display:block;text-indent:-9999px;width:50px;height:50px;position:absolute;top:50%;}
.wrap_photo .prev{background:#FFF url(../images/prev.png) no-repeat center;left:0;}
.wrap_photo .next{background:#FFF url(../images/next.png) no-repeat center;left:51px;}

@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 .prev,
	.wrap_photo .next{width:30px;height:30px;top:0;}
	.wrap_photo .prev{left:unset;right:64px;}
	.wrap_photo .next{left:unset;right:32px;}
}
/*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 .control .prev:hover,
	.wrap_photo .control .next:hover{background-color:#DDD;}
}