body{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    word-break: keep-all;
    background-size: 25%;}

.title {text-align: center;
font-weight: bold;
font-size: 34px;}
.all {margin: 25px;}
.red img {width: 15%;
margin-bottom:10px;}
.content {width: 50%;
    margin-bottom:100px;}
.red2 {
    display: flex;
    flex-wrap: wrap; /* 이미지가 넘칠 경우 줄바꿈 */
    gap: 15px; /* 이미지 사이의 간격 */
    margin-bottom:20px;
}

.red2 img {
    flex: 1 1 auto; /* 이미지가 컨테이너 내에서 골고루 분배됨 */
    max-width: 15%; /* 이미지가 컨테이너의 너비를 넘지 않도록 설정 */
    height: auto; /* 이미지의 세로 비율 유지 */
}
.content2 {margin-left: 50%;
    float: right;
    margin-bottom:100px;}

.content2 img {display: block;
    width: 50%;}
   
.content3 img {width: 50%;}
.content3  {width: 100%;}