/*banner*/
.banner-swiper .img1{background:url(../img/sub1/image1.jpg) no-repeat 50% 0%/cover;}
.banner-swiper .img2{background:url(../img/sub1/image2.jpg) no-repeat 50% 0%/cover;}
.banner-swiper .img3{background:url(../img/sub1/image3.jpg) no-repeat 50% 0%/cover;}
.banner-swiper .img4{background:url(../img/sub1/image4.jpg) no-repeat 50% 0%/cover;}
.banner-swiper .img5{background:url(../img/sub1/image5.jpg) no-repeat 50% 0%/cover;}
.banner-swiper .img6{background:url(../img/sub1/image6.jpg) no-repeat 50% 0%/cover;}
.banner-swiper .img7{background:url(../img/sub1/image7.jpg) no-repeat 50% 0%/cover;}
.banner-swiper .img8{background:url(../img/sub1/image8.jpg) no-repeat 50% 0%/cover;}
.banner-swiper .img9{background:url(../img/sub1/image9.jpg) no-repeat 50% 0%/cover;}
.banner-swiper .img10{background:url(../img/sub1/image10.jpg) no-repeat 50% 0%/cover;}
.banner-swiper .img11{background:url(../img/sub1/image11.jpg) no-repeat 50% 0%/cover;}
.banner-swiper .img12{background:url(../img/sub1/image12.jpg) no-repeat 50% 0%/cover;}

/*intro*/
#intro{ height:820px; }
#intro .intro-in{ padding-bottom:0px; }
#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: 1.5em;}

/*외부전경*/
#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: 'Paperlogy3'; font-size:13px; color: #707070; margin-bottom: 10px; letter-spacing: 1px;}
#view .view-in h1{font-family: 'Paperlogy5'; font-size:45px; color:#000; text-align:center; letter-spacing: 1px;}
#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/image3.jpg) no-repeat center/cover; margin: 0px 10px 0 0;}
#view .view-in .view-list .list1 .img2{ width:100%; height:100%; background:url(../img/sub1/image4.jpg) no-repeat 100% 50%/cover; margin: 0px 10px 0 10px;}
#view .view-in .view-list .list1 .img3{ width:100%; height:100%; background:url(../img/sub1/image5.jpg) no-repeat center/cover; margin: 0px 0px 0 10px; }

#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/image7.jpg) no-repeat center/cover; margin: 0px 10px 0 0; }
#view .view-in .view-list .list2 .img2{ width:100%; height:100%; background:url(../img/sub1/image8.jpg) no-repeat center/cover; margin: 0px 10px 0 10px; }
#view .view-in .view-list .list2 .img3{ width:100%; height:100%; background:url(../img/sub1/image10.jpg) no-repeat center/cover; margin: 0px 0px 0 10px; }

/********************************************반응형***********************************************/
@media screen and (max-width: 1024px){ 
	#intro{ height:auto; }
	#intro .intro-in{ padding-bottom:0px; }
	#intro .intro-in .intro-right .right-img{ display:block;  width: 100%; aspect-ratio: 4/3; height: auto;}
	#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){

	#intro .intro-in .intro-left .intro-txt h1{ font-size:36px; }

	#view .view-in h1{ font-size: 36px;}
	#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;}
}