@charset "UTF-8";

.active-step {
	color: white;
	background-color: #1D8ED1;
	padding: 8px 5px;
	border-radius: 5px;
}

.joinIdInput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    opacity: 1; /* Firefox */
}

.joinIdInput:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

.joinIdInput::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}

@media ( max-width :767px) {
	.non-active-step {
		display: none;
	}
	.mobile-box {
		width: 230px;
		margin: auto;
	}
	.big-icon {
		font-size: 140px;
	}
	.text-box {
		padding: 0px 20px 20px 20px;
	}
	.joinBtn{
		margin-top: 5px;
	}
}

@media ( min-width :768px) {
	.mobile-box {
		width: 600px;
		margin: auto;
	}
	.big-icon {
		font-size: 140px;
	}
	.text-box {
		padding: 0px 110px 20px 110px;
	}
	.joinInputText{
		width: 300px;
		margin-right: 10px;
	}
}

.non-active-step {
	color: black;
	background-color: #EDEDEE;
	padding: 8px 10px;
	border-radius: 5px;
}

.third-menu hr {
	margin-top: 0px;
	width: 290px;
}