#content{width: 75%; margin: 300px auto 200px;}
.con h3{text-align: center; font-size: 2.5rem;}



  .back_img{background: url(../images/img15.jpg); width: 50%; height: 800px; background-repeat: no-repeat; background-size: cover;}
  .flex_box{display: flex;justify-content: space-between;margin: 50px 0 100px 0; flex-wrap: wrap;}
  .div_flex{display: flex;gap: 15px; margin-top: 150px;}
  .div_flex a{font-weight: 300;}
  .div_flex .blink{font-weight: 450;}
  .flex_box li{width: 30%; height: 300px;background-repeat: no-repeat;background-position: center; background-size: cover; margin-top: 100px;}
  .img01{background: url(../images/work/img01.jpg);}
  .img02{background: url(../images/work/img02.jpg);}
  .img03{background: url(../images/work/img03.jpg);}
  .img04{background: url(../images/work/img04.jpg);}
  .img05{background: url(../images/work/img05.jpg);}
  .img06{background: url(../images/work/img06.jpg);}
  .img07{background: url(../images/work/img07.jpg);}
  .img08{background: url(../images/work/img08.jpg);}
  .img09{background: url(../images/work/img09.jpg);}
  .img10{background: url(../images/work/img10.jpg);}
  .img11{background: url(../images/work/img11.jpg);}
  .img12{background: url(../images/work/img12.jpg);}

/* 일반 pc */
@media screen and (max-width:1280px) {
	
}

/* 테블릿 */
@media screen and (max-width:1024px) {
  
}

/* 소형 테블릿 */
@media screen and (max-width:768px) {


}
/* 모바일 */
@media screen and (max-width:640px) {
    
    
}

/* 최소 사이즈 처리 */
@media screen and (max-width:480px) {
  #content {
    width: 90%;
    margin: 150px auto 100px;
  }

  .con h3 {
    font-size: 2rem;
  }

  .div_flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 100px;
  }

  .div_flex a {
    font-size: 0.95rem;
  }

  .flex_box {
    justify-content: center;
    gap: 20px;
  }

  .flex_box li {
    width: 100%;
    height: 200px;
    margin-top: 30px;
  }
}