/* 갤러리형 게시판 최신글 섹션 A-Col4 */
.imgbanner-1-basic {
	position: relative;
	background-color: transparent;
}

.imgbanner-1-basic .bg-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.0);
}

.imgbanner-1-basic .imgbanner-1-basic-flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.imgbanner-1-basic .imgbanner-1-basic-flex>div:first-child {
	width: 23%;
}

.imgbanner-1-basic .imgbanner-1-basic-flex>div:last-child {
	width: 72%;
}

.imgbanner-1-basic .item-flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: start;
	column-gap: 20px;
	row-gap: 2.4em;
}

.imgbanner-1-basic .item-flex .item {
	display: block;
	width: calc((100% - 60px) / 4);
}

.imgbanner-1-basic .imgbanner-1-basic-flex .item-flex .item {
	display: block;
	width: calc((100% - 40px) / 3);
}

.imgbanner-1-basic .img-hover-text2 {
	position: relative;
	background: #323335;
}

.imgbanner-1-basic .img-hover-text2 img {
	opacity: 1.0;
	display: block;
	transition: all 0.3s ease;
	width: 100%;
	height: auto;
}

.imgbanner-1-basic .img-hover-text2:hover img {
	opacity: 0.3;
}

.imgbanner-1-basic .img-hover-text2 .distext {
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: 10%;
	text-decoration: none;
	transition: all 0.3s ease;
}

.imgbanner-1-basic .img-hover-text2:hover .distext {
	bottom: 20%;
}

.imgbanner-1-basic .img-hover-text2 .distext .hidtext {
	opacity: 1;
	transition: all 0.3s ease;
}

.imgbanner-1-basic .img-hover-text2:hover .distext .hidtext {
	opacity: 1;
}

.imgbanner-1-basic .img-hover-text2 .distext .hidtext .title {
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.imgbanner-1-basic .img-hover-text2 .distext .hidtext p {
	margin-top: 10px;
	color: #fff;
	line-height: 1.2;
	text-shadow: 1px 1px 1px #000;
}

.imgbanner-1-basic .animation-btn {
	margin-top: 50px;
}

@media only screen and (min-width: 992px) {
	.imgbanner-1-basic.section .container {
		padding-top: min(14.75vw, 100px);
	}

	.imgbanner-1-basic .img-hover-text2 .distext .hidtext h4 {
		font-size: 18px;
	}
}

@media only screen and (max-width: 1199px) {

	.imgbanner-1-basic .imgbanner-1-basic-flex>div:first-child,
	.imgbanner-1-basic .imgbanner-1-basic-flex>div:last-child {
		width: 100%;
	}
	.imgbanner-1-basic .item-flex .item {
		width: calc((100% - 40px) / 3);
	}
}

@media only screen and (max-width: 991px) {
	.imgbanner-1-basic.section .container {
		padding-top: min(14.75vw, 100px);
		padding-bottom: min(5.25vw, 50px);
	}
	.imgbanner-1-basic .item-flex .item,
	.imgbanner-1-basic .imgbanner-1-basic-flex .item-flex .item {
		display: block;
		width: calc((100% - 20px) / 2);
	}
}

@media only screen and (max-width: 840px) {

}

@media only screen and (max-width: 480px) {
	.imgbanner-1-basic .item-flex {
		column-gap: 10px;
		row-gap: 14px;
	}
	.imgbanner-1-basic .item-flex .item,
	.imgbanner-1-basic .imgbanner-1-basic-flex .item-flex .item {
		width: 100%;
	}
	
}

@media only screen and (max-width: 360px) {
	.imgbanner-1-basic .item-flex {
		row-gap: 10px;
	}
	.imgbanner-1-basic .item-flex .item,
	.imgbanner-1-basic .imgbanner-1-basic-flex .item-flex .item {
		width: 100%;
	}
}