.gnb-menu .menu-0{
	display: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 파이어폭스에서의 초기화 방법 */
input[type=number] {
    -moz-appearance: textfield;
}

.main-wrap {
	width: 100%;
	background-color: #fff;
}

.join-article {
	margin: auto;
	box-sizing: border-box;
	padding-top: 90px;
	padding-bottom: 100px;
	max-width: 820px;
}

.join-article h2 {
	width: 100%;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -1.5px;
}

.join-article > p {
	margin-top: 5px;
	width: 100%;
	letter-spacing: -1px;
	font-weight: 300;
	color: #626974;
	font-size: 24px;
	text-align: left;
}

.form-wrap {
	margin-top: 50px;
}

.join-member {
	box-sizing: border-box;
	border-top: 3px solid #101820;
	padding-top: 30px;
	padding-bottom: 50px;
	position: relative;
}

.join-title {
	float: left;
	font-size: 24px;
	font-weight: bold;
	line-height: 160%;
	letter-spacing: -1px;
}

.join-inform {
	float: right;
}

/* 기본정보 */
.basic-box li {
	margin-bottom: 18px;
}

.basic-box li:last-child {
  position: relative;
	margin-bottom: 0;
}

.basic-box h3 {
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
	margin-top: 22px;
	min-width: 55px;
	letter-spacing: -1px;
	font-weight: 300;
	color: #626974;
}

.user-input {
	display: inline-block;
	vertical-align: top;
	width: 505px;
}

.user-input input {
	box-sizing: border-box;
	border: 1px solid #dee1e4;
	border-radius: 3px;
	width: 100%;
	height: 66px;
	text-indent: 15px;
	font-size: 16px;
	font-family: 'Kaleko205-Book', 'Noto Sans KR';
}

.user-input input::-webkit-input-placeholder {
	color: #a9adb4;
	font-weight: 300;
}

.user-input input::-moz-input-placeholder {
	color: #a9adb4;
	font-weight: 300;
}

.user-input input:-ms-input-placeholder {
	color: #a9adb4;
	font-weight: 300;
}

.user-input input::placeholder {
	color: #a9adb4;
	font-weight: 300;
}

.user-pw {
	top: 28px;
	right: 15px;
}
/* !기본정보 */


/*선택항목*/
.join-radio li {
	margin-bottom: 24px;
}

.join-radio li:last-child {
	margin-bottom: 0;
}

.radio-wrap {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	min-width: 250px;
}

.radio-wrap input[type="radio"] {
	position: absolute;
	visibility: hidden;
}

.radio-wrap input[type="radio"]+label {
	display: block;
	position: relative;
	box-sizing: border-box;
	padding-left: 30px;
	letter-spacing: -1px;
	line-height: 24px;
	cursor: pointer;
	z-index: 5;
}

.radio-wrap .check {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background-image: url("/CARVAZO_IMG/web_main/radiobox_off.svg");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	transition: all 500ms ease;
}

.radio-wrap input[type="radio"]:checked~.check {
	background-image: url("/CARVAZO_IMG/web_main/radiobox_on.svg");
}
/* !가입경로 */


/* 서비스 약관 */
.join-terms {
	width: 505px;
}

.all-checkbox {
	box-sizing: border-box;
	padding-bottom: 20px;
	border-bottom: 1px solid #eceff2;
}

.terms-box {
	box-sizing: border-box;
	padding-left: 40px;
}

.terms-li {
	position: relative;
}

.terms-li.sub-title{
	font-weight: 700;
	padding:20px 0 16px;
	font-size: 18px;
}
.checkbox-wrap {
	position: relative;
	margin-bottom: 20px;
}

.checkbox-wrap input[type="checkbox"] {
	position: absolute;
	visibility: hidden;
}

.checkbox-wrap label {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	box-sizing: border-box;
	padding-left: 32px;
	letter-spacing: -1px;
	line-height: 26px;
	cursor: pointer;
	z-index: 5;
}

.checkbox-wrap label.noti_all {
	padding-left: 38px;
	font-size: 24px;
	line-height: 30px;
}

.terms-chk {
	position: absolute;
	top: 1px;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 5px;
	background-image: url("/CARVAZO_IMG/web_main/checkbox_off.svg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 500ms ease;
}

.checkbox-wrap input[type="checkbox"]:checked~.terms-chk {
	background-image: url("/CARVAZO_IMG/web_main/checkbox_on.svg");
}

.all-chk {
	top: 0;
	width: 30px;
	height: 30px;
}

.terms-detail {
	vertical-align: middle;
	font-size: 12px;
	color: #0fae6f;
	cursor: pointer;
}

.noti-choice {
	vertical-align: middle;
	font-size: 14px;
	color: #a9adb4;
}
/* !서비스약관 */


/*회원가입 btn*/

.join-submit {
	text-align: right;
}

.join-submit input {
	width: 305px;
	height: 66px;
	border-radius: 50px;
	color: #fff;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 66px;
	text-align: center;
	background-color: #0fae6f;
}

label.error {
	margin-top: 5px;
	color: #ff786e;
	font-size: 14px;
	line-height: 20px;
	display: block;
}

.terms-li > label.error {
	font-size: 14px;
}

/* 모카 배너 */
.promotion-banner{
	position: absolute;
	width: 308px;
	bottom: 70px;
	padding: 12px 8px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	border-radius: 8px;
	background: #F5F8FC;
	backdrop-filter: blur(2px);
	box-sizing: border-box;
}
.promotion-banner .img-wrap{
	width: 60px;
	height: 60px;
}
.promotion-banner .img-wrap img{
	width: 100%;
}
.promotion-banner .text-wrap{
	color: #17191C;
	font-family: 'pretendard';
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}
.promotion-banner .text-wrap b{
	color:#17191C;
	font-family: 'pretendard';
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 21px */
}
/* !모카 배너 */

.member-phone{
	display:flex;
	justify-content: space-between;
	gap: 5px;
}
.phone-num {
	position: relative;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	border: 1px solid #dee1e4;
	padding: 0 30px;
	width: 265px;
	height: 66px;
	border-radius: 3px;
	font-size: 0;
	line-height: 55px;
	text-align: center;
}

.phone-num input {
	display: inline-block;
	vertical-align: middle;
	width: calc((100% - 40px) / 3);
	margin-left: 20px;
	font-size: 20px;
	font-family: 'Kaleko205-Book';
	text-align: center;
	border:none;
}

.phone-num input:focus {
	border: none;
}

.phone-num input:first-of-type {
	margin-left: 0;
	width: 45px;
}

.phone-num::before,
.phone-num::after {
	content: " ";
	position: absolute;
	top: 31px;
	left: 84px;
	width: 10px;
	height: 1px;
	background-color: #a9adb4;
}

.phone-num::after {
	left: auto;
	right: 94px;
}

.certification {
	display: inline-block;
	vertical-align: top;
	margin-left: 1px;
}

.certification > input {
	box-sizing: border-box;
	border: 1px solid #626974;
	border-radius: 10px;
	width: 100px;
	height: 66px;
	text-align: center;
	font-size: 16px;
	letter-spacing: -1px;
	line-height: 55px;
}

.certification > input:focus {
	border: 1px solid #626974;
}

.certi-input {
	margin-top: 10px;
	display: none;
	gap: 5px;
	justify-content: space-between;
}

.certi-input .certi-num {
	display: inline-block;
	vertical-align: middle;
	height: 66px;
	box-sizing: border-box;
	border: 1px solid #00cc83;
	letter-spacing: -0.5px;
	font-family: 'Kaleko205-Book', 'Noto Sans KR';
}

.certi-input .certi-submit {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1px;
	width: 100px;
	height: 66px;
	border-radius: 10px;
	background-color: #0fae6f;
	text-align: center;
	color: #fff;
	font-size: 16px;
}