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

</p>

<p><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></p>

<p><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></p>

<p>