/* 갤러리형 게시판 최신글 섹션 A-Col4 */
.imgbanner-3-2col-sql {
    background-color: #fafafa;
}
.imgbanner-3-2col-sql .imgbanner-3-2col-sql-flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.imgbanner-3-2col-sql .imgbanner-3-2col-sql-flex > div:first-child {
	width: 25%;
}
.imgbanner-3-2col-sql .imgbanner-3-2col-sql-flex > div:last-child {
	width: 70%;
}
.imgbanner-3-2col-sql .imgbanner-3-2col-sql-flex-2 {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 40px;
}
.imgbanner-3-2col-sql .imgbanner-3-2col-sql-flex-2 .img-hover-ban {
	width: calc((100% - 20px) /2);
}
.imgbanner-3-2col-sql .img-hover-ban-1 {
	position: relative;
	background: transparent;
	transition: all 0.3s ease;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.imgbanner-3-2col-sql .img-hover-ban-1:hover {
	/*-webkit-box-shadow:2px 3px 3px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:2px 3px 3px 2px rgba(0,0,0,0.1);
	box-shadow:2px 3px 3px 2px rgba(0,0,0,0.1);*/
}
.imgbanner-3-2col-sql .img-hover-ban-1 .img-zoom-zone {
	overflow: hidden;
}
.imgbanner-3-2col-sql .img-hover-ban-1 .img-zoom-zone img {display: block;transition: all 0.3s ease;width: 100%;height: auto;}
.imgbanner-3-2col-sql .img-hover-ban-1:hover .img-zoom-zone img {transform: scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}
.imgbanner-3-2col-sql .img-hover-ban-1 .text-box-zone {
    position: relative;
	padding: 5px 5px;
    text-decoration: none;
	display: flex;
	flex-direction: column;
	justify-content: start;
}
.imgbanner-3-2col-sql .img-hover-ban-1 .text-box-zone .text-1 {
    width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 0.8em;
}
.imgbanner-3-2col-sql .img-hover-ban-1 .text-box-zone h5 {
	text-align: center;
	color: #101010;
	letter-spacing: -0.03em;
}
.imgbanner-3-2col-sql .img-hover-ban-1 .text-box-zone p {
	text-align: center;
}
.imgbanner-3-2col-sql .img-hover-ban-1 .text-box-zone p.category {
	color: #727272;
}
.imgbanner-3-2col-sql .img-hover-ban-1 .text-box-zone p.summary {
	color: #505050;
	line-height: 1.4;
	letter-spacing: -0.03em;
}
@media only screen and (min-width: 481px) {
}
@media only screen and (min-width: 641px) {
	.imgbanner-3-2col-sql .img-hover-ban:nth-child(2n) .img-hover-ban-1 .order-1 {
		order: 1;
	}
	.imgbanner-3-2col-sql .img-hover-ban:nth-child(2n) .img-hover-ban-1 .order-2 {
		order: 2;
	}
	.imgbanner-3-2col-sql .img-hover-ban-1 .img-zoom-zone {
		width: 25%;
	}
	.imgbanner-3-2col-sql .img-hover-ban-1 .text-box-zone {
		width: 72%;
	}
	.imgbanner-3-2col-sql .img-hover-ban-1 .text-box-zone h5 {
		text-align: left;
	}
	.imgbanner-3-2col-sql .img-hover-ban-1 .text-box-zone p {
		text-align: left;
	}
}
@media only screen and (min-width: 801px) {
}

@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200px) {
	.imgbanner-3-2col-sql .img-hover-ban-1 .img-zoom-zone {
		width: 30%;
	}
	.imgbanner-3-2col-sql .img-hover-ban-1 .text-box-zone {
		width: 67%;
	}
}
@media screen and (max-width: 1199px) {
	.imgbanner-3-2col-sql .img-hover-ban-1 {
		align-items: center;
	}
	.imgbanner-3-2col-sql .img-hover-ban-1 .text-box-zone {
		justify-content: center;
	}
	.imgbanner-3-2col-sql .imgbanner-3-2col-sql-flex-2 {
		row-gap: 2.8em;
	}
	.imgbanner-3-2col-sql .imgbanner-3-2col-sql-flex-2 .img-hover-ban {
		width: 100%;
	}
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 640px) {
	.imgbanner-3-2col-sql .img-hover-ban-1 .img-zoom-zone {
		width: 100%;
	}
	.imgbanner-3-2col-sql .img-hover-ban-1 .text-box-zone {
		width: 100%;
		padding: 30px 5px;
	}
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 360px) {
}