.gallery-list{margin: 0px -25px 20px;display: flex;flex-wrap:wrap;}
.gallery-list li{width: 25%;padding: 0 25px 40px;}
.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;transition:all .3s ease-out;}
.gallery-list .list-icon{display: inline-block;background: rgba(0, 0, 0, .5);color:#fff;padding:0 12px;font-size: 12px;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%;display: block;transition:all .3s ease-out; perspective: 1000px;}
.gallery-list .gallery-list-img:before{  display: block;content: "";position: absolute;top: 5%;left: 5%;width: 90%;height: 90%;background: rgba(0, 0, 0, 0.5);box-shadow: 0 6px 12px 14px rgba(0, 0, 0, 0.4);will-change: opacity;transform-origin: top center;transition: transform 0.35s ease-in-out, opacity 0.5s ease-in-out;}
.gallery-list .gallery-list-img>div{perspective-origin: 50% 50%;transform-style: preserve-3d;transform-origin: top center;will-change: transform;transition: transform 0.3s ease-in-out;overflow: hidden;}
.gallery-list .gallery-list-img>.gallery-img-content:after{display: block;content: "";position: absolute;z-index: 100;top: 0;left: 0;width: 100%;height: 125%;background: linear-gradient(226deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.2) 42%, rgba(255, 255, 255, 0) 60%);transform: translateY(-20%);will-change: transform;transition: transform 0.65s cubic-bezier(0.18, 0.9, 0.58, 1);}

.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 .3s; background-size: cover;}


.gallery-list a:hover .gallery-list-img:before{opacity: 0.6;transform: rotateX(7deg) translateY(-6px) scale(1.05);}

.gallery-list a:hover .gallery-list-img>div{transform: rotateX(7deg) translateY(-6px);}
.gallery-list a:hover .gallery-list-img>.gallery-img-content:after{transform: translateY(0%);}
.gallery-list a:hover .gallery-icon-pack{transform: rotateX(7deg) translateY(-5px);}


.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: 20px;font-weight: 700;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.gallery-list .gallery-list-category{font-size: 14px;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: 16px;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: 14px;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-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;}
}