@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);}

.intro-l .intro-img{ background:url(../img/sub3/1/image1.jpg) no-repeat; background-size:cover; background-position: center 0%;  }

/*img-lst부분*/
#img-lst{ width:1400px; margin:120px auto;  }
#img-lst .list-con{ display:flex; width:100%; justify-content:space-between; }
#img-lst .list-con .con-l{ width:30%; height:680px; background:url(../img/sub3/1/image2.jpg) no-repeat; background-size:cover; background-position: center; }
#img-lst .list-con .con-center{ width:40%; height:680px; margin: 0 20px; display: flex; flex-direction: column;justify-content: space-between;}
#img-lst .list-con .con-center .con-img{ width:100%; height:48.5%; background:url(../img/sub3/1/image3.jpg) no-repeat; background-size:cover; background-position: center;}
#img-lst .list-con .con-center .con-img:last-child{ width:100%; background:url(../img/sub3/1/image4.jpg) no-repeat; background-size:cover; background-position: center; margin-bottom: 0px;}
#img-lst .list-con .con-r{ width:30%; height:680px; background:url(../img/sub3/1/image5.jpg) no-repeat; background-size:cover; background-position: 20% center; }

/*design*/
#design{ width:100%; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); padding:80px 0; margin: 150px auto 100px;}
#design .design-txt{ width:100%; margin:0 auto; }
#design .design-txt img{ width:30px; opacity:.35; position: relative; top: 0; left: 50%; transform: translateX(-50%); margin-bottom: 30px;}
#design .design-txt p{ position: relative; top: 0; left: 50%; transform: translateX(-50%); text-align: center;line-height: 1.5em; font-family: 'MapoFlowerIsland'; font-size: 14px; letter-spacing: 1px;}

/*fac-con*/
/*.fac{width:1400px;margin:150px auto 120px;text-align:center;}
.fac-img{background-size:cover;background-position:center center;}
.fac-top{display:flex;width:100%;margin-bottom:100px;}
.fac-top .con-tit{margin-bottom:30px;}
.fac-top-l{width:50%;height:600px;}
.fac-top-l .fac-img{width:100%;height:100%;background-image:url(../img/sub3/1/image2.jpg); background-position:100% 100%;}
.fac-top-r{width:50%;padding:70px 40px;}
.fac-txt{display:flex;width:100%;height:100%;padding:0 50px;border-top:1px dashed #707070;border-bottom:1px dashed #707070;justify-content:center;align-items:center;flex-direction:column;}
.fac-txt>p{margin-bottom:30px;font-size:14px;font-weight:300;line-height:27px;color:#A5A5A5;}
.fac-txt .btn{background-color: #707070;border:1px solid transparent;color:#fff;cursor:default;}
.fac-bt{display:flex;width:100%;justify-content:space-between;}
.fac-bt-l{width:50%;}
.fac-bt-l>p{padding:100px 0;font-size:14px;font-weight:300;color:#A5A5A5;letter-spacing:2px;line-height:24px;}
.fac-bt-l>p>span{display:block;}
.fac-bt-l .fac-img{position:relative;z-index:9;width:110%;height:600px;background-image:url(../img/sub3/1/image2.jpg);}
.fac-bt-r{position:relative;width:50%;padding:0 20px 20px 20px;}
.fac-bt-r .fac-img{width:100%;height:724px;background-image:url(../img/sub3/1/image3.jpg);}
.fac-bt-r>p{position:absolute;bottom:0;left:50px;z-index:99; font-family: 'aAutoSignature';font-size:80px;color:#C1BCAC;}
*/
.con-bn{background-image:url(../img/sub3/1/image4.jpg);}




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



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

    /*.fac{width:100%;padding:0 20px;}
    .fac-bt-r>p{left:0;}*/

    #design{ width:100%; }
    #img-lst{ width:93%; }

  
  
}


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

    #img-lst{ width:98%;}
    #img-lst .list-con .con-l{ height:476px; }
    #img-lst .list-con .con-center{ width: 45%; height:476px; }
    #img-lst .list-con .con-r{ height:476px; }

    /*.fac{margin:120px auto 50px;}
    .fac-top{flex-direction:column;margin-bottom:0px;}
    .fac-top-l{width:100%;height:450px;}
    .fac-top-r{width:100%;padding:50px 0;}
    .fac-txt{padding:50px 0;}
    .fac-txt>p{font-size:13px;line-height:25px;}
    .fac-bt{flex-direction: column-reverse;}
    .fac-bt-l{width:100%;margin-bottom:0px;}
    .fac-bt-l>p{padding:70px 0;font-size:13px;line-height:25px;}
    .fac-bt-l .fac-img{width:100%;height:450px;}
    .fac-bt-r{width:100%;padding:0;}
    .fac-bt-r .fac-img{height:450px;}
    .fac-bt-r>p{display:none;}*/

}

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

    .intro{ padding:80px 20px 20px; }
    #img-lst{ margin:80px auto; }

    #img-lst .list-con{ flex-direction:column; }
    #img-lst .list-con .con-l{ width:100%; margin-bottom:20px; height: 300px;}
    #img-lst .list-con .con-r{ width:100%; margin-bottom:20px; height: 300px;}
    #img-lst .list-con .con-center{ width:100%; height:620px; margin: 0px 0 20px; }
    #img-lst .list-con .con-center .con-img{ height:300px; }

    #design{ margin:80px auto 0px;  }

    /*.fac-txt>p{font-size:12px;line-height:23px;}
    .fac-top-l, .fac-bt-l .fac-img, .fac-bt-r .fac-img{height:350px;}
    .fac-bt-l>p>span{display:inline;}*/
 
}