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


.flex_box02{display: flex; flex-wrap: wrap;justify-content: space-between; margin-top: 150px;}
.flex_box02 li{width: 45%; border-bottom: 1px solid#ccc; padding-bottom: 50px; margin-bottom: 50px;}
.flex_box02 div{width: 100%; height: 200px;background-repeat: no-repeat; background-size: cover; }
.div_box01{background: url(../images/img10.png);}
.div_box02{background: url(../images/img11.png);}
.div_box03{background: url(../images/img12.png);}
.div_box04{background: url(../images/img13.png);}
.div_box05{background: url(../images/img14.png);}
.flex_box02 span{font-size: 1.2rem; font-weight: 500; line-height: 100px;}

/* 일반 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;
  }

  .flex_box02 {
    flex-direction: column;
    gap: 40px;
    margin-top: 100px;
  }

  .flex_box02 li {
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }

  .flex_box02 div {
    height: 180px;
    border-radius: 10px;
  }

  .flex_box02 span {
    font-size: 1rem;
    line-height: 1.8;
    display: block;
    margin: 15px 0 10px;
  }

  .flex_box02 p {
    font-size: 0.85rem;
    line-height: 1.5;
  }
}