.parking_search_carnumber_table {
  margin-bottom: 10px;
}

.parking_search_phonenumber {
  width: 320px;
  height: 80px;
  border-radius: 32px;
  background-color: #232730;
  margin-bottom: 26.5px;

  padding-top: 18px;
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: -0.8px;
  text-align: center;
  color: rgba(248, 248, 247, 0.9);
}

.parking_search_carumber {
  width: 81px; height: 80.5px;
  background: url(/premium/zz_template/app/pages/parking/search/carnumber-bg.png);
  background-size: 81px 80.5px;
  margin: 4px;
  font-size: 40px;
  color: rgba(255, 255, 255, 0.7);
  padding-top: 12px;
  padding-right: 2px;
  text-align: center;
}
.parking_search_carumber::after {
  content: attr(data-text);
}

.parking_search_rectangle_div_wrapper {
  width: 400px;
  height: 400px;
  /*object-fit: contain;*/
  /*background-image: linear-gradient(to top, #1f2229, #2a2d36), linear-gradient(#1f2229, #1f2229);*/
  /*background: url(/premium/zz_template/app/bg.svg);*/
  /*position: relative;*/
  background: url(/premium/zz_template/app/pages/parking/search/keypad-bg.png);
  background-size: 400px 400px;
  padding: 15px 35px 30px 25px;
  overflow: hidden;
}
.parking_search_rectangle_div {
  width: 405px;
  height: 360px;
  overflow-y: scroll;
  padding: 0px 40px 0px 0px;
}
.parking_search_rectangle_div::-webkit-scrollbar {
  width: 8px;
  margin-right:10px;
  border-radius: 4px;
}

.parking_search_rectangle_div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 4px;
}

.parking_search_rectangle_div::-webkit-scrollbar-thumb {
  background-color: rgba(200, 200, 200, 0.3);
  outline: 0px solid slategrey;
  border-radius: 4px;
}
div.parking_search_item_div {
  width: 100%; height:120px;
  margin-top: 0px; margin-bottom: 0px;

  cursor:pointer;
  text-align: left;
  padding: 10px 10px 0px 10px;
}
div.parking_search_item_div:hover {
  background-color: #00b3ee;
}
.parking_search_item_span_1_selected {
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: -0.8px;
  color: #fec131;
}
.parking_search_item_span_1_selected:after {
  background-image: url(/premium/zz_template/app/pages/parking/search/ico-check.png);
}
.parking_search_item_span_1_normal {
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: -0.8px;
  color: rgba(248, 248, 247, 0.8);
}
.parking_search_item_span_2_selected {
  font-size: 23px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: -0.6px;
  text-align: left;
  color: #f8f8f7;
  padding-bottom:3px;
}
.parking_search_item_span_2_normal {
  font-size: 23px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: -0.6px;
  text-align: left;
  color: rgba(248, 248, 247, 0.4);
  padding-bottom:3px;
}


table.parking_search_keypad_table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;

  width: 340px;
  height: 340px;
  margin-top: 12px;
}
table.parking_search_keypad_table td {
  font-size: 40px;
  color: rgba(255, 255, 255, 0.7);
  /*background-color: red;*/
  text-align: center;
  vertical-align: middle;
}
div.parking_search_keypad_number {
  width: 84px; height: 84px;
  margin-left: 10px;
  padding-top: 14px;
  cursor: pointer;
}
div.parking_search_keypad_number::after {
  content: attr(data-text);
}
div.parking_search_keypad_number:hover {
  background-image: url(/premium/zz_template/app/pages/parking/search/key-bg.png);
  background-size: 62px 61px;
  background-repeat: no-repeat;
  background-position: center;
}
div.parking_search_keypad_button_red {
  font-size: 19px;
  font-weight: normal;
  color: #ffffff;

  width: 84px; height: 84px;
  margin-left: 15px;
  padding-top: 28px;
  cursor: pointer;

  background-image: url(/premium/zz_template/app/pages/parking/search/btn-red-n.png);
  background-size: 84px 40px;
  background-repeat: no-repeat;
  background-position: center;
}
div.parking_search_keypad_button_red::after {
  content: attr(data-text);
}
div.parking_search_keypad_button_red:hover {
  background-image: url(/premium/zz_template/app/pages/parking/search/btn-red-p.png);
  background-size: 84px 40px;
  background-repeat: no-repeat;
  background-position: center;
}

div.parking_search_keypad_button_yellow {
  font-size: 19px;
  font-weight: normal;
  color: #ffffff;

  width: 84px; height: 84px;
  margin-left: 15px;
  padding-top: 28px;
  cursor: pointer;

  background-image: url(/premium/zz_template/app/pages/parking/search/btn-yellow-n.png);
  background-size: 84px 40px;
  background-repeat: no-repeat;
  background-position: center;
}
div.parking_search_keypad_button_yellow::after {
  content: attr(data-text);
}
div.parking_search_keypad_button_yellow:hover {
  background-image: url(/premium/zz_template/app/pages/parking/search/btn-yellow-p.png);
  background-size: 84px 40px;
  background-repeat: no-repeat;
  background-position: center;
}

.parking_search_btn_bottom {
  width: 268.5px;height: 98px;
  font-size: 25px;
  /*border: 1px solid black;*/
  border: 0px;
  cursor:pointer;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 1px; margin-left: 1px;
  float: left;
  padding-top: 30px;
  background-image: url(/premium/zz_template/app/pages/parking/search/btn-pre-n.png);
  background-size: 268.5px 98px;
  background-repeat: no-repeat;
  background-position: center;
}
.parking_search_btn_bottom::after {
  content: attr(data-text);
}
.parking_search_btn_bottom:hover {
  background-image: url(/premium/zz_template/app/pages/parking/search/btn-pre-p.png);
  background-size: 268.5px 98px;
  background-repeat: no-repeat;
  background-position: center;
}

.parking_search_btn_caroutrequest {
  cursor: pointer;
  width: 400px; height: 80px;
  background: url(/premium/zz_template/app/pages/parking/search/btn-carout-request-n.png) no-repeat;
  background-size: 400px 80px;
  border:none;

  margin-top: 20px;
  padding-top: 22px;

  font-size: 27px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.32;
  letter-spacing: -0.6px;
  text-align: center;
  color: #ffffff;
}
.parking_search_btn_caroutrequest:hover {
  background: url(/premium/zz_template/app/pages/parking/search/btn-carout-request-p.png) no-repeat;
  background-size: 400px 80px;
}
.parking_search_btn_caroutrequest:disabled {
  background: url(/premium/zz_template/app/pages/parking/search/btn-carout-request-n.png) no-repeat;
  background-size: 400px 80px;
  /*background: grey;*/
}

























[ng-cloak] {
  display: none;
}
*{margin:0;padding:0}
html, body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  height: 100%;
  width:100%;
  margin: 0px;
  padding: 0px;
  /* 2017.08.29 pull to refresh
  /*overflow: hidden;*/
  /*-ms-overflow-style: none;*/
}

/* Toolbar area */

.menu {
  background-color: transparent;
  border: none;
  height: 38px;
  margin: 16px;
  width: 36px;
}

md-toolbar h1 {
  margin: auto;
}

/* Sidenav area */

md-list .md-button {
  color: inherit;
  font-weight: 500;
  text-align: left;
  width: 100%;
}

md-list .md-button.selected {
  color: #03a9f4;
}

md-sidenav md-list {
  padding: 0px 0px 8px 0px;
}

/* Primary content area */

#content {
  overflow: hidden;
}

#content {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 5px;
}

#content .md-button.share {
  background-color: transparent;
  border: none;
  width: 48px;
  height: 48px;
  margin: 8px auto 16px 0;
  position: absolute;
  top: 10px;
  right: 25px;
}

#content md-icon.avatar {
  margin-top: 10px;
}

#content .md-button.share > md-icon {
  fill: black;
  width: 36px;
  height: 36px;
}

md-button.menuBtn > md-icon {
  fill: white;
  width: 24px;
  height: 24px;
}

#content .md-button.share:active > md-icon {
  background-color: #dadada;
  border-radius: 75%;
  padding: 4px;
  transition: all 100ms ease-out 30ms;
}

#content img {
  display: block;
  height: auto;
  max-width: 500px;
}

/* Utils */

.content-wrapper {
  position: relative;
}

/* Typography support coming in 0.8.0 */

md-toolbar h1 {
  font-size: 1.250em;
  font-weight: 400;
}

.avatar {
  position: relative;
  width: 128px;
  height: 128px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  margin: 0px;
  vertical-align: middle;
  zoom: 0.70;
  transform: translateZ(0);
  -webkit-transform: scale(0.70);
  -moz-transform: scale(0.70);
}

md-bottom-sheet md-icon {
  margin-right: 20px;
}

span.name {
  font-weight: bold;
  font-size: 1.1em;
  padding-left: 5px;
}





body {
  /*background: url(/premium/zz_template/app/bg.svg) no-repeat center center fixed;*/
  /*-webkit-background-size: cover;*/
  /*-moz-background-size: cover;*/
  /*-o-background-size: cover;*/
  /*background-size: cover;*/

  /*!* https://developer.mozilla.org/en-US/docs/Web/CSS/user-select *!*/
  /*user-select: none;*/
  /*-moz-user-select: none;*/
  /*-webkit-user-select: none;*/
  /*-ms-user-select: none;*/
}

.premium_scale_main {
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7), 0 6px 40px 0 rgba(0, 0, 0, 0.7);
  /*width:232px; */
  /*height:412px;*/
  /*position: absolute;*/
  /*top:50%;*/
  /*left:50%;*/
  /*margin-top:-480px;*/
  /*margin-left:-270px;*/
  
  /*width:540px; height:960px;*/
  /*position: absolute;*/
  /*top:50%;*/
  /*left:50%;*/
  /*margin-top:-480px;*/
  /*margin-left:-270px;*/
  
  /*background-color: red;*/
}

.premium_title {
  padding-top: 118px;
  color: #ffffff; font-size: 50px; padding-bottom: 5px;
}
/*.premium_title::after {*/
  /*content: attr(data-text);*/
/*}*/
.premium_subtitle {
  color: #6c6f78;
  font-size: 25px;
  padding-bottom: 20px;
}
/*.premium_subtitle::after {*/
  /*!*content: "번호로 전송된 인증번호를 입력해 주세요.\A 인증번호가 1초 내로 도착합니다.";*!*/
  /*content: attr(data-text);*/
  /*white-space:pre-wrap;*/
/*}*/
.premium_logo {
  /*background-color: red;*/
  background: url(/premium/zz_template/app/my-valet-logo.png) no-repeat;
  background-size: 117.5px 14.5px;
  width:117.5px; height: 14.5px;
  position: absolute; top: 780.5px; left: 209.5px;
  padding-left: 121px;
}
.premium_logo:after {
  /*content: '1.0.1';*/

  /** appversion:html **/
  content: '206';
  /** endinject **/

}
.premium_bottom {
  background-color: black;
  width:540px; height: 100px;
  margin-top: 112px;
  position: absolute;
  left: 0px; bottom: 0px;
}




/*body { min-height:540px; }*/
/*body[orient="portrait"] { min-height:540px; }*/
/*body[orient="landscape"] { min-height:400px; }*/