.gallery-list{margin: 0px -15px 20px;display: flex;flex-wrap:wrap;}
.gallery-list li{width: 33.3333%;padding: 15px;padding-bottom: 30px;}
.gallery-list li a{display: block;position: relative;transition:all ease-out .3s;}

.gallery-list .gallery-list-checkbox{margin-bottom: 15px;}

.gallery-list .gallery-icon-pack{position: absolute;right:15px;top:15px;z-index: 50;left:15px;display: flex;justify-content:space-between;}
.gallery-list .list-icon{display: inline-block;background: rgba(0, 0, 0, .5);color:#fff;padding:0 12px;font-size: 1.2rem;height: 32px;line-height: 32px;border-radius:32px;box-shadow:3px 3px 8px 3px rgba(0, 0, 0, .2);}
.gallery-list .list-icon.icon-new{margin-left: auto;}

.gallery-list .gallery-list-img{position: relative;height: 0;padding-top: 75%;overflow: hidden;display: block;transition:all .3s ease-out;}
.gallery-list .gallery-list-img .secret-box{position: absolute;left:0;top:0;width: 100%;height: 100%;background:#333;}
.gallery-list .gallery-list-img .secret-box:after{-webkit-mask:url('/images/svg/lock.svg') no-repeat center;mask:url('/images/svg/lock.svg') no-repeat center;mask-size: 11rem auto;-webkit-mask-size: 11rem auto;background-color: #fff;position: absolute;left:0;top:0;width: 100%;height: 100%;content: "";}
.gallery-list .gallery-list-img .no-image{position: absolute;left:0;top:0;width: 100%;height: 100%;background:#333;}
.gallery-list .gallery-list-img .no-image:after{-webkit-mask:url('/images/svg/image.svg') no-repeat center;mask:url('/images/svg/image.svg') no-repeat center;mask-size: 11rem auto;-webkit-mask-size: 11rem auto;background-color: #fff;position: absolute;left:0;top:0;width: 100%;height: 100%;content: "";}
.gallery-list .gallery-img-content{position: absolute;left:0;top:0;width: 100%;height: 100%;transition:all ease-out .4s; object-fit: cover;}
.gallery-list .gallery-list-img:after{position: absolute;left:-80%;top:0;width: 50%;height: 100%;background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%); content:""; transform:skew(25deg); z-index: 100;}
.gallery-list .gallery-list-img:before{content:"";position: absolute;left:5px;top:5px;bottom:5px;right:5px;border: 1px solid rgba(255, 255, 255, 0.25);opacity: 0;border-radius:15px;z-index: 9;}
.gallery-list a:hover .gallery-list-img:before{opacity: 1;transition:all ease-out .4s;transition-delay:.3s;}


.gallery-list a:hover .gallery-list-img:after{left:125%;transition:all 0.6s;transition-delay:0s}

.gallery-list .gallery-list-content{margin-top: 30px;position: relative;padding-top: 15px;display: block;}
.gallery-list .gallery-list-content:after{content:"";width: 40px;height: 2px;background: #2d2d2d;position: absolute;left:0;top:0;}
.gallery-list .gallery-list-title{font-size: 2rem;font-weight: 700;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.gallery-list .gallery-list-category{font-size: 1.4rem;font-weight: 300;display: block;color:#999;margin-bottom: 5px;}
.gallery-list .gallery-list-content-text{word-break:break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 1.6rem;letter-spacing:-1px;font-weight: 300;line-height: 1.3em;margin-top: 8px;color:#555;line-height: 1.4em;}
.gallery-list .gallery-list-content-etc{margin-top: 13px;display: block;font-size: 1.4rem;color:#999;}
.gallery-list .gallery-list-content-etc .list-writer{padding-left: 25px;background: url(/images/svg/user.svg) 0 center no-repeat;background-size: 18px auto;}
.gallery-list .gallery-list-content-etc .list-writer .sv_member{color:#999;}
.gallery-list .gallery-list-content-etc .list-writer .profile_img{display: none;}
.gallery-list .gallery-list-content-etc .list-date{padding-left: 25px;background: url(/images/svg/calendar.svg) 0 center no-repeat;background-size: 18px auto;font-family: tahoma;margin-left: 10px;}
.gallery-list .gallery-list-content-etc .list-comment{padding-left: 25px;background: url(/images/svg/message-circle.svg) 0 center no-repeat;background-size: 18px auto;font-family: tahoma;margin-left: 10px;}
.list-content-secret{color: #e3401b;}


.gallery-list a:hover .gallery-list-img img{transform:scale(1.1);}
.gallery-list a:hover .gallery-list-img{box-shadow:5px 5px 20px rgba(0, 0, 0, .6);border-radius:15px;}

.gallery-empty-list{flex-grow:1;}
.gallery-empty-list div{height: 150px;display:flex;align-items:center; justify-content:center; flex-wrap:wrap; align-content:center;flex-grow:1;box-shadow:0 0 15px 3px rgba(0, 0, 0, .1);background: #fff;}

.gallery-list .gallery-list-checkbox{margin-bottom: 15px;}
.gallery-list-checkbox .check-box span, .gallery-list-checkbox .check-box label{width: 23px !important;height: 23px !important;}
.gallery-list-checkbox .check-box span:after{top:3px;left: 8px;}
.bo-top-wrap .gallery-list-checkbox{width: 42px;display: inline-flex;align-items:center;justify-content:center;height: 32px;vertical-align:top}



@media screen and (max-width: 1200px){
	.gallery-list li{width: 50%;}
}

@media screen and (max-width: 760px){
	.gallery-list{margin: 0 0 20px;}
	.gallery-list li{width: 100%;padding: 20px 0;}
	.gallery-list .gallery-list-title{font-size: 1.8rem;}
	.gallery-list .gallery-list-content-text{font-size: 1.4rem;}
	.gallery-list .gallery-list-content-etc{font-size: 1.2rem;}
	.gallery-list .gallery-list-content-etc span{display: inline-block;min-height:21px;line-height: 21px;}
}