@charset "UTF-8";

/*common*/
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsThumb .newArtcl{
		border: 0;
		background-image: url("../images/share.gif");
		background-repeat: no-repeat;
		background-color: transparent;
	}


/*list*/
	._recentPhotoUl{
		position: relative;
		min-height: 170px;
		height: auto !important;
		_height: 170px;
	}
	._recentPhotoUl .recentBbsLi{
	}
	._recentPhotoUl .recentBbsLi .recentPhotoTab{
		/*float: left;*/
		height: 28px;
		line-height: 28px;
		background-color: #eee;
		border: 0;
		margin-right: 1px;
		padding: 0 1em;
		position: inherit;
	}
	/*
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl{
		position: absolute;
		top: 28px;
		left: 0;
		display: none;
		width: 100%;
	}
	*/
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl.recentBbsListHor2 .recentBbsInnerLi{
		/*width: 50%;*/
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi{
		margin-top: 0.5em;
		/*float: left;*/
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor{
		/*display: block;*/
		position: relative;
		overflow: hidden;
		margin: 0 5px;
		padding: 5px 0;
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsThumb{
		width: 100px;
		height: 80px;
		background-color: #ccc;
		margin: 0 auto;
		position: relative;
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsThumb img{
		display: block;
		width: 100%;
		height: 100%;
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsThumb .newArtcl{
		width: 18px;
	    height: 18px;
	    overflow: hidden;
	    text-indent: -5000px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    background-position: 0 0;
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo{
		/*text-align: center;*/
		margin-top: 0.5em;
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle{
		display: block;
		line-height: 1.5;
		font-weight: 600;
		font-size: 1.1em;
		overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dl,
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dt,
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dd{
		line-height: 1.5;
		color: #777;
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dt{
		display: none;
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsContent{
		line-height: 1.5;
		overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    color: #333;
	}
	._recentPhotoUl .recentBbsNoData{
		text-align: center;
		padding-top: 50px;
	}
	
	/*
	._recentPhotoUl .recentBbsMore{
		position: absolute;
		top: 0;
		right: 0;
		display: none;
	}
	*/

	@media only screen and (min-width:1025px) {
	._recentPhotoUl .recentBbsLi.active .recentBbsInnerUl,
	._recentPhotoUl .recentBbsLi.active .recentBbsMore{
		display: grid;
		gap: 10px;
	}
	}
	._recentPhotoUl .recentBbsLi.active .recentPhotoTab{
		color: #fff;
		background-color: #d0112b;
	}


.recentBbsListHor2 { grid-template-columns: repeat(2, 1fr); }
.recentBbsListHor3 { grid-template-columns: repeat(3, 1fr); }
.recentBbsListHor4 { grid-template-columns: repeat(4, 1fr); }

.recentBbsListVer2 { grid-auto-rows: 1fr; }
.recentBbsListVer3 { grid-auto-rows: 1fr; }

._recentPhotoUl .recentBbsInfo {
	width:200px;
}

.tab-area {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
}