미디어쿼리 반응형 웹 해상도별 처리

/* mobile */

@media all and ( min-width: 390px ) and ( max-width: 1024px ) {

    /* all device */

    .new-wrap-write li {width:24.3%;}

}

@media all and ( min-width: 360px ) and ( max-width: 640px ) {

    /* galaxy s5 */

    .new-wrap-write li {width:23.8%;}

}

@media all and ( min-width: 768px ) {

    /* tablet */

    .new-wrap-write li {width:24.3%;}

}

@media all and ( min-width: 320px ) and ( max-width: 568px ) {

    /* iphone 5 */

    .new-wrap-write li {width:23.6%;}

}​