@charset "utf-8";

/*main banner*/
.main-bn-swip .s1{background-image:url(../img/sub3/1/image1.jpg);}
.main-bn-swip .s2{background-image:url(../img/sub3/1/image2.jpg);}
.main-bn-swip .s3{background-image:url(../img/sub3/1/image3.jpg);}
.main-bn-swip .s4{background-image:url(../img/sub3/1/image4.jpg);}
.main-bn-swip .s5{background-image:url(../img/sub3/1/image5.jpg);}

/*fac-con*/
.fac{overflow:hidden;width:100%;margin:150px 0 0;}
.fac-top{margin-bottom:100px;}
.fac-top-img{width:100%;height:500px;background-image:url(../img/sub3/1/image2.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}

.fac-con{overflow:hidden;width:1200px;margin:0 auto;}
.fac-con-top{display:flex;width:100%;justify-content:space-between;}
.fac-con-top-l{width:48%;}
.fac-con-top-r{width:48%;}
.fac-con-txt{padding:50px 0px;font-size:14px;font-weight:400;line-height:26px;color:#A39D93;}
.fac-con-txt>p>span{display:block;}
.fac-con-img{width:100%;height:730px;}
.fac-con-img .bg{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.fac-con-top-l .fac-con-img .bg{background-image:url(../img/sub3/1/image3.jpg);}
.fac-con-top-r .fac-con-img .bg{background-image:url(../img/sub3/1/image4.jpg);}
.fac-con-bt{width:100%;height:400px;margin-top:80px;}
.fac-con-bt .fac-con-img{width:100%;height:100%;}
.fac-con-bt .fac-con-img .bg{background-image:url(../img/sub3/1/image5.jpg);background-position:50% 40%;}

/*deco*/
.deco{margin:150px 0;text-align:center;font-family: 'Crimson Pro', serif;font-size:15px;font-weight:400;color:#7A7A7A;line-height:25px;}
.deco>p span{display:block;}
.deco>img{margin-bottom:20px;opacity:.7;}

/*ct-bn*/
.ct-bn{display:flex;position:relative;width:100%;height:700px;padding:50px 0;padding-right:160px;background-color:#F3EEE7;align-items:center;justify-content:flex-end;}
.ct-bn>.ct-bn-img{position:absolute;top:50%;left:0;transform:translateY(-50%) !important;width:600px;height:110%;background-image:url(../img/main/image4.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.ct-bn-con{display:flex;width:calc(100% - 600px);height:100%;align-items:center;justify-content:space-between;}
.ct-bn-con .ct-bn-img{width:537px;height:100%;background-image:url(../img/main/image7.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.ct-bn-txt{display:flex;width:calc(100% - 537px);text-align:center;align-items:center;justify-content:center;}
.ct-bn-txt-in h3{margin-bottom:20px;font-family: 'aAutoSignature';font-size:60px;}
.ct-bn-txt-in>p{margin-bottom:80px;font-family: 'Crimson Pro', serif;font-size:16px;font-weight:400;line-height:24px;}
.ct-bn-txt-in>p>span{display:block;}
.ct-bn-txt-in>p>span:nth-child(2){margin-bottom:20px;}


/*others*/
.others{width:1200px;margin:200px auto;}
.others-con{position:relative;width:100%;}
.others-con-img{width:684px;height:420px;}
.others-img-swip{width:100%;height:100%;}
.others-img-swip .swiper-slide{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.others-img-swip .s1{background-image:url(../img/sub3/1/image1.jpg);}
.others-img-swip .s2{background-image:url(../img/sub3/2/image1.jpg);}
.others-img-swip .s3{background-image:url(../img/sub3/3/image1.jpg);}
.others-img-swip .s4{background-image:url(../img/sub3/4/image1.jpg);}
.others-img-swip .s5{background-image:url(../img/sub3/5/image1.jpg);}
.others-img-swip .s6{background-image:url(../img/sub3/6/image4.jpg);}
.others-img-swip .s7{background-image:url(../img/sub3/7/image1.jpg);}

.others-con-txt{position:absolute;top:80px;right:0;z-index:9;width:600px;}
.others-con-control{display:flex;position:absolute;top:-40px;left:50%;transform:translateX(-50%);z-index:1;width:150px;height:20px;align-items:center;}
.others-con-control .others-swip-page.swiper-pagination-fraction{width:auto;padding:5px 10px 0 10px;font-family: 'Crimson Pro', serif;font-size:15px;font-weight:500;color:#8C857A;}
.others-swip-prv, .others-swip-nxt{cursor: pointer;}

.others-con-txt-in{display:flex;width:100%;height:428px;justify-content:center;align-items:center;background-color:#F8F7F4;text-align:center;}
.others-txt-in h4{position:relative;margin-bottom:20px;font-size:30px;font-weight:400;}
.others-txt-in h4::before{content:url(../img/deco3.png);display:block;width:auto;margin-bottom:10px;opacity:.7;}
.others-txt-in p{margin-bottom:70px;font-size:15px;font-weight:400;line-height:26px;}
.others-txt-in p span{display:block;}




/************************반응형****************************/
@media screen and (min-width:1px) and (max-width:1700px){
  .ct-bn{padding:50px 20px;}
  .ct-bn>.ct-bn-img{width:30%;}
  .ct-bn-con{width:70%;}
  .ct-bn-con .ct-bn-img{width:45%;}
  .ct-bn-txt{width:55%;}
}

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

  .fac-con{width:100%;padding:0 20px;}
  .fac-con-img{height:70vh;}

  .ct-bn{height:642px;}/*height:70vh*/

  .others{width:100%;margin:150px 0 200px;padding:0;}
  .others-con-control{top:-40px;left:auto;right:0;transform:translateX(0);}
  .others-con-img{width:60%;height:420px;}
  .others-con-txt{width:51%;}
  .others-con-txt-in{height:400px;padding:0 20px;}
}


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

  .fac-top{margin-bottom:50px;}
  .fac-top-img{height:350px;}
  .fac-con-top{flex-direction:column;}
  .fac-con-top-l{width:100%;}
  .fac-con-top-r{display:flex;width:100%;flex-direction: column-reverse;}
  .fac-con-img{height:350px;}
  .fac-con-top-r .fac-con-txt{text-align:right;}
  .fac-con-bt{height:350px;margin-top:50px;}


   /*ct-bn*/
   .ct-bn{height:735px;padding:50px 0 0;flex-direction:column;justify-content:space-between;}/*height:80vh*/
   .ct-bn>.ct-bn-img{display:none;}
   .ct-bn-con{width:100%;flex-direction:column;}
   .ct-bn-con .ct-bn-img{width:100%;height:45%;}
   .ct-bn-txt{width:100%;height:50%;}
   .ct-bn-txt-in h3{margin-bottom:20px;font-size:40px;}
   .ct-bn-txt-in>p{margin-bottom:30px;font-size:14px;line-height:22px;}
   .ct-bn-txt-in>p>span:nth-child(2){margin-bottom:0px;}

    .others{margin:150px 0 0px;}
    .others-con-img{width:100%;height:350px;}
    .others-con-txt{display:flex;position:static;top:auto;right:auto;z-index:9;width:100%;flex-direction:column-reverse;height:400px;}
    .others-con-control{display:flex;position:static;top:auto;left:auto;right:auto;transform:translateX(0%);z-index:1;width:130px;height:20px;margin:30px auto;}
    .others-con-control .others-swip-page.swiper-pagination-fraction{padding:5px 10px 0 10px;font-size:12px;}
    .others-con-txt-in{width:100%;height:428px;}
    .others-txt-in h4{font-size:25px;}
    .others-txt-in h4::before{content:url(../img/deco3-m.png);display:block;}
    .others-txt-in p{margin-bottom:60px;font-size:13px;font-weight:400;line-height:24px;}
    .others-txt-in p span{display:block;}
}

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

  .fac{margin:80px 0 0;}
  .fac-top{margin-bottom:0px;}
  .fac-top-img{height:270px;}
  .fac-con-txt{padding:50px 0px;font-size:12px;line-height:24px;}
  .fac-con-img{height:300px;}
  .fac-con-bt{height:300px;}
  .fac-con-txt{text-align:center !important;}
  .fac-con-txt>p>span{display:inline;}

  .deco{margin:80px 0;padding:0 20px;font-size:12px;line-height:22px;}
  .deco>p>span{display:inline;}
  .deco>img{width:100px;}

  /*ct-bn*/
  .ct-bn{height:80vh;}/*height:80vh*/
  .ct-bn-con .ct-bn-img{height:55%;}
  .ct-bn-txt{height:40%;}
  .ct-bn-txt-in h3{font-size:30px;}
  .ct-bn-txt-in>p{font-size:12px;line-height:22px;}

   /*others*/
   .others{margin:100px 0 0;}
   .others-con-img{width:100%;height:350px;}
   .others-con-txt{display:flex;position:static;top:auto;right:auto;z-index:9;width:100%;flex-direction:column-reverse;height:400px;}
   .others-con-control{display:flex;position:static;top:auto;left:auto;right:auto;transform:translateX(0%);z-index:1;width:130px;height:20px;margin:30px auto;}
   .others-con-control .others-swip-page.swiper-pagination-fraction{padding:5px 10px 0 10px;font-size:12px;}
   .others-con-txt-in{width:100%;height:428px;}
   .others-txt-in h4{font-size:20px;}
   .others-txt-in h4::before{content:url(../img/deco3-m.png);display:block;}
   .others-txt-in p{font-size:12px;line-height:23px;}
   .others-txt-in p span{display:inline;}
}