@charset "UTF-8";

.sign_up h2{
	font-size: 5rem;
	font-weight: 600;
	text-align: center;
	padding-top: 1.87rem;
	margin-bottom: 2.18rem;
}
.subtext{
	text-align: center;
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: 2.18rem;
}
.subtext a{
	font-weight: 600;
	color: #2A0704;
}
.subtext a:hover{
	color: #FFEF00;
}
.des{
	text-align: center;
	margin-bottom: 1.56rem;
}
.platform_btn{
  color: #2A0704;
  margin: 0 20px;
  display: inline-block;
  position: relative;
  padding: 0.5rem 2rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-align: center;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
  border: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #2A0704 ;
}
.platform_btn.active{
  background: #FFEF00;
  color: #2A0704 ;
}
.platform_btn:hover{
  background: #EEDF06;
  color: #2A0704 ;
}
.title_des{
	font-size: 1.25rem;
	border-bottom: 1px solid #A9A09A;
	padding-bottom: 10px;
	margin-bottom: 1.25rem;
	margin-top: 20px;
}
.margin-bottom-10{
	margin-bottom: 10px;
}
.label-control{
	font-size: 0.875rem;
	line-height: 40px;
	font-weight: 400;
}
.sign_up .form-input{
	border-radius: 25px ;
	outline: none;
	border:1px solid #E9E0E0;
	width: 100%;
	height: 38px;
	padding-left: 18px;
	font-size: 0.875rem;
}
.diy_text{
	width: 100%;
	border-radius: 25px ;
	border:1px solid #E9E0E0;
	width: 100%;
	height: 38px;
	padding-left: 18px;
	font-size: 0.875rem;
	line-height: 38px;
	padding-right: 18px;
}
.diy_text.active{
	border:1px solid #FFEF00;
}
.diy_text.active i{
	color: #FFEF00;
}
.diy_text i{
	margin-top: 18px;
}
.diy_search{
	font-size: 0.875rem;
	cursor: pointer;
	position: relative;
}
.diy_search ul{
	background:#fff;
	border:1px solid #E9E0E0;
	border-radius: 10px ; 
	padding:8px;
	position: absolute;
	left: 0;
	top: 6px;
	width: 100%;
	z-index: 10;
	max-height: 200px;
	overflow-y: auto;
}
.diy_list_box{
	display: none;
	position: relative;

}
.diy_search ul li{
	width: 100%;
	height: 34px;
	line-height: 34px;
	border-radius: 4px;
	padding-left: 10px;
	cursor: pointer;
}
.diy_search ul li.active{
	background-color: #FFEF00;
}
.diy_search ul li:hover{
	background-color: #FFEF00;
}
.sign_up textarea{
	border-radius: 10px ;
	outline: none;
	border:1px solid #E9E0E0;
	width: 100%;
	height: 90px;
	padding-top: 10px;
	padding-left: 18px;
	font-size: 0.875rem;
}

.sign_up .line-height{
	line-height: 1.3;
	margin-bottom: 10px;
	margin-top: 10px;
}
.form_box{
	display: none;
}
.form_box.active{
	display: block;
}
.simulation_checkbox{
	width: 20px;
	height: 20px;
	border:1px solid #E9E0E0;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 1.8rem;
}
.simulation_checkbox.active{
	background: url(../images/check.png) no-repeat;
	background-size: 100%;
}
.agree_box{
	margin-top: 2.6rem;
	margin-bottom: 2.5rem;
}
.agree_text{
	font-size: 0.875rem;
	display: inline-block;
	line-height: 20px;
	vertical-align: top;
	margin-bottom: 1.8rem;
}
.agree_text a{
	color: #0056F8;
	font-weight: 400;
}
.sign_up_btn{
	display: none;
	font-size: 1.25rem;
}
.disabled_btn{
	font-size: 1.25rem;
	cursor: not-allowed;
	display: inline-block;
    position: relative;
    padding: 0.5rem 2rem;
    margin: 0;
    line-height: 1.5rem;
    text-align: center;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    outline: none;
    border: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #CFCFCF;
    background: #F3F6F8;
}
.agree_box .disabled{
	color: #CFCFCF;
    background: #F3F6F8;
    cursor: not-allowed;
}
.dropdown-menu{
	border:1px solid #E9E0E0;
	padding: 0;
    border-radius: 10px;
    top: 118%;
}
.selected{
	background-color: #FFEF00;
}
.dropdown-menu > li > a{
	padding: 8px 15px;
}
.bootstrap-select{
	border:0;
	box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
    color: #2A0704;
}
.has-error .bootstrap-select.form-control{
	border:0!important;
}
.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle{
	border-color:rgba(255, 9, 9, 1)!important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
	background-color: #FFEF00;
    color: #2A0704;
}