@charset "utf-8";

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

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


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



@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){

    .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; }

    #img-lst .list-con .con-r{ display:none; }

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