급한대로 이미지 만들어와써...

 

 

<table border="0" cellpadding="0" cellspacing="0" style="width:100%;">
    <tbody>
        <tr style="margin:0;padding:0;line-height:0;">
            <td colspan="4" style="margin:0;padding:0;line-height:0;border-style:none;"><img alt="head" src="이미지링크1" style="vertical-align:bottom;" /></td>
        </tr>
    </tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" style="width:100%;">
    <tbody>
        <tr style="margin:0;padding:0;line-height:0;">
            <td style="margin:0;padding:0;line-height:0;"><img alt="분류1" height="550" loading="lazy" src="이미지링크2" width="100%" /></td>
            <td><img alt="분류2" height="550" loading="lazy" src="이미지링크3" width="100%" /></td>
            <td><img alt="분류3" height="550" loading="lazy" src="이미지링크4" width="100%" /></td>
            <td><img alt="분류4" height="550" loading="lazy" src="이미지링크5" width="100%" /></td>
        </tr>
    </tbody>
</table>

<p>&nbsp;</p>
 

더쿠도 검색해보고 구글도 검색해봤는데 ㅠㅠ...

해보다가 도저히안되겠어서 글올려봄

 

PC로는 위아래가 멀쩡하게 잘붙어있는데 모바일화면으로 확인해보면 위에 올린 이미지처럼 위아래가 여백이 있음 ㅠㅠ........

 

https://theqoo.net/design/2289065571

https://theqoo.net/ktalk/1559489732

https://theqoo.net/ktalk/1346499692

 

이 세개글 참고했는데 해결이 안되네...ㅠㅠ...아는덬있을까