//layout
.float-layout {
	display: -webkit-flex;
	display: flex;
}
.float-layout-center {
	-webkit-justify-content: center;
	justify-content: center;
}
@include media(tab) {
	.tab-float-layout {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.tab-float-between {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}
@include media(pc) {
	.pc-float-layout {
		display: -webkit-flex;
		display: flex;
	}
	.pc-float-between {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}
//text
.text-12 {
	font-size: 12px;
}
.text-14 {
	font-size: 14px;
}
.text-16 {
	font-size: 16px;
}
.text-18 {
	font-size: 18px;
}
.text-20 {
	font-size: 20px;
}
.text-white {
	color: $white;
}
.text-grey {
	color: $grey;
}
.text-darkgrey {
	color: $dark_grey;
}
.text-black {
	color: $black;
}
.text-center {
	text-align: center;
}
//form style
.form,
input[type="password"] {
	@include border;
	font-size: 14px;
	outline: none;
	padding: 8px;
	&:focus {
		-webkit-transition: all .6s ease;
		transition: all .6s ease;
	}
}
//button style
.btn,
input[type="submit"] {
	border-radius: 2px;
	color: $white;
	padding: 6px 16px;
	&:hover {
		background: $white;
		-webkit-transition: all .6s ease;
		transition: all .6s ease;
	}
}