/*
Grid System
2016/1, Numan

(78px * 12Column) + (24px * 11Margin) = 1200px	
(78px / 1200px) * 100 = 6.5%
(24px / 1200px) * 100 = 2%
	
Keywords; row, col1..12, last, +wm
*/

/* Row */
.row {
	max-width:1200px;
	margin:0 auto;
}

/* Self-Clear */
.row:before,
.row:after {
  content: "";
  display: table;
} 
.row:after {
  clear: both;
}
.row {
  zoom: 1; /* IE 6/7 */
}

/* Column */
.row > div {
  float: left;
  margin: 0 2% 10px 0;
}
.row > .last,
.row > .col12 {
	margin:0 0 10px 0;
}
.col1 {width: 6.5%;}
.col2 {width: 15%;}
.col3 {width: 23.5%;}
.col4 {width: 32%;}
.col5 {width: 40.5%;}
.col6 {width: 49%;}
.col7 {width: 57.5%;}
.col8 {width: 66%;}
.col9 {width: 74.5%;}
.col10 {width: 83%;}
.col11 {width: 91.5%;}
.col12 {width: 100%;}

/* Mobile Device */
@media all and (max-width: 768px) {
  .row > div {
    float: none;
    width: 100%;
  }
}

/* ilave */

/* Without Margin */
.wm > div {
  margin-bottom: 0;
}
.wm > .last,
.wm > .col12 {
  margin-bottom: 0;
}
@media all and (max-width: 768px) {
  .wm > div {
    margin-bottom: 10px;
  }  
}