/* slidebanner-1-sql-plus 배너 */
.slidebanner-1-sql-plus .slidebanner-1-sql-plus-flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.slidebanner-1-sql-plus .slidebanner-1-sql-plus-flex > div:first-child {
	width: 25%;
}
.slidebanner-1-sql-plus .slidebanner-1-sql-plus-flex > div:last-child {
	width: 70%;
}
.slidebanner-1-sql-plus .item-cont {position: relative;}
.slidebanner-1-sql-plus .item-cont .img-con {overflow: hidden;}
.slidebanner-1-sql-plus .item-cont .img-con img {transition: all ease 0.3s;}
.slidebanner-1-sql-plus .item-cont:hover .img-con img {transform: scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}
.slidebanner-1-sql-plus .item-cont .text-box {width: 100%;}
.slidebanner-1-sql-plus .item-cont .text-box .text-con {
	padding: 22px 5px 0;
}
.slidebanner-1-sql-plus .item-cont .text-box .text-con p.content {
	font-size: 14px;
	color: #909090;
	margin-bottom: 0;
	transition: color ease 0.3s;
	margin-top: 10px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.slidebanner-1-sql-plus .item-cont .text-box .text-con h6.title {
	font-weight: 600;
	width: calc(100% - 40px);
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.slidebanner-1-sql-plus .item-cont .text-box .text-con .title-zone {position: relative;}
.slidebanner-1-sql-plus .item-cont .text-box .text-con .title-zone img {
	position: absolute;
	right: 0;
	top: 0;
	height: 90%;
	max-height: 19.8px;
	width: auto;;
}
.slidebanner-1-sql-plus .item-cont .text-box .text-con .title-zone img.plus-1 {display: block;transition: all ease 0.3s;}
.slidebanner-1-sql-plus .item-cont .text-box .text-con .title-zone img.plus-2 {display: none;}
.slidebanner-1-sql-plus .item-cont:hover .text-box .text-con .title-zone img.plus-1 {transform: rotate(90deg);}

.slidebanner-1-sql-plus .animation-btn {
    margin-top: 50px;
}

@media only screen and (max-width: 1199px) {
	.slidebanner-1-sql-plus .slidebanner-1-sql-plus-flex > div:first-child,
	.slidebanner-1-sql-plus .slidebanner-1-sql-plus-flex > div:last-child {
		width: 100%;
	}
}
@media only screen and (max-width: 991px) {
	.slidebanner-1-sql-plus.section .container {
		padding-top: min(14.75vw, 100px);
		padding-bottom: min(5.25vw, 50px);
	}
}
