@charset "utf-8";

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

/*intro*/
.intro .intro-in .intro-img{ padding-top:80px; left:55%; justify-content:flex-end; }
.intro .intro-in .intro-img .img-l{ background: url(../img/sub3/1/image4.jpg) 40% 50%; background-size:cover;   }
.intro .intro-in .intro-img .img-c{  width: 960px; margin-left: 40px; background: url(../img/sub3/1/image1.jpg); background-size:cover; }

/*facimg-lst*/
.facimg-lst{ width:100%; padding:200px 0; }
.facimg-lst .facimg-lst-in{ width:1400px; height: 100%; margin:0px auto; display: flex; justify-content: space-between;}
.facimg-lst .facimg-lst-in .facimg-l{ width:33.333%; height:560px; background:url(../img/sub3/1/image2.jpg) no-repeat 50% 50%; background-size:cover; margin-right: 20px;}
.facimg-lst .facimg-lst-in .facimg-c{ width:33.333%; display:flex;justify-content:center; flex-direction:column; }
.facimg-lst .facimg-lst-in .facimg-c div{ width:100%; height:270px; }
.facimg-lst .facimg-lst-in .facimg-c div:first-child{ margin-bottom: 20px; background:url(../img/sub3/1/image3.jpg) no-repeat 50% 50%; background-size:cover; }
.facimg-lst .facimg-lst-in .facimg-c div:last-child{  background:url(../img/sub3/1/image4.jpg) no-repeat 50% 50%; background-size:cover; }
.facimg-lst .facimg-lst-in .facimg-r{ width:33.333%; height:560px; background:url(../img/sub3/1/image1.jpg) no-repeat 50% 50%; background-size:cover; margin-left: 20px;}

.banner{ margin:0px auto 120px; }
/*banner*/
.banner{ width:100%;padding:70px 0; background: url(../img/sub3/1/image4.jpg) no-repeat; background-size: cover; background-position: 50% 30%;}
.banner .banner-in{ width:1400px; height: auto;  margin:0 auto; display: flex; justify-content: center; flex-direction:column; align-items: center;}
.banner .banner-in .banner-txt .ban-ico i{ display: block; font-size:36px; text-align:center; color:#fff; text-shadow:2px 3px 2px #000; margin: 0 auto; padding-bottom: 30px;}
.banner .banner-in .banner-txt{position:static; transform: none;}
.banner .banner-in .banner-txt p{ margin-bottom:45px; }
.banner .banner-in .banner-txt p span{ display:block; font-size:16px; font-weight:300; line-height:1.5em; color: #fff; text-align: center; text-shadow:2px 2px 2px #000; }

.banner .banner-in .btn2{ width:auto; border-bottom: 1px solid #fff; padding-bottom: 10px; text-shadow:2px 3px 2px #000;}
.banner .banner-in .btn2 a{ color: #fff; text-align: center; letter-spacing: 1px; transition: all 0.3s ease-in-out;}
.banner .banner-in .btn2 a:hover{ letter-spacing: 3px;}

/*m-banner*/
.m-banner{ display:none; }

/**********************************************반응형********************************************************/
@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;}

	/*m-banner*/
	.m-banner{ display:block; width:100%; height:100px; margin-bottom:80px; }
	.m-banner .m-ban-ico{ margin:0 auto; }
	.m-banner .m-ban-ico i{ display: block; font-size:30px; text-align:center; color:#318f23; }
	.m-banner p{ margin-top:30px; }
	.m-banner p span{ display:block; text-align:center; line-height: 1.5em;font-family: 'JejuMyeongjo';}

}
@media all and (max-width:768px){
	.main-bn-con h2 span{ font-size:48px; line-height:1.25em; }
	.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:36px; }
}