.intro-banner { position: relative; width: 100%; padding: 50px 70px; overflow: hidden; border-radius: 20px;
	background: #8f74de; /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #7fb1ed  0%,#53b4ed 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear,  left top, left bottom,  from(#7fb1ed ),to(#53b4ed));
	background: -o-linear-gradient(top,  #7fb1ed  0%,#53b4ed 100%);
	background: linear-gradient(to bottom,  #7fb1ed  0%,#53b4ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f74de', endColorstr='#5a42ec',GradientType=0 ); /* IE6-9 */ margin-bottom: 50px; }
.intro-banner .tit { position: relative; font-size: 4rem; color: #fff; z-index: 1; background-image: url(../../../img/sub/maeul-community/tit_bg.png); background-repeat: no-repeat;	background-position: bottom left; background-size: 240px 25px; }
.intro-banner .txt {position: relative; z-index: 1; font-size: 2rem; color: #fff; line-height: 1.5; margin-top: 10px; word-break: keep-all;}
.intro-banner .sub-txt { color: #fff; line-height: 1.5; margin-top: 10px; word-break: keep-all; font-weight: 100; font-size: 1.35rem; position: relative; z-index: 1;}
.intro-banner img.bn_item { position: absolute; bottom: 5px; right: -20px; width: 430px; height: auto; }
.intro-banner img.item { position: absolute; }
.intro-banner img.item01 { width: 180px; height: 141px; top: 0; left: -30px; }
.intro-banner img.item02 { width: 182px; height: 78px; bottom: 0; left: 400px; }
.intro-banner img.item03 { width: 83px; height: 101px; top: 57px; right: 30px; }
.intro-banner img.item04 { width: 120px; height: 70px; top: 20px; right: 485px; }

@media all and (max-width: 1024px) {
	.intro-banner { padding: 35px 60px; }
	.intro-banner img.bn_item { opacity: .7; width: 384px; height: 331px; }
	.intro-banner .tit { font-size: 2.8rem; -webkit-background-size: 175px 175px; background-size: 175px;}
	.intro-banner .txt { font-size: 1.5rem; margin-top: 10px;}
}
@media all and (max-width: 768px) {
	.intro-banner { text-align: center; }
	.intro-banner img.bn_item { opacity: .1; }	
	.intro-banner .tit { background-position: bottom center; }
}
@media all and (max-width: 550px) {
	.intro-banner { padding: 30px 20px; }
	.intro-banner .txt br { display: none; }
}