@charset "UTF-8";

/*common*/
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsThumb .newArtcl{
		border: 0;
	}

	.lei_board{background: #fff;padding:80px 15px 85px 55px;min-height: 640px;}
	.lei_board > strong{font-size:65px;font-family: 'Noto Bold';position: absolute;top:80px;left:55px;letter-spacing: -3px;}

/*list*/
	._recentPhotoUl{
		position: relative;
		min-height: 170px;
		padding-top: 150px;
		height: auto !important;
		/*height: 170px;*/
	}
	._recentPhotoUl .recentBbsLi{
	margin-bottom: 20px;
	/* position: relative; */
	}

	._recentPhotoUl .recentBbsLi .recentPhotoTab{
		line-height: 28px;
		border: 0;
		position: inherit;
		color: #333;
		font-size: 26px;
		font-family: 'Noto Regular';
		background: none;
		vertical-align: top;
		display: inline-block;
		cursor: pointer;
		letter-spacing: -1px;
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl{
		position: absolute;
		top: 28px;
		left: 280px;
		display: none;
		width: calc(100% - 280px);
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl.recentBbsListHor2 .recentBbsInnerLi{
		width: 50%;
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi{
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3 - 5px);
	position: relative;
	text-align: left;
	}

._recentPhotoUl .recentBbsLi .recentBbsInnerUl li.recentBbsInnerLi + li
{
	border-left:1px solid #e0e0e0;
}

	._recentPhotoUl .recentBbsLi .recentBbsInnerUl li.recentBbsInnerLi + li + li + li{
		display: none;
	}

	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor{
		display: block;
		overflow: hidden;
		margin: 0 5px;
		padding: 0 30px 80px;
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsThumb{
		background-color: #ccc;
		margin: 0 auto;
		position: relative;
		display: none;
	}
	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsThumb img{
		display: block;
		width: 100%;
		height: 100%;
		margin-bottom: 20px;
	}
	._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 .recentBbsTitle strong{
		font-size:20px;
		color:#000;
		padding-top:25px;
		height: 80px;
		margin-bottom:35px;
		display: block;
		white-space: normal;
		text-align: left;
		font-family: 'Noto Medium';
		position: relative;
		overflow: hidden;
		line-height: 1.3;
	}

	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle strong:before{
		content:'';
		height:3px;
		width:18px;
		background:#0090ff;
		position: absolute;
		top:0;
		left:0;
		display: block;
	}

	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle .conts{
		height:240px;
		overflow: hidden;
	}

	._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle span{
		font-size:14px;
		color:#666;
		display: block;
		white-space: normal;
		text-align: left;
		line-height: 1.6;
		font-family: 'Noto Light';
		font-weight: normal;
		height: 150px;
		overflow: hidden;
	}

	._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 .recentBbsInfo dd{
	font-size:18px;
	color:#333;
	position: absolute;
	bottom: 1px;
	left: 30px;
	font-family: 'Noto Regular';
}

	._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{
		display: none;
		width:13px;
		height:13px;
		background: url('../images/plus.png') no-repeat center;
		text-indent: -9999px;
		position: relative;
		top: 7px;
		left: 60px;
	}


/*active items*/

	._recentPhotoUl .recentBbsLi.active .recentBbsMore{
		display: inline-block;
	}

	._recentPhotoUl .recentBbsLi.active .recentBbsInnerUl{
		display: block;
	}
	._recentPhotoUl .recentBbsLi.active .recentPhotoTab{
	color: #333;
	font-family: 'Noto Bold';
	padding: 0 12px 10px;
	background: linear-gradient(to top, #85caff 60%, transparent 50%);
}

@media all and (max-width:1023px) {
.lei_board{padding: 70px 15px 70px 25px}
.lei_board > strong{top:40px;font-size:52px;}
._recentPhotoUl{padding-top:0;padding-left:250px;}
._recentPhotoUl .recentBbsLi{float:left;display:inline-block;vertical-align: top;margin-bottom:0;margin-left: 10px;}
._recentPhotoUl .recentBbsLi + li{margin-left:25px;}
._recentPhotoUl .recentBbsLi .recentBbsInnerUl{width:100%;left:0;top:55px;}
._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle strong{overflow:hidden;}
._recentPhotoUl .recentBbsLi.active .recentBbsMore{left:10px;}
._recentPhotoUl .recentBbsLi.active .recentPhotoTab{background: linear-gradient(to top, #85caff 40%, transparent 40%);}
}

@media all and (max-width:767px) {
.lei_board{min-height:auto;}
._recentPhotoUl .recentBbsLi + li{margin-left:5px;}
._recentPhotoUl .recentBbsLi .recentPhotoTab{font-size:18px;}
._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi{width:100%;margin-bottom:20px;}
._recentPhotoUl .recentBbsLi .recentBbsInnerUl li.recentBbsInnerLi + li{border-left:none;}
._recentPhotoUl .recentBbsLi .recentBbsInnerUl li.recentBbsInnerLi + li + li{display:none;}
._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor{padding:0 25px 70px;}
._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsThumb{padding:20px;background: none;}
._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle .conts{height:auto;}
._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle strong{text-overflow: ellipsis;white-space: nowrap;height:auto;margin-bottom:10px;padding-top:10px;}
._recentPhotoUl .recentBbsLi.active:before{display:none;}
._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo .recentBbsTitle span{font-size:18px;height:auto;max-height: 110px;overflow: hidden;}
._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsInfo dd{font-size:20px;bottom: 20px;}
._recentPhotoUl .recentBbsLi.active .recentPhotoTab{background: linear-gradient(to top, #85caff 30%, transparent 30%);}
._recentPhotoUl .recentBbsLi.active .recentBbsMore{left:0;}

}

@media all and (max-width:580px) {
.lei_board{padding: 55px 0 0;}
._recentPhotoUl{padding-left: 170px;}
._recentPhotoUl .recentBbsMore{top:8px;left:0;}
.lei_board > strong{font-size:38px;left:25px;}
._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor{margin:0;}
._recentPhotoUl .recentBbsLi + li{padding-left:10px;}
}

@media all and (max-width:420px) {
	.lei_board > strong{font-size:30px;}
._recentPhotoUl{padding-left:110px;top:-7px;}
._recentPhotoUl .recentBbsLi .recentPhotoTab{font-size:16px;}
}