@charset "utf-8";

/*-----------------------------------------------
	index
-----------------------------------------------*/
/* secFavor */
.secFavor .img{
	margin-top: 150px;
}
.secFavor .tit{
	font-size: 34px;
	text-align: center;
	margin-top: 97px;
	letter-spacing: 1px;
}
.secFavor .txt{
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	margin-top: 36px;
	letter-spacing: 0.25px;
}
@media only screen and (max-width:767px){
	.secFavor{
		width: 95.19%;
		margin: 0 auto;
	}
	.secFavor .img{
		margin-top: 50px;
	}
	.secFavor .tit{
		font-size: 18px;
		line-height: 1.7;
		margin-top: 30px;
		letter-spacing: 0.5px;
	}
	.secFavor .txt{
		font-size: 14px;
		line-height: 1.7;
		margin-top: 15px;
		letter-spacing: 0;
	}
}

/* secLogin */
.secLogin{
	background: #F7F7F7;
	margin-top: 55px;
	padding: 70px 0 69px;
}
.secLogin .txt{
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.5px;
}
.secLogin .cmnBtnLogin{
	margin-top: 38px;
}
@media only screen and (max-width:767px){
	.secLogin{
		width: 95.19%;
		margin: 25px auto 0;
		padding: 35px 2.4%;
	}
	.secLogin .txt{
		font-size: 14px;
		line-height: 1.7;
	}
	.secLogin .cmnBtnLogin{
		margin-top: 19px;
	}
}

/* secForce */
.secForce{
	padding: 60px 0 63px;
}
.secForce .txt{
	font-size: 34px;
	line-height: 66px;
	text-align: center;
	letter-spacing: 1px;
}
@media only screen and (max-width:767px){
	.secForce{
		padding: 30px 0 0;
	}
	.secForce .txt{
		font-size: 18px;
		line-height: 1.7;
		letter-spacing: 0.5px;
	}
}

/* secCmnFormStep */
.secCmnFormStep{
	padding-bottom: 60px;
}
.secCmnFormStep li{
	width: 280px;
	margin-right: 20px;
	font-size: 18px;
}
@media only screen and (max-width:767px){
	.secCmnFormStep{
		padding-bottom: 30px;
	}
	.secCmnFormStep li{
		width: 32%;
		margin-right: 2%;
		font-size: 14px;
	}
}
.secCmnForm .btnForm.ok {
    background: #20A161;
}