/*banner*/
.banner-swiper .img1{background:url(../img/sub1/image1.jpg) no-repeat; background-size: cover; background-position: center;}
.banner-swiper .img2{background:url(../img/sub1/image2.jpg) no-repeat; background-size: cover; background-position: center;}
.banner-swiper .img3{background:url(../img/sub1/image3.jpg) no-repeat; background-size: cover; background-position: center;}
.banner-swiper .img4{background:url(../img/sub1/image4.jpg) no-repeat; background-size: cover; background-position: center;}
.banner-swiper .img5{background:url(../img/sub1/image5.jpg) no-repeat; background-size: cover; background-position: center;}
.banner-swiper .img6{background:url(../img/sub1/image6.jpg) no-repeat; background-size: cover; background-position: center;}
.banner-swiper .img7{background:url(../img/sub1/image7.jpg) no-repeat; background-size: cover; background-position: center;}
.banner-swiper .img8{background:url(../img/sub1/image8.jpg) no-repeat; background-size: cover; background-position: center;}

/*intro*/
#intro{ height:820px; }
#intro .intro-in{ padding-bottom:0px; }
#intro .intro-in .intro-left{ margin-top:120px; }
#intro .intro-in .intro-right{ width:45%; height: 100%; float:right; margin-right:40px; margin-top: 120px;}
#intro .intro-in .intro-right .right-img{ width:100%; height: 700px; float:left; background: url(../img/sub1/image1.jpg) no-repeat;background-size: cover; background-position: center;  }

#intro .intro-in .intro-left .intro-txt h1{ margin-top:10px; }
#intro .intro-in .intro-left .intro-txt{ margin-top:0px; }
#intro .intro-in .intro-left .intro-txt p{ font-size:16px; margin-top: 30px; line-height: 20px;}

/*외부전경*/
#view{ width:100%; height: auto; margin-top: 120px}
#view .view-in{ width:95%;  margin:0 auto; }
#view .view-in h3{ text-align:center; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:12px; color: #707070; margin-bottom: 10px;}
#view .view-in h1{font-family:'Roboto', sans-serif; font-weight:500; font-size:60px; color:#000; text-align:center; }
#view .view-in .view-list{ width:100%; height:auto;}
#view .view-in .view-list .list1{ display:flex; justify-content:space-between; width:100%; height:600px; margin-top: 50px;}
#view .view-in .view-list .list1 .img1{ width:100%; height:100%; background:url(../img/sub1/image2.jpg) no-repeat; margin: 0px 10px 0 0; background-size: cover; background-position: center;}
#view .view-in .view-list .list1 .img2{ width:100%; height:100%; background:url(../img/sub1/image3.jpg) no-repeat; margin: 0px 10px 0 10px; background-size: cover; background-position: center;}
#view .view-in .view-list .list1 .img3{ width:100%; height:100%; background:url(../img/sub1/image4.jpg) no-repeat; margin: 0px 0px 0 10px; background-size: cover; background-position: center;}

#view .view-in .view-list .list2{ display:flex; justify-content:space-between; width:100%; height:600px; margin-top: 20px;}
#view .view-in .view-list .list2 .img1{ width:100%; height:100%; background:url(../img/sub1/image5.jpg) no-repeat; margin: 0px 10px 0 0; background-size: cover; background-position: center;}
#view .view-in .view-list .list2 .img2{ width:100%; height:100%; background:url(../img/sub1/image6.jpg) no-repeat; margin: 0px 10px 0 10px; background-size: cover; background-position: center;}
#view .view-in .view-list .list2 .img3{ width:100%; height:100%; background:url(../img/sub1/image8.jpg) no-repeat; margin: 0px 0px 0 10px; background-size: cover; background-position: center;}

/********************************************반응형***********************************************/
@media screen and (max-width: 1024px){ 
	#intro{ height:auto; }
	#intro .intro-in{ padding-bottom:0px; }
	#intro .intro-in .intro-left .intro-txt { padding: 0 10px; }
	#intro .intro-in .intro-right .right-img{ display:block;  width: 100%;}
	#intro .intro-in .intro-right{ width:100%; margin-top: 0;}
	#intro .intro-in .intro-left .intro-txt h1{ font-size:60px; }
	#intro .intro-in .intro-left .intro-txt p{ font-size:14px; }

/*	#intro .intro-in .intro-left{ padding: 0 20px; }*/

	/*외부전경*/
	#view .view-in .view-list .list1{ height:500px; }
	#view .view-in .view-list .list2{ height:500px; }
	#view .view-in .view-list .list1 .img3{ display: none;}
	#view .view-in .view-list .list2 .img3{ display: none;}
}
@media screen and (max-width: 780px){
	#view .view-in .view-list{ margin-top:50px; width:100%; height:auto;}

	#view .view-in .view-list .list1{ flex-direction:column; height:1200px; margin: 10px auto;}
	#view .view-in .view-list .list2{ flex-direction:column; height:1200px; margin: 10px auto;}

	#view .view-in .view-list .list1 .img1{ width: 100%; height: 100%; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list1 .img2{ width: 100%; height: 100%; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list1 .img3{ display: block; width: 100%; margin: 0 auto 20px auto;}

	#view .view-in .view-list .list2 .img1{ width: 100%; height: 100%; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list2 .img2{ width: 100%; height: 100%; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list2 .img3{ display: block; width: 100%; margin: 0 auto 20px auto;}
}