@charset "utf-8";

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

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

#img-lst .list-con .con-l{ width:50%; height:680px; background:url(../img/sub3/4/image2.jpg) no-repeat; background-size:cover; background-position: 30% center; }
#img-lst .list-con .con-center{width: 50%;}
#img-lst .list-con .con-center .con-img{ width:100%; height:48.5%; background:url(../img/sub3/4/image1.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/4/image3.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/4/image1.jpg) no-repeat; background-size:cover; background-position: 60% center; }


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



@media screen and (min-width:1px) and (max-width:1400px){
    #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; }

}

@media screen and (min-width:1px) and (max-width:780px){
    #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{ display:none;}
    #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;  }
 
}