/* 갤러리형 게시판 최신글 섹션 A-Col4 */
.imgbanner-1-textcenter {
	background-color: #0f0f0f;
}
.imgbanner-1-textcenter .imgbanner-1-textcenter-flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.imgbanner-1-textcenter .imgbanner-1-textcenter-flex > div:first-child {
	width: 25%;
}
.imgbanner-1-textcenter .imgbanner-1-textcenter-flex > div:last-child {
	width: 70%;
}
.imgbanner-1-textcenter-flex2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 20px;
}
.imgbanner-1-textcenter-flex2 .imgbanner-box-1 {
	width: calc((100% - 40px) / 3);
}
.imgbanner-1-textcenter-flex2 .img-hover-text2 {
	position: relative;
	background: #323335;
	border-radius: min(3.75vw,20px);
	overflow: hidden;
}
.imgbanner-1-textcenter-flex2 .img-hover-text2 img {opacity: 1.0;display: block;transition: all 0.3s ease;width: 100%;height: auto;}
.imgbanner-1-textcenter-flex2 .img-hover-text2:hover img {opacity: 0.3;}
.imgbanner-1-textcenter-flex2 .img-hover-text2 .distext {
    position: absolute;
	left: 10%;
    right: 10%;
	top: calc(50% - 20px);
    text-decoration: none;
	transition: all 0.3s ease;
}
.imgbanner-1-textcenter-flex2 .img-hover-text2:hover .distext {
	top: calc(40% - 20px);
}
.imgbanner-1-textcenter-flex2 .img-hover-text2 .distext .hidtext {
	opacity: 1;
	transition: all 0.3s ease;
}
.imgbanner-1-textcenter-flex2 .img-hover-text2:hover .distext .hidtext {
	opacity: 1;
}
.imgbanner-1-textcenter-flex2 .img-hover-text2 .distext .hidtext h4 {
	text-shadow: 1px 1px 1px #000;
	text-align: center;
}
.imgbanner-1-textcenter-flex2 .img-hover-text2 .distext .hidtext h5 {
	text-shadow: 1px 1px 1px #000;
	text-align: center;
}
.imgbanner-1-textcenter-flex2 .img-hover-text2 .distext .hidtext h6 {
	text-shadow: 1px 1px 1px #000;
	text-align: center;
}
.imgbanner-1-textcenter-flex2 .img-hover-text2 .distext .hidtext p {
	margin-top: 10px;
	color: #fff;
	line-height: 1.2;
	text-shadow: 1px 1px 1px #000;
	text-align: center;
}
.imgbanner-1-textcenter .animation-btn {
    margin-top: 50px;
}
.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(1) .img-hover-text2 .distext .hidtext h5 {
	color: #fff;
}
.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(2) .img-hover-text2 .distext .hidtext h5 {
	color: #41b7ee;
}
.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(3) .img-hover-text2 .distext .hidtext h5 {
	color: #ff95f6;
}
.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(4) .img-hover-text2 .distext .hidtext h5 {
	color: #d9f885;
}
@media only screen and (min-width: 992px) {
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(1),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(2),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(3),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(4) {
		width: calc((100% - 30px) / 4);
	}
}
@media only screen and (min-width: 1200px) {
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(1),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(2),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(3),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(4) {
		width: calc((100% - 270px) / 4);
	}
	.imgbanner-1-textcenter-flex .imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(1),
	.imgbanner-1-textcenter-flex .imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(2),
	.imgbanner-1-textcenter-flex .imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(3),
	.imgbanner-1-textcenter-flex .imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(4) {
		width: calc((100% - 20px) / 2);
	}
}
@media only screen and (max-width: 1199px) {
	.imgbanner-1-textcenter .imgbanner-1-textcenter-flex > div:first-child,
	.imgbanner-1-textcenter .imgbanner-1-textcenter-flex > div:last-child {
		width: 100%;
	}
}
@media only screen and (max-width: 991px) {
	.imgbanner-1-textcenter-flex2 {
		justify-content: space-around;
	}
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(1),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(2),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(3),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(4) {
		width: calc((100% - 80px) / 2);
	}
}
@media only screen and (max-width: 640px) {
	.imgbanner-1-textcenter-flex2 {
		justify-content: center;
	}
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(1),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(2),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(3),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(4) {
		width: 70%;
	}
}
@media only screen and (max-width: 480px) {
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(1),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(2),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(3),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(4) {
		width: 80%;
	}
}
@media only screen and (max-width: 420px) {
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(1),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(2),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(3),
	.imgbanner-1-textcenter-flex2 .imgbanner-box-1:nth-child(4) {
		width: 90%;
	}
}
@media only screen and (max-width: 360px) {
}
