@charset "utf-8";

/*main banner*/
#main .sec1_slider .swiper-slide.img1{background: url(../img/sub1/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(../img/sub1/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(../img/sub1/image3.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(../img/sub1/image4.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img5{background: url(../img/sub1/image5.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(../img/sub1/image6.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img7{background: url(../img/sub1/image7.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img8{background: url(../img/sub1/image8.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img9{background: url(../img/sub1/image9.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img10{background: url(../img/sub1/image10.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img11{background: url(../img/sub1/image11.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img12{background: url(../img/sub1/image12.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img13{background: url(../img/sub1/image13.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img14{background: url(../img/sub1/image14.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img15{background: url(../img/sub1/image15.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img16{background: url(../img/sub1/image16.jpg) no-repeat; background-size: cover; background-position: center;}

/*contents*/
.about{overflow:hidden; padding: 100px;}
.about .con-tit{margin-bottom:80px;text-align:center;}
.about-img{background-size:cover;background-position:center center;}
.about > .about-img{width:100%;height:500px;background-image:url(../img/sub1/image2.jpg); background-position: center 75%; }
.about-txt{margin:80px 0;}
.about-txt>p{font-size:15px;line-height:25px;font-weight:400;color:#707070;text-align:center;}
.about-txt>p>span{display:block;margin-top: 20px;}
.about-bt{display:flex;overflow:hidden;width:100%;height:850px;justify-content:space-between;}
.about-bt-l{width:49.5%;height:100%;}
.about-bt-l .about-img{width:100%;height:100%;background-image:url(../img/sub1/image4.jpg);}
.about-bt-r{display:flex;width:49.5%;height:100%;flex-direction:column;justify-content:space-between;}
.about-bt-r .about-img{width:100%;height:49%;}
.about-bt-r .about-img:nth-child(1){background-image:url(../img/sub1/image7.jpg);}
.about-bt-r .about-img:nth-child(2){background-image:url(../img/sub1/image8.jpg);}

/*con-bn*/
.con-bn{display:flex;width:100%;height:400px;margin-bottom:100px;background-image:url(../img/bt_bg.jpg);justify-content:center;align-items:center;background-size:cover;background-position:center center;}
.con-bn-txt{text-align:center;}
.con-bn-txt>img{margin-bottom:15px;}
.con-bn-txt>p{margin-bottom:30px;font-family: 'Jost', sans-serif;font-size:14px;font-weight:300;line-height:23px;color:#fff;}
.con-bn-txt>p span{display:block; }
.con-bn-txt>h4{font-family: 'Noto Serif KR', serif;font-size:30px;font-weight:600;color:#fff;}

.banner .banner-in { background: url(../img/sub1/image11.jpg); background-size: cover; background-position: 50% 50%; margin-bottom: 100px; }


#banner2 { margin-top: 0; padding-top: 80px; border-top: 1px solid #ece8e5; }

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


@media screen and (min-width:1px) and (max-width:1700px) {
  .about{ padding: 100px 20px;}
  .about > .about-img{width:80%; margin: 0 auto; }
	
	.others {width:100%;padding:0 20px;}
	
}



/* @media screen and (min-width:1px) and (max-width:1400px){

  .about{width:100%;padding:100px 20px;}
 
  
} */


@media screen and (min-width:1px) and (max-width:1024px){

  .about .con-tit{margin-bottom:40px;}
  .about > .about-img{height:400px;}


  /*con-bn*/
  .con-bn{height:350px;}
  .con-bn-txt>img{width:30px;}
  .con-bn-txt>p{font-size:12px;line-height:21px;}
  .con-bn-txt>h4{font-size:23px;}

  #banner2 { display: none; }
 

}





@media screen and (min-width:1px) and (max-width:780px){

  #main{height:50vh;}
	#main .sec1_slider { height: 100%; }
    .main-txt{display:none;}
	
  .others {padding:0 20px;}
	
  /* .about{margin:100px auto;} */
  /* .about .con-tit{margin-bottom:50px;} */
  .about > .about-img{height:300px;}
  .about-txt{margin:60px 0;}
  .about-txt>p{font-size:13px;line-height:23px;}
  .about-bt{height:600px;flex-direction:column;}
  .about-bt-l{width:100%;height:32%;}
  .about-bt-r{width:100%;height:66%;}
  .about-bt-r .about-img{width:100%;height:48%;}


  /*con-bn*/
  .con-bn{height:300px;padding:0 20px;}
  .con-bn-txt>img{width:20px;}
  .con-bn-txt>p{font-size:10px;line-height:19px;}
  .con-bn-txt>h4{font-size:17px;}



}

@media (max-width: 480px) {
  .about .con-tit{margin-bottom:20px;}
  .about > .about-img{width: 100%;}
  .about-txt>p{font-size:12px;}
	.about-txt>p>span br { display: none; }
	.about-txt>p>span br.br-480 { display: block; }
}

@media screen and (min-width:1px) and (max-width:320px) {
	.about-txt>p>span br.br-480 { display: none; }
	.about-txt>p>span br.br-320 { display: block; }
	
}