/* 섹션 FIXED 백그라운드 스타일 5 */
.sec-padding.em-background-banner-5 {
	padding: 140px 0 130px;
}
.em-background-banner-5 .sec-title-container h2, .em-background-banner-5 .sec-title-container h6 {
	color: #fff;
	margin-left: 0;
	margin-right: 0;
}
.em-background-banner-5 .sec-title-container h6 {
	margin-bottom: 30px;
	width: calc(100% - 20px) !important;
}
.em-background-banner-5 .sec-title-container p.text-con {
	text-align: left;
	color: rgba(255, 255, 255, 0.5);
	line-height: 1.4;
}
.em-background-banner-5 .icon-banner-box {width: 100%;}
.em-background-banner-5 .icon-banner-box:after {display: block;clear: both;content: "";}
.em-background-banner-5 .icon-banner-box ul li {
	flex: unset;
	width: calc((100% - 10px) / 2);
	float: left;
	padding: 25px 24px;
	background-color: #fff;
}
.em-background-banner-5 .icon-zone {position: relative;width: 100%;padding-bottom: 70px;margin-bottom: 15px;}
.em-background-banner-5 .icon-zone .inner-zone {
	position: absolute;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	margin: 10px 10px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;;
}
.em-background-banner-5 .icon-zone .inner-zone img {height: 50px;width: 50px;transition: all ease 0.5s;}
.em-background-banner-5 .text-zone {text-align: center;}
.em-background-banner-5 .text-zone h5 {font-weight: 600;font-size: 20px;letter-spacing: -0.05em;text-align: center;margin-bottom: 16px;}
.em-background-banner-5 .text-zone p {text-align: center;font-size: 14px;font-weight: 500;color: #999;word-break: keep-all;margin-bottom: 5px;line-height: 1.4;}

.em-background-banner-5 img.maxwidth-1000-on {display: none;}

.em-background-banner-5 .icon-banner-box ul li:hover .icon-zone .inner-zone img {transform: rotateY(180deg);}

@media only screen and (min-width: 800px) {
	.em-background-banner-5 .sec-title-container {width: 100%;}
	.em-background-banner-5 .sec-title-container h2 {margin-bottom: 45px;}
	.em-background-banner-5 .sec-title-container h2:after {bottom: -25px;}
	.em-background-banner-5 .sec-title-container h6 {font-size: 20px;}
	.em-background-banner-5 .sec-title-container p.text-con {font-size: 16px;}
}
@media only screen and (max-width: 1200px) {
	.em-background-banner-5 .icon-banner-box ul li {padding: 25px 20px;}
}
@media only screen and (max-width: 991px) {
	.em-background-banner-5 .icon-banner-box {border-left: 0;}
	.em-background-banner-5 .icon-zone {width: 80px;float: left;}
	.em-background-banner-5 img.maxwidth-1000-on {display: none;width: 50px;height: 50px;float: left;margin-right: 30px;transition: all ease 0.5s;}
	.em-background-banner-5 .icon-banner-box ul li {width: 100%;border-right: 0;}
	.em-background-banner-5 .icon-banner-box ul li:hover img.maxwidth-1000-on {transform: rotateY(180deg);}
	.em-background-banner-5 .text-zone {float: left;padding-left: 24px;width: calc(100% - 80px);position: relative;}
	.em-background-banner-5 .text-zone h5 {text-align: left;}
	.em-background-banner-5 .text-zone p {text-align: left;margin-bottom: 0;}
	.em-background-banner-5 .text-zone img.icon-btn {position: absolute;top: 0;right: 0;height: 20px;width: auto;}
	.em-background-banner-5 .icon-banner-box ul li {padding: 25px 10px;margin-bottom: 10px;}
}
@media only screen and (max-width: 799px) {
	.sec-padding.em-background-banner-5 {
		padding: 80px 0 70px;
	}
}