@charset "utf-8";

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

/* .main-bn-con{ top:87%; } */
.main-bn-con{ top:85%; }
.main-bn-con h2 span{ margin-bottom: 20px;}


.mouse{ width:30px; height:50px; border: 2px solid #fff; border-radius: 60px; position:relative; top: 0px; left:50%; transform:translateX(-50%); }
.mouse:before{ content:''; width: 5px; height:5px; position:absolute; top:10px; left:50%; transform: translateX(-50%); background-color:#fff; border-radius:50%; opacity:1; animation:wheel 2s infinite; }
@keyframes wheel{
	to{
		opacity: 0;
		top: 40px;
	}

}

/*intro*/
.intro .intro-in .intro-img{ left: 0; transform: none; justify-content:flex-end; margin-left: auto; }
.intro .intro-in .intro-img .img-l{ background: url(../img/sub5/1/image4.jpg) 40% 50%; background-size:cover;   }
.intro .intro-in .intro-img .img-c{  width: 960px; margin-left: 40px; background: url(../img/sub5/1/image1.jpg); background-size:cover; }
.intro .intro-in .intro-tit h2{ margin-top:80px; }

.intro .intro-in .intro-tit p span.color-0 { color: #000; font-weight: 600; }

/*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/sub5/1/image2.jpg) no-repeat 50% 50%; background-size:cover; }
.facimg-lst .facimg-lst-in .facimg-c{ width:66.666%; display:flex;justify-content:center; flex-direction:column; order: -1; margin-right: 20px; }
.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/sub5/1/image3.jpg) no-repeat 50% 50%; background-size:cover; }
.facimg-lst .facimg-lst-in .facimg-c div:last-child{  background:url(../img/sub5/1/image4.jpg) no-repeat 50% 50%; background-size:cover; }
.facimg-lst .facimg-lst-in .facimg-r{ display: none; width:33.333%; height:560px; background:url(../img/sub5/1/image5.jpg) no-repeat 50% 50%; background-size:cover; margin-left: 20px;}

.banner{ margin:0px auto 120px; }
/*banner*/
.banner{ background: url(../img/sub5/1/image1.jpg) no-repeat; background-size: cover; background-position: 50% 30%;}

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

/**********************************************반응형********************************************************/
@media all and (max-width:1440px){
	.intro .intro-in .intro-img .img-c{ width:760px; }

}

@media all and (max-width:1400px){
	.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){
	.mouse{ display:none; }
	
	.intro .intro-in .intro-tit h2 { margin-top: 0; }
	.intro .intro-in .intro-tit h2 span{ font-size:40px; }
	.intro .intro-in .intro-img { margin-left: 0; }
	.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){
	.intro .intro-in .intro-tit h2 span{ font-size:36px; }

	.main-bn-con h2 span{ font-size:30px; 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; margin-bottom: 20px; }
	.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; }

/*	.mouse{ display:none; }*/
}

@media all and (max-width:500px){
	.intro .intro-in .intro-tit p span{ font-size:16px; }
	.intro .intro-in .intro-tit p span.color-0 { font-size: 16px; font-weight: 800; }

	.m-banner p span{ font-size: 16px;}

}

@media all and (max-width:500px){
	.intro .intro-in .intro-tit h2 span{ font-size:32px; }
}

@media all and (max-width:375px){
	.main-bn-con{ top:86%; }
}