@charset "utf-8";

/*main start*/

#main .sec1_slider .swiper-slide.img1{background: url(../img/sub3/1/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(../img/sub3/1/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(../img/sub3/1/image3.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(../img/sub3/1/image4.jpg) no-repeat; background-size: cover; background-position: center;}



#facility { padding-top: 200px; background: url(../img/shadow2.png), url(../img/shadow3.png); background-position: 0% 0%, 100% 0%; background-repeat: no-repeat; text-align: center; }
#facility .facility-in .title { padding-bottom: 80px; border-bottom: 1px solid #5c553b; }
#facility .facility-in .title p { font-family: 'Mulish'; font-size: 12px; }
#facility .facility-in .title h2 { margin-top: 15px; font-family: 'Noto Serif KR'; font-size: 24px; line-height: 24px; font-weight: 500; }
#facility .facility-in .title h4 { font-size: 14px; margin-top: 40px; font-weight: 400; color: #696969; line-height:24px;}
#facility .facility-in .img { padding: 90px 0px 120px; }
#facility .facility-in .img .thum { margin: 0px auto; width: 400px; height: 640px; border-radius: 210px; background: url(../img/sub3/1/image2.jpg) no-repeat; background-size: cover; background-position: center; }

.banner .banner-in { background: url(../img/sub3/1/image4.jpg); background-size: cover; background-position: 50% 50%; background-attachment: fixed; }

#banner2 { background: none; }


@media (max-width: 1580px) {

	#facility { padding: 200px 20px 0px; }
	
}

@media (max-width: 1024px) {
	
	#facility { padding: 120px 20px 0px; }

}

@media (max-width: 768px) {

	#facility { padding: 80px 20px 0px; }
	#facility .facility-in .title { padding-bottom: 60px; }
	#facility .facility-in .title h2 { margin-top: 5px; font-size: 18px; line-height: 18px; }
	#facility .facility-in .title h4 { margin-top: 30px; font-size: 12px; line-height:22px;}
	
	#facility .facility-in .img { padding: 60px 0px 60px; }
	#facility .facility-in .img .thum { width: 320px; height: 480px; }
	
}

@media (max-width: 520px) {

	#facility .facility-in .img .thum { width: 280px; height: 400px; border-radius: 140px; }
	
}

@media (max-width: 480px) { 

	#facility .facility-in .img .thum { width: 240px; height: 320px; }

}
