@charset "utf-8";

/*main-bn*/
.main-bn-swip .s1{background-image:url(../img/sub3/3/image1.jpg);}
.main-bn-swip .s2{background-image:url(../img/sub3/3/image2.jpg);}
.main-bn-swip .s3{background-image:url(../img/sub3/3/image3.jpg);}

/*intro*/
.intro .intro-in .intro-img .img-l{ background: url(../img/sub3/3/image2.jpg) 50% 50%; background-size:cover;   }
.intro .intro-in .intro-img .img-c{  width: 960px; margin-left: 40px; background: url(../img/sub3/3/image3.jpg); background-size:cover; }

/*banner*/
.banner{ width:100%;padding:70px 0; background: url(../img/sub3/3/image2.jpg) no-repeat; background-size: cover; background-position: 50% 10%;}

/*facimg-lst*/
.facimg-lst .facimg-lst-in .facimg-l{ width:33.333%; height:560px; background:url(../img/sub3/3/image3.jpg) no-repeat 100% 50%; background-size:cover; margin-right: 20px;}
.facimg-lst .facimg-lst-in .facimg-c div:first-child{ margin-bottom: 20px; background:url(../img/sub3/3/image1.jpg) no-repeat 30% 50%; background-size:cover; }
.facimg-lst .facimg-lst-in .facimg-c div:last-child{  background:url(../img/sub3/3/image2.jpg) no-repeat 30% 50%; background-size:cover; }
.facimg-lst .facimg-lst-in .facimg-r{ width:33.333%; height:560px; background:url(../img/sub3/3/image3.jpg) no-repeat 20% 50%; background-size:cover; margin-left: 20px;}

/**********************************************반응형********************************************************/
@media all and (max-width:1400px){
	.intro .intro-in .intro-img .img-c{ width:980px; }
	.intro .intro-in .intro-tit h2 span{ font-size:48px; }
	.intro .intro-in .intro-tit p span{ font-size:14px; }

	.facimg-lst .facimg-lst-in{ width:95%; }
}
@media all and (max-width: 1200px){
	.intro .intro-in .intro-img .img-c{ width:830px; }
}
@media all and (max-width:1024px){
	.intro .intro-in .intro-img .img-c{ width:100%; height:500px; margin: 0;}
	.facimg-lst{padding: 0; padding-bottom: 120px;}
}
@media all and (max-width:768px){
	.facimg-lst .facimg-lst-in{ flex-direction:column; }
	.facimg-lst .facimg-lst-in .facimg-l{ width:100%; height: 300px; margin-right:0; margin-bottom: 20px;}
	.facimg-lst .facimg-lst-in .facimg-c{ width:100%; }
	.facimg-lst .facimg-lst-in .facimg-c div{ height:300px; }
	.facimg-lst .facimg-lst-in .facimg-r{ width:100%; height: 300px; margin-left:0; margin-top: 20px;}

	.intro .intro-in .intro-img .img-l{ height:300px; }
	.intro .intro-in .intro-img .img-c{ height:300px; }
}
@media all and (max-width:425px){

	.intro .intro-in .intro-tit h2 span{ font-size:30px; }
}