@charset "utf-8";

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

/*타이틀*/
.organB_photo .title{padding-bottom:30px;}
.organB_photo .title a{font-size:30px;color:#FFF;font-family:'Dream Bold';line-height:1;position:relative;padding:5px 10px 0 0;display:inline-block;}
.organB_photo .title a::before{content:"";display:block;width:10px;height:10px;border-radius:100%;background:#00a993;position:absolute;right:0;top:0;}
.organB_photo .inner > li.active .title a{}

/*목록*/
.organB_photo .list{}
.organB_photo .list ul{}
.organB_photo .list ul li{padding-bottom:20px;}

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

/*링크*/
.organB_photo a.subject{display:flex;}

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

/*컨텐츠*/
.organB_photo .con{padding:35px;width:calc(100% - 265px);background:rgba(0,0,0,0.3);}

/*제목*/
.organB_photo .subjectText{line-height:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.organB_photo .subjectText span{font-size:19px;color:#FFF;font-family:'Dream Medium';}

/*내용*/
.organB_photo .content{line-height:1.3;height:40px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin:15px 0;}
.organB_photo .content span{font-size:14px;color:#c0c0c0;font-family:'Dream Regular';}

/*날짜*/
.organB_photo .dateA{font-size:15px;color:#c0c0c0;line-height:1;}
.organB_photo .dateB{display:none;}

/*더보기*/
.organB_photo .more{display:block;text-indent:-9999px;width:20px;height:20px;background:url(../images/more.png) no-repeat center;position:absolute;right:0;top:10px;}

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

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

/*HOVER*/
@media only screen and (min-width:1281px){
	.organB_photo a.subject:hover .thumb::before,
	.organB_photo a.subject:hover .thumb::after{opacity:1;transition:0.5s;}
	.organB_photo a.subject:hover .con{background:rgba(0,0,0,0.6);transition:0.5s;}
}
@media all and (max-width:1700px) {
}
@media only screen and (max-width:1280px){
	.organB_photo .list ul li{padding-bottom:20px;}
	.organB_photo .title a{font-size:24px;}
	.organB_photo .thumb{width:200px;height:140px;}
	.organB_photo .con{padding:30px;width:calc(100% - 200px);}
	.organB_photo .content{line-height:1;height:unset;word-wrap:unset;white-space:nowrap;}
}
@media only screen and (max-width:768px){
	.organB_photo .list ul li{padding-bottom:10px;}
	.organB_photo .title{padding-bottom:20px;}
	.organB_photo .title a{font-size:20px;}
	.organB_photo .thumb{width:125px;height:87px;}
	.organB_photo .con{padding:20px;width:calc(100% - 125px);}
	.organB_photo .subjectText{line-height:1.5;height:50px;white-space:unset;word-wrap:break-word;}
	.organB_photo .subjectText span{font-size:16px;}
	.organB_photo .content,
	.organB_photo .dateA{display:none;}
	.organB_photo .more{top:4px;}
}