/* 갤러리형 게시판 최신글 섹션 A-Col4 */
.imgbanner-1-spaceflex-3col-bg {
	background-image: url(../../theme/ybusiness_1/img/bg/sec-bg-001.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.imgbanner-1-spaceflex-3col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 10px;
}
.imgbanner-1-spaceflex-3col .imgbanner-box-1:nth-child(1),
.imgbanner-1-spaceflex-3col .imgbanner-box-1:nth-child(2),
.imgbanner-1-spaceflex-3col .imgbanner-box-1:nth-child(3){
	width: calc((100% - 20px) / 3);
}
.imgbanner-1-spaceflex-3col .img-hover-text2 {position: relative;background: #323335;}
.imgbanner-1-spaceflex-3col .img-hover-text2 img {opacity: 1.0;display: block;transition: all 0.3s ease;width: 100%;height: auto;}
.imgbanner-1-spaceflex-3col .img-hover-text2:hover img {opacity: 0.3;}
.imgbanner-1-spaceflex-3col .img-hover-text2 .distext {
    position: absolute;
	left: 10%;
    right: 10%;
	bottom: 10%;
    text-decoration: none;
	transition: all 0.3s ease;
}
.imgbanner-1-spaceflex-3col .img-hover-text2:hover .distext {
	bottom: 20%;
}
.imgbanner-1-spaceflex-3col .img-hover-text2 .distext .hidtext {
	opacity: 1;
	transition: all 0.3s ease;
}
.imgbanner-1-spaceflex-3col .img-hover-text2:hover .distext .hidtext {
	opacity: 1;
}
.imgbanner-1-spaceflex-3col .img-hover-text2 .distext .hidtext h4 {
	text-shadow: 1px 1px 1px #000;
}
.imgbanner-1-spaceflex-3col .img-hover-text2 .distext .hidtext h5 {
	text-shadow: 1px 1px 1px #000;
}
.imgbanner-1-spaceflex-3col .img-hover-text2 .distext .hidtext h6 {
	text-shadow: 1px 1px 1px #000;
}
.imgbanner-1-spaceflex-3col .img-hover-text2 .distext .hidtext p {
	margin-top: 10px;
	color: #fff;
	line-height: 1.2;
	text-shadow: 1px 1px 1px #000;
}
@media only screen and (min-width: 992px) {
	.imgbanner-1-spaceflex-3col .booking-1 {
		order: 1;
	}
	.imgbanner-1-spaceflex-3col .booking-2 {
		order: 2;
	}
	.imgbanner-1-spaceflex-3col .booking-3 {
		order: 3;
	}
}
@media only screen and (max-width: 991px) {
	.imgbanner-1-spaceflex-3col {
		justify-content: space-around;
	}
	.imgbanner-1-spaceflex-3col .imgbanner-box-1:nth-child(1),
	.imgbanner-1-spaceflex-3col .imgbanner-box-1:nth-child(2),
	.imgbanner-1-spaceflex-3col .imgbanner-box-1:nth-child(3) {
		width: calc((100% - 10px) / 2);
	}
	.imgbanner-1-spaceflex-3col .booking-1 {
		order: 1;
	}
	.imgbanner-1-spaceflex-3col .booking-2 {
		order: 2;
	}
	.imgbanner-1-spaceflex-3col .booking-3 {
		order: 3;
	}
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 440px) {
}
@media only screen and (max-width: 360px) {
	.imgbanner-1-spaceflex-3col .img-hover-text2 .distext .hidtext h4 {font-size: 18px;}
	.imgbanner-1-spaceflex-3col .imgbanner-box-1:nth-child(1),
	.imgbanner-1-spaceflex-3col .imgbanner-box-1:nth-child(2),
	.imgbanner-1-spaceflex-3col .imgbanner-box-1:nth-child(3) {
		width: 100%;
	}
}
