@charset "euc-kr";
/* CSS Document */
#sl_bbs02 .board_output_gallery_img a {
	position: relative;
	display: inline-block; /* ÃÖÀûºí·° */
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
#sl_bbs02 .board_output_gallery_img a img {
   -webkit-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
#sl_bbs02 .board_output_gallery_img a .mask {
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
/*	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);*/
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
}

#sl_bbs02 .board_output_gallery_img a .mask h4 {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	text-align: center;
	font-weight: 600;
	position: absolute;
	left: 100%;
	display: block;
	width: 100%;
	height: 100%;
	color: #000000;
	font-family: "³ª´®¹Ù¸¥°íµñ", "Nanum Barun Gothic", sans-serif;
	top: 40%;
}

#sl_bbs02 .board_output_gallery_img a:hover .mask {
	opacity: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	left: 0px;
}
#sl_bbs02 .board_output_gallery_img a:hover .mask h4 {
	opacity: 1;
	position: absolute;
	left: 0%;
	color: #FFFFFF;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}


@media (max-width:767px){
}