@charset "UTF-8";

#newsPhoto																{position:relative; line-height:1.4;}
#newsPhoto .inner{position:relative; min-height:475px;}
#newsPhoto .inner li ul li.recentBbsInnerLi							{position:relative; margin-bottom:1px; margin-bottom:10px;}
#newsPhoto .inner li ul li.recentBbsInnerLi .recentBbsInfo							{position:absolute; bottom:0; padding:15px; background-color:rgba(0,0,0,0.5); color:#fff; font-size:13px; width:100%; box-sizing:border-box;}
#newsPhoto .inner li ul li.recentBbsInnerLi .recentBbsInfo .recentBbsTitle a		{color:#fff; font-size:15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width:100%; font-weight: 600;}
#newsPhoto .inner li ul li.recentBbsInnerLi .recentBbsThumb						{height:205px; overflow:hidden;}
#newsPhoto .inner li ul li.recentBbsInnerLi .recentBbsThumb img					{width:100%; height:100%;}
#newsPhoto .recentBbsMore{position:absolute; right:0; top:0; background:url(./../images/btnArr.png) right center no-repeat; width:31px; height:31px; display:block; text-indent:-9999px;}
#newsPhoto .recentBbsTabSpan{float: left; padding-left:15px;}

#newsPhoto .inner .recentBbsLi:first-child .recentBbsTabSpan{padding-left:0;}
#newsPhoto .inner .recentBbsLi .recentBbsTabSpan .recentBbsTab1{font-size: 25px; color: #aaa; line-height: 1.2; margin-bottom: 25px; background:none; font-weight:600;} 
#newsPhoto .inner .recentBbsLi.active .recentBbsTabSpan .recentBbsTab1{color:#0054a6;}
#newsPhoto .inner .recentBbsLi .recentBbsInnerUl{ position:absolute; top:55px; width:100%;}
#newsPhoto .inner .recentBbsLi .recentBbsInnerUl,
#newsPhoto .inner .recentBbsLi .recentBbsMore {display:none;}
#newsPhoto .inner .recentBbsLi.active .recentBbsInnerUl, 
#newsPhoto .inner .recentBbsLi.active .recentBbsMore{display: block;}


@media screen and (max-width : 1024px) {
	#newsPhoto .inner{min-height:355px;}
	#newsPhoto .inner li ul li.recentBbsInnerLi		{margin-bottom:10px; width:48%;}
	#newsPhoto .inner li ul li.recentBbsInnerLi:nth-child(1){float:left; }
	#newsPhoto .inner li ul li.recentBbsInnerLi:nth-child(2){float:right;}
	#newsPhoto .inner li ul li.recentBbsInnerLi .recentBbsThumb{min-height:300px;}


}
@media screen and (max-width : 480px) {
	#newsPhoto .inner li ul li.recentBbsInnerLi		{width:100%;}
	#newsPhoto .inner{min-height:565px;}	
	#newsPhoto .inner li ul li.recentBbsInnerLi .recentBbsThumb{min-height:250px;}
}