/* 갤러리형 게시판 최신글 섹션 A-Col4 */
.em-gallboardlatest-1-col4 {
	position: relative;
}
.em-gallboardlatest-1-col4 .bg-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(20, 41, 83, 1.0);
}
.em-gallboardlatest-1-col4 .imgbanner-1-b-flex2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 20px;
}
.em-gallboardlatest-1-col4 .imgbanner-1-b-flex2 .imgbanner-1-b-flex2-con {
	width: calc((100% - 60px) / 3);
}
.em-gallboardlatest-1-col4 .img-hover-text2 {position: relative;background: #323335;overflow: hidden;border-radius: 15px;}
.em-gallboardlatest-1-col4 .img-hover-text2 img {opacity: 1.0;display: block;transition: all 0.3s ease;width: 100%;height: auto;}
.em-gallboardlatest-1-col4 .img-hover-text2:hover img {opacity: 0.3;}
.em-gallboardlatest-1-col4 .img-hover-text2 .distext {
    position: absolute;
	left: 10%;
    right: 10%;
	bottom: 10%;
    text-decoration: none;
	transition: all 0.3s ease;
}
.em-gallboardlatest-1-col4 .img-hover-text2:hover .distext {
	bottom: 20%;
}
.em-gallboardlatest-1-col4 .img-hover-text2 .distext .hidtext {
	opacity: 1;
	transition: all 0.3s ease;
}
.em-gallboardlatest-1-col4 .img-hover-text2 .distext .hidtext h6 {
	text-shadow: 0px 2px 12px #000;
}
.em-gallboardlatest-1-col4 .img-hover-text2 .distext .hidtext p {
	margin-top: 10px;
	text-shadow: 0px 2px 12px #000;
}
.em-gallboardlatest-1-col4 .img-hover-text2:hover .distext .hidtext {
	opacity: 1;
}
@media only screen and (min-width: 992px) {
	.em-gallboardlatest-1-col4 .img-hover-text2 .distext .hidtext h4 {font-size: 18px;}
}
@media only screen and (min-width: 1200px) {
	.sec-padding-120.em-gallboardlatest-1-col4 {
		padding-top: 0;
		padding-bottom: 0;
		position:relative;
		margin-top: -165px;
		height: 354px;
	}
	.em-gallboardlatest-1-col4 .sec-title-container-2-a {
		display: none;
	}
	.sec-padding-120.em-gallboardlatest-1-col4 .container {
		position:absolute;
		left: calc(50% - 1340px/2);
		z-index: 9;
		;
	}
	.em-gallboardlatest-1-col4 .img-hover-text2 .distext .hidtext h6 {
		font-size: 26px;
	}
}
@media only screen and (max-width: 1199px) {
	.em-gallboardlatest-1-col4 .imgbanner-1-b-flex2 .imgbanner-1-b-flex2-con {
		width: calc((100% - 20px) / 2);
	}
}
@media only screen and (max-width: 800px) {
	.em-gallboardlatest-1-col4 .imgbanner-1-b-flex2 .imgbanner-1-b-flex2-con {
		width: 100%;
	}
	.em-gallboardlatest-1-col4 .img-hover-text2 .distext {
		left: 5%;
	}

}
@media only screen and (max-width: 360px) {
	.em-gallboardlatest-1-col4 .img-hover-text2 .distext .hidtext h4 {font-size: 18px;}
}