/*
* 개 발 일 : 2018-12-04;
* 개 발 자 : 장지수;
* 내    용 : 중개업소 홈페이지 모바일 입력폼;
*/
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}

.myform{
    margin:10px;
    width:400px;

}

#stylized h1 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:8px;
    font-family:nanumgothic,dotum;

}


#stylized p{
    font-size:12px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #b7ddf2;
    padding-bottom:10px;
    font-family:dotum;
}
#stylized label:not(.switch-label){
    display:inline-block;
    font-weight:bold;
    text-align:left;
    width:60px;
    /*float:left;*/
    font-family:tahoma;
}
#stylized .small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:140px;
    font-family:dotum;
    letter-spacing:-1px;
}
#stylized input{
    /*float:left;*/
    font-size:12px;
    border:solid 1px #aacfe4;
    width:160px;
    margin:2px 0px 5px 15px;
    /*padding:4px 2px;*/
}
#stylized select {
    font-size:12px;
    border:solid 1px #aacfe4;
    margin:2px 0px 5px 5px;
}
#stylized input.tel{
    /*float:left;*/
    font-size:12px;
    border:solid 1px #aacfe4;
    width:40px;
    margin:2px 0px 5px 5px;
    /*padding:4px 2px;*/
}
#stylized button{
    clear:both;
    margin-left:150px;
    width:125px;
    height:31px;
    text-align:center;
    line-height:31px;
    background-color:#000;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
    font-family:tahoma;
}

.tab_div{
    padding:0px 0px 0px 15px;
}
.eac-sugg{
  color:#ccc;
}


/**switch**/
.switch-blue .switch-selection {
  background: #3aa2d0;
  background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);
  background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);
  background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0);
  background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0);
}
.switch-input {
  display: none;
}
.switch-input:checked + .switch-label {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.65);
  text-shadow: 0 1px rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
  left: 60px;

}
.switch-triple .switch-input:last-of-type:checked + .switch-label-on ~ .switch-selection {

  left: 120px;


}

.switch-selection {
  display: block;
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  width: 58px;
  height: 22px;
  background: #65bd63;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, #9dd993, #65bd63);
  background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
  background-image: -o-linear-gradient(top, #9dd993, #65bd63);
  background-image: linear-gradient(to bottom, #9dd993, #65bd63);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-blue .switch-selection {
  background: #3aa2d0;
  background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);
  background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);
  background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0);
  background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0);
}


.switch {
  position: relative;
  margin: 20px 0px;
  height: 26px;
  width: 120px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.switch-triple {
  position: relative;
  margin: 20px 0px;
  height: 26px;
  width: 180px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 58px;
  line-height: 26px;
  font-size: 11px;
  color: rgba(58, 162, 208, 0.8);
  text-align: center;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.switch-label:active {
  font-weight: bold;
}

.switch-label-off {
  padding-left: 2px;
}

.switch-label-on {
  padding-right: 2px;
}