@charset "UTF-8";

.album-Wrap{position:relative; display:inline-block; padding-bottom:10px; min-width:350px;}
.album-Wrap .album-header{position:absolute; left:0; top:0;}
.album-Wrap .album-title::before{content:""; display: block; width: 98%; height: 1px; background-color: black; margin-bottom: 10px;}
.album-Wrap .album-title{position: relative; font-size: 14px; display: inline-block; transform: rotate(270deg); letter-spacing: 3px; margin: 30px 0 0 -23px;}
.album-Wrap .list {max-width: 350px;position: relative;padding: 0 70px;}
.album-Wrap .con-title{position: absolute;padding: 0 20px; line-height:82px; background-color: rgba(0,0,0,0.55);color: white;width: 100%;bottom: 0;z-index: 5;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.album-Wrap .slick-arrow{width: 70px; height: 82px; cursor: pointer; border-radius: 0; border: 0; position:absolute; bottom:0; display:block; text-indent:-9999px;}
.album-Wrap .slick-arrow.slick-prev{left:0; background:#ffc045 url(./../images/album_arrow_left.png) center center no-repeat;}
.album-Wrap .slick-arrow.slick-next{right:0; background:#ffc045 url(./../images/album_arrow_right.png) center center no-repeat;}
.album-Wrap .list li{position:relative;}
.album-Wrap .list li img{height:300px; width:100%;}
.album-Wrap .recentBbsMore{width: 40px; height: 40px; background: url(../images/more_btn.png) no-repeat center; margin: 0 0 0 8px; position:absolute; right:0; top:0; border:1px solid #000; text-indent:-9999px; display:block;}

.album-Wrap .list .slick-list{box-shadow: 2px 2px 10px rgb(0 0 0 / 30%);}

@media all and (max-width:1200px) {
	body .album-Wrap{float:inherit; width:100%;}

	.album-Wrap .list{width:100%; max-width:100%;}
	.album-Wrap .list li a{display:block;}
	.album-Wrap .list li img{height:auto;}
}

@media all and (max-width:1200px) {
.album-Wrap .con-title{font-size: 21px;}
}