/* 갤러리형 게시판 최신글 섹션 A-Col4 */
.imgbanner-1-spaceflex-3col-unlike-bg {
	/*background: linear-gradient(150deg, rgb(37,16,77,1.0) 0%, rgb(29, 40, 94,1.0) 50%, rgb(7, 94, 116,1.0) 100%);*/
}
.imgbanner-1-spaceflex-3col-unlike {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 10px;
}
.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1 {
	display: block;
	border-radius: 0.8em;
	overflow: hidden;
}
.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(1),
.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(2) {
	width: calc(33.33333333% - 6.66666666666px);
}
.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(3) {
	width: calc(33.33333333% - 6.66666666666px);
}
.imgbanner-1-spaceflex-3col-unlike .img-hover-text2 {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
}

.imgbanner-1-spaceflex-3col-unlike .img-hover-text2 .img-hover-text2-bg {
	position: relative;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.imgbanner-1-spaceflex-3col-unlike .img-hover-text2 .img-hover-text2-bg .img-hover-text2-bg-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.0);
	transition: all 0.3s ease;
}
.imgbanner-1-spaceflex-3col-unlike .img-hover-text2:hover .img-hover-text2-bg .img-hover-text2-bg-cover {
	background-color: rgba(0,0,0,0.4);
}
.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(1) .img-hover-text2-bg {
	padding-bottom: 49.231%;
}
.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(2) .img-hover-text2-bg {
	padding-bottom: 49.231%;
}
.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(3) .img-hover-text2-bg {
	padding-bottom: 49.231%;
}
.imgbanner-1-spaceflex-3col-unlike .img-hover-text2 .distext {
    position: absolute;
	left: 10%;
    right: 10%;
	bottom: 10%;
    text-decoration: none;
	transition: all 0.3s ease;
}
.imgbanner-1-spaceflex-3col-unlike .img-hover-text2:hover .distext {
	bottom: 20%;
}
.imgbanner-1-spaceflex-3col-unlike .img-hover-text2 .distext .hidtext {
	opacity: 1;
	transition: all 0.3s ease;
}
.imgbanner-1-spaceflex-3col-unlike .img-hover-text2:hover .distext .hidtext {
	opacity: 1;
}
.imgbanner-1-spaceflex-3col-unlike .img-hover-text2 .distext .hidtext h4 {
	text-shadow: 1px 1px 1px #000;
}
.imgbanner-1-spaceflex-3col-unlike .img-hover-text2 .distext .hidtext h5 {
	text-shadow: 1px 1px 1px #000;
}
.imgbanner-1-spaceflex-3col-unlike .img-hover-text2 .distext .hidtext h6 {
	text-shadow: 1px 1px 1px #000;
}
.imgbanner-1-spaceflex-3col-unlike .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-unlike .booking-1 {
		order: 1;
	}
	.imgbanner-1-spaceflex-3col-unlike .booking-2 {
		order: 2;
	}
	.imgbanner-1-spaceflex-3col-unlike .booking-3 {
		order: 3;
	}
}
@media only screen and (max-width: 991px) {
	.imgbanner-1-spaceflex-3col-unlike-bg.section .container {
		padding-top: min(14.75vw, 100px);
		padding-bottom: min(5.25vw, 50px);
	}
	.imgbanner-1-spaceflex-3col-unlike {
		padding-top: min(5.25vw, 50px);
	}
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(1),
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(2) {
	width: calc((100% - 10px) / 2);
	}
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(3) {
		width: 100%;
	}
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(1) .img-hover-text2-bg {
		padding-bottom: 75%;
	}
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(2) .img-hover-text2-bg {
		padding-bottom: 75%;
	}
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(3) .img-hover-text2-bg {
		padding-bottom: 38%;
	}
	.imgbanner-1-spaceflex-3col-unlike .booking-1 {
		order: 1;
	}
	.imgbanner-1-spaceflex-3col-unlike .booking-2 {
		order: 2;
	}
	.imgbanner-1-spaceflex-3col-unlike .booking-3 {
		order: 3;
	}
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(3) .img-hover-text2 .distext {
		left: 5%;
	}
}
@media only screen and (max-width: 640px) {
	.imgbanner-1-spaceflex-3col-unlike-bg.section .container {
		padding-top: unset;
		padding-bottom: unset;
	}
	.imgbanner-1-spaceflex-3col-unlike .img-hover-text2 .distext .hidtext p {
		display: none;
	}
}
@media only screen and (max-width: 440px) {
}
@media only screen and (max-width: 360px) {
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(1),
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(2),
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(3) {
		width: 100%;
	}
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(1) .img-hover-text2 .distext,
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(2) .img-hover-text2 .distext,
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(3) .img-hover-text2 .distext {
		left: 5%;
	}
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(1) .img-hover-text2-bg,
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(2) .img-hover-text2-bg,
	.imgbanner-1-spaceflex-3col-unlike .imgbanner-box-1:nth-child(3) .img-hover-text2-bg {
		padding-bottom: 50%;
	}
}
