/*======= Area =======*/
.l_signup_area{
	max-width:400px;
	margin:0 auto;
}

/*======= title =======*/
.l_signup_title {
	font-size:32px;
	color:#008C6B;
}

.l_signup_title .l_signup_text{
	font-weight:600;
}

.l_signup_title .l_signup_subtext{
	font-size:18px;
	margin-left:20px;
}


/*======= guide =======*/
/*----- progress -----*/
.l_signup_area .a_progressbar .item{
	width:calc(33% - 15px);
}

.l_signup_area .a_progressbar .item::after{
		right:-24px;
}

.l_signup_area .a_progressbar .item:last-child {
	width: calc(33% + 15px);
}

.l_signup_area .a_progressbar .item:last-child::after{
		right:1px;
}

@media screen and (max-width:767px){
	
	.l_signup_area .a_progressbar .item::after{
		right: -16px;
	}
}

/*----- guide -----*/
.l_signup_guide{
	font-size: 12px;
	color: #333333;
	text-align:center;
}


/*======= grid =======*/
/*----- form -----*/
.l_signup_grid {
	width:100%;
}

.l_signup_grid dl{
	display: flex;
	border-bottom: 0;
	margin-bottom: 20px;
	padding: 10px 0 0;
	flex-wrap: wrap;
	
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	flex-direction:column;
}

.l_signup_grid dl dt,
.l_signup_grid dl dd
{
	width:100%;
}

.l_signup_grid dl dd input[type="text"],
.l_signup_grid dl dd input[type="password"],
.l_signup_grid dl dd select{
	height:50px;
	margin-bottom:0;
	background: #FFF;
}

.l_signup_grid dl dd label{
	margin:0 10px;
}

.l_signup_area .ec-required{
	font-size:18px;
	margin-left:5px;
}

/*----- btn -----*/
.l_signup_action{
	width:100%;
	height: 60px;
	color:#FFF;
	border:none;
	background: #008C6B;
	border-radius: 5px;
	position:relative;
}

.l_signup_action:hover{
	background: #0B6852;
	color:#FFF;
}

.l_signup_action:before {
	content:"";
	display:block;
	position:absolute;
	z-index:5;
	top:23px;
	right:20px;
	width:10px;
	height:15px;
	background:url('../img/icon2/caret_r.svg');
	background-repeat:no-repeat;
}