/*
Grid System
2017/2, Numan

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

/* Clearfix, IE8+ */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Column */
.row > div {
	float: left;
	margin: 0 2% 15px 0;
}
.row > .last,
.row > .col12 {
	margin:0 0 15px 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;
	min-height: 1px; /* Fixed */
}
.wm > .last,
.wm > .col12 {
	margin-bottom: 0;
}
@media all and (max-width: 768px) {
	.wm > div {
		margin-bottom: 15px;
	}  
}