여러이미지를 가로사이즈에 따라 변경 채택완료

<div>
    <img src="/main/day.jpg" class="img_a">
    <img src="/main/Confidence.jpg" class="img_b">
    <img src="/main/future.jpg" class="img_c">
    <img src="/main/balance.jpg" class="img_d">
    <img src="/main/Vision.jpg" class="img_e">
</div>

<script>
$(function(() {
    $(window).resize(function() {
        var width = window.innerWidth;
        if (width < 600) {
            $('.img_a').attr('src', '/m/day.jpg');
            $('.img_b').attr('src', '/m/confidence.jpg');
            $('.img_c').attr('src', '/m/future.jpg');
            $('.img_d').attr('src', '/m/balance.jpg');
            $('.img_e').attr('src', '/m/vision.jpg');
        } else {
            $('.img_a').attr('src', '/main/day.jpg');
            $('.img_b').attr('src', '/main/Confidence.jpg');
            $('.img_c').attr('src', '/main/future.jpg');
            $('.img_d').attr('src', '/main/balance.jpg');
            $('.img_e').attr('src', '/main/Vision.jpg');
        }
    }).resize();
});
</script>