@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&display=swap');

#banner{ height:450px; }
.scroll{ display:none; }
.banner-swiper .img1{background:url(../img/sub3/1/image1.jpg) no-repeat; background-size: cover; background-position: center;}

#intro{ height:auto; }
#intro .intro-in{ padding-bottom:0px; width:95.5%; margin:0 auto; }
#intro .intro-in .intro-right .right-img{ height:510px; background:url(../img/sub3/1/image1.jpg) no-repeat; background-size:cover;}
#intro .intro-in .intro-left .intro-txt h1{ margin-bottom:30px; }
#intro .intro-in .intro-left .intro-txt p{ line-height:30px; }

/*외부전경*/
#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/sub3/1/image1.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/sub3/1/image2.jpg) no-repeat; margin: 0px 10px 0 10px; background-size: cover;}

/*design*/
#design{ height: 150px;}
#design .design-in{ width:100%; height:100%; text-align: center; margin-top:120px;}
#design .design-in h1{ font-family: 'Crimson Text', serif; font-weight:400; font-size: 36px; color: #717171; margin-bottom: 30px;}
#design .design-in p{ font-family:'Yantramanav', sans-serif; font-size:14px; font-weight:500; color: #717171; line-height: 24px; margin-bottom: 30px;}

/**********************************************반응형**********************************************************/

@media screen and (max-width: 1024px){
	#intro .intro-in .intro-left .intro-txt h1{ text-align:center; font-size:60px; }
	#intro .intro-in .intro-left .intro-txt h3{ text-align:center; }
	#intro .intro-in .intro-left .intro-txt p{ text-align:center; margin-top:50px; }

	#banner .banner-in .banner-txt h3{ font-size:12px; }
	#banner .banner-in .banner-txt h2{ font-size:60px; margin-top: 10px;}

	#intro .intro-in{ flex-direction:column; }
	#intro .intro-in .intro-left{ width:100%; }
	#intro .intro-in .intro-right{ width:100%; }
	#intro .intro-in .intro-left .left-img{ margin-left:0px; }
	#intro .intro-in .intro-left .intro-txt{ margin-bottom:0; }
	#intro .intro-in .intro-right .right-img{ display:none; }

	#intro .intro-in .intro-right{ display:none; }

	/*외부전경*/
	#view .view-in .view-list .list1 .img3{ display: none;}
	#view .view-in .view-list .list2 .img3{ display: none;}
	#view .view-in .view-list .list3 .img3{ display: none;}
	#view .view-in .view-list .list4 .img3{ display: none;}
	#view .view-in .view-list .list5 .img3{ display: none;}

	
}

@media screen and (max-width: 780px){
	header .header-in .nav{ display:none; }

	#banner .banner-in .banner-txt h3{ font-size:12px; }
	#banner .banner-in .banner-txt h2{ font-size:48px; margin-top: 10px;}

	#intro .intro-in .intro-right{ display: none; }
	#design{display: none;}

	#intro .intro-in{ flex-direction:column; }
	#intro .intro-in .intro-left{ width:100%; }
	#intro .intro-in .intro-right{ width:100%; }
	#intro .intro-in .intro-left .left-img{ margin-left:0px; }
	#intro .intro-in .intro-right .right-img{ display:none; }

	#view .view-in .view-list{ margin-top:50px; }

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

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

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

	#view .view-in .view-list .list3 .img1{ width: 100%; height: 100%; margin: 0 auto 20px auto;background-size: cover;}
	#view .view-in .view-list .list3 .img2{ width: 100%; height: 100%; margin: 0 auto 20px auto;background-size: cover;}
	#view .view-in .view-list .list3 .img3{ display: none;}

	
}