@charset "utf-8";
/* *******************************************************
 * filename : gallery.css
 * description : 갤러리형 게시판 관련 CSS
 * date : 2021-04-21
******************************************************** */
.bbs-basic-gallery-con{
	opacity:1 !important
}
.gallery-list{
	position: relative;
	margin:0 -1.25%;
}
.gallery-list .gal-list-item{
	float:left;
	width:22.5%;
	margin:0 1.25% 50px;
}
.gallery-list .gal-list-item .gal-thum{
	overflow:hidden;
	height: 225px;
}
@media screen and (min-width:1024px){
	.gallery-list .gal-list-item .gal-thum{
		height: 225px;
	}
}
.gallery-list .gal-list-item .gal-thum img{
	width:100%;
	height:auto;
	transition:all 0.3s;
}
.gallery-list .gal-list-item .gal-info .gal-tit{
	display: inline-block;
	position: relative;
	font-size: var(--14-font-size);
	font-weight: 500;
	line-height:1.5em;
	letter-spacing:-0.5px;
	color:var(--main-color);
	margin-top:18px;
}
.gallery-list .gal-list-item .gal-info .gal-tit:before{
	position: absolute;
	content:'';
	width:100%;
	height:1px;
	background:var(--main-color);
	bottom:-2px;
}
.gallery-list .gal-list-item .gal-info .gal-writer{
	font-size: 14px;
	line-height:1.5;
	letter-spacing:-0.5px;
	color: var(--text-color);
	font-weight:700;
	margin-top:18px;
	height:60px;
	word-break: keep-all;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow:hidden;
}
.gallery-list .gal-list-item .gal-info .gal-date{
	font-size: var(--14-font-size);
	line-height:1.5em;
	letter-spacing:-0.25px;
	color: var(--text-color-light);
	margin-top:18px;
	font-weight:500;
}

.gallery-list .slick-arrow{position: absolute; font-size:22px; line-height:1.36em; letter-spacing:-0.5px; color:#9a9a9a; top:-65px; right:20px;}
.gallery-list .slick-arrow.slick-next{right:18px;}
.gallery-list .slick-arrow.slick-next:before{position: absolute; content:''; background:#cacaca; width:1px; height:16px; top:5px; left:-25px;}
.gallery-list .slick-arrow.slick-prev{right:90px;}

.gallery-list .gal-list-item a:hover .gal-thum img{    
	-webkit-transform: scale(1.1) rotate(0.002deg);
    -moz-transform: scale(1.1) rotate(0.002deg);
    -ms-transform: scale(1.1) rotate(0.002deg);
    -o-transform: scale(1.1) rotate(0.002deg);
    transform: scale(1.1) rotate(0.002deg);
}

@media all and (max-width:1024px){
	.gallery-list{margin:0 -1%}
	.gallery-list .gal-list-item{width:31%; margin:0 1% 50px;}
}
@media all and (max-width:800px){
	.gallery-list{margin:0 -1%}
	.gallery-list .gal-list-item{width:48%; margin:0 1% 30px;}
	.gallery-list .gal-list-item .gal-info .gal-tit, .gallery-list .gal-list-item .gal-info .gal-date{font-size:12px; margin-top:10px;}
	.gallery-list .gal-list-item .gal-info .gal-writer{font-size:15px; margin-top:10px;height:44px;}
}
@media all and (max-width:480px){
	.gallery-list{margin:0 -1%}
	.gallery-list .gal-list-item{width:100%; margin:0 1% 30px;}
}