/* ============================
detail css
============================ */

#dtbx-p-01 span { width:360px; height:267px; }
#dtbx-p-02 span { width:400px; height:226px; }
#dtbx-p-03 span { width:400px; height:226px; }
#dtbx-p-04 span { width:400px; height:334px; }

@media all and (max-width: 767px) {

#dtbx-p-01 span { width:300px; height:-webkit-calc( 267px / 360 * 300 ); height:calc( 267px / 360 * 300 ); }
#dtbx-p-02 span { width:300px; height:-webkit-calc( 226px / 400 * 300 ); height:calc( 226px / 400 * 300 ); }
#dtbx-p-03 span { width:300px; height:-webkit-calc( 226px / 400 * 300 ); height:calc( 226px / 400 * 300 ); }
#dtbx-p-04 span { width:300px; height:-webkit-calc( 334px / 400 * 300 ); height:calc( 334px / 400 * 300 ); }

}

/*eof*/