/*
.board-wrap.gallery .list-header .info { display:flex; align-items:end; }
.board-wrap.gallery .list-header .search { margin-left:auto; height:auto; }

.board-wrap.gallery .list-header .search .input-box { position:relative;  display:inline-block; vertical-align: top;  }
.board-wrap.gallery .list-header .search .input-box { color: #999; }

.board-wrap.gallery .list-header .search .input-box.text p{display:inline-block;}

.board-wrap.gallery .list-header .search .input-box.select  select::-ms-expand {display: none;}
.board-wrap.gallery .list-header .search .input-box.select  select{ vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.board-wrap.gallery .list-header .search .input-box input,
.board-wrap.gallery .list-header .search .input-box select { padding: 10px 25px 10px 10px; height: 39px; border:1px solid #d2d2d2; color: #999; }
.board-wrap.gallery .list-header .search .input-box input::placeholder {color: #999;}
*/

.board-wrap.gallery {overflow:hidden;}

.board-wrap.gallery ul {display:flex; flex-wrap: wrap; margin:-5px;}
.board-wrap.gallery li { position:relative; width: calc(100% / 3); padding:5px; }

.board-wrap.gallery li .box {width:100%; height:100%; overflow: hidden;}
.board-wrap.gallery li .info-wrap {font-size:14px;}
.board-wrap.gallery li .info-wrap .text1 span { color:red; }
.board-wrap.gallery li .info-wrap .text1 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board-wrap.gallery li .info-wrap .text3 {text-align:right; }

.board-wrap.gallery li .info-wrap .text2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.board-wrap.gallery li .info-wrap .info {position:relative;}

.board-wrap.gallery .image-box { position: relative; width:100%; padding-top:56%; overflow: hidden;}
/*
.board-wrap.gallery .image-box:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    transition: all 0.2s;
    opacity:0;
}
*/
.board-wrap.gallery .image-box .bg{
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.2s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.board-wrap.gallery .bg.no-image:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #efefef;
    position: absolute;
    top: 0;
}

/*
.board-wrap.gallery .bg.no-image:after {
	content: "\f1c5";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	top: 0;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px;
}
*/

.board-wrap.gallery .slick-slide.tmp { position:absolute; height:100%; }

/*
@media screen and (max-width:767px) {
	.board-wrap.gallery ul { display:block; flex-wrap: nowrap; }

	.board-wrap.gallery li {width:100%;}
	.board-wrap.gallery li .box {display:flex;}
	.board-wrap.gallery li .image-box {width:200px; padding-top:initial; }
	.board-wrap.gallery li .info-wrap {width:100%; padding-left:10px;}

	.board-wrap.gallery li:not(:last-child) { border-bottom:1px solid #d3d3d3;  }
	#wd210524mn2q87 .board-wrap.gallery li .box { border:0px solid #d3d3d3; }

	.board-wrap.gallery .image-box .bg{
		position:relative;
		padding-top:75%;
	}


	#wd210524mn2q87 .board-wrap.gallery li .info-wrap { color:#000; opacity:1; position:relative; }
	#wd210524mn2q87 .board-wrap.gallery li .info-wrap .info {position:relative; width:initial; top:initial; left:initial; transform:initial;}
}

@media screen and (max-width:480px) {
	.board-wrap.gallery ul { display:flex; flex-wrap: wrap; }

	.board-wrap.gallery li {width: calc(100% / 3); }
	.board-wrap.gallery li .box {display:block;}
	.board-wrap.gallery li .image-box {width:100%; padding-top:75%; }
	.board-wrap.gallery li .info-wrap {width:100%; padding-left:10px;}

	.board-wrap.gallery li:not(:last-child) { border-bottom:0px solid #d3d3d3;  }
	.board-wrap.gallery li .box { border:1px solid #d3d3d3 !important; }

	.board-wrap.gallery .image-box .bg{
		position:absolute;
		padding-top:initial;
	}
}

.board-wrap.gallery .list-footer {margin-top:10px;}
.board-wrap.gallery .list-footer .btn-wrap {display:flex; }
.board-wrap.gallery .list-footer .btn-wrap .right { margin-left:auto; }

.board-wrap.gallery .list-footer .paging-wrap { text-align: center; }
*/


/* event */
.board-wrap.gallery li:hover .image-box:after{opacity:1 !important;}
.slider-btn .pagination { position:relative; }

.hover-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.0);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    transition: 300ms;
}

.hover-bg:hover {
    background-color: rgba(0,0,0,0.7);
}

.fg-item-icon-inner {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: #f00;
    color: #fff;
    height: 48px;
    line-height: 48px;
    width: 48px;
    font-size: 23px;
    border-radius: 107px;
    transition: 300ms;
	opacity: 0;
}


.hover-bg:hover .fg-item-icon-inner {
    background: #f00;
    color: #fff;
	opacity: 1;
}