
/* Grid System */


/* PC용 */
.grid-lg-1{
	width: 8.3333333333%;
}
.grid-lg-2{
	width: 16.6666666666%;
}
.grid-lg-3{
	width: 24.9999999999%;
}
.grid-lg-4{
	width: 33.3333333333%;
}
.grid-lg-5{
	width: 41.6666666666%;
}
.grid-lg-6{
	width: 50%;
}
.grid-lg-7{
	width: 58.3333333333%;
}
.grid-lg-8{
	width: 66.6666666666%;
}
.grid-lg-9{
	width: 74.9999999999%;
}
.grid-lg-10{
	width: 83.3333333333%;
}
.grid-lg-11{
	width: 91.6666666666%;
}
.grid-lg-12{
	width: 100%;
}

/* 태블릿용 */
@media all and (max-width:960px){
	.grid-md-1{
		width: 8.3333333333%;
	}
	.grid-md-2{
		width: 16.6666666666%;
	}
	.grid-md-3{
		width: 24.9999999999%;
	}
	.grid-md-4{
		width: 33.3333333333%;
	}
	.grid-md-5{
		width: 41.6666666666%;
	}
	.grid-md-6{
		width: 50%;
	}
	.grid-md-7{
		width: 58.3333333333%;
	}
	.grid-md-8{
		width: 66.6666666666%;
	}
	.grid-md-9{
		width: 74.9999999999%;
	}
	.grid-md-10{
		width: 83.3333333333%;
	}
	.grid-md-11{
		width: 91.6666666666%;
	}
	.grid-md-12{
		width: 100%;
	}
}

/* 모바일용 */
@media all and (max-width:768px){
	.grid-sm-1{
		width: 8.3333333333%;
	}
	.grid-sm-2{
		width: 16.6666666666%;
	}
	.grid-sm-3{
		width: 24.9999999999%;
	}
	.grid-sm-4{
		width: 33.3333333333%;
	}
	.grid-sm-5{
		width: 41.6666666666%;
	}
	.grid-sm-6{
		width: 50%;
	}
	.grid-sm-7{
		width: 58.3333333333%;
	}
	.grid-sm-8{
		width: 66.6666666666%;
	}
	.grid-sm-9{
		width: 74.9999999999%;
	}
	.grid-sm-10{
		width: 83.3333333333%;
	}
	.grid-sm-11{
		width: 91.6666666666%;
	}
	.grid-sm-12{
		width: 100%;
	}
}

h1{
	font-size: 40px;
	font-weight: normal;
}
h2{
	font-size: 32px;
	font-weight: normal;
}
h3{
	font-size: 28px;
	font-weight: normal;
}
h4{
	font-size: 24px;
	font-weight: normal;
}
h5{
	font-size: 22px;
	font-weight: normal;
}
h6{
	font-size: 18px;
	font-weight: normal;
}

p{
	margin: 1em 0;
}

hr{
	width: 100%;
	border:0;
	border-bottom: 1px solid #ddd;
}

.bold{
	font-weight: bold;
}

.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.center{
	margin: 0 auto;
}

.img-responsive{
	width: 100%;
}