header, footer {
  display: none !important;
}
#contents * {
  font-family: var(--main-fonts);
} 
#contents .mbheader {
  height: 156px;
  position: relative;
  max-width: 1920px;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}
#contents .mbheader .mbheader__in {
  width: 1066px;
  margin: 0 auto;
  position: relative;
  padding: 65px 0;
}
#contents .mbheader .mbheader__top {
  display: flex;
  justify-content: center;
}
#contents .mbheader .mbheader__top img {
  width: 180px;
}
#contents .mbheader .mbheader__top p {
  font-size: 24px;
  font-family: var(--main-fonts);
  color: var(--txt-color);
  position: relative;
  margin: 0;
  font-weight: 600;
  margin-left: 20px;
}
#contents .mbheader .mbheader__top p::after {
  content: '';
  position: absolute;
  bottom: 5px;
  right: -8px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: var(--main-color);
}
#contents .mbheader .header__sub {
  position: absolute;
  bottom: 10px;
  right: 0px;
  font-family: var(--main-fonts);
  font-size: 14px;
  padding: 8px 15px;
  border-radius: 30px;
  border: 1px solid #e1e1e1;
  cursor: pointer;
  letter-spacing: var(--main-letter-spacing);
}
#contents .mbheader .header__sub span {
  color: #6b1889;
}

#join_step1 {
  width: 925px;
  margin: 0 auto;
  padding-top: 80px;
}
#join_step1 p.member__title {
  font-size: 24px;
  font-family: var(--main-fonts);
  color: var(--txt-color);
  margin: 0 auto;
  text-align: center;
  font-weight: 600;
}
.md-stepper-horizontal {
	display:table;
	width:100%;
  margin: 16px auto;
}
.md-stepper-horizontal .md-step {
	display:table-cell;
	position:relative;
	padding:24px;
}
.md-stepper-horizontal .md-step:active {
	border-radius: 15% / 75%;
}
.md-stepper-horizontal .md-step:first-child:active {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.md-stepper-horizontal .md-step:last-child:active {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.md-stepper-horizontal .md-step:first-child .md-step-bar-left,
.md-stepper-horizontal .md-step:last-child .md-step-bar-right {
	display:none;
}
.md-stepper-horizontal .md-step .md-step-circle {
	width:30px;
	height:30px;
	margin:0 auto;
	background-color: #fff;
	border-radius: 50%;
  border: 1px solid #ae75cc;
	text-align: center;
	line-height:30px;
	font-size: 14px; 
	color:#ae75cc; 
  font-family: var(--main-fonts);
}
.md-stepper-horizontal .md-step.done .md-step-circle:before {
	font-family:'FontAwesome';
	font-weight:100;
	content: "\f00c";
}
.md-stepper-horizontal .md-step.done .md-step-circle *,
.md-stepper-horizontal .md-step.editable .md-step-circle * {
	display:none;
}
.md-stepper-horizontal .md-step.editable .md-step-circle {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.md-stepper-horizontal .md-step.editable .md-step-circle:before {
	font-family:'FontAwesome';
	font-weight:100;
	content: "\f040";
}
.md-stepper-horizontal .md-step .md-step-title,
.md-stepper-horizontal .md-step .md-step-optional {
	text-align: center;
	color:#ae75cc; 
  margin-top: 18px;
  font-size: 15px;
  font-family: var(--main-fonts);
}
.md-stepper-horizontal .md-step.active .md-step-title {
	font-weight: 600;
	color:#ae75cc;  
}
.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right {
	position:absolute;
	top:38px;
	height:2px;
	border-top:2px solid #ae75cc;
}
.md-stepper-horizontal .md-step.active .md-step-circle {
  background: var(--main-color);
  color: #fff;
	border-top:2px solid var(--main-color);
  border: 1px solid var(--main-color);
}
.md-stepper-horizontal .md-step.active .md-step-circle img {
  margin-top: -1px;
}
.md-stepper-horizontal .md-step.active .md-step-title {
  color: var(--main-color);
  font-weight: 600;
} 
.md-stepper-horizontal .md-step.active .md-step-bar-right {
  border-top: 2px solid var(--main-color);
}
.md-stepper-horizontal .md-step.active + .md-step .md-step-bar-left {
  border-top: 2px solid var(--main-color);
}
.md-stepper-horizontal .md-step .md-step-bar-right {
	right:0;
	left:50%;
	margin-left:15px;
}
.md-stepper-horizontal .md-step .md-step-bar-left {
	left:0;
	right:50%;
	margin-right:15px;
}

.member__cont {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.member__cont .cont__title {
  font-size: 17px;
  color: #969696;
  font-family: var(--main-fonts);
  width: 130px;
}
.str {
  color: #ae75cc;
}
.member__cont input, .member__cont select {
  background: #f8f8f8;
  border-radius: 10px;
  padding: 18px 20px;
  font-size: 17px;
  outline: 0; 
  border: 0; 
  color: #969696;
  font-family: var(--main-fonts);
}
.member__cont select {
  background: url(/common/image/arrow/down_arrow_gray.svg) #f8f8f8 no-repeat 94% 50%/ 15px;
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;
}
.join_form {
  width: 670px;
  margin: 0 auto;
  margin-top: 50px;
}

.frmSelect select {
  width: 80px;
}

.chk__form {
  width: 670px;
  margin: 50px auto;
}
.all__check_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 30px;
}
.all__check_wrap .chk__title {
  font-size: 17px;
  color: #969696;
  font-family: var(--main-fonts);
}

input[type="radio"] + .spanover {
  position: relative;
}
input[type="checkbox"] + .spanover {
  position: relative;
}
.spanover {
  font-size: 17px;
  font-weight: 500;
  color: #797979;
}
input[type=checkbox], .check_wrap input[type=checkbox] {
  display: none;
}
.member__cont input[type=radio] {
  display: none;
}
.member__cont label { 
  margin-left: 32px;
}
input[type="checkbox"] + .spanover:before, input[type="radio"] + .spanover:before {
  content: '';
  position: absolute;
  top: -2px;
  left: -32px;
  width: 25px;
  height: 25px;
  background: url(/common/image/arrow/mainunchecked.svg) no-repeat center;
  cursor: pointer;
  border-radius: 0px;
  float: right; 
}

input[type="checkbox"]:checked + .spanover:before, input[type="radio"]:checked + .spanover:before {
  background: url(/common/image/arrow/mainchecked.svg) no-repeat center center;
  float: right;
}
label.chk__label {
  margin-left: 32px;
}
.all__check_wrap label { 
  color: #191919;
}
.chk__form .check_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.chk__form button.btn_box_view {
  font-size: 15px;
  color: #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
  border: 0;
  background: #fff;
  outline: 0;
  text-decoration-line: underline;
  text-underline-offset: 5px;
  cursor: pointer;
}
.box_wrap #content {
  width: 670px;
  padding: 0;
}

.btn_wrap {
  width: 670px;
  display: flex;
  justify-content: center;
  align-items: center; 
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 90px;
}
.btn_wrap a {
  display: block;
  font-size: 17px;
  color: #fff;
  font-family: var(--main-fonts);
  padding: 20px 60px; 
  border-radius: 15px;
}
.btn_wrap a img {
  width: 8px;
  margin-left: 20px;
}
.btn_wrap a.btn__prev {
  background: #969696;
  margin-right: 14px;
}
.btn_wrap a.btn__next {
  background: var(--main-color);
}



.btn_wrap button {
  display: block;
  font-size: 17px;
  color: #fff;
  font-family: var(--main-fonts);
  padding: 20px 60px;
  border-radius: 15px;
  outline: 0;
  border: 0;
  margin-top: 30px;
}
.btn_wrap button img {
  width: 8px;
  margin-left: 20px;
}
.btn_wrap button.btn__prev {
  background: #969696;
  margin-right: 14px;
}
.btn_wrap button.btn__next {
  background: var(--main-color);
}


#join_check_id {
  color: #ae75cc;
  font-size: 15px;
  margin-left: 130px;
  display: block;
  margin-bottom: 15px;
}

.delivery_btn {
  outline: 0;
  border: 0;
  background: #969696;
  padding: 15px 50px;
  font-size: 15px;
  font-family: var(--main-fonts);
  color: #fff;
  border-radius: 15px;
}
.cont__height {
  height: 55px;
  display: flex;
  align-items: center;
}

.input__type {
  background: #faf0ff;
  border-radius: 10px;
  padding: 18px 20px;
  font-size: 17px;
  outline: 0;
  width: 540px;
  border: 0;
  color: #343434;
  font-family: var(--main-fonts);
}




/* 시크릿코드 */
.chk__form {
  width: 670px;
  margin: 60px auto;
  border-top: 1px solid #dadada;
  padding-top: 60px;
}
.delivery_btn {
  outline: 0;
  border: 0;
  background: #5f0581;
  padding: 20px 50px;
  font-size: 15px;
  font-family: var(--main-fonts);
  color: #fff;
  border-radius: 15px;
}
.btn_wrap button.btn__prev {
  background: #969696;
  margin-right: 14px;
}
.box_wrap {
  border: 1px solid #bfbfbf;
  padding: 30px 14px;
  height: 208px;
  overflow-y: auto;
  margin-bottom: 30px;
}
.box_wrap #content {
  width: 610px;
}
.box_wrap::-webkit-scrollbar {
width: 16px;
}
.box_wrap::-webkit-scrollbar-thumb {
height: 50px;
background: #bfbfbf;
border-radius: 10px;
border: 6px solid #fff; 
}
.box_wrap::-webkit-scrollbar-track {
border-radius: 0 6px 6px 0;
background-color: transparent;
}
#content * {
  font-family: var(--main-fonts) !important;
  font-size: 14px !important;
}
#content {
  min-height: auto !important;
} 
.check_sub .check_wrap.sub {
  justify-content: flex-start;
  padding-left: 35px;
}
.check_sub .check_wrap.sub .chk__label {
  margin-right: 25px;
}
.check_wrap.check_marketing {
  margin-bottom: 18px;  
}
.check_marketing .alert_txt {
  color: #ba2222;
  margin-top: 15px;
}